:root{--pilot-ink:#d6e9de;--pilot-green:#9ed5aa;--pilot-cyan:#89c9ce;--pilot-amber:#d7b074;--pilot-dim:#718d84;--pilot-edge:#314c43}
[hidden]{display:none!important}
body:has(#pilot-app:not([hidden])){overflow:hidden}
body:has(#pilot-app:not([hidden]))>main,body:has(#pilot-app:not([hidden]))>header{display:none}
body[data-pilot-screen="login"]>header,body[data-pilot-screen="loading"]>header{visibility:hidden}
#pilot-app{position:fixed;inset:0;z-index:100;background:#03090d;color:var(--pilot-ink);font-family:"Segoe UI","Malgun Gothic",sans-serif;isolation:isolate}
#orbit-world{position:absolute;inset:0;z-index:-3;pointer-events:auto}
#orbit-world canvas{width:100%;height:100%;display:block}
.orbit-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,12,.93),rgba(2,10,12,.65) 65%,rgba(2,10,12,.28));z-index:-2;transition:opacity 2.5s;pointer-events:none}
.orbit-vignette{position:absolute;inset:0;box-shadow:inset 0 0 14vw 3vw #01060999;pointer-events:none;z-index:4}
#pilot-content{height:100%;position:relative;pointer-events:none}
#pilot-content button,#pilot-content input,#pilot-content select,#pilot-content a{pointer-events:auto}
#pilot-content button,.pilot-dialog button,#pilot-nav button{font-family:inherit;cursor:pointer}
#pilot-content button:focus-visible,.pilot-dialog button:focus-visible,#pilot-nav button:focus-visible{outline:2px solid #cdecd8;outline-offset:5px}
#pilot-content button:disabled{cursor:default;opacity:.4}
.pilot-top{position:absolute;top:34px;left:4.5vw;right:4.5vw;display:flex;align-items:center;gap:38px;z-index:5}
.pilot-logo{font-size:28px;letter-spacing:-1.5px;font-weight:750;color:#e3e9e4;text-decoration:none;display:flex;align-items:center;gap:17px;line-height:1}
.pilot-logo span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;max-width:90px;line-height:1.5;color:#93a69f}
.pilot-channel{font-family:Consolas,monospace;font-size:10px;letter-spacing:1.3px;color:#7c9d91;padding-left:25px;border-left:1px solid #3d5148}
.pilot-languages{display:flex;align-items:center;gap:12px;margin-left:auto;color:#526d62;font-size:11px}
.pilot-languages button{border:0;background:none;color:#729689;padding:5px 0;font-size:12px;min-height:32px}
.pilot-languages button[aria-pressed=true]{color:#d0e6d8}
.terminal-shell{position:absolute;left:10vw;top:50%;transform:translateY(-47%);width:min(660px,79vw);border:1px solid #2b3c35;padding:11px;background:linear-gradient(135deg,#1d2b28,#0c1714);box-shadow:0 26px 90px #0009,inset 0 0 0 3px #14201a;border-radius:5px;pointer-events:auto}
.terminal-screen{position:relative;background:radial-gradient(ellipse at 35% 25%,#0c2219,#06140f 85%);padding:30px 42px 23px;border:1px solid #355043;border-radius:3px;overflow:hidden;color:var(--pilot-green)}
.terminal-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000016 4px);pointer-events:none;z-index:3}
.terminal-line{display:flex;gap:10px;align-items:center;color:#96bca6;font-family:Consolas,"Malgun Gothic",monospace;font-size:10px;letter-spacing:1.5px;min-height:17px}
.terminal-line>span:last-child{margin-left:auto}
.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9e8ae;box-shadow:0 0 9px #91edb390;flex-shrink:0}
.signal-dot.amber{background:var(--pilot-amber);box-shadow:0 0 9px #e9b96b88}
.terminal-rule{height:1px;background:#385142;margin:19px 0 26px}
.terminal-code{font-family:Consolas,"Malgun Gothic",monospace;font-size:10px;letter-spacing:1.6px;color:var(--pilot-dim);margin:0 0 10px;line-height:1.5}
#pilot-content h1{font-size:clamp(27px,3.1vw,42px);font-weight:450;line-height:1.25;letter-spacing:-1px;margin:0 0 30px;color:#c7e5cc}
.terminal-screen label,.pilot-dialog label{display:flex;flex-direction:column;gap:10px;font-family:Consolas,"Malgun Gothic",monospace;font-size:10px;letter-spacing:1.4px;color:var(--pilot-cyan);margin:18px 0}
.terminal-screen input,.pilot-dialog input,.pilot-dialog select{background:#071710;border:1px solid #3a5c48;border-radius:1px;padding:12px 14px;color:#d1ecd7;font-family:Consolas,"Malgun Gothic",monospace;font-size:16px;min-height:47px;width:100%;box-sizing:border-box;box-shadow:none}
.terminal-screen input:focus,.pilot-dialog input:focus{border-color:#93cfa5;outline:1px solid #93cfa544;outline-offset:2px;background:#10241a}
.terminal-action{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #7bb18a;background:#88bc9620;color:#c7eacb;min-height:49px;padding:14px 17px;font-family:Consolas,"Malgun Gothic",monospace!important;font-size:11px;letter-spacing:1.5px;border-radius:1px;text-align:left;transition:background .2s,border-color .2s}
.terminal-action:hover{background:#89c69b30;border-color:#c0dfc3}
.terminal-action span{font-size:17px;font-family:inherit;color:#8fbd9a}
.terminal-link{font-size:11px;color:var(--pilot-amber);border:0;background:none;padding:14px 0 3px;text-align:left;letter-spacing:.1px;border-radius:0;min-height:36px}
.terminal-link:hover{color:#efcf9d;background:none}
#credential-help-text{font-size:12px;line-height:1.7;color:#a8b4a4;max-width:45ch}
#pilot-error{min-height:17px;font-size:12px;color:#ef9891;line-height:1.5;margin:10px 0}
.terminal-footer{display:flex;justify-content:space-between;border-top:1px solid #2a4535;margin-top:28px;padding-top:14px;font-family:Consolas,"Malgun Gothic",monospace;font-size:9px;letter-spacing:1px;color:#658b73}
.pilot-bottom{position:absolute;left:4.5vw;right:4.5vw;bottom:27px;display:flex;justify-content:space-between;font:10px Consolas,"Malgun Gothic",monospace;color:#638378;letter-spacing:1.5px}
.pilot-file dl{margin:0}
.pilot-file dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid #223e2d;font-size:13px;line-height:1.6}
.pilot-file dt{font-size:10px;letter-spacing:1px;color:#7ba694;align-self:center}
.pilot-file dd{margin:0;color:#bbd6c1}
.pilot-file h1{margin-bottom:15px!important;overflow-wrap:anywhere}
.activity-line{font:11px Consolas,"Malgun Gothic",monospace;color:#8bab96;margin:19px 0}
.transmission-shell{width:min(760px,79vw)}
.transmission-from{display:flex;gap:18px;align-items:center;margin-bottom:29px}
.transmission-from strong{font-size:12px;font-weight:500;letter-spacing:1px;color:#a5cdc0;display:block}
.transmission-from span{font-size:10px;letter-spacing:1px;color:#608a72;display:block;margin-top:7px}
.officer-glyph{font:16px/1.2 Consolas,monospace;color:#bea77b;border:1px solid #4b5641;padding:9px 14px;letter-spacing:3px;text-align:center}
.waveform{display:block;height:22px;width:58px;margin-left:auto;opacity:.55;background:repeating-linear-gradient(90deg,#9bc6ab 0 2px,transparent 2px 6px);clip-path:polygon(0 45%,8% 35%,16% 48%,24% 15%,32% 35%,40% 5%,48% 50%,56% 20%,64% 40%,72% 15%,80% 38%,88% 45%,100% 40%,100% 60%,88% 55%,80% 62%,72% 85%,64% 60%,56% 80%,48% 50%,40% 95%,32% 65%,24% 85%,16% 52%,8% 65%,0 55%)}
.transmission-copy{font-size:clamp(16px,1.5vw,20px);line-height:1.95;letter-spacing:.05px;color:#bbd8bf;min-height:236px;margin:0;max-width:58ch;word-break:keep-all;overflow-wrap:break-word}
html[lang=ko] .transmission-copy{line-height:2.05;font-size:18px}
.transmission-copy:after{content:"▌";font-size:15px;color:#90c79d;animation:terminal-caret 1.2s steps(1) infinite}
.transmission-track{display:flex;gap:7px;margin:25px 0 22px}
.transmission-track i{height:2px;flex:1;background:#274335}.transmission-track i.read{background:#94bca0}
.typing-hint{display:block;text-align:center;font-size:10px;letter-spacing:.5px;color:#658572;margin-top:13px}
#pilot-app[data-phase=room] .orbit-shade,#pilot-app[data-phase=hud] .orbit-shade{opacity:0}
#pilot-app[data-phase=room] .pilot-top,#pilot-app[data-phase=hud] .pilot-top{filter:drop-shadow(0 1px 5px #000)}
.room-caption{position:absolute;top:18%;left:6vw;animation:room-caption 3s ease forwards}
.room-caption h1{font-size:clamp(28px,4vw,52px)!important;color:#f0e8d4!important;margin-bottom:5px!important}
.room-caption p{font-size:11px;letter-spacing:1px;color:#adbbbc}
.room-prompt{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%);width:260px;text-align:center}
.room-prompt>span{font-size:11px;letter-spacing:1px;color:#c1d5d2;background:#0b1e29c9;padding:10px 18px}
.room-prompt .terminal-action{background:#0b1e29e3;border-color:#8eacaa;color:#d4e4db}
.boot-panel{position:absolute;right:8vw;top:50%;transform:translateY(-44%);width:360px;background:#08151de8;padding:30px;border:1px solid #739a9c77;backdrop-filter:blur(8px);box-shadow:0 18px 80px #0007;pointer-events:auto}
.boot-panel h1{font-size:29px!important;margin:18px 0!important;color:#d9ece5!important}
.boot-parts{margin:0}
.boot-parts>div{display:flex;gap:13px;align-items:center;border-bottom:1px solid #42585a66;padding:10px 0;animation:boot-line .7s ease both;animation-delay:var(--boot-delay)}
.boot-parts dt{font:10px Consolas,monospace;color:#739798}.boot-parts dd{margin:0;font-size:12px;color:#bfd3cd}.boot-parts span{color:#9acaa9;margin-left:auto;font-size:12px}
.boot-reserve{display:flex;justify-content:space-between;padding:17px 0;font:10px Consolas,"Malgun Gothic",monospace;color:#a3d1b6;letter-spacing:.6px}
.boot-panel>p{font-size:13px;color:#d2c19f}
#pilot-app[data-phase=drop] .orbit-shade{opacity:.1}
.drop-hud{position:absolute;inset:7vh 7vw;color:#d1c2a2;border:1px solid #a4a47e33;border-radius:30px;padding:25px;box-sizing:border-box;background:radial-gradient(ellipse,transparent 40%,#b6602c20);animation:reentry 11s ease forwards}
.drop-crosshair{position:absolute;left:50%;top:50%;width:64px;height:64px;border:1px solid #c1d3bf55;transform:translate(-50%,-50%)}
.drop-crosshair:before,.drop-crosshair:after{content:"";position:absolute;background:#b7cfc070}.drop-crosshair:before{height:1px;width:100px;left:-19px;top:31px}.drop-crosshair:after{height:100px;width:1px;top:-19px;left:31px}
.drop-readings{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;font:10px Consolas,"Malgun Gothic",monospace;letter-spacing:1px}
.landing-flash{position:absolute;inset:0;background:#efe0bc;animation:landing-dust 2.5s ease both;pointer-events:none}
.landing-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;min-width:260px}
.landing-label>span{font:10px Consolas,"Malgun Gothic",monospace;color:#81a89b;letter-spacing:2px;display:block;margin-bottom:15px}
.landing-label strong{font-size:25px;font-weight:400;color:#d8e6da}
#pilot-nav{position:fixed;top:12px;right:20px;z-index:110;display:flex;gap:10px;align-items:center;color:#b9cfca;font-size:11px}
#pilot-nav button{font-size:11px;background:#101e24e8;color:#c9dcd3;border:1px solid #40534f;padding:7px 12px;border-radius:2px;min-height:32px}
body:has(#pilot-app:not([hidden])) #pilot-nav{top:85px;bottom:auto;right:4.5vw}
#pilot-nav #pilot-menu{background:#203b35;color:#d9efdb;border-color:#87b49a;min-height:42px;font-size:12px;font-weight:600}
#pilot-return-error{position:absolute;right:0;top:100%;max-width:340px;color:#edc296;background:#102028;font-size:12px;margin:5px 0;padding:8px;line-height:1.5}
#pilot-return-error:empty{display:none}
.pilot-logo,.brand{position:relative}
.pilot-logo[data-home-label]:after,.brand[data-home-label]:after{content:attr(data-home-label);position:absolute;top:calc(100% + 7px);left:0;font-size:10px;font-weight:400;letter-spacing:.3px;color:#aed3ba;white-space:nowrap}
.pilot-logo:hover,.brand:hover{color:#b8efc7}
body:has(#pilot-app[hidden])>header{padding-right:410px;flex-wrap:wrap}
body:has(#pilot-app[hidden])>header .audio-controls{margin-left:0;margin-right:0}
body:has(#pilot-app[hidden])>header #notice{flex-basis:100%;max-width:none;margin:0;font-size:11px}
#pilot-app[data-phase=room] .orbit-shade{transition:none}
#pilot-app[data-phase=room]:not([data-room-revealed=true]) .room-caption{visibility:hidden}
body.in-match>header .audio-controls{margin-right:360px}
.pilot-dialog #option-return{background:#24463b;border-color:#8cbaa0;color:#def0df;font-weight:600;min-height:44px}
.option-return-note{display:block;color:#a4bbb0;font-size:11px;line-height:1.5;margin:-5px 0 20px}
.mode-terminal{position:absolute;left:9vw;top:50%;transform:translateY(-43%);width:min(700px,80vw);pointer-events:auto}
.mode-terminal h1{color:#e0e6d9!important;margin-bottom:35px!important}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mode-grid button{position:relative;text-align:left;background:linear-gradient(135deg,#152832ee,#0c1a21ec);border:1px solid #5f7e7866;border-radius:2px;padding:24px;min-height:146px;color:#d9e2d5;transition:background .2s,border .2s,transform .2s}
.mode-grid button:hover{border-color:#a2cbb1;background:#213c40f0;transform:translateY(-2px)}
.mode-grid button>span{display:block;font:10px Consolas,monospace;color:#82a49c;letter-spacing:1px;margin-bottom:15px}
.mode-grid strong{display:block;font-size:25px;font-weight:400}.mode-grid small{display:block;font-size:11px;color:#97b3a9;margin-top:8px}.mode-grid b{position:absolute;right:22px;top:24px;font-weight:400;color:#9bbbaf}
.mode-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font:11px Consolas,"Malgun Gothic",monospace;color:#a1b8aa;letter-spacing:1px}
.mode-footer button{background:none;border:0;color:#c2d4c6;padding:8px 0}
.pilot-dialog{background:#0c1b21;color:#d0e2d5;border:1px solid #698d7f;padding:30px;width:min(400px,calc(100vw - 40px));box-sizing:border-box;max-height:85vh;overflow:auto}
.pilot-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.pilot-dialog h2{font-size:28px;font-weight:400;margin:8px 0 20px}.pilot-dialog button{display:block;width:100%;background:#1b3135;color:#c8dfcf;border:1px solid #476b5b;padding:12px;text-align:left;margin:10px 0;font-size:12px}
.pilot-dialog .dialog-close{position:absolute;right:15px;top:10px;width:auto;padding:2px 8px;border:0;background:none;font-size:23px;margin:0}
#option-message{font-size:12px;color:#d9be85;line-height:1.6}
#tutorial-guide{position:fixed;left:22px;top:110px;width:285px;z-index:65;background:#0b2027f2;border:1px solid #9cc4b477;padding:20px 23px;box-shadow:0 12px 45px #0005;color:#d7e6d8;box-sizing:border-box;pointer-events:auto}
.guide-step{font:10px Consolas,"Malgun Gothic",monospace;letter-spacing:1.2px;color:#8dc5bc}#tutorial-guide h2{font-size:21px;line-height:1.4;font-weight:450;margin:12px 0 9px}#tutorial-guide p{font-size:13px;line-height:1.85;color:#b9d2c8;margin:0}#tutorial-guide button{background:#24423b;color:#d0e6ce;border:1px solid #6d9a84;padding:9px 14px;margin:16px 0 0;font-size:12px;cursor:pointer}
.tutorial-focus{outline:2px solid #b7e5c7!important;outline-offset:5px;box-shadow:0 0 23px #a6e6b733!important}
.research-terminal{position:absolute;left:9vw;right:9vw;top:15vh;bottom:10vh;max-width:1050px;overflow:auto;padding:0 8px;pointer-events:auto}.research-heading{display:flex;align-items:center;justify-content:space-between}.research-heading>span{font:11px Consolas,"Malgun Gothic",monospace;color:#bdcca5}.research-heading h1{margin-bottom:20px!important}
.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.research-rule{font-size:12px;line-height:1.6;color:#9fb8ae;margin:0 0 6px}.research-tier h2{font:11px Consolas,"Malgun Gothic",monospace;letter-spacing:.08em;color:#bdcca5;margin:22px 0 8px;font-weight:normal}.research-item{display:grid;grid-template-columns:1fr auto;gap:10px;background:#10242ce8;border:1px solid #47635b;padding:16px 18px}.research-item>span{font-size:14px;color:#d0dece}.research-item small{font-size:11px;color:#8da79c;grid-row:2}.research-item button{grid-column:2;grid-row:1/3;align-self:center;background:#254039;color:#c4dfc7;border:1px solid #668b72;padding:8px 10px;font-size:11px;min-height:35px}.campaign-status{color:#9fcea6;font-size:14px}
.pilot-loading{position:absolute;left:10vw;top:50%;display:flex;gap:12px;align-items:center;font:14px Consolas,"Malgun Gothic",monospace;color:#acd0b8}
.completion-seal{display:grid;place-items:center;width:54px;height:54px;border:1px solid #a2d7b1;border-radius:50%;color:#b8edc3;background:#274e3b66;font-size:31px;margin-bottom:25px}.completion-copy{font-size:18px;line-height:1.7;color:#c6dec9}#completion-status{font-size:12px;color:#99bda5;line-height:1.7;min-height:22px}.completion-shell .terminal-code{color:#a3cbb0}
#touch-movement{display:none;position:fixed;bottom:220px;left:15px;z-index:40;grid-template-columns:repeat(3,38px);gap:4px}#touch-movement button{background:#123038df;border:1px solid #6f9994;color:#e0ebe4;padding:8px;min-height:38px}#touch-movement button:nth-child(1){grid-column:2}#touch-movement button:nth-child(2){grid-column:1;grid-row:2}#touch-movement button:nth-child(3){grid-column:2;grid-row:2}#touch-movement button:nth-child(4){grid-column:3;grid-row:2}
@keyframes terminal-caret{50%{opacity:0}}@keyframes room-caption{0%{opacity:0;transform:translateY(12px)}20%,80%{opacity:1;transform:none}100%{opacity:.75}}@keyframes boot-line{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes reentry{0%{box-shadow:inset 0 0 0 transparent}65%{box-shadow:inset 0 0 160px #d26c3660}100%{box-shadow:inset 0 0 250px #d9b87580}}@keyframes landing-dust{0%{opacity:.9}100%{opacity:0}}
@media(max-width:700px){
 .pilot-top{top:22px;left:6vw;right:6vw;gap:12px}.pilot-logo{font-size:25px;gap:10px}.pilot-logo span{font-size:8px;max-width:72px}.pilot-channel{display:none}.pilot-languages{gap:8px}
 .terminal-shell{left:5vw;width:90vw;box-sizing:border-box;padding:7px;transform:translateY(-45%)}.terminal-screen{padding:23px 22px 18px}.terminal-line{font-size:9px;letter-spacing:.7px}.terminal-rule{margin:16px 0 22px}#pilot-content h1{font-size:29px;margin-bottom:23px}
 .terminal-screen input{padding:11px 12px;font-size:16px;min-height:45px}.terminal-footer{font-size:8px;letter-spacing:.5px;margin-top:22px}.pilot-bottom{bottom:20px;left:6vw;right:6vw;font-size:8px;letter-spacing:.8px}
 .transmission-copy,html[lang=ko] .transmission-copy{font-size:15px;line-height:1.85;min-height:250px}.transmission-from{margin-bottom:21px;gap:12px}.transmission-from strong{font-size:10px}.transmission-from span{font-size:9px}.officer-glyph{padding:8px 10px;font-size:13px}.transmission-track{margin:20px 0}.waveform{width:42px}
 .pilot-file dl>div{grid-template-columns:78px 1fr;gap:12px;font-size:12px;padding:9px 0}.pilot-file dt{font-size:9px}.boot-panel{right:5vw;left:5vw;width:auto;padding:23px;transform:translateY(-43%);background:#08151de0}.boot-panel h1{font-size:26px!important}.boot-parts>div{padding:9px 0}
 .room-caption{top:18%;left:7vw}.room-prompt{bottom:13vh;width:245px}.drop-hud{inset:12vh 5vw;padding:17px;border-radius:15px}.drop-readings{left:17px;right:17px;font-size:8px;flex-wrap:wrap;line-height:2;letter-spacing:.3px}
 .mode-terminal{left:6vw;width:88vw;transform:translateY(-40%)}.mode-grid{gap:9px}.mode-grid button{padding:19px 16px;min-height:132px}.mode-grid strong{font-size:23px}.mode-grid b{right:15px;top:17px}.mode-grid small{font-size:10px}.mode-footer{font-size:10px}
 .research-terminal{left:5vw;right:5vw;top:15vh;bottom:11vh}.research-grid{grid-template-columns:1fr}.research-heading>span{font-size:9px}.research-item{padding:14px}.research-item>span{font-size:13px}
 #pilot-nav{top:5px;right:8px;gap:6px}#pilot-nav span{display:none}#pilot-nav button{font-size:10px;padding:5px 9px;min-height:28px}body:has(#pilot-app:not([hidden])) #pilot-nav{top:76px;bottom:auto;right:6vw}body.in-match>header .audio-controls{margin-right:0}
 #pilot-nav #pilot-menu{font-size:10px;min-height:38px;padding:7px 10px}
 .pilot-logo[data-home-label]:after{font-size:9px}
 #tutorial-guide{top:93px;left:10px;width:calc(100vw - 20px);padding:13px 16px;background:#0b2027f5}#tutorial-guide h2{font-size:17px;margin:7px 0}#tutorial-guide p{font-size:11px;line-height:1.7}#tutorial-guide button{margin-top:9px;padding:6px 12px}.guide-step{font-size:9px}
 body.in-match #touch-movement{display:grid}
}
@media(max-height:720px) and (min-width:701px){.terminal-shell{transform:translateY(-44%)}.terminal-screen{padding:20px 35px}.terminal-rule{margin:14px 0 19px}.terminal-screen label{margin:12px 0;gap:7px}.terminal-footer{margin-top:18px}.pilot-file dl>div{padding:6px 0}.transmission-copy{min-height:195px;font-size:17px}.boot-panel{padding:23px}.boot-parts>div{padding:7px 0}}
@media(prefers-reduced-motion:reduce){#pilot-app *,#pilot-app *:after{animation:none!important;transition:none!important}.orbit-shade{transition:none}.landing-flash{display:none}.mode-grid button:hover{transform:none}}

.in-match .stage-toolbar{display:none}
#touch-movement{position:absolute;bottom:12px;left:12px}
.research-item img{width:62px;height:62px;object-fit:contain;grid-column:1;grid-row:1/3}.research-item{grid-template-columns:62px 1fr auto}.research-item>span{grid-column:2}.research-item>small{grid-column:2}.research-item>button{grid-column:3}.research-item details{grid-column:1/-1;font-size:11px;color:#a5beb3;line-height:1.7}.research-item details summary{color:#c5d4be;cursor:pointer}.research-item details p{margin:6px 0}.research-item details strong{display:block;color:#d2e3d3;margin-top:12px}.research-item details small{display:block;color:#88aaa1}
#start-research .research-item,#mission-rewards .research-item{grid-template-columns:minmax(0,1fr) auto}#start-research .research-item>span,#mission-rewards .research-item>span{grid-column:1}#start-research .research-item>small{grid-column:1;line-height:1.6}#start-research .research-item>button,#mission-rewards .research-item>button{grid-column:2}#start-research .research-item>.graft-access-status{grid-row:3}

/* The ground renderer is the real battle scene, exposed only under the re-entry cut. */
#reentry-whiteout{position:absolute;inset:0;z-index:6;background:#fff8e9;opacity:0;pointer-events:none}
body:has(#pilot-app[data-phase="landing"][data-ground="true"])>main{display:block}
body:has(#pilot-app[data-phase="landing"][data-ground="true"])>header{display:flex}
#pilot-app[data-phase="landing"][data-ground="true"]{background:transparent;pointer-events:none}
#pilot-app[data-phase="landing"][data-ground="true"] #orbit-world,#pilot-app[data-phase="landing"][data-ground="true"] .orbit-shade,#pilot-app[data-phase="landing"][data-ground="true"] .orbit-vignette{display:none}
#pilot-app[data-phase="landing"][data-ground="true"] .landing-label{animation:landing-caption 1s ease forwards}
@keyframes landing-caption{from{opacity:1}to{opacity:0}}

#pilot-app[data-phase="drop"] .drop-hud{animation:reentry 9s ease forwards,reentry-hud-shake .15s linear infinite}
@keyframes reentry-hud-shake{0%,100%{transform:translate(0,0)}25%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}}
@media(prefers-reduced-motion:reduce){#pilot-app[data-phase="drop"] .drop-hud{animation:none}}

body:has(#pilot-app:not([hidden])[data-phase="landing"]) .stage,body:has(#pilot-app:not([hidden])[data-phase="landing"]) .hand-area,body:has(#pilot-app:not([hidden])[data-phase="landing"]) #session-tools{pointer-events:none}

/* Hold cloud cover until the shared ground shot reaches its touchdown reveal. */
#pilot-app[data-phase="landing"] .landing-flash{animation:none;opacity:1}

/* A returning pilot chooses after touchdown, with the ground visible behind the terminal. */
body:has(#pilot-app[data-phase="arrival-choice"])>main{display:block}
#pilot-app[data-phase="arrival-choice"]{background:#03090d88}
#pilot-app[data-phase="arrival-choice"] #orbit-world,#pilot-app[data-phase="arrival-choice"] .orbit-shade{display:none}
#pilot-app[data-phase="arrival-choice"] .terminal-screen>p:not(.terminal-code){font-size:13px;line-height:1.8}

.deployment-panel{position:sticky;top:0;z-index:45;display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:18px 22px;margin-bottom:18px;border:1px solid #6e9b8b;background:#10252cf5;border-radius:8px;box-shadow:0 8px 24px #0005}
.deployment-heading{flex:1;min-width:230px}.deployment-heading>span{font:10px Consolas,monospace;color:#9fcdb9;letter-spacing:1.5px}.deployment-heading h1{font-size:21px;margin:5px 0}.deployment-heading p{color:#b0c5bd;font-size:12px;line-height:1.5;margin:0}
.deployment-actions{display:flex;gap:10px}.deployment-actions button{min-height:48px;padding:12px 23px;font-size:14px;font-weight:600}.deployment-actions .primary{background:#a6d6b1;color:#10241e;border-color:#bde9c8}
#join-controls{width:100%;max-width:420px;margin:0}#lobby-room{display:flex;align-items:center;gap:15px;font-size:12px}#lobby-code{color:#d5e6cf;letter-spacing:1px}#lobby-roster{display:flex;gap:20px;width:100%}.lobby-seat{display:flex;gap:15px;align-items:center;font-size:12px;padding-top:8px}.lobby-seat span{color:#c7b386}.lobby-seat .is-ready{color:#a8dbb5}.waiting-seat{color:#8baba2}
.build-overview{display:flex;gap:8px;margin:0 0 14px}.build-overview>div{flex:1;background:#203530;border-radius:4px;padding:10px}.build-overview strong{font-size:22px;display:block;color:#dbe8d9}.build-overview span{font-size:10px;color:#a4bfb1}
.slot-details{margin-top:7px}.slot-details summary,.garage-details summary{font-size:11px;color:#a8c7b6;cursor:pointer}.garage-details{margin-top:14px;border-top:1px solid #365048;padding-top:12px}
.terminal-audio{position:absolute;top:calc(100% + 10px);left:0;right:0;max-height:190px;overflow:auto;background:#0c2028ed;pointer-events:auto;border:1px solid #45645b;padding:10px 14px;border-radius:3px}
.terminal-audio summary{font-size:12px;cursor:pointer;color:#c1dcc8}.pilot-audio{min-width:0;border:1px solid #416054;margin:12px 0;padding:12px;color:#bdd5c7}.pilot-audio legend{font-size:12px;padding:0 5px}.audio-setting{display:flex;align-items:flex-end;gap:12px;margin-bottom:10px}.audio-setting:last-child{margin-bottom:0}.audio-setting label{flex:1;margin:0;font-size:11px}.audio-setting input{width:100%;padding:0;min-height:24px;accent-color:#abd9b6}.audio-setting output{font:11px Consolas,monospace;min-width:35px;padding-bottom:7px}.audio-setting button,.pilot-dialog .audio-setting button{width:auto;min-width:68px;font-size:11px;margin:0;padding:8px;text-align:center;border:1px solid #547a64;background:#203d34;color:#d6ead9}
@media(max-width:650px){
 .deployment-panel{padding:14px;gap:12px;top:0}.deployment-heading{min-width:0;width:100%;flex:auto}.deployment-heading h1{font-size:20px}.deployment-actions{width:100%}.deployment-actions button{flex:1;font-size:12px;padding:10px}.deployment-heading p{font-size:11px}#lobby-roster{gap:12px;flex-wrap:wrap}.lobby-seat{font-size:11px}
 body[data-pilot-screen="garage"] #garage{order:-2}body.in-match>header .brand span{display:none}body.in-match>header .audio-controls{flex-basis:100%;margin-top:8px;justify-content:flex-start}
 .terminal-audio{max-height:180px}.mode-terminal:has(.terminal-audio[open]){transform:translateY(-55%)}
 body:has(#pilot-app[hidden])>header{padding-right:16px}body:has(#pilot-app[hidden])>header .brand span{display:none}body:has(#pilot-app[hidden])>header .audio-controls{flex-basis:100%;margin-top:8px}
}
/* Campaign retains the shared pilot navigation and Options above its map. */
#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) #campaign-frame{inset:0;width:100%;height:100dvh}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-top{top:12px;left:16px;right:160px;gap:16px;filter:drop-shadow(0 1px 5px #000);pointer-events:none}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-top a,#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-top button{pointer-events:auto}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-logo{font-size:22px}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-channel{display:none}body:has(#pilot-app:is([data-phase="campaign"],[data-phase="simulation"])) #pilot-nav{top:10px;right:14px;gap:7px}body:has(#pilot-app:is([data-phase="campaign"],[data-phase="simulation"])) #pilot-menu{display:none}body:has(#pilot-app:is([data-phase="campaign"],[data-phase="simulation"])) #pilot-nav button{background:#11291ba6;backdrop-filter:blur(6px)}@media(max-width:760px){#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-top{left:10px;right:90px;top:12px;gap:9px}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-logo span{display:none}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-logo{font-size:20px}#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-languages{font-size:9px;gap:5px}body:has(#pilot-app:is([data-phase="campaign"],[data-phase="simulation"])) #pilot-nav{right:9px;top:10px}}
#campaign-frame{position:fixed;left:0;top:145px;width:100%;height:calc(100dvh - 145px);border:0;background:#17313a;pointer-events:auto}
#pilot-app[data-phase="campaign"] #pilot-content{max-width:none}
#pilot-app[data-phase="campaign"] #orbit-world,#pilot-app[data-phase="campaign"] .orbit-shade,#pilot-app[data-phase="campaign"] .orbit-vignette{display:none}
#pilot-app[data-phase="simulation"] #pilot-content{max-width:none}
#pilot-app[data-phase="simulation"] #orbit-world,#pilot-app[data-phase="simulation"] .orbit-shade,#pilot-app[data-phase="simulation"] .orbit-vignette{display:none}
/* Card categories (the user, 2026-10-27). */
.account-dialog label,#account-security label{margin:4px 0}
.account-access-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.account-access-links button{background:transparent;border:0;color:#c6d8b4;text-decoration:underline;cursor:pointer}.account-dialog{width:min(460px,92vw);max-height:90dvh;overflow:auto}.account-dialog form,#account-security form{display:flex;flex-direction:column;gap:12px;margin:15px 0}.account-dialog label,#account-security label{display:flex;flex-direction:column;gap:6px}.account-dialog input,#account-security input{box-sizing:border-box;max-width:100%;padding:9px;background:#162c23;color:#e3edd7;border:1px solid #78927d}.account-dialog p,#account-security p{line-height:1.6}.account-dialog button,#account-security button{padding:9px 12px}#account-bot{min-height:65px}#account-access-message{white-space:pre-wrap}#account-security{border-top:1px solid #5a7662;margin-top:20px;padding-top:12px}
.campaign-preparation{position:fixed;inset:0;overflow:auto;padding:65px max(20px,calc((100vw - 1000px)/2)) 40px;background:#11241f;pointer-events:auto;color:#d4e4d4}.campaign-preparation h1{font-size:28px}.campaign-preparation p{line-height:1.6}.preparation-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campaign-preparation label{display:flex;flex-direction:column;gap:7px}.campaign-preparation select{max-width:100%;min-width:0;padding:9px;background:#20382f;color:#e5e9cf;border:1px solid #688575}.campaign-preparation section{margin:22px 0}.campaign-preparation button{padding:10px 14px;margin:5px;background:#284a3a;color:#e5e9cf;border:1px solid #78947c}.campaign-preparation button:disabled{opacity:.45}.preparation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}#preparation-error{color:#ffb89a}#preparation-tuning-choice{width:min(100%,620px)}@media(max-width:650px){.preparation-equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-preparation{padding:55px 16px 25px}}
.card-categories{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.category{font-size:9px;line-height:1;padding:2px 5px 3px;border:1px solid currentColor;border-radius:3px;letter-spacing:.03em;white-space:nowrap}.category-attack{color:#f09a7f}.category-utility{color:#a9b9f5}.category-defense{color:#8fd7c9}.category-movement{color:#d4e38a}.category-junk{color:#a9a49a}
#pvp-build-panel{flex:1 1 100%;min-width:0;max-width:100%;max-height:32dvh;overflow:auto;font-size:12px}#pvp-build-panel[hidden]{display:none}#pvp-build-panel h3{font-size:14px;margin:3px 0 9px}.pvp-build-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pvp-build-controls select{min-width:0;max-width:100%;flex:1 1 240px;font-size:12px}#pvp-build-panel p{font-size:11px;line-height:1.5;margin:7px 0}#pvp-build-panel small{display:block;margin-top:7px;color:#a6c1b3}
/* Scene controls live in Options; the field remains unobstructed. */
#pilot-app:is([data-phase="campaign"],[data-phase="simulation"]) .pilot-top{display:none}body:has(#pilot-app:is([data-phase="campaign"],[data-phase="simulation"])) #pilot-nav{top:10px;right:12px}body:has(#pilot-app:is([data-phase="campaign"],[data-phase="simulation"])) #pilot-nav>*:not(#pilot-options){display:none}