.flight-ui{display:none;--edge-l:max(18px,env(safe-area-inset-left));--edge-r:max(18px,env(safe-area-inset-right));--edge-t:max(18px,env(safe-area-inset-top));--edge-b:max(18px,env(safe-area-inset-bottom));--pad:clamp(88px,25vw,128px)}body.shell-dismissed .flight-ui{display:block}.flight-ui>*{position:fixed;z-index:5}.flight-ui button,.flight-ui input,.flight-stick{touch-action:none;-webkit-user-select:none;user-select:none}.flight-ui button{min-height:44px;border:1px solid #6c6047;background:rgba(4,9,14,.85);color:#e9dcc3;font:600 10px var(--mono);letter-spacing:.04em;cursor:pointer}.flight-stick{bottom:var(--edge-b);width:var(--pad);height:var(--pad);border:1px solid #b79b5e99;border-radius:50%;background:radial-gradient(circle,#30405244 0 2%,transparent 3% 48%,#b79b5e44 49% 50%,transparent 51%),rgba(4,9,14,.45);outline-offset:5px}.flight-stick:focus-visible{outline:2px solid #e4bf70}.flight-stick::before,.flight-stick::after{content:'';position:absolute;background:#b79b5e55;pointer-events:none}.flight-stick::before{width:1px;height:70%;top:15%;left:50%}.flight-stick::after{height:1px;width:70%;left:15%;top:50%}#flight-move{left:var(--edge-l)}#flight-look{right:var(--edge-r)}.flight-thumb{position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px)));border:1px solid #d5bb7b;background:#182834bb;border-radius:50%;pointer-events:none}.flight-stick-label{position:absolute;bottom:10%;left:0;width:100%;text-align:center;color:#f2dfb9;font:9px var(--mono);letter-spacing:.12em;pointer-events:none}.flight-lever{bottom:var(--edge-b);right:calc(var(--edge-r) + var(--pad) + 12px);width:52px;height:calc(var(--pad) + 44px);display:grid;grid-template-rows:12px 1fr 12px 44px;gap:3px;color:#e6d1a7;font:8px var(--mono);text-align:center}.flight-lever-track{position:relative;min-height:0}.flight-lever-track::before{content:'';position:absolute;top:50%;left:3px;right:3px;border-top:1px solid #e6d1a7;pointer-events:none}#flight-throttle{writing-mode:vertical-lr;direction:rtl;width:44px;height:100%;margin:0;accent-color:#e9b762;cursor:ns-resize;touch-action:none}#flight-neutral{font-size:8px;padding:2px;min-height:44px}.flight-status{top:calc(var(--edge-t) + 76px);left:var(--edge-l);color:#e9dcc3;font:10px/1.8 var(--mono);letter-spacing:.03em;max-width:calc(100vw - var(--edge-l) - var(--edge-r) - 132px);pointer-events:none;text-shadow:0 1px 4px #000}.flight-status span{display:block}#flight-view{top:calc(var(--edge-t) + 64px);right:var(--edge-r);width:112px}.flight-reticle{left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #e9dcc399;border-radius:50%;box-shadow:0 0 0 4px #01050955}.flight-reticle::after{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;background:#e9dcc3;transform:translate(-50%,-50%)}.flight-reticle.blocked{border-color:#ff6f49;box-shadow:0 0 15px #ff6f4988}.flight-hit{position:absolute;inset:-10px;border:2px solid #fbe9b2;opacity:0;transform:rotate(45deg)}.flight-radar{width:58px;height:58px;left:var(--edge-l);bottom:calc(var(--edge-b) + var(--pad) + 15px);border:1px solid #aa916255;border-radius:50%;background:linear-gradient(90deg,transparent 49%,#aa916255 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#aa916255 50%,transparent 51%),#04090e66;pointer-events:none}.flight-radar span{position:absolute;width:3px;height:3px;background:#ff8c5a;border-radius:50%;transform:translate(-50%,-50%)}.flight-radar::after{content:'RADAR';position:absolute;top:61px;left:0;right:0;text-align:center;font:7px var(--mono);color:#bca77f}.flight-damage{position:fixed;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 60px #ef4925;opacity:0}.flight-help{bottom:calc(var(--edge-b) + 6px);left:50%;transform:translateX(-50%);max-width:380px;color:#c4bba8;font:9px/1.7 var(--mono);pointer-events:none;text-align:center}.flight-frame{inset:7vh 4vw;border:1px solid #bca77f22;clip-path:polygon(0 0,12% 0,12% 2px,2px 2px,2px 98%,12% 98%,12% 100%,0 100%,0 0,100% 0,100% 100%,88% 100%,88% 98%,98% 98%,98% 2px,88% 2px,88% 0);pointer-events:none;opacity:0}body.flight-cockpit .flight-frame{opacity:1}body.shell-dismissed .background-player{top:max(18px,env(safe-area-inset-top));bottom:auto}body.shell-dismissed .background-player small{display:none!important}
@media(max-width:920px),(max-height:500px){body.shell-dismissed .background-player{grid-template-columns:minmax(0,1fr) auto}body.shell-dismissed .background-state{display:none}.flight-help{display:none}.flight-status{font-size:9px}.flight-ui{--pad:96px}}@media(max-width:360px){.flight-ui{--pad:88px}.flight-status{font-size:8px}.flight-lever{right:calc(var(--edge-r) + var(--pad) + 8px);width:44px}#flight-view{width:104px;font-size:9px}}@media(max-height:360px){.flight-radar{width:44px;height:44px;bottom:calc(var(--edge-b) + var(--pad) + 7px)}.flight-radar::after{top:46px}.flight-status{top:calc(var(--edge-t) + 64px)}}

.flight-status{background:rgba(3,8,13,.65);padding:5px 8px;border-left:1px solid #bca77f66;font-size:11px}.flight-stick-label{font-size:10px}.flight-lever{font-size:9px}@media(max-width:920px),(max-height:500px){.flight-status{font-size:9px}}
@media(max-width:620px){body.shell-dismissed .background-player{width:min(214px,calc(100vw - max(18px,env(safe-area-inset-left)) - max(18px,env(safe-area-inset-right)) - 84px));gap:5px}body.shell-dismissed .background-player button{font-size:8px}body.shell-dismissed #background-toggle{padding-inline:8px}body.shell-dismissed #background-replay{padding-inline:7px}body.shell-dismissed .reveal-hint{width:68px;min-height:44px;padding:10px 6px}body.shell-dismissed .reveal-hint span{display:none}body.shell-dismissed .reveal-hint strong{font-size:0}body.shell-dismissed .reveal-hint strong::after{content:'SITE';font:600 10px var(--mono)}}
.flight-travel{top:var(--edge-t);left:50%;transform:translateX(-50%);width:238px;display:grid;grid-template-columns:1fr 110px;gap:7px}.flight-travel select{min-width:0;min-height:44px;background:#050c15df;border:1px solid #aa9162;color:#e9dcc3;font:10px var(--mono);padding:5px}.flight-travel button:disabled{opacity:.6;cursor:default}.flight-jump-marker{pointer-events:none;text-align:center;color:#fae4a7;transform:translate(-50%,-50%);text-shadow:0 1px 5px #000}.flight-jump-marker>span{font:30px Georgia}.flight-jump-marker small{display:block;font:9px var(--mono);background:#03080ca0;padding:3px 5px}.flight-transit{inset:0;z-index:4;display:none;align-items:center;justify-content:center;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,#000c 0deg 1deg,#90dfff40 1.2deg 1.4deg,#000a 1.7deg 5deg);color:#e7f9ff;font:14px var(--mono);letter-spacing:.3em}.flight-transit strong{padding:20px;background:#03121d}.flight-transit.active{display:flex}
@media(max-width:1050px){.flight-travel{top:calc(var(--edge-t) + 140px);left:var(--edge-l);transform:none;width:200px;grid-template-columns:1fr 98px}.flight-radar{display:none}}
#flight-nav-status{grid-column:1/-1;font:8px/1.5 var(--mono);color:#ddd0ad;pointer-events:none;background:#03080caa;padding:2px 4px}
@media(max-height:360px){.flight-travel{top:calc(var(--edge-t) + 130px)}#flight-nav-status{display:none}}