@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Montserrat:wght@500;700;900&display=swap');

*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#8bcce9;color:#fff;font-family:Montserrat,system-ui,sans-serif}canvas{display:block}#hud{position:fixed;z-index:2;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;padding:22px clamp(18px,4vw,60px);pointer-events:none;text-shadow:0 2px 5px #10466988}#hud>strong{font:800 clamp(1.15rem,2vw,1.65rem)/1 Barlow Condensed,sans-serif;letter-spacing:.13em}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2.4vw,28px)}.stats span,.fuel>span{font:700 .62rem/1 Montserrat,sans-serif;letter-spacing:.12em;color:#def7ff}.stats b{display:block;margin-top:5px;font:800 1.25rem/1 Barlow Condensed,sans-serif;color:#fff}.stats .warning{display:none;color:#ff7355;text-shadow:0 0 12px #ff3f28}.stats .warning.active{display:block;animation:stall-pulse .55s infinite alternate}.stats .warning b{color:#ffd8cf;font-size:.85rem}@keyframes stall-pulse{to{opacity:.45;transform:scale(.96)}}.fuel{justify-self:end;display:flex;align-items:center;gap:9px}.fuel i{display:block;width:110px;height:10px;padding:2px;border:1px solid #fff9;border-radius:10px;background:#083c5a66}.fuel em{display:block;width:100%;height:100%;border-radius:8px;background:#ffd348;box-shadow:0 0 10px #ffd348;transition:width .15s,background .15s}#lang-toggle{position:fixed;z-index:4;top:18px;right:18px;min-width:46px;padding:8px 10px;opacity:.9;letter-spacing:.08em}#flight-event{position:fixed;z-index:2;top:27%;left:50%;padding:9px 16px;transform:translate(-50%,-12px) scale(.9);border:1px solid #ffd34888;border-radius:2px;background:#062e46bb;color:#ffd348;font:900 clamp(.8rem,2vw,1.1rem) Montserrat,sans-serif;letter-spacing:.14em;text-shadow:0 2px 8px #000;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}#flight-event.active{opacity:1;transform:translate(-50%,0) scale(1)}.panel{position:fixed;z-index:3;top:50%;left:50%;width:min(92vw,500px);padding:40px 34px;transform:translate(-50%,-50%);text-align:center;border:1px solid #ffffff55;border-radius:3px;background:linear-gradient(145deg,#062e46e8,#0d5366d9);box-shadow:0 28px 80px #06334d80;backdrop-filter:blur(12px)}.panel:before,.panel:after{content:'';position:absolute;width:34px;height:34px;border-color:#ffd348}.panel:before{top:10px;left:10px;border-top:2px solid #ffd348;border-left:2px solid #ffd348}.panel:after{right:10px;bottom:10px;border-right:2px solid #ffd348;border-bottom:2px solid #ffd348}.eyebrow{margin:0 0 12px;color:#ffd348!important;font-size:.65rem;font-weight:900;letter-spacing:.24em}.panel h1{margin:0 0 16px;font:800 clamp(3.2rem,10vw,5.7rem)/.73 Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:-.03em}.panel p{color:#d9f6ff;font-size:.84rem;line-height:1.65}.key-help{display:flex;justify-content:center;gap:9px;margin:23px 0}.key-help span{min-width:98px;padding:8px;border:1px solid #ffffff38;border-radius:3px;background:#ffffff0d;font:800 .72rem Montserrat,sans-serif}.key-help small{display:block;margin-top:4px;color:#9ed0df;font-size:.52rem;font-weight:500;text-transform:uppercase}button{border:0;border-radius:2px;padding:14px 28px;color:#11384a;background:#ffd348;font:900 .72rem Montserrat,sans-serif;letter-spacing:.13em;cursor:pointer;box-shadow:0 5px 0 #c99a1a;transition:transform .1s}button:active{transform:translateY(3px);box-shadow:0 2px 0 #c99a1a}.hidden{display:none!important}.result{display:flex;justify-content:center;gap:28px;margin:20px 0 28px}.result span{color:#9ed0df;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.result strong{display:block;margin-top:5px;color:#fff;font:800 2.2rem Barlow Condensed,sans-serif}#touch-controls{position:fixed;z-index:2;right:22px;bottom:22px;left:22px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#touch-controls div{display:flex;gap:7px;align-items:end}#touch-controls button{width:58px;height:52px;padding:0;opacity:.77;pointer-events:auto;font-size:1rem}.throttle{height:65px!important;background:#ff7355;color:#fff;box-shadow:0 5px 0 #ad3d2c!important;font-size:.65rem!important}@media(min-width:800px){#touch-controls{display:none}}@media(max-width:700px){#hud{grid-template-columns:1fr auto;padding:16px}.stats{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px}.fuel{grid-column:2;grid-row:1}.stats span{font-size:.5rem}.stats b{font-size:1rem}.fuel i{width:75px}.panel{padding:32px 18px}.key-help{display:none}}