:root{--ink: #f2ede4;--dim: rgba(242, 237, 228, .55);--faint: rgba(242, 237, 228, .3);--accent: #ff7a3d;--heat: #ffd166;--ok: #6fcf97;--warn: #e5b95d;--crit: #e5615a;--mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0c0f12;color:var(--ink);font-family:var(--sans);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none;font-family:var(--mono);padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hud-vignette{position:absolute;inset:0;opacity:0;transition:opacity 90ms linear;box-shadow:inset 0 0 90px 20px #ff7a3d73,inset 0 0 220px 60px #ff3c1e38}.hud-corner{position:absolute;display:flex;flex-direction:column;gap:6px}.hud-tl{top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.hud-tr{top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));align-items:flex-end}.hud-bl{bottom:max(14px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));width:min(34vw,220px)}.hud-br{bottom:max(14px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));align-items:flex-end}.hud-label{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.hud-value{font-size:13px;font-variant-numeric:tabular-nums;color:var(--dim)}.hud-row{display:flex;align-items:baseline;gap:8px}.hud-mult{font-size:clamp(30px,6vw,48px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:color-mix(in srgb,var(--ink) calc((1 - var(--heat, 0)) * 100%),var(--heat) 100%);text-shadow:0 0 calc(var(--heat, 0) * 26px) rgba(255,160,60,calc(var(--heat, 0) * .9));transform:scale(calc(1 + var(--heat, 0) * .08));transform-origin:left center;transition:transform 80ms linear}.hud-readout{display:flex;align-items:baseline;gap:5px;font-size:clamp(26px,5vw,40px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.hud-readout small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:400}.hud-gauge{display:flex;flex-direction:column;gap:4px}.hud-bar{height:5px;background:#f2ede424;border-radius:1px;overflow:hidden}.hud-bar i{display:block;height:100%;background:var(--ok);transition:width .11s linear}.hud-bar-ab i{background:var(--accent)}.hud-gauge.is-active .hud-bar-ab{box-shadow:0 0 12px #ff7a3dcc}.hud-reticle{position:absolute;top:50%;left:50%;width:82px;height:82px;transform:translate(-50%,-50%);color:var(--ink);opacity:.5}.hud-stick{position:absolute;top:0;left:0;width:0;height:0;opacity:0;transition:opacity .12s ease}.hud-stick.is-visible{opacity:1}.hud-stick:before{content:"";position:absolute;width:152px;height:152px;margin:-76px 0 0 -76px;border:1px solid rgba(242,237,228,.22);border-radius:50%}.hud-stick i{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ff7a3d47;border:1px solid rgba(255,160,100,.7)}.hud-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#080a0dc7;backdrop-filter:blur(3px);text-align:center;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding:20px 20px 28px}.hud-overlay.is-visible{display:flex}.hud-overlay:has(.panel-wide){align-items:flex-start}.hud:has(.hud-overlay.is-visible) .hud-actions{display:none}.panel{max-width:460px;display:flex;flex-direction:column;gap:14px;align-items:center}.panel h1{font-family:var(--sans);font-size:clamp(30px,7vw,52px);font-weight:700;letter-spacing:-.03em;margin:0;line-height:.95}.panel h2{font-family:var(--sans);font-size:clamp(22px,5vw,34px);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--crit)}.panel p{margin:0;font-size:13.5px;line-height:1.55;color:var(--dim);font-family:var(--sans);max-width:40ch}.panel .keys{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;font-size:11px;letter-spacing:.06em;color:var(--faint)}.panel .keys b{color:var(--ink);font-weight:500;border:1px solid rgba(242,237,228,.25);border-radius:3px;padding:2px 6px;margin-right:4px}.panel .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#f2ede424;border:1px solid rgba(242,237,228,.14);width:100%}.panel .stats div{background:#12161a;padding:10px 8px;display:flex;flex-direction:column;gap:3px}.panel .stats span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.panel .stats b{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.panel .cta{margin-top:4px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);animation:pulse 1.6s ease-in-out infinite}.result-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:6px}.result-actions .cta{margin:0}.btn{appearance:none;border:1px solid transparent;border-radius:6px;padding:11px 18px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn-primary{background:var(--accent);color:#1a0f08}.btn-primary:hover{filter:brightness(1.12)}.btn-ghost{background:transparent;border-color:#ffffff38;color:var(--faint)}.btn-ghost:hover{border-color:#ffffff80;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){.panel .cta{animation:none}.hud-mult{transition:none}}.hud-warning{position:absolute;top:16%;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;border:1px solid var(--crit);background:#280a089e;animation:alarm calc(.9s - var(--urgency, 0) * .55s) steps(2,end) infinite}.hud-warning.is-visible{display:flex}.hud-warning-title{font-size:11px;letter-spacing:.18em;color:var(--crit)}.hud-warning-time{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.hud-warning-hint{font-size:9.5px;letter-spacing:.14em;color:var(--dim)}@keyframes alarm{0%,to{opacity:1}50%{opacity:.45}}.hud-maneuver{position:absolute;top:28%;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:6px;font-size:13px;letter-spacing:.22em;color:var(--accent)}.hud-maneuver.is-visible{display:flex}.hud-maneuver i{display:block;height:2px;width:0;background:var(--accent);box-shadow:0 0 10px var(--accent)}.hud-actions{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(720px,calc(100vw - 180px));pointer-events:auto}.hud-actions button{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim);background:#0c0f128c;border:1px solid rgba(242,237,228,.22);border-radius:3px;padding:9px 12px;cursor:pointer;touch-action:none;white-space:nowrap}.hud-actions button:active{color:var(--ink);border-color:var(--accent);background:#ff7a3d2e}.hud-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hud-warning{animation:none}}.hud-actions button.is-autopilot{border-color:#6fcf9766;color:#6fcf97cc}.hud-actions button.is-autopilot.is-on{color:#0c0f12;background:var(--ok);border-color:var(--ok)}.panel-wide{max-width:560px;width:100%;gap:11px}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:100%}.result-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.result-title{font-family:var(--sans);font-size:clamp(20px,4vw,30px);font-weight:700;letter-spacing:-.02em;margin:2px 0 0;color:var(--ink);text-align:left}.stars{display:flex;gap:4px;font-size:clamp(22px,5vw,34px);line-height:1;flex:none}.stars span{color:#f2ede42e}.stars span.on{color:var(--heat);text-shadow:0 0 18px rgba(255,209,102,.55)}.conditions{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:5px;font-family:var(--sans);font-size:13px;color:var(--faint);text-align:left}.conditions li{display:flex;gap:9px;align-items:baseline}.conditions li b{font-family:var(--mono);color:#f2ede440;font-weight:400}.conditions li.is-earned{color:var(--dim)}.conditions li.is-earned b{color:var(--heat)}.score{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:8px 16px;border:1px solid rgba(242,237,228,.18);background:#12161a}.score span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.score b{font-size:clamp(24px,5vw,34px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.breakdown{width:100%;display:flex;flex-direction:column;gap:3px;font-size:11.5px}.breakdown div{display:flex;justify-content:space-between;color:var(--faint)}.breakdown b{color:var(--dim);font-weight:500;font-variant-numeric:tabular-nums}.board{width:100%;border:1px solid rgba(242,237,228,.14);background:#12161a}.board-head{display:flex;justify-content:space-between;align-items:baseline;padding:9px 14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid rgba(242,237,228,.14)}.board-head em{font-style:normal;letter-spacing:.06em;color:var(--accent)}.board table{width:100%;border-collapse:collapse;font-size:12.5px}.board td{padding:4px 14px;font-variant-numeric:tabular-nums;color:var(--dim)}.board td:first-child{width:1%;color:var(--faint)}.board td:last-child{text-align:right;color:var(--heat)}.board tr.is-current td{background:#ff7a3d24;color:var(--ink)}.hud-actions button.is-bots{border-color:#5fc6d86b;color:#5fc6d8d9}.hud-actions button.is-bots.is-on{color:#0c0f12;background:#5fc6d8;border-color:#5fc6d8}.hud-actions button.is-view{border-color:#f0ece24d;color:#f0ece2d9;min-width:84px}.hud-combat{position:absolute;inset:0;width:100%;height:100%;display:none;color:#7dffa8;pointer-events:none}.hud-combat.is-visible{display:block}.hud-combat path,.hud-combat circle{stroke:currentColor;stroke-width:.7;fill:none;vector-effect:non-scaling-stroke}.hud-combat text{fill:currentColor;font:600 6px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em}.hud-combat .hud-combat-unit{font-size:4.6px;opacity:.62}.hud-combat-ladder{opacity:.78}.hud-combat-ladder text{font-size:4.6px}.hud-combat-ladder .hud-combat-horizon{stroke-width:1.3}.hud-combat-boresight{opacity:.95}.hud-combat-velocity{opacity:.7}.hud-combat-tape,.hud-combat-boxes{opacity:.8}.hud.is-cockpit .hud-reticle,.hud.is-cockpit .hud-br,.hud-objectives,.hud-ammo,.hud-fire{display:none}.hud.is-combat .hud-objectives,.hud.is-combat .hud-ammo,.hud.is-combat .hud-fire{display:block}.hud-objectives{position:absolute;top:96px;left:20px;font-size:12px;line-height:1.9;letter-spacing:.04em;color:#f2ede49e;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hud-objectives div{display:flex;gap:8px;align-items:baseline}.hud-objectives b{width:10px;color:#f2ede466}.hud-objectives i{font-style:normal;font-variant-numeric:tabular-nums;opacity:.7;margin-left:6px}.hud-objectives .is-done,.hud-objectives .is-done b{color:var(--ok)}.hud-objectives .is-failed,.hud-objectives .is-failed b{color:var(--crit)}.hud.is-combat .hud-br{bottom:96px}.hud-ammo{position:absolute;right:124px;bottom:34px;text-align:right;font-size:11px;letter-spacing:.16em;color:var(--faint)}.hud-ammo b{display:block;font-size:22px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink)}.hud-ammo.is-low b{color:var(--warn)}.hud-ammo.is-empty b{color:var(--crit)}.hud-fire{position:absolute;right:20px;bottom:20px;width:92px;height:62px;border-radius:8px;border:1px solid rgba(255,90,60,.55);background:#ff5a3c1f;color:#ff8a6a;font:inherit;font-size:13px;font-weight:600;letter-spacing:.1em;cursor:pointer;touch-action:none;pointer-events:auto}.hud-fire.is-down{background:#ff5a3c;border-color:#ff5a3c;color:#180a06}.hud-damage{position:absolute;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 20px #ff3c28d9}.hud-damage.is-hit{animation:damage-flash .42s ease-out}@keyframes damage-flash{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){.hud-damage.is-hit{animation:none;opacity:0}}.panel-logo{display:block;width:min(420px,78vw);height:auto;margin:0 auto 4px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))}@media (max-height: 520px){.panel-logo{width:min(280px,52vw)}}.shop-credits{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.shop-credits em{font-style:normal;opacity:.6}.shop{display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto;margin:4px 0}.shop-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:6px;background:#ffffff05}.shop-row.is-active{background:#ff7a3d1a;box-shadow:inset 2px 0 0 var(--accent)}.shop-row:not(.is-owned) .shop-name b{opacity:.7}.shop-name b{display:block;font-size:15px;font-weight:600}.shop-name span{display:block;font-size:11px;color:var(--faint);letter-spacing:.03em}.shop-stats{display:flex;flex-direction:column;gap:3px}.shop-stats span{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center}.shop-stats i{font-style:normal;font-size:10px;letter-spacing:.08em;color:var(--faint)}.shop-stats u{display:block;height:4px;border-radius:2px;text-decoration:none;background:linear-gradient(to right,var(--accent) var(--v),rgba(255,255,255,.1) var(--v))}.shop-buy{text-align:right;min-width:108px}.shop-buy .btn{padding:8px 14px;font-size:12px}.shop-buy .btn[disabled]{opacity:.35;cursor:default}.shop-tag.is-active{font-size:11px;letter-spacing:.12em;color:var(--accent)}.earned{font-size:12px;letter-spacing:.04em;color:var(--faint);text-align:right}.earned b{color:var(--accent);font-variant-numeric:tabular-nums}@media (max-width: 620px){.shop-row{grid-template-columns:minmax(0,1fr) auto}.shop-stats{display:none}}.hud.is-combat .hud-actions{max-width:min(660px,calc(100vw - 250px))}.hud-actions button.is-sound{border-color:#f0ece23d;color:#f0ece29e;min-width:92px}@media (max-height: 460px){.hud-actions{gap:4px}.hud-actions button{padding:7px 9px;font-size:9px;letter-spacing:.1em}.hud-actions button.is-sound,.hud-actions button.is-view{min-width:0}}