:root{color:#eaf6ff;background:#020914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.shell{position:relative;width:min(1920px,100%);min-height:100vh;margin:0 auto;padding:0;overflow:hidden;background:#020914}.topbar{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:24px;padding:8px 18px;border-bottom:1px solid #0879bd;background:linear-gradient(180deg,#031f36fa,#02111ffa);box-shadow:0 5px 22px #0009}.eyebrow{margin:0 0 5px;color:#63bce9;font-size:10px;font-weight:800;letter-spacing:.18em}h1,h2,h3{margin:0;letter-spacing:-.035em}h1{color:#f4f9ff;font-size:clamp(24px,2.3vw,36px);text-shadow:0 0 18px rgba(47,172,255,.34)}h2{font-size:25px}h3{font-size:15px}.session-tools{display:flex;align-items:center;gap:15px;color:#a9cbe0;font-size:12px}.status{display:flex;align-items:center;gap:8px;color:#96a69d;font-size:12px}.status span{width:8px;height:8px;border-radius:50%;background:#c59d4e;box-shadow:0 0 12px currentColor}.status--online span{background:#61d88c}.status--offline span{background:#dc6b5d}.save-state{padding:6px 9px;border:1px solid #135b84;color:#8fb7ce;background:#031c2fb3}.save-state--saved{color:#78c593}.save-state--error{color:#e17a6c}.text-button,.switch-button{padding:0;border:0;background:none;color:#66c8ff;cursor:pointer}.text-button:hover,.switch-button:hover{color:#d8f3ff}.resource-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin:0;overflow:hidden;border:1px solid #0b5c8c;background:#0b5c8c;box-shadow:0 8px 26px #0097e62e;position:relative;z-index:60}.resource{display:grid;gap:3px;min-height:62px;padding:8px 13px;background:linear-gradient(180deg,#062b49fa,#031322fa)}.resource span{color:#79bfe1;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.resource strong{font-size:16px}.resource strong small{color:#6f8177;font-size:9px;font-weight:500}.resource-rate{color:#67bd86;font-size:9px;font-weight:700;letter-spacing:.04em}.error-banner{margin-bottom:10px;padding:10px 14px;border:1px solid #763f39;background:#2d1715;color:#f0b4ac;font-size:13px}.command-surface{position:relative;display:block;border:0;background:#020b13;box-shadow:inset 0 0 60px #007ecc1f}.game-column{min-width:0;position:relative}.unified-game-stage{min-width:0;position:relative;aspect-ratio:960 / 512;overflow:hidden;background:#081812}.strategic-base{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(181,157,90,.2),transparent 31%),linear-gradient(155deg,#263f2c,#173020 42%,#0b2017);isolation:isolate}.strategic-base__terrain{position:absolute;inset:0;background:repeating-radial-gradient(circle at 20% 25%,#42623e 0 2px,transparent 3px 25px),repeating-linear-gradient(145deg,transparent 0 46px,rgba(157,181,112,.035) 47px 49px),linear-gradient(24deg,transparent 0 48%,rgba(43,100,109,.7) 49% 53%,transparent 54%);opacity:.78;z-index:-3}.strategic-base__wall{position:absolute;inset:13% 11% 11%;border:5px solid #657b66;background:repeating-linear-gradient(90deg,transparent 0 62px,rgba(184,198,160,.25) 63px 66px),#223625db;box-shadow:0 24px 50px #0009,inset 0 0 0 3px #172a1f,inset 0 0 80px #a8914614;clip-path:polygon(16% 0,84% 0,100% 18%,100% 82%,84% 100%,16% 100%,0 82%,0 18%);transform:perspective(900px) rotateX(4deg);z-index:-2}.strategic-base__road{position:absolute;z-index:-1;background:#6b6d5e;box-shadow:inset 0 0 0 2px #333f35;opacity:.66}.strategic-base__road--vertical{top:15%;bottom:10%;left:48.7%;width:3.2%}.strategic-base__road--horizontal{top:48%;right:11%;left:11%;height:4%}.strategic-base__status{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:18px;padding:10px 12px;border:1px solid #617a69;background:#050f0ae0;box-shadow:0 10px 28px #0008;z-index:4}.strategic-base__status p{margin:0;color:#789185;font-size:8px;letter-spacing:.14em}.strategic-base__status h2{color:#eef2db;font-size:19px}.strategic-base__status>span{color:#65c784;font-size:8px;letter-spacing:.12em}.strategic-base__hint{position:absolute;top:17px;right:16px;padding:8px 10px;border-left:2px solid #d0b45e;background:#07110cd1;color:#aebcb3;font-size:9px;z-index:4}.strategic-building{position:absolute;top:var(--building-y);left:var(--building-x);display:grid;justify-items:center;gap:2px;width:108px;padding:0;border:0;background:transparent;color:#dce7dc;cursor:pointer;transform:translate(-50%,-50%);z-index:2}.strategic-building__model{display:grid;width:58px;height:48px;place-items:center;border:2px solid #6f8778;background:linear-gradient(145deg,#849184 0 18%,#35473e 19% 70%,#18271f 71%);box-shadow:10px 9px #101d17,0 12px 20px #0009;color:#ebd87d;font-size:12px;font-weight:800;letter-spacing:.08em;transform:skewY(-7deg)}.strategic-building strong,.strategic-building small{padding:2px 5px;background:#040d08e6;box-shadow:0 3px 8px #0008;font-size:8px;white-space:nowrap}.strategic-building small{color:#88a095;font-size:7px}.strategic-building.is-project{opacity:.58}.strategic-building.is-project .strategic-building__model{border-style:dashed;background:repeating-linear-gradient(135deg,#28372f 0 8px,#19261f 9px 16px)}.strategic-building.is-selected{z-index:3}.strategic-building.is-selected .strategic-building__model{border-color:#f0d36d;box-shadow:10px 9px #281f0c,0 0 0 4px #e4c4542e,0 14px 26px #000b}.strategic-building--headquarters{width:140px}.strategic-building--headquarters .strategic-building__model{width:82px;height:70px;background:linear-gradient(145deg,#b49e59,#4b5d4e 35%,#1e3127 72%)}.strategic-building--radar .strategic-building__model,.strategic-building--researchCenter .strategic-building__model{border-radius:40% 40% 14% 14%}.strategic-base__footer{position:absolute;left:16px;bottom:13px;display:flex;gap:6px;z-index:4}.strategic-base__footer span{padding:5px 7px;border:1px solid #405849;background:#050e09e0;color:#879b90;font-size:8px;text-transform:uppercase}.map-command-rail{position:absolute;top:18px;left:14px;z-index:34;display:grid;width:148px;border:1px solid #0879bd;background:#021423f0;box-shadow:0 18px 38px #000b}.map-command-rail button{display:grid;grid-template-columns:32px 1fr;align-items:center;min-height:54px;padding:7px 11px;border:0;border-bottom:1px solid #0a5682;background:linear-gradient(90deg,#073454f0,#031d32f0);color:#d8eeff;font-size:12px;text-align:left;cursor:pointer}.map-command-rail button:last-child{border-bottom:0}.map-command-rail button:hover{background:linear-gradient(90deg,#0b568a,#06395e);box-shadow:inset 3px 0 #43c6ff}.map-command-rail button span{color:#75d3ff;font-size:24px;line-height:1;text-shadow:0 0 12px rgba(60,191,255,.65)}.world-coordinate-badge{position:absolute;right:364px;bottom:70px;z-index:27;display:grid;gap:2px;min-width:160px;padding:8px 12px;border:1px solid #0879bd;background:#031a2ceb;box-shadow:0 10px 28px #000a;text-align:right}.world-coordinate-badge span{color:#6dbce6;font-size:8px;letter-spacing:.15em}.world-coordinate-badge strong{color:#e5f5ff;font-size:12px}.map-building-popover{position:absolute;top:var(--popover-y);left:var(--popover-x);width:min(290px,32%);z-index:30;filter:drop-shadow(0 14px 22px #000b)}.map-building-popover:before{position:absolute;top:22px;left:-7px;width:12px;height:12px;border-bottom:1px solid #1686c4;border-left:1px solid #1686c4;background:#061827;content:"";transform:rotate(45deg)}.map-building-popover .building-inspector{gap:7px;padding:10px}.map-building-popover .building-inspector__heading h3{font-size:13px}.map-building-popover .building-inspector>p{font-size:9px}.map-building-popover .building-costs{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-map{position:absolute;right:14px;bottom:14px;width:31%;padding:5px;border:1px solid #6d8176;background:#040c08f0;box-shadow:0 16px 34px #000b;z-index:10}.sector-map>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 6px;color:#d7e0d4;font-size:8px;letter-spacing:.08em}.sector-map>header span{color:#71857a;font-size:7px;letter-spacing:0}.game-frame{min-width:0;aspect-ratio:960 / 512;background:#061624}.game-frame canvas{display:block;width:100%!important;height:100%!important}.orders-bar{position:absolute;right:360px;bottom:12px;left:176px;z-index:28;display:flex;gap:8px;align-items:center;padding:8px;border:1px solid #0879bd;background:linear-gradient(180deg,#052742f5,#021322f5);box-shadow:0 10px 30px #000b}.orders-bar button,.action-grid button{border:1px solid #146695;background:linear-gradient(180deg,#0a3d63,#06243c);cursor:pointer}.orders-bar button{padding:8px 11px;font-size:12px}.orders-bar button:hover,.action-grid button:hover:not(:disabled){border-color:#44bfff;background:linear-gradient(180deg,#0d578d,#073150)}.orders-bar span{margin-left:auto;color:#7f9187;font-size:11px}kbd{margin-left:5px;padding:1px 4px;border:1px solid #53665b;border-radius:2px;color:#aabaaf;font-size:9px}.control-panel{position:absolute;top:14px;right:14px;z-index:35;display:grid;align-content:start;gap:11px;width:332px;max-height:calc(100% - 84px);padding:12px;overflow-y:auto;border:1px solid #0879bd;background:linear-gradient(155deg,#052640f5,#020f1cf7);box-shadow:0 18px 44px #000c;scrollbar-color:#1478ad #031522}.tutorial-card{padding-bottom:16px;border-bottom:1px solid #135c84}.world-card{display:grid;gap:11px;padding:14px;border:1px solid #176793;background:linear-gradient(145deg,#0a3e62b8,#031727f0)}.world-card__heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.world-card__heading h2{font-size:20px}.world-card>p:last-child{margin:0;color:#91a89c;font-size:10px;line-height:1.5}.world-pill{padding:4px 7px;border:1px solid #53655b;color:#95a69c;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.world-pill--online{border-color:#3d8060;color:#7fd39d}.world-pill--connecting{border-color:#806b3d;color:#d0b86f}.world-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.world-metrics div{display:grid;gap:2px;padding:8px;background:#040b0885}.world-metrics strong{color:#dce8df;font-size:15px}.world-metrics small{color:#71857a;font-size:8px;text-transform:uppercase}.tutorial-card>p:not(.eyebrow,.radio-message){min-height:42px;margin:10px 0;color:#c5d0c8;font-size:13px;line-height:1.45}.progress{height:3px;margin:12px 0;background:#24332b}.progress span{display:block;height:100%;background:#d0b45e;transition:width .3s ease}.radio-message{min-height:46px;margin:12px 0 0;padding:10px;border-left:2px solid #3bbcff;background:#051b2c;color:#a7cce0;font-size:11px;line-height:1.45}.conquest-guide{display:grid;gap:10px;padding:14px;border:1px solid #176793;background:linear-gradient(145deg,#093757b8,#031524f0)}.conquest-guide__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.conquest-guide__heading h3{margin-top:2px;font-size:15px}.conquest-guide__heading>strong{color:#e6cf79;font-size:18px}.conquest-guide ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.conquest-guide li{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:7px;color:#6f8177;font-size:10px;line-height:1.35}.conquest-guide li span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #425349;color:#788a80;font-size:9px}.conquest-guide li.is-active{color:#f0dfaa}.conquest-guide li.is-active span{border-color:#d0b45e;background:#483f21;color:#fff1bd}.conquest-guide li.is-complete{color:#9ac6a5}.conquest-guide li.is-complete span{border-color:#4e8761;background:#23452f;color:#8fe0a8}.base-interior{display:grid;gap:11px;padding:14px;border:1px solid #176793;background:linear-gradient(145deg,#093a5ca6,#031524f0)}.base-interior__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.base-interior__heading h3{margin-top:2px;color:#e5efdf;font-size:16px}.base-interior__heading>span{padding:4px 6px;border:1px solid #617c6d;color:#a8c3b3;font-size:8px;letter-spacing:.12em}.base-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:124px;overflow-y:auto}.base-selector button{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;min-height:36px;padding:6px;border-color:#344c40;color:#8fa498;font-size:9px;text-align:left}.base-selector button strong{color:#759784;font-size:11px}.base-selector button.is-selected{border-color:#39bcff;background:#073e64;color:#e4f6ff}.base-selector button.is-selected strong{color:#79d6ff}.base-interior__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.base-interior__summary span{padding:6px;background:#0a1510;color:#7f9588;font-size:8px;text-align:center;text-transform:uppercase}.base-production{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.base-production span{display:grid;gap:2px;padding:5px;background:#050d09ad;color:#71877a;font-size:8px}.base-production strong{color:#b8cdbf;font-size:9px}.action-group{display:grid;gap:9px;padding-bottom:14px;border-bottom:1px solid #135c84}.action-group>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.action-group small{color:#75877d;font-size:9px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.action-grid button{display:grid;gap:4px;min-height:60px;padding:8px;text-align:left}.action-grid button strong{font-size:11px}.action-grid button:disabled{cursor:default;opacity:.55}.action-grid button.is-selected{border-color:#3fc2ff;background:#073d62;box-shadow:inset 0 0 0 1px #3fc2ff40}.building-inspector{display:grid;gap:10px;padding:13px;border:1px solid #1686c4;background:linear-gradient(145deg,#062339fa,#020f1bfa)}.building-inspector__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.building-inspector__heading h3{margin-top:2px;color:#eee4bd;font-size:15px}.building-inspector__heading>strong{color:#e0c768;font-size:18px}.building-inspector>p{margin:0;color:#8e9d93;font-size:10px}.building-costs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.building-costs span{display:flex;justify-content:space-between;gap:7px;padding:5px 6px;background:#0a120d;color:#7f9186;font-size:9px}.building-costs span.is-missing{color:#d58272}.building-inspector>button{display:grid;gap:3px;padding:9px;text-align:left}.building-inspector>button small{color:#7d8d83;font-size:9px}.notice{margin:0;padding:10px;border-left:2px solid #3bbcff;background:#051b2c;color:#a8cce0;font-size:10px;line-height:1.45}.access-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);background:radial-gradient(circle at 20% 35%,#173d2d 0,#07100c 42%,#040806 75%)}.access-intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,130px)}.access-intro h1{color:#f0f2df;font-size:clamp(52px,7vw,104px);line-height:.84;letter-spacing:-.07em}.lead{max-width:620px;margin:30px 0;color:#a9bbb0;font-size:clamp(18px,2vw,25px);line-height:1.45}.premium-note{margin-top:40px;color:#bfa968;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.access-card{align-self:center;width:min(430px,calc(100% - 48px));margin:24px auto;padding:38px;border:1px solid #34473c;background:#0a130ff0;box-shadow:0 28px 100px #0008}.access-card h2{margin-bottom:26px}.access-card label{display:grid;gap:7px;margin:16px 0;color:#aebcb3;font-size:12px}.access-card input{width:100%;padding:12px;border:1px solid #35483d;outline:0;background:#09110d;color:#f0f3e7}.access-card input:focus{border-color:#aa9153;box-shadow:0 0 0 2px #aa915322}.primary-button{width:100%;margin-top:10px;padding:13px;border:1px solid #d1b764;background:#b59a4c;color:#0c120e;font-weight:800;cursor:pointer}.primary-button:disabled{cursor:wait;opacity:.65}.switch-button{width:100%;margin-top:18px;font-size:12px}.form-error{margin:12px 0;color:#ed9487;font-size:12px;line-height:1.4}.form-notice{margin:0 0 18px;padding:10px 12px;border-left:2px solid #bda454;background:#231f10;color:#dfcc8b;font-size:12px;line-height:1.4}@media(max-width:1080px){.command-surface{grid-template-columns:1fr}.control-panel{position:static;width:auto;max-height:none;grid-template-columns:repeat(2,1fr);border-top:1px solid #26362e;border-left:0}.orders-bar{right:14px}.world-coordinate-badge{right:18px}.notice{grid-column:1 / -1}.session-tools .status,.session-tools .save-state{display:none}}@media(max-width:760px){.shell{width:100%;padding-top:0}.topbar{align-items:start}.session-tools{flex-wrap:wrap;justify-content:end}.resource-strip{grid-template-columns:repeat(4,1fr)}.orders-bar{position:static;flex-wrap:wrap}.orders-bar span{width:100%;margin:0}.control-panel{grid-template-columns:1fr;padding:15px}.map-command-rail{top:8px;left:8px;width:118px}.map-command-rail button{grid-template-columns:24px 1fr;min-height:38px;padding:5px 7px;font-size:9px}.map-command-rail button span{font-size:17px}.world-coordinate-badge{display:none}.notice{grid-column:auto}.access-shell{grid-template-columns:1fr}.access-intro{padding:50px 28px 20px}.access-intro h1{font-size:58px}.lead{margin:22px 0;font-size:17px}.premium-note{display:none}.access-card{margin-top:0}}