:root{color:#dce9ee;font-synthesis:none;--cyan:#80e1d1;--muted:#8fa4b1;--line:#2a3d4b;--panel:#11212e;background:#09131d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{color:#e5f1f4;cursor:pointer;background:#1b303e;border:1px solid #3b5362;border-radius:5px;padding:.6rem .9rem;font-size:.82rem;text-decoration:none;transition:background .15s,border-color .15s}button:hover,.button:hover{background:#294353;border-color:#84b7bf}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#10272c;background:#91e7d4;border-color:#91e7d4;font-weight:700}button.active{border-color:var(--cyan);color:var(--cyan);background:#1e3e45}button.danger{color:#ffb49f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ffce84}input,select{color:#e6f1f2;background:#0b1b27;border:1px solid #3b515f;border-radius:4px;width:100%;min-width:0;padding:.65rem}input[type=checkbox],input[type=radio]{accent-color:#8ae2d2;width:auto}input[type=range]{padding:0}label{color:#c7d7de;font-size:.8rem;display:block}label>input,label>select{margin-top:.35rem}h1,h2,h3,h4,p{margin-top:0}h2{letter-spacing:-.03em;font-size:1.4rem}h3{font-size:1rem}h4{font-size:.88rem}p{color:#a5bac6;font-size:.88rem}small,.muted{color:var(--muted);font-size:.75rem}.eyebrow{color:#84aaa9;letter-spacing:.15em;margin-bottom:.9rem;font-family:ui-monospace,monospace;font-size:.66rem;display:block}.eyebrow i{background:#7de3c8;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.topbar{background:#0c1822;border-bottom:1px solid #273a49;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:16px 32px;display:flex}.brand{color:#f0f6f7;letter-spacing:.15em;white-space:nowrap;align-items:center;gap:10px;font-size:.86rem;font-weight:800;line-height:1.3;text-decoration:none;display:flex}.brand-mark{color:var(--cyan);font-size:2.25rem;font-weight:300}.brand-sub{letter-spacing:.2em;color:#8fa9b5;margin-top:3px;font-size:.55rem;display:block}.header-actions{align-items:center;gap:10px;display:flex}.pilot{color:#a6bcc8;font-size:.75rem}.tag{letter-spacing:.09em;color:#a3c2c8;border:1px solid #344e59;border-radius:3px;padding:5px 8px;font-size:.61rem;display:inline-block}.lobby{max-width:1450px;margin:0 auto;padding:0 40px}.hero{border-bottom:1px solid #243746;grid-template-columns:1fr 1.05fr;align-items:center;gap:0;min-height:400px;display:grid;overflow:hidden}.hero-copy{z-index:1;padding:42px 0}.hero h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(2rem,3.3vw,3.4rem);font-weight:650;line-height:1.13}.hero p{max-width:420px;font-size:.95rem;line-height:1.7}.hero-actions{gap:12px;margin-top:26px;display:flex}.hero-actions .primary{padding:.85rem 1.3rem}.hero-actions .primary span{margin-left:18px}.hero-facts{gap:32px;margin-top:30px;display:flex}.hero-facts>span{color:#cedde2;font-family:ui-monospace,monospace;font-size:1.25rem}.hero-facts small{letter-spacing:.08em;margin-top:4px;font-family:inherit;font-size:.56rem;display:block}.hero-art{height:350px;margin-left:-70px;margin-right:-80px;position:relative}.hero-art>img{width:110%;position:absolute;top:-6px;left:0}.hero-unit{position:absolute;transform:scale(1.7)}.hero-unit.one{top:37%;left:38%}.hero-unit.two{top:59%;left:68%}.hero-unit.three{top:25%;left:64%}.art-caption{color:#83bdb7;gap:40px;font-family:monospace;font-size:.7rem;display:flex;position:absolute;bottom:0;left:18%}.art-caption small{font-size:.65rem}.lobby-cards{grid-template-columns:1fr 1fr 1.02fr;gap:22px;padding:30px 0;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#142735,#0e1c28);border-radius:8px;padding:24px}.panel label{margin:14px 0}.form-row{gap:12px;display:flex}.form-row>*{flex:1}.wide{width:100%;margin-top:12px}.code-input{letter-spacing:.3em;font-family:monospace;font-size:1.2rem}.divider{background:#2a404f;height:1px;margin:25px 0}.brief-item{gap:16px;margin:20px 0;display:flex}.brief-item b{color:#6f9c9d;font-family:monospace;font-weight:400}.brief-item h3{margin-bottom:7px;font-size:.9rem}.brief-item p{margin:0;font-size:.8rem;line-height:1.7}.notice{color:#bdcdb7;background:#24332e;border:1px solid #4f6550;border-radius:5px;padding:12px;font-size:.75rem}footer{text-align:center;color:#547281;letter-spacing:.16em;padding:20px;font-family:monospace;font-size:.6rem}.unit-icon{background-repeat:no-repeat;background-size:512px 400px;flex-shrink:0;width:64px;height:80px;display:inline-block}.hud{flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.hud>div{flex-direction:column;gap:2px;display:flex}.hud small{letter-spacing:.1em;font-family:monospace;font-size:.55rem}.hud strong{white-space:nowrap;font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:500}.hud em{color:#97adb8;font-size:.7rem;font-style:normal}.cyan{color:#8ce7d1}.hud .power{min-width:190px}.power strong{font-size:1rem}.power progress{accent-color:#80decf;width:100%;height:4px}.power span{color:#819ba9;font-family:monospace;font-size:.55rem}.power.shortage{color:#ffc581}.hud .phase strong{font-size:.85rem}.connection-strip{letter-spacing:.08em;color:#93aeba;border-bottom:1px solid #243c4c;align-items:center;gap:25px;padding:8px 24px;font-family:monospace;font-size:.6rem;display:flex}.connection-strip button{margin-left:auto;padding:3px 8px;font-family:inherit;font-size:.6rem}.connected{color:#8be0c4}.battle-layout{grid-template-columns:minmax(650px,1fr) 275px;gap:0;display:grid}.battle-main{background:#09131e;flex-direction:column;justify-content:center;min-width:0;display:flex}.battle-canvas{aspect-ratio:1280/720;width:100%;min-height:390px;max-height:calc(100vh - 295px);position:relative;overflow:hidden}.battle-canvas canvas{display:block!important}.canvas-label{letter-spacing:.1em;color:#7ed6cb;pointer-events:none;font-family:monospace;font-size:.62rem;position:absolute;top:14px;left:22px}.canvas-label small{color:#78939f;margin-top:4px;font-size:.48rem;display:block}.canvas-error{z-index:10;background:#152b3deb;place-content:center;gap:20px;display:grid;position:absolute;inset:0}.battle-footer{color:#73939f;border-top:1px solid #263a48;justify-content:space-between;padding:8px 22px;font-family:monospace;font-size:.52rem;display:flex}.command-panel{background:#0e1d29;border-left:1px solid #2a3e4d;max-height:calc(100vh - 220px);padding:15px;overflow:auto}.opponent-heading{justify-content:space-between;align-items:center;display:flex}.opponent-heading h3{margin-bottom:10px;font-size:.72rem}.opponent-heading span{color:#e8b679;font-family:monospace;font-size:.65rem}.opponent{border:1px solid #3b4e5b;border-radius:3px;width:100%;height:auto;display:block}.opponent.expanded{min-width:600px}.overview-button{background:0 0;border:0;width:100%;padding:0}.selection{border-top:1px solid #293f4e;margin-top:15px;padding-top:15px}.selection .eyebrow{margin-bottom:0}.selection-title{align-items:center;display:flex}.selection-title h3{margin:0;font-size:.95rem;line-height:1.3}.selection p{font-size:.72rem}.stat-grid{color:#7d9aa9;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-family:monospace;font-size:.56rem;display:grid}.stat-grid b{color:#c1d7df;font-size:.72rem;font-weight:500;display:block}.selection select{padding:5px;font-size:.7rem}.branch-buttons button{width:100%;margin-top:8px;display:block}.queue{border-top:1px solid #2b4150;margin-top:14px;padding-top:12px}.queue h4{margin-bottom:9px;font-size:.68rem}.queue h4 span{float:right;color:#829eab}.queue>div{justify-content:space-between;margin:5px 0;font-size:.6rem;display:flex}.queue button{padding:3px 6px;font-size:.55rem}.warning{color:#ffbe78}.tray{background:#101f2c;border-top:1px solid #34515d;padding:0 20px 12px}.tray-tabs{border-bottom:1px solid #2c4250;align-items:center;gap:5px;padding:9px 0;display:flex}.tray-tabs>button{background:0 0;border-color:#0000;padding:5px 15px;font-size:.7rem}.tray-tabs>button.active{background:#1c3c42;border-color:#456f6f}.tray-tabs>.muted{margin-left:12px;font-size:.6rem}.abilities{gap:5px;margin-left:auto;display:flex}.abilities button{padding:6px 8px;font-size:.6rem}.build-cards{gap:9px;padding-top:10px;display:flex}.build-card{text-align:left;background:#142937;border-color:#304653;flex:1;align-items:center;min-width:0;height:75px;padding:0 7px;display:flex}.build-card .unit-icon{width:64px;margin-left:-6px;margin-right:-7px;transform:scale(.8)}.build-card>span:last-child{font-size:.62rem;line-height:1.3}.build-card small{margin-top:5px;font-family:monospace;font-size:.55rem;display:block}.attack-cards{grid-template-columns:repeat(6,1fr);gap:10px;padding-top:12px;display:grid}.attack-cards button{text-align:left;font-size:.68rem}.attack-cards span,.attack-cards small{margin-top:4px;font-size:.55rem;display:block}.research-tray{padding:15px 0}.research-tray p{margin-left:20px;font-size:.75rem;display:inline}.unlock-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.unlock-list button{padding:5px 8px;font-size:.62rem}.pad-access{color:#a0b9c5;margin-top:9px;font-size:.64rem}.pad-access summary{cursor:pointer}.pad-grid{grid-template-columns:repeat(12,1fr);gap:6px;margin-top:10px;display:grid}.pad-grid button{font-size:.62rem}.ready-panel{background:#17343a;border-bottom:1px solid #395b5e;justify-content:space-between;align-items:center;padding:18px 30px;display:flex}.ready-panel h2{margin:0 0 8px}.ready-panel p{margin:4px 0}.ready-panel .eyebrow{margin-bottom:6px}.ready-panel button{margin-left:10px}.ready-panel code{letter-spacing:.2em;color:#adf5df}.pause-banner,.tutorial{color:#ffe0a9;background:#453e2a;align-items:center;gap:20px;padding:12px 25px;font-size:.78rem;display:flex}.tutorial{color:#cce2e9;background:#233b46}.tutorial button{margin-left:auto;font-size:.65rem}.alert{color:#ffe5d6;z-index:80;background:#653e30;border:1px solid #aa7058;border-radius:5px;max-width:90vw;padding:12px 18px;font-size:.8rem;position:fixed;top:82px;left:50%;transform:translate(-50%)}.alert button{background:0 0;margin-left:25px;padding:1px 8px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020b14c9;justify-content:center;align-items:flex-start;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#132532;border:1px solid #45616f;border-radius:10px;width:min(1080px,100%);max-height:92vh;padding:28px;overflow:auto;box-shadow:0 25px 100px #0008}.modal>header{border-bottom:1px solid #37505e;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:15px;display:flex}.modal>header h2{margin:0}.research-grid{grid-template-columns:1fr 260px;gap:30px;display:grid}.research h3{color:#e1ecf0;margin-top:20px;font-size:1.15rem;font-weight:500;line-height:1.6}.research aside{border-left:1px solid #3b515e;padding-left:24px}.research aside h4{margin-bottom:10px}.research figure{margin:15px 0}.research svg{border:1px solid #324c5e;width:100%;max-height:280px}.research svg text{fill:#c6dce7;font-size:12px}.research figcaption{color:#b5c9d1;font-size:.73rem}.research fieldset{border:1px solid #3d5564;border-radius:5px;margin:14px 0;padding:12px}.research legend{padding:0 6px;font-size:.84rem}.numeric{gap:12px;display:flex}.numeric input{flex:1}.numeric select{width:110px}.choice{align-items:center;gap:10px;padding:8px 0;font-size:.86rem;display:flex}.choice input{margin:0}.tool{border-top:1px solid #334c5b;margin-top:20px;padding-top:15px}.tool button{margin-top:8px}.tool output{color:#adf0dc;margin-top:8px;display:block}.equations p{font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.9}.feedback,.solution{background:#203c3b;border-left:3px solid #8ce2cd;padding:15px}.hint{border-left:2px solid #719baf;padding-left:10px}.settings{max-width:470px}.settings label{margin:16px 0}.teacher{max-width:1400px;margin:auto;padding:30px}.section-heading{justify-content:space-between;display:flex}.teacher-grid{grid-template-columns:200px 1fr;gap:30px;display:grid}.teacher-grid aside button{width:100%;margin-bottom:10px;display:block}.teacher-grid main{border:1px solid #36505f;border-radius:8px;padding:25px}.topic-checks{flex-wrap:wrap;gap:15px;margin:15px 0;display:flex}.topic-checks label{align-items:center;gap:7px;display:flex}.button-row{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.member,.match-row{border-bottom:1px solid #2d4756;align-items:center;gap:15px;padding:10px;display:flex}.member input:not([type=checkbox]){max-width:260px}.match-row>span{flex:1}.member label{min-width:180px}.content-review details,.results details{border-bottom:1px solid #354e5b;padding:14px 0}.content-review summary,.results summary{cursor:pointer}.content-review>button{margin-top:20px}.error{color:#ffb097}.results{max-width:760px}.small-screen{display:none}.high-contrast button{border-color:#b4d4df}.high-contrast .muted,.high-contrast p{color:#d0e2eb}.high-contrast .panel{border-color:#9cbbc7}@media (width>=1600px){.battle-canvas{max-height:650px}.command-panel{max-height:710px}}@media (width<=1279px){.small-screen{text-align:center;background:#473b27;padding:10px;font-size:.8rem;display:block}.game .battle-layout,.game .tray{display:none}.hero{grid-template-columns:1fr 1fr}.lobby{padding:0 20px}.header-tag{display:none}.hud{gap:12px}.hud .power{min-width:130px}.lobby-cards{gap:12px}.panel{padding:18px}}@media (width<=800px){.topbar{padding:12px}.pilot{display:none}.lobby-cards,.hero{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{padding:30px 0}.research-grid{grid-template-columns:1fr}.research aside{border:0;padding:0}.modal-backdrop{padding:8px}.modal{padding:18px}.hud{display:none}.teacher-grid{grid-template-columns:1fr}.opponent.expanded{min-width:0}.ready-panel,.research-tray p{display:block}.hero h1{font-size:2.6rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.build-card:first-child{border-top:3px solid #f9ad32}.build-card:nth-child(2){border-top:3px solid #f3654c}.build-card:nth-child(3){border-top:3px solid #23b8ef}.build-card:nth-child(4){border-top:3px solid #a66bf1}.build-card:nth-child(5){border-top:3px solid #ec6fc5}.build-card:nth-child(6){border-top:3px solid #52d986}.build-card:nth-child(7){border-top:3px solid #639aff}button.primary{color:#182c3b;background:#ffc568;border-color:#ffcf80}.hero{background:radial-gradient(at 80% 45%,#1f615b55,#0000 65%),radial-gradient(at 10% 5%,#314c8a40,#0000 55%)}.phase strong{color:#ffcb7a}.build-card.selected{background:#204653;border-color:#66e4c9}.lobby-preview{pointer-events:none;position:absolute;inset:0}.hero-art{min-height:390px;overflow:visible}.art-caption{pointer-events:none}@media (width>=1280px){.hero{grid-template-columns:.85fr 1.3fr;min-height:460px}.hero-art{min-height:440px}}@media (width>=1280px) and (height<=820px){.topbar{min-height:64px;padding:8px 24px}.tutorial{padding:6px 24px}.battle-layout{height:calc(100vh - 340px)}.battle-canvas{aspect-ratio:auto;height:calc(100vh - 370px);min-height:300px;max-height:none}.command-panel{max-height:calc(100vh - 340px)}.build-card{height:64px}}@media (width>=1280px) and (height>=821px){.battle-layout{height:calc(100vh - 340px)}.battle-canvas{aspect-ratio:auto;height:calc(100vh - 370px);min-height:300px;max-height:none}.command-panel{max-height:calc(100vh - 340px)}}:root{--muted:#adbec6;--cyan:#a8e4d3}body{background:radial-gradient(at 50% 0,#273936,#101b23 65%)}button{border-radius:7px;box-shadow:inset 0 1px #ffffff0d,0 2px 3px #0002}button.primary{color:#29251b;background:linear-gradient(#ffdf97,#edb95e);border-color:#f5cd7d;box-shadow:inset 0 1px #fff6,0 3px #8e692f}button.primary:hover{background:linear-gradient(#ffeab5,#f6c874)}.topbar{background:linear-gradient(#26383d,#15282e);border-bottom:2px solid #60736b;box-shadow:0 3px 14px #0004}.brand-reactor{object-fit:contain;filter:drop-shadow(0 2px 6px #65dbbd44);width:47px;height:53px}.brand{gap:9px}.brand-sub{color:#bdd0c9}.lobby{max-width:1600px;padding:28px 36px 40px}.hero{background:linear-gradient(90deg, #142823f5 8%, #182c2eea 43%, #1c3131ab), var(--map-scene) center/cover;border:1px solid #67816b;border-radius:18px;grid-template-columns:.85fr 1.3fr;gap:26px;min-height:410px;padding:28px 30px;position:relative;box-shadow:0 15px 50px #0004,inset 0 1px #fff1}.hero-copy{padding:0}.hero h1{letter-spacing:-.045em;text-shadow:0 3px 12px #0005;margin:18px 0;font-size:clamp(2.7rem,4.1vw,4.2rem);font-weight:800;line-height:1}.hero h1 span{color:#f5d99b}.hero p{color:#d4e0d9;font-size:.88rem;line-height:1.55}.hero .eyebrow{color:#c9d5b7;letter-spacing:.09em;font-size:.68rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:20px}.hero-facts{gap:26px;margin-top:18px}.hero-facts small{color:#b1c2bb;font-size:.62rem}.hero-art{background:#263d35;border:1px solid #b2bb8d80;border-radius:12px;align-self:center;width:100%;height:auto;min-height:0;margin:0;overflow:hidden;box-shadow:0 12px 30px #0006}.lobby-preview{aspect-ratio:16/9;width:100%;height:auto}.lobby-preview canvas{display:block!important}.art-caption{color:#f3e9cc;background:#182b29;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:700;line-height:1.2;display:flex;position:relative;inset:auto}.art-caption span b{color:#bdd1c5;margin-top:3px;font-size:.64rem;font-weight:400;display:block}.art-caption small{color:#c4d5c9;font-size:.6rem}.map-select{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 24px;display:grid}.map-card{text-align:left;background:#223432;border-color:#4c655e;align-items:center;min-height:86px;padding:0;display:flex;position:relative;overflow:hidden}.map-card img{object-fit:cover;width:40%;height:86px;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.map-card>span{padding:8px 14px}.map-card strong{color:#f7ead0;font-size:1rem;display:block}.map-card small{color:#c1d0c7;margin-top:3px;font-size:.72rem;display:block}.map-card.active{background:#33483d;border-color:#f7d492;box-shadow:0 0 0 1px #f7d492,inset 0 0 25px #d1bd7420}.map-choice{color:#f3d28b;margin-left:auto}.lobby-cards{gap:18px}.lobby-cards .panel{background:linear-gradient(135deg,#263a3b,#192b32);border-color:#4c635e;border-radius:12px}.lobby-cards .eyebrow{color:#d7c697}.unit-icon{object-fit:contain;background:0 0;flex-shrink:0;width:72px;height:76px;display:block}.hud{gap:22px}.hud>div{border-left:1px solid #60756980;padding-left:16px}.hud small{letter-spacing:.06em;color:#bed1c6;font-family:inherit;font-size:.62rem}.hud strong{font-size:1.35rem;font-weight:750}.hud .phase strong{color:#ffe3a7}.connection-strip{letter-spacing:.025em;background:#13252a;padding:7px 20px;font-size:.65rem}.battle-main{background:#192c2b;justify-content:center}.battle-canvas{background:#1b2c28}.canvas-label{color:#fff0c9;letter-spacing:.045em;background:#152c29db;border:1px solid #bdc9a766;border-radius:6px;padding:7px 10px;font-size:.66rem;top:12px;left:14px;box-shadow:0 3px 10px #0003}.canvas-label small{color:#c7d6bd;font-size:.52rem}.battle-footer{color:#c0d0c5;background:#192e2c;padding:6px 14px;font-size:.59rem}.command-panel{background:linear-gradient(160deg,#2a3d3c,#192a31);border-left:2px solid #63766b;padding:12px}.opponent-heading h3{font-size:.79rem}.opponent-heading span{color:#ffde9a;font-size:.74rem}.opponent{border:1px solid #92a58a;border-radius:7px}.opponent.expanded{width:min(960px,85vw);min-width:0}.selection{border-color:#78908255;margin-top:12px;padding-top:12px}.selection-title .unit-icon{filter:drop-shadow(0 5px 5px #0005);width:91px;height:99px}.selection-title h3{color:#f5e6c3;font-size:1.08rem}.selection p{color:#c1d0cc;font-size:.77rem;line-height:1.45}.selection .eyebrow{color:#b5c9bf;letter-spacing:.075em;font-family:inherit;font-size:.63rem}.stat-grid{color:#b9c8c2;gap:9px;font-size:.63rem;line-height:1.35}.stat-grid b{color:#fff2d1;font-size:.8rem}.selection button{padding:8px;font-size:.73rem}.selection select{font-size:.78rem}.queue h4{color:#dbe5d9;font-size:.74rem}.tray{background:linear-gradient(#293d3b,#15282d);border-top:2px solid #718071;padding:0 14px 9px;box-shadow:0 -5px 18px #0003}.tray-tabs{border-color:#617768;padding:7px 0}.tray-tabs>button{font-size:.78rem;font-weight:650}.tray-tabs>button.active{color:#fff0c3;background:#526555;border-color:#ddc893}.abilities button{border-color:#647c72;padding:6px 9px;font-size:.69rem}.build-cards{gap:8px;padding-top:9px}.build-card{background:linear-gradient(135deg,#3b504c,#263b40);border-color:#6c8074;border-top-width:3px;height:82px;padding:0 7px;overflow:hidden}.build-card.selected{background:linear-gradient(135deg,#59664b,#364c41);border-color:#ffe4a2;box-shadow:inset 0 0 22px #efd49113,0 0 0 1px #ddc28a}.build-card .unit-icon{filter:drop-shadow(0 3px 3px #0006);width:76px;height:76px;margin:0 4px 0 -5px;transform:none}.build-card>span:last-child{font-size:.73rem;font-weight:650}.build-card small{color:#e5d9b6;font-size:.63rem;font-weight:400}.build-card:disabled{opacity:.65;filter:saturate(.55)}.pad-access{color:#c2d2c8;font-size:.68rem}.modal{background:linear-gradient(135deg,#263c40,#172b34);border:1px solid #84988a;box-shadow:0 22px 90px #0009}.modal header{border-color:#6d837980}.results{border-top:4px solid #deb872;padding-top:30px;position:relative;overflow:hidden}.result-art{float:right;filter:saturate(.55);background:radial-gradient(#d79f4738,#0000 70%);width:150px;height:165px;margin:0 0 15px 20px}.result-art.won{filter:none;background:radial-gradient(#77e3c24d,#0000 70%)}.result-art img{object-fit:contain;width:100%;height:100%}.results h2{color:#ffe0a5;font-size:2.1rem}.results .hero-facts{border-block:1px solid #84958566;padding:15px 0}@media (width>=1280px){.battle-layout{grid-template-columns:minmax(0,1fr) 280px;height:auto}.battle-canvas{aspect-ratio:16/9;height:auto;min-height:0;max-height:none}.command-panel{max-height:calc(56.25vw - 127.5px)}}@media (width>=1280px) and (height<=820px){.topbar{min-height:64px;padding:7px 18px}.brand-reactor{width:38px;height:42px}.battle-layout{height:calc(100vh - 245px)}.battle-canvas{aspect-ratio:auto;height:calc(100vh - 273px)}.command-panel{max-height:calc(100vh - 245px)}.build-card{height:70px}.build-card .unit-icon{width:60px;height:64px}.build-card>span:last-child{font-size:.66rem}.build-card small{font-size:.6rem}}@media (width<=1000px){.hero{grid-template-columns:1fr;padding:24px}.hero-art{min-height:0}.hero h1{font-size:3rem}.map-select{gap:8px}.map-card{display:block}.map-card img{width:100%;height:100px;-webkit-mask-image:none;mask-image:none}.map-card>span{display:block}.map-choice{display:none!important}.map-card strong{font-size:.85rem}.map-card small{font-size:.65rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.high-contrast .map-card.active,.high-contrast .build-card.selected{outline-offset:-3px;outline:3px solid #fff}.lobby-preview{position:relative;inset:auto}.hero>*{min-width:0}.canvas-label{top:auto;bottom:12px}@media (width>=1280px) and (height<=820px){.hud>div{gap:1px}.hud small{font-size:.58rem;line-height:1.15}.hud strong{font-size:1.15rem;line-height:1.15}.hud .phase strong{font-size:.85rem}.hud .power span{line-height:1.2}.hud .power progress{height:3px}.battle-layout{height:calc(100vh - 255px)}.battle-canvas{height:calc(100vh - 283px)}.command-panel{max-height:calc(100vh - 255px)}}.battle-canvas:before{content:"";background:var(--battle-scene) center/cover;filter:blur(12px)brightness(.48);position:absolute;inset:-20px}.battle-canvas canvas{z-index:1;position:relative}.canvas-label{z-index:2}.phaser-host{position:absolute;inset:0}.answer-format-help{color:#c4d8d7;font-size:.85rem;line-height:1.5}.research-ready{background:#183d3b;border:1px solid #51766a;border-radius:9px;align-items:center;gap:12px;padding:7px 12px;font-size:12px;display:flex}.research-ready button{flex-shrink:0;padding:7px 12px}.research-ready button[aria-pressed=true]{color:#fff1c8;background:#3e6858}.research>.research-ready{margin-bottom:12px}@media (width>=1280px) and (height<=820px){:is(.game:has(>.research-ready) .battle-layout,.game:has(>.pause-banner) .battle-layout){height:calc(100vh - 305px)}:is(.game:has(>.research-ready) .battle-canvas,.game:has(>.pause-banner) .battle-canvas){height:calc(100vh - 333px)}:is(.game:has(>.research-ready) .command-panel,.game:has(>.pause-banner) .command-panel){max-height:calc(100vh - 305px)}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .14s,border-color .14s,box-shadow .14s}.modal{animation:.16s ease-out panel-arrive}@keyframes panel-arrive{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}.difficulty-help{color:#bfd0c9;font-size:.8rem;line-height:1.5}.mode-select{margin:28px 0;scroll-margin-top:24px}.mode-intro h2{margin:6px 0 18px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mode-card{text-align:left;background:#12212ef2;border:1px solid #3c5265;flex-direction:column;align-items:flex-start;gap:10px;min-height:180px;padding:20px;display:flex}.mode-card small{color:#b8c9d6}.mode-card strong{font-size:1.25rem}.mode-card span{color:#d0dde6;flex:1;line-height:1.45}.mode-card b{color:#79dced;font-size:.8rem}.mode-card.active{background:#17353b;border-color:#66e6df;box-shadow:inset 0 3px #66e6df}.lobby-cards.single-mode{grid-template-columns:1fr 1fr}.hero-actions a.button{color:#091b22;background:#79e3db;border-radius:8px;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.wave-brief{background:#18323d;border-bottom:1px solid #42616e;padding:15px}.wave-brief h3{margin:8px 0}.wave-brief p{color:#c7dae4;font-size:.82rem;line-height:1.45}@media (width<=1000px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mode-grid,.lobby-cards.single-mode{grid-template-columns:1fr}.mode-card{min-height:0}}.account-page{max-width:1160px;margin:2rem auto;padding:0 1.5rem 3rem}.account-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:1.5rem;display:grid}.account-page .panel{padding:1.5rem}.account-page fieldset{border:0;min-width:0;margin:0;padding:0}.account-page form label{gap:.4rem;margin:.85rem 0;display:grid}.account-page input:not([type=checkbox]){width:100%;min-width:0}.account-page .password-toggle{align-items:center;gap:.5rem;margin-top:.3rem;font-size:.85rem;display:flex}.account-page .password-toggle input{width:auto}.account-list{margin-top:1.5rem}.account-row{border-top:1px solid #64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.account-row h4{overflow-wrap:anywhere;margin:0}.account-row p{margin:.4rem 0}.account-actions{flex-wrap:wrap;gap:.6rem;display:flex}.account-notice{color:#e5fff5;background:#18372d;border:1px solid #78bfa4;border-radius:.5rem;padding:.8rem 1rem}.account-page .modal{max-height:90vh;overflow-y:auto}