.skyward-stage{container-type:inline-size;--sky-panel: rgba(10, 20, 30, .58);--sky-line: rgba(255, 255, 255, .18);--sky-text: #eaf6ff;--sky-dim: #9db3c2;--sky-accent: #4fd1c5;--sky-warn: #ff6b6b;overflow:hidden;border-radius:8px}.skyward-canvas{cursor:default;touch-action:none;background:#bfe3ff}.skyward-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono);color:var(--sky-text);font-size:clamp(9px,1.35cqw,13px)}.skyward-panel{position:absolute;padding:.55em .85em;border:1px solid var(--sky-line);border-radius:8px;background:var(--sky-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.35}.skyward-panel span{color:var(--sky-dim)}.skyward-panel b{font-variant-numeric:tabular-nums}.skyward-stats,.skyward-mission{display:grid;gap:.15em;min-width:9em}.skyward-stats div,.skyward-mission div,.skyward-weapon{display:flex;justify-content:space-between;gap:1em}.skyward-stats{top:2.5%;left:1.6%}.skyward-mission{top:2.5%;right:1.6%}.skyward-compass{top:2.5%;left:50%;transform:translate(-50%);display:flex;gap:.9em;letter-spacing:.12em;color:var(--sky-dim);white-space:nowrap}.skyward-compass b{color:var(--sky-accent)}.skyward-warning{top:13%;left:50%;transform:translate(-50%);color:var(--sky-warn);font-weight:700;letter-spacing:.1em;animation:skyward-pulse .6s infinite alternate}.skyward-warning[hidden]{display:none}@keyframes skyward-pulse{0%{opacity:.5}to{opacity:1}}.skyward-gauges{bottom:3%;left:1.6%;width:12em;display:grid;gap:.3em}.skyward-bar{height:.7em;border-radius:6px;background:#ffffff1f;overflow:hidden;margin-bottom:.2em}.skyward-bar-fill{height:100%;width:0}.skyward-throttle{background:linear-gradient(90deg,var(--sky-accent),#7ee8de)}.skyward-hull{width:100%;background:linear-gradient(90deg,#ff6b6b,#ffb84f);transition:width .15s linear}.skyward-crosshair{position:absolute;top:50%;left:50%;width:2.2em;height:2.2em;transform:translate(-50%,-50%)}.skyward-crosshair:before,.skyward-crosshair:after{content:"";position:absolute;background:#ffffffb3}.skyward-crosshair:before{top:50%;left:12%;width:76%;height:1.5px;transform:translateY(-50%)}.skyward-crosshair:after{left:50%;top:12%;height:76%;width:1.5px;transform:translate(-50%)}.skyward-crosshair>div{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;border:1.5px solid transparent}.skyward-crosshair.locked:before,.skyward-crosshair.locked:after{background:#ff5c5c}.skyward-crosshair.locked>div{border-color:#ff5c5c}.skyward-hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .08s;background:radial-gradient(circle,#ff3c3c00 40%,#ff282861)}.skyward-hit-flash.active{opacity:1}.skyward-touch{display:block}.skyward-stick-label{position:absolute;bottom:8%;left:0;right:0;text-align:center;font:700 9px var(--mono);color:#fff;pointer-events:none}.skyward-knob{pointer-events:none}.skyward-boost{position:absolute;left:calc(3% + clamp(76px,20cqw,128px)/5);bottom:calc(6% + clamp(76px,20cqw,128px));width:clamp(48px,11cqw,68px);aspect-ratio:1;min-height:44px;border-radius:50%;border:1px solid #ffffff73;background:#1c696cce;color:#fff;font:700 10px var(--mono);touch-action:none;-webkit-user-select:none;user-select:none}.skyward-boost:focus-visible,.skyward-fire:focus-visible{outline:3px solid #fff;outline-offset:3px}.skyward-touch[hidden]{display:none}.skyward-stick{position:absolute;bottom:4%;width:clamp(76px,20cqw,128px);aspect-ratio:1;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);touch-action:none}.skyward-stick-left{left:3%}.skyward-stick-right{right:3%}.skyward-knob{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:1;border-radius:50%;background:#4fd1c599;border:1px solid rgba(255,255,255,.45);transform:translate(-50%,-50%)}.skyward-fire{position:absolute;right:calc(3% + clamp(76px,20cqw,128px)/5);bottom:calc(6% + clamp(76px,20cqw,128px));width:clamp(48px,11cqw,68px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#ff5c5c73;color:#fff;font:700 11px var(--mono);letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (pointer: coarse){.skyward-gauges{bottom:auto;top:calc(2.5% + 5.6em)}}.skyward-overlay{background:radial-gradient(circle at 50% 30%,#1e3c5a8c,#050a12e0);color:var(--sky-text)}.skyward-overlay p{color:#c7dae6;max-width:420px}@media (prefers-reduced-motion: reduce){.skyward-warning{animation:none}.skyward-hit-flash,.skyward-hull{transition:none}}@container (max-width: 520px){.skyward-stats div:nth-child(3),.skyward-weapon{display:none}.skyward-compass{gap:.55em}.skyward-stats,.skyward-mission{min-width:7.5em}}@media (pointer: coarse){@container (max-width: 520px){.skyward-compass{display:none}.skyward-gauges{top:2.5%;left:50%;transform:translate(-50%);width:8em}}}.skyward-gauges{bottom:auto;top:calc(2.5% + 5.6em)}@container (max-width: 520px){.skyward-compass{display:none}.skyward-gauges{top:2.5%;left:50%;transform:translate(-50%);width:8em}}