:root{color-scheme:dark;--green:#8bffad;--amber:#ffd36a;--ink:#050807;--line:rgba(184,255,202,.25);--safe-top:max(14px,env(safe-area-inset-top));--safe-bottom:max(18px,env(safe-area-inset-bottom));font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:#d8ffe1;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{font:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:2px solid white;outline-offset:4px}.is-hidden{display:none!important}
#app,#game{position:fixed;inset:0;width:100%;height:100%}#game{display:block;touch-action:none;cursor:none}.glass{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}
.eyebrow{color:#88ad94;font-size:9px;letter-spacing:.16em;text-transform:uppercase;line-height:1.5}.hud{position:fixed;z-index:5;top:var(--safe-top);left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto;gap:10px;pointer-events:none;text-shadow:0 2px 8px #000}.hud__identity .eyebrow{font-size:8px;display:block;max-width:210px}.hud__identity strong{display:block;font-size:16px;letter-spacing:.12em;margin-top:2px}.hud__actions{display:flex;justify-self:end;gap:8px;grid-column:2;grid-row:1;pointer-events:auto}.icon-button{min-width:46px;min-height:46px;border:1px solid var(--line);background:rgba(4,12,9,.72);border-radius:12px;color:#c3eacf;font-size:10px;letter-spacing:.08em;backdrop-filter:blur(12px)}#pauseButton{font-size:18px}.hud__meters{grid-row:2;grid-column:1/-1;display:flex;align-items:center;justify-self:start;gap:10px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(4,12,9,.74);font-size:11px;letter-spacing:.04em;backdrop-filter:blur(12px)}.hud__meters b{color:white}#heartMeter{color:var(--green)}.divider{width:1px;height:13px;background:var(--line)}
.objective{position:fixed;z-index:4;top:126px;left:max(17px,env(safe-area-inset-left));width:min(220px,calc(100vw - 158px));padding-left:10px;border-left:2px solid #74c992;text-shadow:0 2px 7px #000;pointer-events:none}.objective span{display:block;color:#7f9f89;font-size:7px;letter-spacing:.13em;line-height:1.45}.objective strong{display:block;font-size:10px;line-height:1.6;font-weight:400;margin-top:4px}
.modal{position:fixed;z-index:10;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + 9px) 16px calc(var(--safe-bottom) + 9px);overflow:auto;scrollbar-width:none;background:radial-gradient(ellipse at 50% 35%,rgba(29,86,48,.27),rgba(0,0,0,.92));cursor:default}.modal::-webkit-scrollbar{display:none}.modal__panel{width:min(540px,100%);min-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 18px);padding:27px 24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--line);border-radius:22px;background:linear-gradient(165deg,rgba(15,32,20,.75),rgba(3,9,5,.92));box-shadow:0 0 80px rgba(93,255,134,.05)}.insert-coin{display:flex;align-items:center;gap:9px;align-self:stretch;color:#7d9b87;font-size:8px;letter-spacing:.13em}.insert-coin::before,.insert-coin::after{content:"";flex:1;height:1px;background:var(--line)}.insert-coin span{width:10px;height:10px;border:1px solid currentColor;border-radius:50%}.modal .eyebrow{margin:clamp(25px,6svh,55px) 0 24px;font-size:8px}.modal h1{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(36px,12vw,62px);line-height:.88;letter-spacing:-.025em;margin:0;color:#d8ffe1;font-weight:900}.modal[data-screen="title"] h1{font-size:clamp(72px,25vw,115px)}.modal h1 em{font-style:normal;display:inline-block;font-family:ui-monospace,monospace;font-size:.2em;line-height:1.4;letter-spacing:.08em;color:var(--amber);margin-top:14px}.modal[data-screen="ending"] h1{font-size:80px}.modal[data-screen="ending"] h1 em{font-size:.45em;letter-spacing:.15em}.modal__subtitle{max-width:320px;color:#b5c9bc;font-size:9px;line-height:1.65;letter-spacing:.14em;margin:21px 0 0}.duck-mark{position:relative;width:76px;height:50px;margin:clamp(20px,5svh,37px) 0 26px;filter:drop-shadow(0 0 12px rgba(255,211,106,.2))}.duck-mark__body{position:absolute;left:5px;bottom:4px;width:51px;height:28px;border:2px solid var(--amber);border-radius:55% 48% 48% 45%}.duck-mark__body::after{content:"";position:absolute;left:13px;top:9px;width:22px;height:9px;border-top:2px solid var(--amber);border-radius:50%;transform:rotate(-11deg)}.duck-mark__head{position:absolute;right:12px;top:3px;width:24px;height:24px;border:2px solid var(--amber);border-radius:50%}.duck-mark__head::after{content:"";position:absolute;right:5px;top:5px;width:3px;height:3px;background:var(--amber);border-radius:50%}.duck-mark__bill{position:absolute;right:0;top:17px;width:16px;height:7px;border:2px solid var(--amber);border-left:0;transform:skewX(-18deg)}.modal__copy{color:#a4bda9;font-size:13px;line-height:1.8;margin:0 0 25px;max-width:340px}.modal__actions{width:100%;display:flex;flex-direction:column;gap:14px;align-items:center}.primary-button{width:100%;min-height:54px;border:1px solid var(--green);border-radius:13px;background:var(--green);color:#05200e;font-size:13px;font-weight:800;letter-spacing:.12em;padding:16px 14px;box-shadow:0 0 24px rgba(93,255,134,.12)}.primary-button:active{background:#d8ffe1}.text-button{min-height:44px;border:0;background:transparent;color:#b0cfb9;font-size:10px;letter-spacing:.09em;padding:10px 4px;text-decoration:underline;text-underline-offset:5px}.modal__footer{align-self:stretch;margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:10px;color:#688773;font-size:7px;line-height:1.6;letter-spacing:.07em}
.skip-button{position:fixed;z-index:9;right:18px;bottom:var(--safe-bottom);padding:14px;border:1px solid var(--line);border-radius:10px;background:#07110b;color:#b8ffca;font-size:10px;min-height:46px}
.touch-controls{position:fixed;z-index:6;inset:0;pointer-events:none}.joystick{position:absolute;display:none;width:96px;height:96px;margin:-48px 0 0 -48px;border:1px solid rgba(184,255,202,.35);border-radius:50%;background:rgba(6,22,12,.25);pointer-events:none;touch-action:none}.joystick.is-active{display:block}.joystick span{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;background:rgba(139,255,173,.55);border:1px solid rgba(184,255,202,.7);border-radius:50%;box-shadow:0 0 18px rgba(93,255,134,.17);pointer-events:none}.signal-button,.boost-button{position:absolute;bottom:calc(var(--safe-bottom) + 6px);width:60px;height:60px;border:1px solid rgba(184,255,202,.35);border-radius:20px;background:rgba(5,16,10,.8);color:#a5d9b8;pointer-events:auto;backdrop-filter:blur(8px);padding:6px;touch-action:manipulation}.signal-button{left:max(19px,env(safe-area-inset-left));color:var(--amber);border-color:rgba(255,211,106,.35)}.boost-button{right:max(19px,env(safe-area-inset-right));background:linear-gradient(to top,rgba(93,255,134,.14) var(--charge,100%),rgba(4,12,8,.8) var(--charge,100%))}.signal-button span,.boost-button b{display:block;font-size:26px;line-height:1.1;font-weight:400}.signal-button small,.boost-button small{display:block;margin-top:3px;font-size:7px;letter-spacing:.12em}.signal-button:not(.is-ready),.boost-button:not(.is-ready){opacity:.52}.boost-button.is-ready{color:#b8ffca}
.travel-hud{position:fixed;z-index:5;left:50%;bottom:calc(var(--safe-bottom) + 12px);transform:translateX(-50%);width:calc(100vw - 175px);max-width:420px;text-align:center;pointer-events:none;text-shadow:0 2px 8px black}.travel-hud>span{display:block;color:#c6e9d0;font-size:10px;line-height:1.5;letter-spacing:.06em}.travel-hud small{display:block;color:#6e987d;font-size:7px;line-height:1.7;margin-top:3px}#boostStatus{font-size:7px;color:#99b9a2}
.caption,.toast{position:fixed;z-index:8;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));text-align:center;pointer-events:none;text-shadow:0 2px 9px black}.caption{bottom:calc(var(--safe-bottom) + 104px);padding:10px 12px;color:#edf9f0;font:600 14px/1.5 system-ui,sans-serif;background:linear-gradient(90deg,transparent,rgba(3,10,6,.68),transparent);border-radius:12px}.caption::before{content:"TRANSMISSION";display:block;color:#7bc799;font:8px monospace;letter-spacing:.2em;margin-bottom:7px}.toast{top:220px;background:rgba(4,12,8,.87);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:9px;line-height:1.6;color:#cfebd5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pause-menu{position:fixed;z-index:12;inset:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + 22px) 22px calc(var(--safe-bottom) + 16px);background:rgba(3,10,6,.85);backdrop-filter:blur(10px)}.pause-panel{width:min(390px,100%);display:flex;flex-direction:column;gap:14px;text-align:center;margin:auto 0}.pause-panel h2{font:700 clamp(26px,7vw,36px)/1.1 ui-monospace,monospace;letter-spacing:-.05em;margin:0;color:#d8ffe1}.pause-panel .eyebrow{margin:0}.pause-copy{font-size:12px;line-height:1.9;color:#9bb4a4;margin:7px 0 14px}.pause-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-button{min-height:50px;border:1px solid var(--line);border-radius:12px;background:rgba(184,255,202,.045);color:#b8d7c1;font-size:10px;letter-spacing:.05em;padding:13px 8px}.install-help{font-size:12px;line-height:1.65;color:#a5c8b2;margin:0;text-align:left;padding:10px 6px}.saved-note{font-size:10px;color:#6e957d}
@media(min-width:760px),(orientation:landscape){.hud{grid-template-columns:1fr auto 1fr}.hud__meters{grid-column:2;grid-row:1}.hud__actions{grid-column:3}.objective{top:83px;width:min(430px,calc(100vw - 260px))}.modal__panel{min-height:min(730px,calc(100svh - 65px));padding:34px 55px 24px}.modal[data-screen="title"] h1{font-size:110px}.modal .eyebrow{margin-top:40px}.travel-hud>span{font-size:12px}.travel-hud small{font-size:8px}.signal-button{left:28px}.boost-button{right:28px}}
@media(max-height:620px){.modal__panel{min-height:auto;padding-top:20px}.modal .eyebrow{margin:20px 0 18px}.modal[data-screen="title"] h1{font-size:75px}.duck-mark{margin:17px 0}.modal__copy{margin-bottom:18px}.modal__footer{padding-top:20px}.pause-menu{padding-top:20px}.pause-panel{gap:10px}.pause-copy{margin:0 0 7px}.pause-panel h2{font-size:25px}.caption{bottom:95px;font-size:12px;max-width:52vw}.toast{top:114px;max-width:55vw}.objective{top:67px}.travel-hud>span{font-size:9px}.travel-hud #regionDetail{display:none}.signal-button,.boost-button{width:52px;height:52px}.signal-button small,.boost-button small{font-size:6px}}
@media(max-width:360px){.hud__identity .eyebrow{font-size:7px;max-width:164px}.hud__meters{font-size:10px;gap:8px}.objective{width:calc(100vw - 178px)}.objective strong{font-size:9px}.modal__panel{padding-left:19px;padding-right:19px}.modal__copy{font-size:12px}.travel-hud{width:calc(100vw - 164px)}.travel-hud>span{font-size:9px}.caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-height:620px) and (orientation:portrait){.objective{top:126px}.caption{max-width:none}}

.modal[data-screen="title"] h1 br{display:none}.modal[data-screen="title"] h1 em{display:block}

#offlineStatus{display:block;margin-top:8px;line-height:1.5;color:#91bfa0}

.homecoming{position:fixed;inset:0;z-index:10;pointer-events:none;color:#dcffe4;text-align:center}.homecoming__heading{position:absolute;top:calc(var(--safe-top) + 24px);left:18px;right:18px}.homecoming__heading .eyebrow{font-size:8px;letter-spacing:.14em;line-height:1.7}.homecoming h2{font:900 clamp(54px,17vw,80px)/1 Impact,Haettenschweiler,sans-serif;margin:14px 0 0;letter-spacing:.02em}.homecoming__label{font-size:9px;letter-spacing:.3em;color:#93bc9d;margin:10px 0}.homecoming__name{font-size:12px;color:#ffe5a0;margin:17px 0;line-height:1.6}.homecoming__footer{position:absolute;bottom:calc(var(--safe-bottom) + 2px);left:24px;right:24px;max-width:440px;margin:0 auto}.homecoming__roster{color:#acc4b3;font:12px/1.9 system-ui,sans-serif;max-height:100px;overflow:auto;pointer-events:auto;margin:0 0 18px}.homecoming__actions{pointer-events:auto;display:flex;flex-direction:column;gap:7px}.homecoming__actions .text-button{font-size:8px}.homecoming__actions .primary-button{font-size:12px}
@media(max-height:650px) and (orientation:portrait){.homecoming__heading{top:var(--safe-top)}.homecoming h2{font-size:48px;margin-top:7px}.homecoming__name{margin:8px 0;font-size:10px}.homecoming__roster{font-size:10px;line-height:1.6;max-height:66px;margin-bottom:10px}.homecoming__actions{gap:2px}.homecoming__actions .primary-button{min-height:46px;padding:12px}.homecoming__label{margin:5px 0;font-size:8px}}
@media(orientation:landscape) and (max-height:620px){.homecoming__heading{left:22px;right:auto;width:230px;top:var(--safe-top);text-align:left}.homecoming h2{font-size:52px;margin-top:8px}.homecoming__name{font-size:10px;max-width:210px}.homecoming__footer{left:22px;right:auto;width:250px;margin:0;bottom:var(--safe-bottom)}.homecoming__roster{font-size:10px;line-height:1.5;max-height:48px;margin-bottom:8px}.homecoming__actions .primary-button{min-height:42px;padding:10px}.homecoming__actions .text-button{min-height:30px;padding:5px}.homecoming__actions{gap:0}}

.game-over{position:fixed;inset:0;z-index:14;display:flex;align-items:center;justify-content:center;overflow:auto;padding:calc(var(--safe-top) + 24px) 22px calc(var(--safe-bottom) + 24px);background:rgba(3,7,8,.93);color:#cee1d4;text-align:center}.game-over__panel{width:min(420px,100%);margin:auto;display:flex;flex-direction:column;align-items:center}.game-over .eyebrow{color:#899b9b;font-size:10px;letter-spacing:.16em}.game-over__light{width:30px;height:30px;margin:30px 0 22px;background:#668e73;box-shadow:0 0 20px #82bb982b;border:2px solid #91ac97;transform:rotate(-9deg)}.game-over h2{font:900 clamp(38px,13vw,64px)/1 Impact,Haettenschweiler,sans-serif;letter-spacing:.02em;margin:0;color:#b4c7bd}.game-over__hearts{color:#97899a;font-size:20px;letter-spacing:.12em;margin:20px 0 0}.game-over__copy{font:14px/1.85 ui-monospace,monospace;color:#aab7b1;max-width:350px;margin:23px 0 28px}.game-over .primary-button{font-size:11px;letter-spacing:.03em;min-height:54px}.game-over .text-button{margin-top:12px;font-size:11px}.game-over .primary-button:focus-visible,.game-over .text-button:focus-visible{outline:2px solid #d8ffe1;outline-offset:5px}@media(max-height:620px){.game-over__light{margin:16px 0;width:23px;height:23px}.game-over__copy{margin:16px 0 20px;line-height:1.6}.game-over h2{font-size:40px}.game-over__hearts{margin-top:12px}.game-over{align-items:flex-start}}

.station-link{color:inherit;text-underline-offset:3px}.station-link:hover{color:var(--green)}.station-return{display:block;text-align:center;text-decoration:none}.station-link:focus-visible,.station-return:focus-visible{outline:2px solid #9cffae;outline-offset:5px}