@charset "UTF-8";
:root{color-scheme:dark;--bg:#080f18;--surface:#101d2b;--line:#ffffff16;--ink:#edf4f8;--muted:#8d9eae;--accent:#f3af65;--cyan:#89d9ed;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--body:Inter,"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--stage-w:min(480px,calc((100svh - 244px)*.6))}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 5%,#18384a33,transparent 58%),linear-gradient(90deg,transparent 49.9%,#ffffff02 50%,transparent 50.1%);z-index:-1}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{transition:background .16s,border-color .16s,color .16s}button:active:not(:disabled){filter:brightness(1.2)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex:none}.svg-defs{display:none}[hidden]{display:none!important}h1,h2,p{margin:0}a{color:inherit}.app-shell{max-width:1640px;margin:auto;padding:0 44px}.masthead{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:3px}.brand>svg{width:34px;height:34px;color:var(--accent)}.brand small{display:block;color:var(--muted);font-weight:500;letter-spacing:2px;font-size:10px;margin-top:3px}.header-meta{color:#8396a7;font:10px var(--mono);letter-spacing:1.4px;display:flex;align-items:center;gap:10px}.divider{margin:0 12px;color:#344958}.status-dot,.orange-dot{display:inline-block;width:5px;height:5px;background:#b5d39d;border-radius:50%}.orange-dot{background:var(--accent);margin-right:7px}.header-actions{display:flex;gap:10px}.icon-button{min-height:44px;min-width:44px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:4px;font-family:var(--mono);font-size:13px}.icon-button:hover{background:#ffffff0b;border-color:#ffffff42}.icon-button[aria-pressed=true]{color:var(--accent)}#sound-button{border:0;padding:0 12px}#help-button{font-size:19px;border-radius:50%;width:38px}.command-layout{display:grid;grid-template-columns:minmax(220px,1fr) var(--stage-w) minmax(215px,.86fr);gap:clamp(24px,4vw,74px);padding:30px 0 20px;align-items:center;justify-content:center}.left-panel,.right-panel{align-self:center;min-width:0}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--accent)}h1{font-size:clamp(32px,3.4vw,55px);font-weight:900;letter-spacing:-2.7px;line-height:.97;margin:27px 0 16px;font-style:italic}h1>span{display:block;-webkit-text-stroke:1px #c2d3de;color:transparent;letter-spacing:1px}.title-dot{-webkit-text-stroke:0;color:var(--accent)}.chinese-title{font-size:17px;letter-spacing:2.5px;font-weight:600}.intro{color:#8396a5;font-size:13px;line-height:1.85;margin:16px 0 32px}.section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:20px}.section-heading>span{font-size:12px;letter-spacing:2px;color:#bdcad3}.section-heading small{color:#647b8c;font:9px var(--mono);letter-spacing:.6px}.route-section{border-top:1px solid var(--line);padding-top:23px}.route-section ol{list-style:none;margin:0;padding:0}.route-section li{display:flex;gap:14px;position:relative;padding-bottom:19px;align-items:center;opacity:.48}.route-section li:before{content:"";position:absolute;top:31px;bottom:3px;left:14px;width:1px;background:#4d64774d}.route-section li:last-child:before{display:none}.route-section li:last-child{padding-bottom:0}.route-number{width:29px;height:29px;border:1px solid #476072;display:grid;place-items:center;font:10px var(--mono);flex:none}.route-section li.active{opacity:1}.route-section li.active .route-number{border-color:var(--accent);color:var(--accent);background:#f3af650b}.route-section li.complete{opacity:.8}.route-section li.complete .route-number{color:#9eddca;border-color:#9eddca66}.route-section strong{display:block;font-size:13px;font-weight:500;letter-spacing:1px}.route-section small{font:8px var(--mono);color:#8d9eae;letter-spacing:1px}.route-section .route-time{margin-left:auto;font:9px var(--mono);color:#a1b2bf}.best-record{border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.best-record>span{font-size:11px;color:var(--muted)}.best-record strong{display:block;font:27px var(--mono);letter-spacing:2px;margin:6px 0}.best-record small{font-size:10px;color:#677e90}.arcade{width:var(--stage-w);max-width:100%;min-width:0;box-shadow:0 20px 80px #0005;position:relative}.cabinet-top,.cabinet-bottom{height:28px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #334454;background:#0b1723;color:#839bac;font:8px var(--mono);letter-spacing:1px}.cabinet-top{border-bottom:0}.cabinet-top>span:first-child{color:#c9d7df}.cabinet-top i{display:inline-block;width:4px;height:4px;background:#a3d1b1;margin-right:6px}.stage{position:relative;aspect-ratio:3/5;border:1px solid #334454;background:#091c2b;overflow:hidden;isolation:isolate;container-type:inline-size}#game-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}canvas:focus:not(:focus-visible){outline:0}.hud{position:absolute;top:0;left:0;right:0;padding:14px 16px 0;pointer-events:none;background:linear-gradient(#07131fed,transparent);z-index:2}.hud-top{display:flex;align-items:center;gap:12px}.hud-top>div:first-child{flex:1}.hud small{font:9px var(--mono);color:#9fb0bf;display:block;letter-spacing:1px}.hud strong{display:block;font:21px var(--mono);font-weight:700;line-height:1.3}.hud-time{text-align:right}.hud-time strong{font-size:16px}#multiplier{color:var(--accent);margin-left:7px}.hud button{pointer-events:auto;background:#09131a80;min-width:38px;min-height:44px}.vitals{display:flex;gap:15px;padding:7px 0 12px}.vitals span{display:flex;gap:3px}.vitals i{width:12px;height:4px;background:#f3af65}.vitals #shield i{background:#7aceff}.vitals i.empty{background:#53627255}.boss-hud{margin-top:5px;background:#06121dbf;padding:8px 10px}.boss-hud>div:first-child{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:1px}.boss-track{height:4px;background:#472633;margin-top:7px}.boss-track i{display:block;height:100%;background:linear-gradient(90deg,#e46577,#ffb19b);transition:width .1s}.stage-progress{position:absolute;bottom:0;left:0;right:0;height:2px;pointer-events:none}.stage-progress i{display:block;height:100%;background:var(--accent);width:0;box-shadow:0 0 10px var(--accent)}.hangar{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#07131f55 0,transparent 43%,#07131fbf 52%,#07131ff0 100%);padding:0 22px}.hangar-heading{text-align:center;position:absolute;top:5%;left:16px;right:16px}.hangar-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#9bb9cc}.hangar-heading h2{font-size:clamp(21px,6cqw,29px);letter-spacing:5px;font-weight:700;margin:10px 0 4px}.hangar-heading>p:last-child{color:#8da3b4;font-size:10px;letter-spacing:1px}.ship-details{position:absolute;top:43%;left:23px;right:23px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#829aa8}.ship-details>span:last-child{color:#82b8ba}.ship-details i{display:inline-block;background:#a5d6a4;width:4px;height:4px;vertical-align:middle;margin-left:3px}.hangar-controls{position:absolute;left:20px;right:20px;top:48%;bottom:0;pointer-events:auto;display:flex;flex-direction:column;gap:13px}.ship-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ship-choice{border:1px solid #a4c6e027;background:#101d29b3;padding:9px 4px 8px;min-height:67px;text-align:center;border-radius:2px;position:relative}.ship-choice:after{content:"";position:absolute;top:-1px;left:25%;right:25%;height:2px;background:transparent}.ship-choice[aria-pressed=true]{background:#3b677a33;border-color:var(--ship-color)}.ship-choice[aria-pressed=true]:after{background:var(--ship-color)}.ship-choice small{display:block;font:8px var(--mono);color:var(--ship-color);letter-spacing:1px}.ship-choice strong{display:block;font-size:17px;font-weight:600;letter-spacing:2px;margin:3px 0}.ship-choice span{display:block;color:#8fa5b5;font-size:9px}.ship-summary{min-height:45px}.ship-summary>p{font-size:10px;color:#a5b7c3;text-align:center;min-height:15px}.ship-summary>div{display:flex;justify-content:center;gap:17px;font:9px var(--mono);color:#839ba9;margin-top:8px}.ship-summary b{color:#dce6ed;font-weight:500}.run-options{display:grid;grid-template-columns:1fr;gap:6px}.run-options label{display:flex;align-items:center;gap:12px;font-size:10px;color:#8da6b6}.run-options select{min-width:0;flex:1;background:#112331;border:1px solid #668b9e33;color:#bdd0dd;padding:7px 9px;min-height:34px;border-radius:2px;font-size:10px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--accent);color:#141d25;background:var(--accent);padding:15px 18px;min-height:52px;font-size:15px;font-weight:750;letter-spacing:2px}.primary-button:hover{background:#ffd296}.primary-button small{font:8px var(--mono);letter-spacing:1px;margin-left:10px;opacity:.65}.primary-button svg{width:23px}.start-hint{font-size:9px;color:#788f9f;letter-spacing:.4px;text-align:center;margin-top:-5px}.combat-controls{display:grid;grid-template-columns:1fr 1.15fr 1fr;background:#101f2d;border:1px solid #334454;border-top:0;gap:0;height:60px}.combat-controls>button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-right:1px solid #334454;background:transparent;color:#c8d8e1;min-height:52px}.combat-controls>button:last-child{border-right:0}.combat-controls>button>span{text-align:left;font-size:11px;letter-spacing:.5px}.combat-controls svg{width:21px;height:21px;color:var(--accent)}.combat-controls small{display:block;font:8px var(--mono);margin-top:5px;color:#7f9cad;letter-spacing:.7px}.combat-controls button:hover:not(:disabled){background:#284051}.combat-controls button[aria-pressed=true]{background:#233c4b;color:var(--accent)}#charge-fill{position:absolute;z-index:-1;inset:0 auto 0 0;width:20%;background:#b78b3d25;transition:width .2s}.overdrive-button.ready{border-bottom:2px solid var(--accent);color:#ffdda5;background:#b78b3d16}.cabinet-bottom{border-top:0;height:27px;font-size:7px;letter-spacing:.6px}#weapon-mini{color:#93c9ec}.right-panel h2{font-size:23px;letter-spacing:1px;margin:8px 0 12px}.right-panel p:not(.eyebrow){font-size:12px;line-height:1.9;color:#8da4b4}.weapon-emblem{width:72px;height:72px;margin-bottom:19px;border:1px solid #5c9cd666;color:#89caff;background:linear-gradient(140deg,#365e7338,#11232b);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);font:36px var(--mono);display:grid;place-items:center}.weapon-level{display:flex;gap:5px;margin:19px 0 29px}.weapon-level i{width:23px;height:3px;background:#60788933}.weapon-level i.active{background:#89caff}.supply-section{border-top:1px solid var(--line);padding-top:22px}.loot-key{display:flex;justify-content:space-between;gap:10px;margin:22px 0 18px}.loot-key>span{width:33px;height:33px;position:relative;color:var(--loot);border:1px solid var(--loot);font:15px var(--mono);display:grid;place-items:center;background:#12303c44}.loot-key small{position:absolute;top:38px;color:#8ea2b1;font-family:var(--body);font-size:9px;white-space:nowrap}.supply-section p{padding-top:17px}.tactics-section{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.tactics-section dl{margin:0}.tactics-section dl>div{display:flex;gap:13px;margin-bottom:14px}.tactics-section dt{font:10px var(--mono);color:#627d8f;padding-top:3px}.tactics-section dd{margin:0}.tactics-section strong{display:block;font-size:11px;font-weight:500;color:#bbcbd4}.tactics-section dd span{font-size:10px;color:#738a9b}.project-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.project-note>span{font:8px var(--mono);letter-spacing:1px;color:#6a8495}.project-note p{font-size:10px!important;line-height:1.8!important;margin-top:7px}.text-button{padding:9px 0;background:none;border:0;color:#7993a3;min-height:36px;font-size:10px}.page-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:15px 0 20px;color:#526d80;font:8px var(--mono);letter-spacing:1px}.game-overlay{position:absolute;inset:0;z-index:5;background:#030b14cd;display:flex;align-items:flex-start;justify-content:center;backdrop-filter:blur(7px);padding:24px;overflow:auto}.overlay-card{width:100%;padding:24px 0;margin-block:auto}.overlay-card h2{font-size:29px;letter-spacing:2px;margin:12px 0 9px}.overlay-card>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#9cb0c1}.overlay-card .primary-button{width:100%;font-size:13px;margin-top:14px}.secondary-button{border:1px solid #7994a34d;background:#1a303e7a;min-height:45px;padding:10px 14px;color:#b7c9d4;letter-spacing:1px}.secondary-button:hover{background:#2b4355}#overlay-actions{display:flex;flex-direction:column;gap:8px}.upgrade-choices{display:flex;flex-direction:column;gap:9px;margin:22px 0}.upgrade-choice{display:grid;grid-template-columns:38px 1fr 20px;gap:11px;align-items:center;text-align:left;padding:15px 12px;background:#142936;border:1px solid #56768a65;min-height:74px}.upgrade-choice:hover{border-color:var(--accent);background:#2a3540}.upgrade-choice>span:first-child{font:18px var(--mono);color:var(--accent)}.upgrade-choice strong{font-size:14px;font-weight:600;display:block}.upgrade-choice small{font-size:10px;color:#8fa9b9;display:block;margin-top:4px}.upgrade-choice>span:last-child{font-size:19px;color:var(--accent)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;margin:25px 0;padding:20px 0;border-block:1px solid var(--line)}.result-grid small{display:block;color:#7894a7;font-size:10px;margin-bottom:5px}.result-grid strong{font:23px var(--mono);color:#f0d7b6}.stage-announcement{position:absolute;left:20px;right:20px;top:34%;text-align:center;pointer-events:none;padding:25px 10px;background:linear-gradient(90deg,transparent,#071323db 12%,#071323db 88%,transparent);z-index:3}.stage-announcement small{display:block;font:10px var(--mono);letter-spacing:2px;color:var(--accent)}.stage-announcement strong{display:block;font-size:30px;letter-spacing:6px;margin:10px 0}.stage-announcement span{font-size:11px;color:#a9becb;display:block}.toast{position:absolute;bottom:8%;left:6%;right:6%;z-index:6;pointer-events:none;text-align:center;background:#152d3ae6;border:1px solid #7596a650;color:#ecdcba;padding:10px;font-size:11px;letter-spacing:1px}.page-footer a{color:inherit}dialog{border:1px solid #557183;background:#101f2d;color:var(--ink);max-width:720px;width:calc(100% - 32px);max-height:calc(100svh - 40px);padding:35px;overflow:auto;box-shadow:0 15px 90px #0007}dialog::backdrop{background:#02080dcf;backdrop-filter:blur(5px)}dialog>.icon-button{position:absolute;right:14px;top:12px;font-size:23px}dialog h2{font-size:25px;margin:20px 0 15px}dialog>p:not(.eyebrow){color:#9fb4c3;line-height:1.9;font-size:13px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.manual-grid dt{font-weight:600;font-size:14px;margin-bottom:7px}.manual-grid dd{margin:0;font-size:12px;line-height:1.9;color:#8ea7b9}dialog .primary-button{width:100%}
@media(min-width:1500px){:root{--stage-w:min(492px,calc((100svh - 244px)*.6))}.command-layout{gap:80px}.app-shell{padding:0 60px}}
@media(max-height:800px) and (min-width:901px){:root{--stage-w:min(355px,calc((100svh - 188px)*.6))}.command-layout{align-items:start;padding-top:12px}.masthead{height:56px}.left-panel,.right-panel{align-self:start;padding-top:20px}.project-note{display:none}.tactics-section{margin-top:20px;padding-top:15px}.intro{margin-bottom:23px}h1{margin-top:20px}.page-footer{margin-top:0}.hangar-controls{gap:9px}.ship-choice{min-height:61px;padding:6px 3px}.run-options select{min-height:29px;padding:5px 7px}.primary-button{min-height:45px;padding:11px 14px}.start-hint{font-size:8px}}
@media(max-width:1120px){.app-shell{padding:0 24px}.command-layout{gap:24px;grid-template-columns:minmax(180px,1fr) var(--stage-w) minmax(180px,1fr)}.header-meta{display:none}.section-heading small{font-size:7px}.left-panel h1{font-size:36px}.chinese-title{font-size:14px}.route-time{display:none}.right-panel h2{font-size:21px}.right-panel p:not(.eyebrow){font-size:11px}}
@media(max-width:900px){:root{--stage-w:min(480px,calc((100svh - 180px)*.6))}.app-shell{padding:0 20px}.masthead{height:67px}.command-layout{grid-template-columns:var(--stage-w) 190px;gap:30px;padding-top:20px}.left-panel{display:none}.right-panel{align-self:start;padding-top:20px}.project-note{display:none}.page-footer{margin-top:0}.brand{font-size:13px}.brand small{font-size:9px}.hangar-controls{gap:9px}.ship-choice{min-height:59px;padding:6px 3px}.ship-choice strong{font-size:15px}.ship-choice span{font-size:8px}.run-options select{min-height:31px;padding:5px 6px}.primary-button{min-height:46px;padding:11px 14px}.ship-summary>div{gap:11px}.start-hint{font-size:8px}}
@media(max-width:640px){:root{--stage-w:min(480px,100%)}.app-shell{padding:0 12px}.masthead{height:60px;padding-top:env(safe-area-inset-top);gap:8px}.brand{gap:8px;font-size:11px;letter-spacing:2px}.brand>svg{width:25px;height:25px}.brand small{font-size:7px;letter-spacing:1px}.header-actions{gap:1px}#sound-button{font-size:10px;padding:0 6px}.icon-button{min-width:44px}#sound-button svg{width:18px}.command-layout{display:block;padding:12px 0 0}.arcade{width:100%;max-width:480px;margin:auto}.right-panel{display:none}.cabinet-top{height:24px;font-size:7px}.cabinet-top>span:last-child{display:none}.cabinet-bottom{height:25px;font-size:7px}.page-footer{font-size:6px;letter-spacing:.5px;max-width:480px;margin:12px auto 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.page-footer>span:first-child{max-width:50%}.hud{padding:10px 11px 0}.hud strong{font-size:19px}.hud small{font-size:8px}.hud button{min-width:44px;min-height:44px}.vitals{padding-top:4px}.hangar{padding:0 15px}.hangar-controls{left:15px;right:15px;gap:11px}.hangar-heading h2{letter-spacing:4px}.hangar-heading .eyebrow{font-size:7px}.ship-details{left:17px;right:17px;font-size:7px}.ship-choice{min-height:64px}.ship-choice strong{font-size:17px}.ship-choice span{font-size:9px}.ship-summary>p{font-size:10px}.ship-summary>div{font-size:9px}.run-options{gap:5px}.run-options select{font-size:10px;min-height:36px}.run-options label{font-size:10px}.primary-button{min-height:49px;padding:12px 14px;font-size:14px}.primary-button small{font-size:7px}.combat-controls{height:61px}.combat-controls>button>span{font-size:11px}.combat-controls small{font-size:8px}.combat-controls svg{width:20px}.start-hint{font-size:8px;margin-top:-5px}.stage-announcement strong{font-size:25px}.game-overlay{padding:22px}.overlay-card h2{font-size:26px}.manual-grid{grid-template-columns:1fr;gap:18px}dialog{padding:27px 23px}dialog h2{font-size:22px;max-width:90%}.manual-grid dd{font-size:13px}.overlay-card{padding:12px 0}}
@media(max-width:380px){.app-shell{padding:0 8px}.hangar-controls{gap:6px;left:13px;right:13px}.ship-choice{min-height:58px;padding:6px 2px}.ship-choice strong{font-size:15px}.ship-choice span{font-size:8px}.ship-summary{min-height:37px}.ship-summary>p{font-size:9px}.ship-summary>div{margin-top:5px}.run-options select{min-height:32px;font-size:9px}.primary-button{min-height:46px;padding:10px 12px}.start-hint{margin-top:0;font-size:7px}.combat-controls{height:57px}.combat-controls>button{gap:5px}.combat-controls>button>span{font-size:10px}.combat-controls svg{width:18px}.ship-details{font-size:6px}.hangar-heading h2{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){.masthead{height:50px}.app-shell{max-width:800px}.command-layout{display:block;padding-top:10px}.arcade{width:350px;margin:auto}.left-panel,.right-panel{display:none}.hangar-controls{gap:7px}.ship-choice{min-height:57px}.run-options select{min-height:31px}.primary-button{min-height:45px}.ship-summary{min-height:37px}.page-footer{max-width:350px;margin:12px auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@container (max-width:360px){.hangar-controls{gap:7px}.ship-choice{min-height:55px;padding:5px 3px}.ship-choice strong{font-size:15px}.ship-choice span{font-size:8px}.ship-summary{min-height:35px}.ship-summary>p{font-size:9px}.ship-summary>div{margin-top:5px;font-size:8px}.run-options{gap:4px}.run-options select{min-height:30px;font-size:9px;padding:4px 6px}.primary-button{min-height:43px;padding:10px 12px;font-size:13px}.start-hint{font-size:7px;margin-top:0}}
@media(max-width:640px){body.in-flight .masthead{height:44px}body.in-flight .command-layout{padding-top:4px}body.in-flight .cabinet-top,body.in-flight .page-footer{display:none}body.in-flight .arcade{width:min(100%,calc((100svh - 126px - env(safe-area-inset-bottom))*.6))}body.in-flight .combat-controls{height:58px}body.in-flight .cabinet-bottom{height:22px}body.in-flight .app-shell{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-height:500px) and (orientation:landscape){body.in-flight .masthead{height:40px}body.in-flight .command-layout{padding-top:5px}body.in-flight .arcade{--landscape-stage:calc((100svh - 58px)*.6);width:calc(var(--landscape-stage) + 142px);display:grid;grid-template-columns:var(--landscape-stage) 142px;grid-template-rows:1fr 27px}body.in-flight .stage{grid-column:1;grid-row:1/3}body.in-flight .cabinet-top,body.in-flight .page-footer{display:none}body.in-flight .combat-controls{grid-column:2;grid-row:1;display:flex;flex-direction:column;height:auto;border-top:1px solid #334454;border-left:0}body.in-flight .combat-controls>button{flex:1;border-right:0;border-bottom:1px solid #334454;gap:9px}body.in-flight .cabinet-bottom{grid-column:2;grid-row:2;justify-content:center;padding:0 4px}body.in-flight #bottom-tip{display:none}body.in-flight .hud{padding:4px 5px}body.in-flight .hud-top{gap:4px}body.in-flight .hud strong{font-size:13px}body.in-flight .hud small{font-size:7px}body.in-flight .hud-time strong{font-size:11px}body.in-flight .hud button{min-width:44px;min-height:44px}body.in-flight .vitals{gap:9px;padding:4px 0}body.in-flight .vitals i{width:8px;height:3px}body.in-flight .boss-hud{padding:5px}body.in-flight .boss-hud>div:first-child{font-size:7px}body.in-flight .stage-announcement{left:4px;right:4px;padding:12px 3px}body.in-flight .stage-announcement strong{font-size:18px;letter-spacing:2px}body.in-flight .stage-announcement span{font-size:9px}body.in-flight .game-overlay{padding:11px}body.in-flight .overlay-card h2{font-size:19px;letter-spacing:0}body.in-flight .overlay-card>p:not(.eyebrow){font-size:10px}body.in-flight .overlay-card{padding:7px 0}body.in-flight .upgrade-choice{grid-template-columns:20px 1fr 12px;padding:8px;gap:6px;min-height:56px}body.in-flight .upgrade-choice strong{font-size:11px}body.in-flight .upgrade-choice small{font-size:9px}body.in-flight .result-grid{gap:10px;margin:12px 0;padding:12px 0}body.in-flight .result-grid strong{font-size:16px}}