@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at top,#10192f,#050811 60%,#03050a)}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:#dff4ff;text-shadow:0 0 16px rgba(72,217,255,.3)}.hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(88,166,255,.08),transparent 28%),radial-gradient(circle at bottom left,rgba(255,79,216,.06),transparent 24%);pointer-events:none}.hud__impact{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at center,#ff426029,#ff426000 55%),linear-gradient(180deg,#ff5c7914,#ff5c7900)}.hud__impact--active{animation:hud-impact .45s ease-out}.hud__impact--lightning{background:radial-gradient(circle at center,#ffffffeb,#ffffff2e 36%,#fff0 72%),linear-gradient(180deg,#eaf4ffc7,#cde5ff14)}.hud__impact--lightning.hud__impact--active{animation:hud-lightning-impact .62s ease-out}.hud__alert{position:absolute;left:50%;top:28px;padding:12px 20px;border-radius:999px;border:1px solid rgba(123,229,255,.24);background:#080c18c2;box-shadow:inset 0 0 18px #48d9ff0f,0 0 20px #58a6ff14;color:#fff;font-size:17px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-8px) scale(.98)}.hud__alert:before,.hud__alert:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:1px solid rgba(123,229,255,.22);opacity:0;pointer-events:none}.hud__alert--visible{animation:hud-alert 3.5s ease-out forwards}.hud__alert--persistent{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.hud__alert--persistent:before,.hud__alert--persistent:after{opacity:0}.hud__alert--visible:before{animation:hud-alert-echo .55s ease-out}.hud__alert--visible:after{animation:hud-alert-echo .55s ease-out .08s}.hud__dialogue{position:absolute;left:16px;top:16px;display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;width:min(420px,calc(100vw - 32px));padding:12px;border-radius:18px;border:1px solid rgba(123,229,255,.22);background:linear-gradient(180deg,#0a1020e0,#080c189e);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 22px #48d9ff0f,0 0 28px #58a6ff14;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.hud__dialogue--visible{opacity:1;transform:translateY(0)}.hud__dialogue-portrait-wrap{width:108px;height:108px;border-radius:14px;overflow:hidden;border:1px solid rgba(123,229,255,.24);background:linear-gradient(180deg,#111c30f5,#080c18bd);box-shadow:0 0 20px #58a6ff1f}.hud__dialogue-portrait{width:100%;height:100%;object-fit:cover;display:block}.hud__dialogue-copy{min-width:0}.hud__dialogue-text{color:#e7f6ff;font-size:15px;line-height:1.45;white-space:pre-line;text-shadow:0 0 16px rgba(123,229,255,.14)}.hud__intro-card{position:absolute;left:50%;top:50%;display:grid;gap:10px;min-width:min(520px,calc(100vw - 48px));padding:24px 28px;border-radius:18px;border:1px solid rgba(123,229,255,.24);background:linear-gradient(180deg,#090f1ed1,#070a147a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 26px #48d9ff14,0 0 32px #ff4fd81a;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.98)}.hud__intro-card--visible{animation:intro-card 4.2s ease-out forwards}.hud__intro-presenter{color:#b8dfff;font-size:14px;font-family:Orbitron,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:.34em;text-transform:uppercase;text-shadow:0 0 18px rgba(123,229,255,.18)}.hud__intro-title{color:#f4fbff;font-size:clamp(32px,6vw,68px);font-weight:800;font-family:Orbitron,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#f7fbff,#86d8ff 42%,#58a6ff 68%,#d36eff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(123,229,255,.28),0 0 44px rgba(255,79,216,.16)}.hud__pause{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#04070e57}.hud__pause--visible{display:flex}.hud__win{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:#000;z-index:25}.hud__win--visible{display:flex}.hud__win-title{font-family:Orbitron,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(42px,8vw,96px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px rgba(255,255,255,.18)}.hud__win-image{width:min(620px,calc(100vw - 48px));max-height:min(72vh,720px);object-fit:contain;display:block}.hud__pause-card{min-width:220px;padding:20px 28px;border-radius:18px;border:1px solid rgba(123,229,255,.3);background:linear-gradient(180deg,#080c18e6,#080c18b8);box-shadow:inset 0 0 28px #48d9ff14,0 0 28px #ff4fd81f;text-align:center}.hud__pause-title{font-size:34px;font-weight:800;letter-spacing:.04em}.hud__pause-subtitle{margin-top:8px;color:#9ebed1;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hud__actions{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud__inventory{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(99,255,131,.24);background:linear-gradient(180deg,#071616eb,#080c18a3);box-shadow:inset 0 0 18px #63ff8314,0 0 18px #63ff8314;color:#c9ffd6}.hud__inventory--inline{margin-top:12px}.hud__inventories{display:flex;gap:8px;flex-wrap:wrap}.hud__inventory--super{border-color:#ffa63d3d;background:linear-gradient(180deg,#1e1307eb,#080c18a3);box-shadow:inset 0 0 18px #ffa63d14,0 0 18px #ffa63d14;color:#ffe0b6}.hud__inventory--super .hud__inventory-icon{color:#ffb861}.hud__inventory--active{border-color:#63ff837a;box-shadow:inset 0 0 18px #63ff831f,0 0 20px #63ff8329}.hud__inventory--super.hud__inventory--active{border-color:#ffa63d7a;box-shadow:inset 0 0 18px #ffa63d1f,0 0 20px #ffa63d29}.hud__music-nowplaying{margin-top:2px}.hud__music-title-row{display:flex;align-items:center;gap:8px}.hud__music-icon{color:#7be5ff;font-size:15px;line-height:1;text-shadow:0 0 12px rgba(123,229,255,.26)}.hud__music-title{color:#f4fbff;font-size:16px;font-weight:700;letter-spacing:.02em;text-shadow:0 0 16px rgba(123,229,255,.18)}.hud__inventory-icon{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7dffa3}.hud__inventory-value{min-width:18px;font-size:18px;font-weight:800;text-align:center}.hud__button{pointer-events:auto;padding:10px 14px;border-radius:999px;border:1px solid rgba(99,235,255,.24);background:linear-gradient(180deg,#0c1323eb,#080c1899);color:#dff4ff;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 18px #48d9ff0d,0 0 18px #12d7ff14}.hud__status{max-width:180px;text-align:right;color:#9ebed1;font-size:12px}.hud__corner{position:absolute;right:16px;bottom:36px}.hud__top,.hud__bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hud__bottom{position:absolute;left:16px;bottom:36px;grid-template-columns:minmax(0,360px);align-items:end}.panel{position:relative;background:linear-gradient(180deg,#0b1222d1,#080c1885),radial-gradient(circle at top right,rgba(88,166,255,.14),transparent 42%);border:1px solid rgba(99,235,255,.22);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 24px #48d9ff0d,0 0 24px #ff4fd814;overflow:hidden;animation:panel-float 7s ease-in-out infinite}.panel:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:13px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.panel__divider{height:1px;margin:12px 0 10px;background:linear-gradient(90deg,#7be5ff0a,#7be5ff57,#ff4fd838,#7be5ff0a)}.panel__divider--compact{margin:12px 0 8px}.panel--compact{max-width:360px}.panel--highlight{box-shadow:inset 0 0 30px #48d9ff17,0 0 30px #ff4fd81f}.panel--credits{border-color:#ffd43b42;justify-self:end;width:min(350px,100%)}.panel--nav{justify-self:end;animation-duration:9s}.panel--nav{width:min(260px,calc(100vw - 32px))}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7be5ff;margin-bottom:6px;text-shadow:0 0 16px rgba(123,229,255,.4)}.eyebrow--compact{margin-bottom:4px}.value{font-size:clamp(28px,4vw,42px);line-height:1;font-weight:800;transition:color .16s ease,text-shadow .16s ease,transform .16s ease;letter-spacing:.02em}.value--small{font-size:clamp(20px,2vw,28px)}.panel--highlight .value,.panel--credits .value{color:#f2fbff;text-shadow:0 0 22px rgba(123,229,255,.28),0 0 32px rgba(255,79,216,.12)}.subvalue{margin-top:8px;color:#9ebed1;font-size:13px;letter-spacing:.02em}.value--pulse{animation:value-pulse .35s ease-out}.value--loss{animation:value-loss 1s ease-out}.meter{height:12px;border-radius:999px;background:linear-gradient(180deg,#ffffff17,#ffffff08);overflow:hidden;margin-top:10px}.meter--boost,.meter--energy{margin-top:12px}.meter__fill{height:100%;width:0%;background:linear-gradient(90deg,#12d7ff,#ff4fd8);box-shadow:0 0 18px #12d7ff73;transition:width .18s ease-out}.meter__fill--boost{background:linear-gradient(90deg,#8ef1ff,#12b8ff);box-shadow:0 0 20px #5adeff8c}.meter--super-boost-active .meter__fill--boost{background:linear-gradient(90deg,#ffd993,#ff9d3d);box-shadow:0 0 26px #ff9d3db8;animation:super-boost-pulse .72s ease-in-out infinite}.meter__fill--energy{background:linear-gradient(90deg,#fff2a6,#ffd43b);box-shadow:0 0 20px #ffe05e73}.charge-ring{--charge-progress: 0%;display:none;width:56px;height:56px;margin-top:12px;border-radius:50%;background:conic-gradient(#ffd43b var(--charge-progress),rgba(255,212,59,.14) 0);padding:4px;box-shadow:0 0 18px #ffd43b38}.charge-ring--active{display:grid}.charge-ring__disc{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#080c18eb;border:1px solid rgba(255,212,59,.2)}.charge-ring__label{color:#ffe98f;font-size:11px;font-weight:700}.navigator{display:flex;justify-content:center;margin-top:8px}.navigator__scope{position:relative;width:160px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#12d7ff14,#060a12c7 68%),linear-gradient(180deg,#080c18e6,#080c1880);border:1px solid rgba(123,229,255,.22);box-shadow:inset 0 0 28px #12d7ff14,0 0 30px #58a6ff14;overflow:hidden}.navigator__scope:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:conic-gradient(from 0deg,#12d7ff00,#12d7ff1f 28deg,#12d7ff00 64deg);animation:radar-sweep 3.6s linear infinite;transform-origin:center}.navigator__scope:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:1px solid rgba(255,255,255,.035)}.navigator__ring,.navigator__crosshair,.navigator__targets,.navigator__cab{position:absolute;top:0;right:0;bottom:0;left:0}.navigator__ring{margin:auto;border-radius:50%;border:1px solid rgba(123,229,255,.16)}.navigator__ring--outer{width:126px;height:126px}.navigator__ring--inner{width:72px;height:72px}.navigator__crosshair:before{content:"";position:absolute;background:#7be5ff26}.navigator__crosshair--x:before{top:50%;left:16px;right:16px;height:1px}.navigator__crosshair--y:before{left:50%;top:16px;bottom:16px;width:1px}.navigator__cab:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;background:linear-gradient(135deg,#dff4ff,#12d7ff);border:1px solid rgba(223,244,255,.85);box-shadow:0 0 18px #12d7ff73;transform:translate(-50%,-50%) rotate(45deg)}.navigator__target{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;border:2px solid currentColor;background:#050910eb;box-shadow:0 0 16px currentColor;transition:transform .16s ease-out,box-shadow .16s ease-out,opacity .16s ease-out;opacity:calc(.58 + (1 - var(--distance-ratio, 1)) * .42)}.navigator__target--active{width:14px;height:14px;animation:target-pulse 1.2s ease-in-out infinite}.navigator__target--edge{background:currentColor}.navigator__target--pickup{color:#12d7ff}.navigator__target--special-pickup{color:#58a6ff;border:0;background:linear-gradient(180deg,#9bd0ff,#58a6ff);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 18px #58a6fff2}.navigator__target--dropoff{color:#ff4fd8}.navigator__target--energy{width:8px;height:8px;color:#ffd43b;border-width:1px;box-shadow:0 0 12px #ffd43bd9}.navigator__target--emp{color:#63ff83;border-width:2px;box-shadow:0 0 14px #63ff83f2}.navigator__target--super-boost{color:#ff9d3d;border-width:2px;box-shadow:0 0 14px #ff9d3df2}.navigator__target--escape{color:#fff;z-index:2;border-width:2px;background:#ffffff24;box-shadow:0 0 16px #fffffff2}.controls{align-self:center;padding:10px 14px;border-radius:999px;background:#050910b8;border:1px solid rgba(99,235,255,.18);color:#9ccadd;font-size:12px;letter-spacing:.04em}.perf-overlay{position:fixed;left:16px;bottom:88px;z-index:20;padding:8px 10px;border-radius:10px;background:#040810c7;border:1px solid rgba(123,229,255,.18);color:#a8eaff;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;pointer-events:none}.hud--fast .panel--compact{box-shadow:inset 0 0 36px #48d9ff1f,0 0 30px #48d9ff1f}.hud--fast .meter__fill--boost{box-shadow:0 0 24px #5adeffb8;animation:boost-pulse .9s ease-in-out infinite}.hud--low-energy .panel--compact{border-color:#ffba3b61;box-shadow:inset 0 0 28px #ffba3b14,0 0 24px #ffba3b1a}.hud--low-energy .meter__fill--energy{animation:energy-warning 1s ease-in-out infinite}@keyframes hud-impact{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes hud-lightning-impact{0%{opacity:0}10%{opacity:1}32%{opacity:.7}to{opacity:0}}@keyframes intro-card{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}8%{opacity:1;transform:translate(-50%,-50%) scale(1)}58%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.015)}}@keyframes hud-alert{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98);box-shadow:inset 0 0 18px #48d9ff0f,0 0 16px #58a6ff14}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1);box-shadow:inset 0 0 20px #48d9ff14,0 0 22px #58a6ff1f}32%{opacity:1;transform:translate(-50%) translateY(0) scale(1.015);box-shadow:inset 0 0 22px #48d9ff1a,0 0 28px #58a6ff29}58%{opacity:1;transform:translate(-50%) translateY(0) scale(1);box-shadow:inset 0 0 20px #48d9ff14,0 0 22px #58a6ff1f}to{opacity:0;transform:translate(-50%) translateY(-4px) scale(1.01);box-shadow:inset 0 0 16px #48d9ff0d,0 0 14px #58a6ff0f}}@keyframes hud-alert-echo{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes value-pulse{0%{transform:scale(1);text-shadow:0 0 14px rgba(72,217,255,.35)}50%{transform:scale(1.04);text-shadow:0 0 28px rgba(255,255,255,.55)}to{transform:scale(1);text-shadow:0 0 16px rgba(72,217,255,.3)}}@keyframes value-loss{0%{color:#f2fbff;transform:scale(1);text-shadow:0 0 22px rgba(123,229,255,.28),0 0 32px rgba(255,79,216,.12)}18%{color:#ff7a8f;transform:scale(1.06);text-shadow:0 0 20px rgba(255,78,104,.72),0 0 32px rgba(255,92,121,.45)}to{color:#f2fbff;transform:scale(1);text-shadow:0 0 22px rgba(123,229,255,.28),0 0 32px rgba(255,79,216,.12)}}@keyframes panel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes target-pulse{0%,to{box-shadow:0 0 12px currentColor}50%{box-shadow:0 0 22px currentColor}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes boost-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes super-boost-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}@keyframes energy-warning{0%,to{box-shadow:0 0 20px #ffe05e73}50%{box-shadow:0 0 28px #ffaa3ab8}}@media(max-width:900px){.hud__top,.hud__bottom{grid-template-columns:1fr}.hud__corner{right:12px;bottom:32px}.hud__dialogue{left:12px;top:12px;width:min(420px,calc(100vw - 24px))}.hud__alert{top:18px;width:min(calc(100vw - 24px),420px)}.hud__bottom{left:12px;bottom:32px}.hud__actions{right:12px}.controls{align-self:stretch;text-align:center}.perf-overlay{left:12px;bottom:74px;max-width:calc(100vw - 24px)}}