:root{color-scheme:dark;font-family:var(--mono);--mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ink: #eaf7f6;--muted: #8aa2a5;--line: rgba(153, 207, 205, .22);--panel: rgba(7, 17, 22, .82);--cyan: #5affc8;--blue: #62d9ff;--violet: #c58cff;--amber: #ffc55c;--red: #ff365c}button,a,[tabindex]{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#071116;color:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed}#app{position:relative;isolation:isolate;min-height:520px;background:radial-gradient(circle at 62% 45%,#1b3439,#0a171d 63%,#071116)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.rain{position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(107deg,transparent 0 13px,rgba(171,221,226,.06) 14px,transparent 15px 30px);animation:rain-shift 1.2s linear infinite;mix-blend-mode:screen}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 24px #0000008f,inset 0 0 30px #2c84882e}@keyframes rain-shift{to{transform:translate(26px)}}.hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:grid;grid-template-columns:1.25fr repeat(3,.7fr);min-height:72px;border:1px solid var(--line);background:linear-gradient(90deg,#050c10f0,#08151aa6);backdrop-filter:blur(14px);z-index:5;box-shadow:0 14px 50px #0000004d}.hud>div{padding:11px 15px;border-right:1px solid var(--line)}.hud>div:last-child{border-right:0}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:800 19px/1 Barlow Condensed,sans-serif;transform:skew(-8deg);box-shadow:inset 0 0 20px #5affc81f}.brand strong{display:block;font:800 23px/.9 Barlow Condensed,sans-serif;letter-spacing:.09em}.brand small{color:var(--muted);font-size:8px;letter-spacing:.16em}.readout{display:grid;align-content:center;grid-template-columns:1fr auto;gap:3px 10px}.readout>span{color:var(--muted);font-size:8px;letter-spacing:.14em}.readout>strong{grid-row:1 / 3;grid-column:2;align-self:center;font:700 24px/1 Barlow Condensed,sans-serif;letter-spacing:.05em}.readout>strong.banked{animation:banked .36s ease-out}@keyframes banked{0%{color:var(--cyan);transform:scale(1.2);text-shadow:0 0 16px var(--cyan)}}.readout>small{color:var(--muted);font-size:8px}.readout>small b{color:var(--ink)}.meter{grid-column:1 / -1;height:3px;display:block;background:#ffffff17;overflow:hidden}.meter b{display:block;width:100%;height:100%;background:var(--cyan);transition:width .2s linear}.dispatch,.queue{position:absolute;z-index:4;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(13px);box-shadow:0 18px 55px #00000057}.dispatch{left:20px;top:108px;width:270px;padding:17px}.queue{right:20px;top:108px;width:286px}.eyebrow{margin:0 0 14px;color:var(--muted);font-size:8px;letter-spacing:.19em}.phase-name{display:flex;align-items:center;gap:12px}.phase-name>i{width:14px;height:34px;border-radius:10px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);transition:.2s}.phase-name span{color:var(--muted);font-size:8px;letter-spacing:.15em}.phase-name strong{display:block;margin-top:3px;font:800 26px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}#phase-copy{min-height:53px;margin:14px 0;color:#a8bbbd;font-size:10px;line-height:1.65}.surge-row,.reserve-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:7px;letter-spacing:.13em}.surge-row{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.surge-row b{color:var(--amber);font-weight:500;letter-spacing:.1em}.reserve-row{margin-top:9px}.reserve-row b{color:var(--cyan);font-weight:500}.reserve-row i{flex:1;height:3px;background:#ffffff1a}.reserve-row em{display:block;width:42%;height:100%;background:var(--violet);box-shadow:0 0 10px #c58cff73;font-style:normal}.reserve-row em{color:var(--ink);font-size:6px;line-height:3px;text-align:center;overflow:hidden}.heat>span,.charge>span{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.12em}.heat>span b,.charge>span b{color:var(--ink)}.heat>i{display:block;height:5px;margin:7px 0 15px;background:#ffffff14}.heat>i b{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--amber),var(--red));transition:width .15s}.heat>i b.critical{animation:critical .55s steps(2) infinite}@keyframes critical{50%{opacity:.35}}#charge-cells{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:8px 0 14px}#charge-cells i{height:12px;border:1px solid rgba(255,255,255,.13);transform:skew(-9deg)}.all-red.cooling{border-color:#ffc45c80;filter:saturate(.72)}.all-red.cooling span{color:var(--amber)}#charge-cells i.filled{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 7px #5affc873}.all-red{width:100%;min-height:54px;border:1px solid rgba(255,54,92,.55);background:linear-gradient(90deg,#ff365c29,#ff365c0a);cursor:pointer;position:relative;overflow:hidden}.all-red:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:translate(-100%)}.all-red:hover:before{transform:translate(100%);transition:transform .35s}.all-red span{display:block;color:#ff6c86;font:800 18px/1 Barlow Condensed,sans-serif;letter-spacing:.13em}.all-red small{color:#9e6e76;font-size:7px;letter-spacing:.14em}.all-red:disabled{opacity:.4;filter:grayscale(.7)}.queue{padding:15px}.queue-head,.next-aid{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.12em}.queue-head b{color:var(--cyan)}.pod-list{margin:12px 0;border-top:1px solid var(--line)}.pod-row{display:none;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;min-height:48px;border-bottom:1px solid var(--line)}.pod-row.visible{display:grid}.pod-row>i{width:5px;height:24px;background:var(--pod-color, var(--cyan));box-shadow:0 0 9px var(--pod-color, var(--cyan))}.pod-row span b{display:block;font:700 14px/1 Barlow Condensed,sans-serif;letter-spacing:.06em}.pod-row span small{color:var(--muted);font-size:7px}.pod-row>b{color:var(--pod-color, var(--cyan));font:700 18px/1 Barlow Condensed,sans-serif}.next-aid{padding-top:11px;border-top:1px solid var(--line)}.next-aid strong{color:var(--ink);font-size:11px}.next-aid i{position:absolute;right:20px;width:112px;height:2px;margin-top:18px;background:#ffffff14}.next-aid i b{display:block;height:100%;background:var(--violet)}.phases{position:absolute;z-index:5;left:50%;bottom:68px;display:grid;grid-template-columns:repeat(4,minmax(95px,120px));transform:translate(-50%);border:1px solid var(--line);background:#050d11e6;backdrop-filter:blur(15px)}.phases button{min-height:67px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;position:relative;transition:.16s}.phases button:last-child{border-right:0}.phases button:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;background:transparent}.phases button:hover{background:#ffffff0a}.phases button.active{background:#5affc817}.phases button.active:after{background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.phases button.overloaded small{color:var(--amber)}.phases button.overloaded:before{content:"+1";position:absolute;top:7px;right:8px;color:var(--amber);font:700 7px/1 ui-monospace,monospace}.phases kbd{position:absolute;top:6px;left:7px;color:var(--muted);font-size:7px}.phases span{display:block;font:800 18px/1 Barlow Condensed,sans-serif;letter-spacing:.05em}.phases small{color:var(--muted);font-size:7px;letter-spacing:.12em}.notice{position:absolute;z-index:5;left:50%;bottom:154px;min-width:320px;max-width:min(520px,calc(100% - 40px));transform:translate(-50%);padding:9px 15px;border-left:2px solid var(--cyan);background:#061116e0;text-align:center;pointer-events:none;opacity:0}.notice.flash{animation:notice 4s ease both}.notice span{color:var(--cyan);font-size:8px;letter-spacing:.16em}.notice strong{display:block;margin-top:3px;font-size:9px;font-weight:500}@keyframes notice{0%{opacity:0;transform:translate(-50%,8px)}8%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}.legend{position:absolute;z-index:4;left:20px;bottom:18px;display:flex;gap:17px;color:var(--muted);font-size:7px;letter-spacing:.09em}.legend span{display:flex;align-items:center;gap:4px}kbd{padding:3px 5px;border:1px solid rgba(255,255,255,.2);color:#b6c8c9;background:#ffffff0a;font:500 7px/1 IBM Plex Mono,monospace}.utility{position:absolute;z-index:6;right:20px;bottom:18px;display:flex}.utility button{min-height:35px;padding:0 12px;border:1px solid var(--line);border-right:0;color:var(--muted);background:#060f13cc;font-size:7px;letter-spacing:.1em;cursor:pointer}.utility button:last-child{border-right:1px solid var(--line)}.utility button:hover{color:var(--ink);background:#ffffff0f}.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#02080bc2;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.25s}#modal[data-state=briefing]{place-items:center start;padding-left:clamp(24px,7vw,112px);background:linear-gradient(90deg,#02080bf2,#02080bb8 43%,#02080b29 78%,#02080b94);backdrop-filter:blur(2px)}#modal[data-state=briefing] .modal-card{width:min(560px,100%)}#modal[data-state=ending]{background:linear-gradient(90deg,#02080bc7,#02080b52 52%,#02080bad)}.modal.visible{opacity:1;visibility:visible}.modal-card{width:min(610px,100%);padding:clamp(24px,4vw,48px);border:1px solid rgba(90,255,200,.36);background:linear-gradient(145deg,#0b1b20fa,#040b0ffa);box-shadow:0 30px 100px #000000a6,inset 0 0 60px #5affc809;position:relative}#modal[data-ending=valve] .modal-card{border-color:#ff365c75}#modal[data-ending=valve] .modal-card:before,#modal[data-ending=valve] .modal-card:after{border-color:var(--red)}#modal[data-ending=escort] .modal-card{border-color:#c58cff75}#modal[data-ending=escort] .modal-card:before,#modal[data-ending=escort] .modal-card:after{border-color:var(--violet)}#modal[data-ending=blackout] .modal-card{border-color:#ff5c6057;background:linear-gradient(145deg,#230d16fa,#07070cfc)}#modal[data-ending=blackout] .modal-card:before,#modal[data-ending=blackout] .modal-card:after{border-color:var(--red)}#modal[data-state=ending][data-ending=flow] .modal-card{border-color:#5affc83d}#modal[data-state=ending][data-ending=flow] .modal-card:before,#modal[data-state=ending][data-ending=flow] .modal-card:after{border-color:var(--cyan)}#modal[data-state=paused]{background:#02080bd1}.modal-card:before,.modal-card:after{content:"";position:absolute;width:48px;height:48px;border-color:var(--cyan);opacity:.65}.modal-card:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.modal-card:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.modal h1{margin:0;font:800 clamp(54px,9vw,96px)/.72 "Barlow Condensed",sans-serif;letter-spacing:-.035em}.modal h1 span{display:block;color:transparent;-webkit-text-stroke:1px var(--cyan)}#modal-copy{max-width:520px;margin:25px 0;color:#a9babc;font-size:11px;line-height:1.75}.briefing{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.briefing span{padding:12px 8px;border-right:1px solid var(--line)}.briefing span:last-child{border-right:0}.briefing b,.briefing small{display:block}.briefing b{color:var(--cyan);font:800 20px/1 Barlow Condensed,sans-serif}.briefing small{margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:.1em}.seed-line{margin:14px 0;color:var(--muted);font-size:8px;letter-spacing:.12em}.seed-line b{color:var(--ink)}.primary{width:100%;min-height:52px;border:0;color:#03100e;background:var(--cyan);font:800 18px/1 Barlow Condensed,sans-serif;letter-spacing:.12em;cursor:pointer;box-shadow:0 0 28px #5affc82e}.primary:hover{background:#b6ffe8}.modal-foot{margin:13px 0 0;color:#637b7d;text-align:center;font-size:7px;letter-spacing:.1em}@media(max-width:900px){.hud{grid-template-columns:1.2fr repeat(3,.65fr)}.brand strong{font-size:18px}.brand small{display:none}.readout{padding:9px}.readout>strong{font-size:19px}.dispatch{width:225px}.queue{width:230px}#phase-copy{min-height:66px}.legend{display:none}.utility{left:20px;right:auto}}@media(max-width:680px){#app{min-height:620px}.hud{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;grid-template-columns:1fr repeat(3,.62fr);min-height:59px}.hud>div{padding:8px}.brand>span{width:31px;height:31px;font-size:14px}.brand strong{font-size:14px}.readout>span{font-size:6px}.readout>strong{font-size:16px}.readout>small{display:none}.dispatch{left:8px;top:77px;width:188px;padding:11px}.dispatch .eyebrow,#phase-copy,.charge>span,#charge-cells{display:none}.phase-name{gap:8px}.phase-name>i{height:28px}.phase-name strong{font-size:19px}.heat{margin-top:9px}.heat>span{font-size:7px}.all-red{min-height:43px;margin-top:8px}.queue{right:8px;top:77px;width:calc(100% - 212px);min-width:135px;padding:10px}.queue-head{font-size:6px}.pod-row{min-height:42px;gap:5px}.pod-row span b{font-size:11px}.pod-row span small,.next-aid{display:none}.phases{left:8px;right:8px;bottom:48px;transform:none;grid-template-columns:repeat(4,1fr)}.phases button{min-height:57px}.phases span{font-size:14px}.notice{bottom:114px;min-width:0;width:calc(100% - 16px)}.utility{left:8px;bottom:7px}.utility button{min-height:33px;padding:0 10px}.briefing{grid-template-columns:repeat(2,1fr)}.briefing span{border-bottom:1px solid var(--line)}.modal-card{padding:24px 20px}.modal h1{font-size:56px}#modal-copy{font-size:10px}}@media(max-height:720px)and (min-width:681px){.dispatch,.queue{top:98px}.dispatch{padding:12px}.dispatch .eyebrow,#phase-copy{display:none}.heat{margin-top:10px}.queue{padding:11px}.pod-row{min-height:38px}.phases{bottom:48px}.notice{bottom:128px}.legend{display:none}.utility{bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hud>div,.brand,.readout,.dispatch,.queue,.queue-head,.pod-row,.phases,.notice{min-width:0}.brand>div,.readout>span,.readout>strong,.phase-name strong,.queue-head span,.pod-row span,.pod-row span b,.pod-row span small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dispatch,.queue{max-height:calc(100dvh - 220px);overflow:auto;scrollbar-width:thin}.modal-card{max-height:calc(100dvh - 2rem);overflow:auto}.eyebrow,.queue-head,.readout>span,.readout>small{opacity:.86}@media(max-width:680px){#app{min-height:0}.hud{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.72fr))}.hud>div{padding-inline:.4rem}.brand{gap:.4rem}.brand>div{min-width:0}.brand strong{overflow:hidden;font-size:clamp(10px,3.5vw,14px);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.readout{grid-template-columns:minmax(0,1fr) auto;gap:2px 3px}.readout>strong{font-size:clamp(13px,4vw,17px)}.dispatch{width:min(46vw,188px);padding:.65rem}.queue{width:calc(100% - 46vw - 24px);min-width:0;padding:.65rem}.queue-head{gap:.35rem}.phase-name strong{font-size:clamp(16px,5vw,19px)}.all-red{padding-inline:.5rem}.all-red span,.all-red small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phases button{min-width:0;padding-inline:.2rem}.phases span,.phases small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utility button{min-width:0;padding-inline:.55rem}.modal-card{width:calc(100% - 1rem);max-height:calc(100dvh - 1.5rem);padding:1.25rem}#modal[data-state=briefing]{place-items:center;padding:18px;background:linear-gradient(180deg,#02080be6,#02080bad 55%,#02080beb)}#modal[data-state=briefing] .modal-card{width:calc(100% - 1rem)}.surge-row,.reserve-row{font-size:6px}.reserve-row em{min-width:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.briefing span{min-width:0;padding-inline:.3rem}.briefing small{overflow-wrap:anywhere}}@media(max-width:380px){.dispatch{width:45vw;padding:.55rem}.queue{width:calc(100% - 45vw - 20px);padding:.55rem}.phases button{padding-inline:.1rem}.utility button{padding-inline:.45rem}}#modal[data-state=ending][data-ending=valve] .modal-card{border-color:#ff365c75}#modal[data-state=ending][data-ending=valve] .modal-card:before,#modal[data-state=ending][data-ending=valve] .modal-card:after{border-color:var(--red)}#modal[data-state=ending][data-ending=escort] .modal-card{border-color:#c58cff75}#modal[data-state=ending][data-ending=escort] .modal-card:before,#modal[data-state=ending][data-ending=escort] .modal-card:after{border-color:var(--violet)}#modal[data-state=ending][data-ending=blackout] .modal-card{border-color:#ff5c6057}#modal[data-state=ending][data-ending=blackout] .modal-card:before,#modal[data-state=ending][data-ending=blackout] .modal-card:after{border-color:var(--red)}