:root{color:#edf2df;background:#050b09;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{width:min(1580px,calc(100% - 40px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 5px;color:#85a98f;font-size:10px;font-weight:800;letter-spacing:.18em}h1,h2,h3{margin:0;letter-spacing:-.035em}h1{font-size:clamp(28px,4vw,46px)}h2{font-size:25px}h3{font-size:15px}.session-tools{display:flex;align-items:center;gap:15px;color:#a5b5ab;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 #2a3d33;color:#8fa297}.save-state--saved{color:#78c593}.save-state--error{color:#e17a6c}.text-button,.switch-button{padding:0;border:0;background:none;color:#bfa967;cursor:pointer}.text-button:hover,.switch-button:hover{color:#f1d884}.resource-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin:18px 0 10px;overflow:hidden;border:1px solid #26362e;background:#26362e}.resource{display:grid;gap:3px;padding:10px 13px;background:#0d1713}.resource span{color:#74877c;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}.error-banner{margin-bottom:10px;padding:10px 14px;border:1px solid #763f39;background:#2d1715;color:#f0b4ac;font-size:13px}.command-surface{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid #26362e;background:#0a110e}.game-column{min-width:0}.game-frame{min-width:0;aspect-ratio:960 / 512;background:#0b1712}.game-frame canvas{display:block}.orders-bar{display:flex;gap:8px;align-items:center;padding:10px;border-top:1px solid #26362e;background:#0b1511}.orders-bar button,.action-grid button{border:1px solid #34473c;background:#16241d;cursor:pointer}.orders-bar button{padding:8px 11px;font-size:12px}.orders-bar button:hover,.action-grid button:hover:not(:disabled){border-color:#a88f51;background:#203129}.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{display:grid;align-content:start;gap:14px;padding:20px;border-left:1px solid #26362e;background:linear-gradient(160deg,#111c17,#080e0b)}.tutorial-card{padding-bottom:16px;border-bottom:1px solid #26362e}.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 #799c83;background:#101a15;color:#9eb2a6;font-size:11px;line-height:1.45}.action-group{display:grid;gap:9px;padding-bottom:14px;border-bottom:1px solid #26362e}.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}.notice{margin:0;padding:10px;border-left:2px solid #b79752;background:#151b13;color:#c9ba91;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}@media(max-width:1080px){.command-surface{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(2,1fr);border-top:1px solid #26362e;border-left:0}.notice{grid-column:1 / -1}.session-tools .status,.session-tools .save-state{display:none}}@media(max-width:760px){.shell{width:min(100% - 16px,1580px);padding-top:14px}.topbar{align-items:start}.session-tools{flex-wrap:wrap;justify-content:end}.resource-strip{grid-template-columns:repeat(4,1fr)}.orders-bar{flex-wrap:wrap}.orders-bar span{width:100%;margin:0}.control-panel{grid-template-columns:1fr;padding:15px}.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}}