:root{--paper:#eeeae0;--muted:#aeb7b4;--amber:#e5a775;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#252c2d;color:var(--paper)}body{font-family:var(--mono);font-size:11px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:6px}button{color:inherit}button[hidden],[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#world{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.world-treatment{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,22,23,.77),rgba(15,22,23,.1) 54%,rgba(15,22,23,.17)),linear-gradient(0deg,rgba(10,17,18,.92),transparent 25%,transparent 76%,rgba(10,17,18,.55));transition:background 1s}.playing .world-treatment{background:linear-gradient(0deg,rgba(10,17,18,.85),transparent 22%,transparent 81%,rgba(10,17,18,.5))}.film-grain{position:absolute;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#environment-edges{position:absolute;inset:0;pointer-events:none;transition:box-shadow 1s,background 1s}.rain #environment-edges{box-shadow:inset 0 0 110px #7a9eac40;background:repeating-linear-gradient(104deg,transparent 0,transparent 95px,#b7d6df04 96px,transparent 98px)}.blackout #environment-edges{box-shadow:inset 0 0 190px 40px #000b}.flood #environment-edges{background:linear-gradient(0deg,#79a1ae35,transparent 26%)}.collapse #environment-edges{box-shadow:inset 0 0 100px #ce8c4b25}#instrument-header{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:flex-start}.wordmark{font:700 29px/1 var(--display);letter-spacing:-1px;text-decoration:none;color:var(--paper);display:flex;align-items:center;gap:1px}.wordmark-slash{font-weight:400;color:var(--amber);margin:0 2px}.edition{display:block;max-width:110px;font:8px/1.5 var(--mono);letter-spacing:1.4px;margin-left:18px;opacity:.58}.header-right{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.2px;padding-top:8px}.status-light,.live-dot{width:4px;height:4px;background:var(--amber);display:inline-block;box-shadow:0 0 6px #e5a77544}.status-light{background:#b6c7b2}#sound-toggle,#pause-button{padding:0;margin-left:14px;display:grid;place-items:center;border:0;background:none;opacity:.7;min-width:24px;min-height:24px}#countdown-instrument{position:absolute;left:50%;transform:translateX(-50%);width:250px;text-align:center;top:-8px}.timer-caption{font-size:7px;letter-spacing:1.6px;display:flex;justify-content:space-between;color:#d4d9d4a6}.timer-unit{font-size:7px}.timer-value{font:300 83px/.98 var(--display);letter-spacing:-2px;font-variant-numeric:tabular-nums;padding:8px 0 11px}.timer-decimal{font-size:44px;font-weight:400;letter-spacing:-1px;opacity:.67}.time-track{height:7px;border-top:1px solid #e6e8db30;display:flex;justify-content:space-between;position:relative}.time-track>span{height:4px;width:1px;background:#eeeae050}.time-track>span:first-of-type,.time-track>span:last-child{height:7px}#time-progress{position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--paper);transition:width .1s linear}.urgent .timer-value{color:#eba276}.urgent #time-progress{background:var(--amber)}#intro{position:absolute;top:24%;left:7.1%;transition:opacity .4s,transform .5s}.intro-kicker{font-size:8px;letter-spacing:1.8px;color:#ced0c7b3;display:flex;align-items:center;gap:12px}.small-cross{font-size:18px;font-weight:400;color:var(--amber)}.issue{margin-left:16px;opacity:.55}h1{font-family:var(--display);font-size:clamp(110px,13.7vw,204px);font-weight:800;letter-spacing:-4px;line-height:.86;margin:28px 0 0;text-transform:uppercase}h1>span{display:block}.title-period{color:var(--amber);margin-left:0}#intro h2{font:500 clamp(19px,2.2vw,31px)/1 var(--display);letter-spacing:5px;margin:23px 0 18px}.intro-description{font-size:10px;line-height:1.9;color:#c3c7c0a6;letter-spacing:.3px}.primary-action{border:1px solid var(--paper);background:var(--paper);color:#242b2b;display:flex;justify-content:space-between;align-items:center;gap:30px;min-width:222px;padding:19px 21px;font-size:11px;font-weight:600;letter-spacing:1.5px;transition:background .2s,transform .2s}.primary-action:hover{background:#fff;transform:translateY(-2px)}.primary-action svg{width:20px;height:20px}#start-button{margin-top:30px}.start-footnote{font-size:7px;letter-spacing:1.4px;margin-top:16px;color:#c3c7c0a6;display:flex;align-items:center;gap:8px}#mission-note{position:absolute;right:4%;top:34%;width:167px;display:flex;flex-direction:column}.note-line{height:1px;width:30px;background:var(--amber);margin-bottom:19px}.micro-label{font:8px/1 var(--mono);letter-spacing:1.3px;color:#b9c2bd}.micro-label small{font-size:7px;opacity:.6;margin-left:5px}#mission-note strong{font:500 22px/1.05 var(--display);letter-spacing:1px;margin-top:10px}.coordinates{font-size:7px;letter-spacing:1px;opacity:.5;margin-top:12px}.mission-stamp{border-left:1px solid #cad0c346;padding-left:14px;margin-top:45px}.mission-stamp>span{font-size:6px;letter-spacing:.7px;opacity:.7}.mission-stamp b{display:block;font:400 44px/1.2 var(--display)}.mission-stamp b span{font-size:19px;opacity:.5}.integrity-bars{height:7px;width:118px;background:repeating-linear-gradient(90deg,#b4bca9 0 3px,transparent 3px 5px);opacity:.6;margin:5px 0 9px}.mission-stamp small{font-size:6px;letter-spacing:1px;opacity:.6}#instrument-footer{position:absolute;bottom:52px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:flex-end}.telemetry{display:flex;gap:28px}.telemetry>div{display:flex;flex-direction:column;gap:7px}.telemetry strong{font:400 34px/.9 var(--display);letter-spacing:.8px;font-variant-numeric:tabular-nums}.telemetry strong span{font-size:21px;opacity:.5}.telemetry-note{font-size:6px;letter-spacing:.65px;opacity:.45;margin-top:3px}.speed-ticks{display:flex;gap:3px;margin-top:3px}.speed-ticks i{height:4px;width:5px;background:#ccd0c648}.speed-ticks i.on{background:var(--amber)}#desktop-controls{display:flex;gap:21px;margin-bottom:3px}#desktop-controls>div{display:flex;gap:4px;align-items:center}kbd{font:8px var(--mono);border:1px solid #dce0d354;border-radius:2px;min-width:23px;height:24px;display:inline-grid;place-items:center;background:#252c2d20;color:#ececdfc9}.wide-key{padding:0 7px}#desktop-controls span{font-size:7px;letter-spacing:1px;margin-left:5px;opacity:.6}.threat-instrument{display:flex;align-items:center;gap:18px}.threat-copy{display:flex;flex-direction:column;gap:9px;text-align:right}.threat-copy strong{font-size:10px;font-weight:400;letter-spacing:1.8px}#phase-label{font-size:6px;color:#bbc4bc80;letter-spacing:.6px}.threat-dial{position:relative;width:72px;height:72px}.threat-dial svg{width:100%;height:100%;fill:none;stroke:#d2d8c951;stroke-width:1}.threat-dial .dial-track{stroke-dasharray:1 4;stroke-width:3}#threat-arc{stroke:var(--amber);stroke-dasharray:208;stroke-dashoffset:175;transform:rotate(135deg);transform-origin:center;transition:stroke-dashoffset .2s}.dial-center{fill:var(--paper);stroke:none}#threat-needle{stroke:var(--paper);stroke-width:1.6;transform-origin:center;transition:transform .2s}.threat-dial>span{position:absolute;bottom:9px;left:35px;font-size:7px;color:var(--amber)}.bottom-rule{position:absolute;bottom:17px;left:40px;right:40px;border-top:1px solid #e0e4d819;padding-top:10px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#c2c8c15c}.play-only{opacity:0;pointer-events:none}.playing .play-only{opacity:1}.playing #intro,.playing #mission-note,.ended #intro,.ended #mission-note{opacity:0;pointer-events:none;transform:translateY(-10px)}#event-sign{position:absolute;left:50%;top:24%;transform:translate(-50%,-15px);display:flex;align-items:center;gap:15px;padding:13px 20px 13px 15px;background:#232a29e8;border-top:2px solid var(--amber);box-shadow:0 8px 35px #0002;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none;white-space:nowrap}#event-sign.visible{opacity:1;transform:translate(-50%,0)}.event-symbol{font:500 30px var(--display);border:1px solid var(--amber);color:var(--amber);width:31px;height:34px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}#event-sign>div{display:flex;flex-direction:column;gap:5px}#event-number{font-size:6px;letter-spacing:1.8px;opacity:.5}#event-title{font:500 24px/1 var(--display);letter-spacing:1.8px}#event-detail{font-size:7px;letter-spacing:.6px;color:#c5cbc0a1}#route-instrument{position:absolute;left:50%;bottom:23%;transform:translateX(-50%) perspective(200px) rotateX(16deg);text-align:center;transition:opacity .5s}.route-label{font-size:6px;letter-spacing:2px;opacity:.7}.route-lanes{display:flex;gap:10px;margin:9px 0}.route-lanes i{width:24px;height:5px;border:1px solid #e2e8df4d;transform:skew(-10deg);background:#e2e8df0f}.route-lanes i.active{background:#eeeadebb;border-color:#eeeade}.route-lanes i.danger{background:#e5a77580;border-color:var(--amber)}#route-advice{font-size:6px;letter-spacing:1px;opacity:.7}#bonus{position:absolute;left:calc(50% + 65px);top:56%;color:#efd7b9;font:500 17px var(--display);letter-spacing:1.2px;opacity:0;transition:opacity .2s;pointer-events:none}#bonus.visible{opacity:1}#dash-indicator{position:absolute;right:43px;bottom:151px;width:130px;text-align:right;font-size:7px;letter-spacing:1.3px;color:#c9d2c3a0}#dash-indicator>i{display:block;height:2px;background:#dce4db20;margin-top:9px}#dash-charge{display:block;height:100%;width:100%;background:#acbfca;transition:width .1s linear}#touch-controls{display:none}#result-screen{position:absolute;inset:0;background:linear-gradient(90deg,#121c20f7 5%,#152126eb 55%,#17212691);padding:35px 7%;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(5px)}.result-topline,.result-bottomline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#cbd1c388}.result-topline{border-bottom:1px solid #dde3d626;padding-bottom:18px}.result-main{max-width:900px;width:100%;margin:auto}.result-main>#result-time{font:500 clamp(115px,20vw,250px)/.8 var(--display);letter-spacing:-5px;font-variant-numeric:tabular-nums}.result-main>#result-time span{font-weight:400;font-size:.6em;color:#b0beb6}.result-main h2{font:600 clamp(45px,7vw,82px)/1 var(--display);letter-spacing:9px;margin:22px 0 15px}.result-main p{font-size:11px;color:#c5cdc39e;line-height:1.7}.result-stats{display:flex;gap:45px;padding:28px 0 30px;margin:23px 0;border-top:1px solid #dce4d724;border-bottom:1px solid #dce4d724}.result-stats>div{display:flex;flex-direction:column;gap:14px}.result-stats>div>span{font-size:7px;letter-spacing:1px;color:#c5cec49e}.result-stats strong{font:500 32px/.9 var(--display);font-variant-numeric:tabular-nums}.result-stats small{font-size:15px;color:#c5cec475;font-weight:400}.result-stats i{font-size:6px;color:var(--amber);font-style:normal}.result-retry-note{display:block;font-size:7px;letter-spacing:1px;color:#c5cec460;margin-top:16px}.result-bottomline{font-size:6px}#pause-screen{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#162025d9;backdrop-filter:blur(8px)}#pause-screen h2{font:600 90px/.95 var(--display);letter-spacing:1px;margin:25px 0 40px}#pause-screen p{font-size:7px;letter-spacing:1px;margin-top:25px;opacity:.55}#loading{position:absolute;inset:0;background:#202929;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s}#loading>span{font:600 70px var(--display);letter-spacing:-2px}#loading p{font-size:8px;letter-spacing:2px;color:#c0c8ba80}.loading-dots{animation:blink 1s infinite}#loading.loaded{opacity:0;pointer-events:none}@keyframes blink{50%{opacity:.2}}.ended #instrument-header,.ended #instrument-footer,.ended .bottom-rule,.ended .play-only{opacity:0;pointer-events:none}
@media(min-width:761px){#intro{top:20%}h1{font-size:clamp(112px,17vh,185px);margin-top:20px}#intro h2{margin-top:20px}#start-button{margin-top:24px}.start-footnote{margin-top:13px}}
@media(min-height:1000px) and (min-width:761px){#intro{top:23%}h1{font-size:185px}.intro-description{margin-top:22px}}
@media(max-height:740px) and (min-width:761px){#intro{top:22%}h1{font-size:125px;margin-top:16px}#intro h2{margin:16px 0 12px;font-size:25px}.intro-description{font-size:9px}#start-button{margin-top:20px;padding:14px 19px}.start-footnote{margin-top:12px}#mission-note{top:32%}}
@media(max-width:1000px){.edition{display:none}#desktop-controls{gap:10px}.telemetry{gap:20px}.threat-instrument{gap:8px}.threat-copy{max-width:120px}#mission-note{right:5%;width:140px}.result-stats{gap:30px}}
@media(max-width:760px){#instrument-header{top:22px;left:22px;right:22px}.wordmark{font-size:25px}.header-right{font-size:0;gap:0}.status-light{display:none}#sound-toggle,#pause-button{margin-left:8px}#countdown-instrument{width:170px;top:-4px}.timer-caption{font-size:5px;letter-spacing:1px}.timer-unit{font-size:5px}.timer-value{font-size:65px;padding:7px 0 10px}.timer-decimal{font-size:34px}#intro{left:8%;top:25%}.intro-kicker{font-size:6px;letter-spacing:1px;gap:7px}.issue{margin-left:8px}h1{font-size:clamp(120px,27vw,180px);letter-spacing:-3px;margin-top:21px}#intro h2{font-size:23px;letter-spacing:3px;margin-top:22px}.intro-description{font-size:9px}.primary-action{padding:17px 19px;min-width:215px}#start-button{margin-top:24px}.start-footnote{font-size:6px}#mission-note{display:none}.world-treatment{background:linear-gradient(90deg,#151f2291,#151f2244 60%,#151f2210),linear-gradient(0deg,#101b21e6,transparent 30%,transparent 80%,#17212166)}#instrument-footer{left:23px;right:21px;bottom:53px}.telemetry{gap:20px}.telemetry .micro-label{font-size:6px;letter-spacing:.8px}.micro-label small{font-size:5px;margin-left:2px}.telemetry strong{font-size:28px}.telemetry-note{font-size:5px;letter-spacing:0}.combo-telemetry{display:none!important}.threat-copy{display:none}.threat-dial{width:53px;height:53px}.threat-dial>span{left:26px;bottom:7px;font-size:5px}#desktop-controls{display:none}.bottom-rule{left:23px;right:23px;bottom:15px;font-size:5px;letter-spacing:.6px}.bottom-rule>span:nth-child(2){display:none}.playing #instrument-footer{bottom:139px}.playing .combo-telemetry{display:flex!important}.playing .telemetry{gap:23px}.playing .telemetry-note{display:none}#touch-controls{display:flex;justify-content:space-between;position:absolute;left:20px;right:20px;bottom:53px}.playing #touch-controls{pointer-events:auto}#touch-controls>div{display:flex;gap:8px}#touch-controls button{width:54px;height:53px;border:1px solid #d4dfcd4d;background:#1e2b2da8;backdrop-filter:blur(3px);font-size:23px;touch-action:none}#touch-controls button:active{background:#d4d9cb44}#touch-controls #touch-dash{font-size:9px;width:60px;letter-spacing:1px}#dash-indicator{bottom:116px;right:23px;width:123px}#dash-indicator>span{display:none}#route-instrument{bottom:28%}#event-sign{top:22%;padding:12px;gap:11px;max-width:94%}#event-title{font-size:23px}#event-detail{font-size:6px}#event-number{font-size:5px}#result-screen{padding:26px 8%}.result-topline{font-size:6px;letter-spacing:.6px}.result-topline>span:last-child{display:none}.result-main>#result-time{font-size:145px;letter-spacing:-3px}.result-main h2{font-size:48px;letter-spacing:5px;margin:25px 0 13px}.result-main p{font-size:9px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 13px;margin:22px 0;padding:25px 0}.result-stats>div>span{font-size:6px;letter-spacing:.2px}.result-stats strong{font-size:28px}.result-stats>div{gap:10px}.result-retry-note{font-size:6px;letter-spacing:.5px}.result-bottomline{font-size:5px;letter-spacing:.3px}#pause-screen h2{font-size:75px}#bonus{left:calc(50% + 40px);font-size:15px}}
@media(max-width:760px) and (max-height:730px){#intro{top:24%}h1{font-size:112px;line-height:.84;margin-top:13px}#intro h2{font-size:20px;margin:16px 0 10px}.intro-description{font-size:8px;line-height:1.6}#start-button{margin-top:18px;padding:14px 17px}.start-footnote{margin-top:11px}.intro-kicker{font-size:5px}#instrument-footer{bottom:44px}.result-main>#result-time{font-size:105px}.result-main h2{font-size:37px;margin-top:16px}.result-stats{gap:18px 10px;padding:17px 0;margin:17px 0}.result-main p{margin:6px 0}}
@media(pointer:coarse) and (min-width:761px){#desktop-controls{display:none}#touch-controls{position:absolute;display:flex;justify-content:space-between;left:40px;right:40px;bottom:160px}.playing #touch-controls{pointer-events:auto}#touch-controls>div{display:flex;gap:10px}#touch-controls button{padding:18px 23px;background:#263332a8;border:1px solid #dce1d34d;touch-action:none}#dash-indicator{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.film-grain{display:none}.primary-action{transition:none}.loading-dots{animation:none}}