:root{--ink: #fff3df;--muted: rgba(255, 239, 215, .58);--cyan: #78f4ff;--amber: #f2a75b;--violet: #9b77ff;--panel: rgba(15, 10, 15, .74)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#100a0e;color:var(--ink)}body{font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .65s ease,visibility .65s;visibility:hidden}.screen--visible{opacity:1;pointer-events:auto;visibility:visible}.screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,transparent 0 28%,rgba(8,5,8,.44) 70%),linear-gradient(90deg,rgba(7,4,7,.8),transparent 62%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading{background:#100a0e;letter-spacing:.22em;font:600 11px Barlow Condensed,sans-serif}.loading:before{background:radial-gradient(circle,#38201e,#100a0e 65%)}.loading>*{position:relative}.loading-mark{display:flex;gap:7px;align-items:end;height:34px;margin-bottom:18px}.loading-mark i{width:2px;height:14px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:load 1s ease-in-out infinite alternate}.loading-mark i:nth-child(2){height:28px;animation-delay:.2s}.loading-mark i:nth-child(3){height:20px;animation-delay:.4s}@keyframes load{to{transform:scaleY(.35);opacity:.35}}.intro{place-items:center start;padding-left:clamp(28px,8vw,130px)}.intro-card,.result-card,.pause-card{position:relative;width:min(620px,calc(100vw - 48px))}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--cyan);font:700 11px Barlow Condensed;letter-spacing:.25em}.eyebrow span{width:34px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1{margin:14px 0 -10px;font:800 clamp(74px,11vw,154px)/.78 "Barlow Condensed";letter-spacing:-.055em;text-shadow:0 8px 40px rgba(0,0,0,.45)}.intro h2{margin:17px 0 26px 7px;color:var(--amber);font:700 15px Barlow Condensed;letter-spacing:.55em}.pitch{max-width:520px;color:#fff5e6d1;font-size:15px;line-height:1.65}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 18px}.controls span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);background:#09060a59;font:500 10px Inter;color:var(--muted)}kbd{color:var(--ink);font:700 10px Barlow Condensed;letter-spacing:.08em}.primary{min-width:260px;border:1px solid rgba(120,244,255,.6);padding:14px 19px;background:linear-gradient(90deg,#249aa34d,#140f14b3);text-align:left;font:700 13px Barlow Condensed;letter-spacing:.18em;cursor:pointer;box-shadow:inset 3px 0 var(--cyan),0 12px 40px #0000003b;transition:.2s ease}.primary:hover{transform:translate(4px);background-color:#32dce62e}.primary small{float:right;color:var(--cyan);font-size:10px}.micro{color:#ffffff52;font:500 9px Barlow Condensed;letter-spacing:.13em}.hud{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .35s;font-family:Barlow Condensed}.hud.visible{opacity:1}.hud-top{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:start}.hud-cell span,.metric span,.hud-right span{display:block;color:var(--muted);font-size:9px;letter-spacing:.24em}.hud-cell strong{font-size:29px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.hud-cell--right{text-align:right}.wind-readout{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:11px;letter-spacing:.16em}.wind-readout span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(120,244,255,.35);border-radius:50%;font-size:18px}.hud-left{position:absolute;left:30px;bottom:34px;width:190px}.metric{margin-top:14px;position:relative}.metric b{position:absolute;right:0;top:0;font-size:11px}.metric i{display:block;height:2px;margin-top:8px;background:#ffffff26;overflow:hidden}.metric em{display:block;width:100%;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:width .12s}.hud-right{position:absolute;right:30px;bottom:34px;text-align:right}.hud-right strong{display:block;font-size:28px}.hud-right small{color:var(--amber);font-size:10px;letter-spacing:.14em}.chain{position:absolute;left:50%;bottom:32px;transform:translate(-50%);text-align:center}.chain span{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em}.chain strong{font-size:25px;color:var(--amber)}.reticle-copy{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);color:#ffffff8a;font-size:9px;letter-spacing:.18em;text-shadow:0 2px 8px #000}.directive{position:fixed;z-index:9;top:98px;left:30px;width:310px;padding:15px 17px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,#0a080cb8,#0a080c00);opacity:0;transform:translate(-12px);transition:.3s;pointer-events:none}.directive.visible{opacity:1;transform:none}.directive>div{display:flex;justify-content:space-between;color:var(--cyan);font:700 9px Barlow Condensed;letter-spacing:.17em}.directive>strong{display:block;margin:8px 0 4px;font:700 20px Barlow Condensed;letter-spacing:.05em}.directive p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.directive i{display:block;height:1px;background:#ffffff1f;margin-top:12px}.directive em{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:width .2s}.toast{position:fixed;z-index:10;left:50%;top:21%;transform:translate(-50%,-12px);text-align:center;opacity:0;transition:.35s;pointer-events:none;text-shadow:0 3px 14px #000}.toast.visible{opacity:1;transform:translate(-50%)}.toast span{display:block;color:var(--cyan);font:700 9px Barlow Condensed;letter-spacing:.28em}.toast strong{display:block;font:800 29px Barlow Condensed;letter-spacing:.08em}.toast p{margin:2px;color:var(--amber);font:700 10px Barlow Condensed;letter-spacing:.2em}.result{background:#08050894}.result-card{padding:30px;background:linear-gradient(135deg,#100b10ed,#1c1113db);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px #0000008c}.result h2{margin:12px 0 6px;font:800 42px Barlow Condensed;letter-spacing:.03em}.result-card>p{color:var(--muted);font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:1px;background:#ffffff14;margin:24px 0}.result-grid div{background:#0e090ee6;padding:13px}.result-grid span,.calibration>span{display:block;color:var(--muted);font:600 8px Barlow Condensed;letter-spacing:.2em}.result-grid strong{display:block;margin-top:4px;font:700 20px Barlow Condensed}.calibration{margin-bottom:18px}.calibration button{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;padding:8px 0;color:#ffffffad;font:600 10px Barlow Condensed;letter-spacing:.12em;cursor:pointer}.calibration button:hover{color:var(--cyan)}.record-flag{display:inline-block;margin-top:10px;padding:4px 9px;border:1px solid var(--amber);color:var(--amber);font:700 10px Barlow Condensed;letter-spacing:.22em}.medal{display:inline-block;margin-left:10px;padding:4px 9px;font:800 11px Barlow Condensed;letter-spacing:.22em;border:1px solid currentColor}.medal.gold{color:#ffd75e}.medal.silver{color:#cfd6e4}.medal.bronze{color:#e0955e}.metric--surge .metric span small{color:var(--violet)}.metric--surge i em{background:var(--violet);box-shadow:0 0 8px var(--violet)}.hud-right em{display:block;margin-top:6px;color:var(--amber);font:600 12px Barlow Condensed;letter-spacing:.16em;font-style:normal}.ghost{width:100%;margin-top:10px;padding:11px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:#ffffffc7;font:600 10px Barlow Condensed;letter-spacing:.16em;cursor:pointer}.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.ghost b{color:inherit}.ghost small{float:right;color:var(--muted)}.ghost--intro{width:auto;display:inline-block;margin:0 12px 16px 0;padding:9px 13px}.achv{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.achv i{padding:4px 9px;border:1px solid var(--amber);color:var(--amber);font:700 9px Barlow Condensed;letter-spacing:.16em;font-style:normal}#damage-flash{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 42%,rgba(210,60,40,.5))}#damage-flash.active{animation:dmg .45s ease-out}@keyframes dmg{0%{opacity:.85}to{opacity:0}}#grain{position:fixed;inset:-120px;z-index:7;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.1s steps(5) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-42px,28px)}40%{transform:translate(28px,-46px)}60%{transform:translate(-24px,-30px)}80%{transform:translate(36px,40px)}to{transform:translate(0)}}#vignette{position:fixed;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 52%,rgba(10,5,9,.42) 100%)}.bossbar{position:fixed;z-index:9;top:64px;left:50%;transform:translate(-50%);width:min(360px,72vw);text-align:center;opacity:0;transition:.4s;pointer-events:none}.bossbar.visible{opacity:1}.bossbar span{display:block;color:#ff8a5e;font:700 11px Barlow Condensed;letter-spacing:.3em;text-shadow:0 2px 10px #000}.bossbar i{display:block;height:3px;margin-top:6px;background:#ff8c5a2e;overflow:hidden}.bossbar em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff5e3a,#ffb45e);box-shadow:0 0 10px #ff5e3a;transition:width .18s}.pause-card{text-align:center;padding:30px;background:var(--panel)}.pause-card span{display:block;margin-bottom:20px;font:700 24px Barlow Condensed;letter-spacing:.18em}.pause-card .primary{text-align:center}.diagnostics{position:fixed;z-index:30;right:18px;top:18px;width:240px;padding:14px;background:#08070ae6;border:1px solid rgba(120,244,255,.22);opacity:0;transform:translate(20px);pointer-events:none;transition:.25s;font-family:Barlow Condensed}.diagnostics.visible{opacity:1;transform:none;pointer-events:auto}.diagnostics header{display:flex;justify-content:space-between;color:var(--cyan);font-size:10px;letter-spacing:.2em}.diagnostics button{border:1px solid rgba(255,255,255,.15);background:transparent;font-size:9px}.diagnostics dl{margin:12px 0}.diagnostics dl div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.diagnostics dt{color:var(--muted)}.diagnostics dd{margin:0}.diagnostics p{margin:0;color:#ffffff57;font-size:8px;line-height:1.5}.touch-controls{display:none;position:fixed;z-index:12;left:12px;right:12px;bottom:18px;grid-template-columns:repeat(4,1fr);gap:8px}.touch-controls button{border:1px solid rgba(255,255,255,.22);background:#0a080c8c;padding:13px 5px;font:700 9px Barlow Condensed;letter-spacing:.12em}@media(max-width:700px){.intro{padding:24px;align-items:end}.intro-card{margin-bottom:70px}h1{font-size:82px}.pitch{font-size:12px;line-height:1.5}.controls{margin:18px 0 14px}.controls span:nth-child(n+4){display:none}.primary{width:100%;min-width:0}.hud-top{top:14px;left:14px;right:14px}.hud-cell strong{font-size:22px}.wind-readout b{display:none}.hud-left{left:14px;bottom:78px;width:130px}.hud-right{right:14px;bottom:78px}.chain{bottom:78px}.directive{left:14px;top:72px;width:min(300px,calc(100vw - 28px))}.touch-controls{display:grid}.reticle-copy{top:54%}.result-card{width:calc(100vw - 24px);padding:20px}.result-grid{grid-template-columns:repeat(2,1fr)}}.waypoints{position:fixed;inset:0;z-index:8;pointer-events:none}.waypoint{position:absolute;display:none;transform:translate(-50%,-50%);text-align:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.waypoint b{display:block;color:#7cf7ff;font-size:17px;line-height:1;animation:wpulse 1.2s ease-in-out infinite}.waypoint span{display:block;margin-top:2px;color:#ffffffd1;font:700 10px Barlow Condensed;letter-spacing:.1em}.waypoint--exit b{color:#bafff4}.waypoint--done{display:none!important}@keyframes wpulse{0%,to{opacity:.65}50%{opacity:1}}.arrival{position:fixed;inset:0;z-index:10000;overflow:auto;background:#101f25;color:#eeeade;font:16px/1.6 system-ui,sans-serif;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,5vw,72px);isolation:isolate;transition:opacity .6s ease,visibility .6s;min-height:100dvh;box-sizing:border-box}.arrival-ready{opacity:0;visibility:hidden;pointer-events:none}.arrival *{box-sizing:border-box}.arrival [hidden]{display:none!important}.arrival-brand{position:static;display:block;letter-spacing:.3em;font-weight:750;font-size:22px;padding:0;background:none;border:0}.arrival-brand span{display:block;font-size:10px;letter-spacing:.28em;color:#a7b6b4;margin-top:6px}.arrival-center{position:relative;margin:7vh 0 5vh;max-width:900px}.arrival-sector,.arrival-briefing>div>span{font:11px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:#91d2cf}.arrival-center h1{font:600 clamp(38px,6vw,88px)/1.05 system-ui,sans-serif;letter-spacing:-.05em;margin:20px 0 32px}.arrival-center h1 em{font-style:normal;color:#8ae3df}#load-status{font-size:13px;color:#c5cec8;margin:0 0 18px}.arrival-stages{display:flex;list-style:none;padding:0;gap:16px;max-width:600px;margin:0}.arrival-stages li{flex:1;border-top:2px solid #62777355;padding-top:12px;font:11px/1.5 ui-monospace,monospace;color:#8e9e9c}.arrival-stages [aria-current]{border-color:#88ded7;color:#e8f9f4}.arrival-stages [data-complete]{border-color:#73988c;color:#b6c6bf}.arrival-briefing{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-top:24px;border-top:1px solid #bccabe30;position:relative}.arrival-briefing h2{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:8px 0}.arrival-briefing p{font-size:14px;color:#b6c4bf;max-width:560px;margin:0;min-height:45px}.arrival-tip-controls{display:flex;gap:8px;flex-shrink:0}.arrival button{color:#dae5dc;background:#142e32;border:1px solid #9abdb74d;padding:10px 15px;cursor:pointer;font:12px system-ui,sans-serif;border-radius:2px;min-height:44px}.arrival button:hover{background:#244449}.arrival button:focus-visible{outline:2px solid #9bf5ed;outline-offset:4px}.arrival-horizon{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#658c8950,transparent 50%),linear-gradient(160deg,#12272e,#152b31 60%,#665f43)}.arrival-horizon i{position:absolute;width:125%;height:52%;border-radius:48% 45% 0 0;right:-40%;bottom:3%;transform:rotate(-18deg);background:linear-gradient(140deg,#46707155,#172e35);box-shadow:0 -1px #c9dfca15}.arrival-horizon i:nth-child(2){bottom:-17%;right:-15%;transform:rotate(12deg);background:linear-gradient(120deg,#756b4844,#173039)}.arrival-horizon i:nth-child(3){bottom:-40%;right:10%;transform:rotate(-8deg);background:#10242c}#arrival-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:#10242cf5}#arrival-error p{max-width:480px;color:#bdccc7}#arrival-error h2{font-size:30px;font-weight:550}@media(max-width:650px){.arrival-briefing{align-items:start;flex-direction:column}.arrival-center{margin:7vh 0}.arrival-stages{gap:8px}.arrival-stages li{font-size:10px}.arrival-briefing p{min-height:65px}}.arrival-horizon:after{content:"";position:absolute;left:-30%;bottom:16%;width:46%;height:2px;background:linear-gradient(90deg,transparent,#85eee1aa,transparent);filter:blur(1px);box-shadow:0 0 28px #6ee7dd7d;animation:arrival-windline 4.8s ease-in-out infinite}@keyframes arrival-windline{0%,12%{transform:translate(0) skew(-18deg);opacity:0}30%{opacity:.8}78%,to{transform:translate(300%) skew(-18deg);opacity:0}}@media(prefers-reduced-motion:reduce){.arrival{transition:none}.arrival-horizon:after{animation:none}}