:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#10282d;--cream:#f0e1bf;--paper:#dbcaa4;--ember:#bd4b36;--gold:#e8b75b;--fjord:#174558;--moss:#6f8955;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#0b242d;min-height:100%;margin:0}body{color:var(--cream)}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.play-page{overscroll-behavior:none;height:100dvh;overflow:hidden}.landing-shell{min-height:100vh;color:var(--ink);background:#d7c79e;overflow:hidden}.landing-nav{z-index:5;letter-spacing:.13em;border-bottom:1px solid #10282d42;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 clamp(24px,5vw,84px);display:grid;position:relative}.brand{letter-spacing:.2em;font-family:Georgia,serif;font-size:22px;font-weight:800}.nav-mark{font-size:10px;font-weight:800}.nav-play{border-bottom:2px solid var(--ember);justify-self:end;padding:9px 0;font-size:12px;font-weight:800}.hero{background:linear-gradient(115deg,#d9c89c 0 45%,#9bb7b3 100%);grid-template-columns:46% 54%;align-items:center;min-height:690px;display:grid;position:relative}.hero-copy{z-index:3;grid-area:1/1;padding:80px 2vw 90px clamp(32px,7vw,122px);position:relative}.eyebrow{color:var(--ember);letter-spacing:.2em;margin:0 0 20px;font-size:11px;font-weight:900}.hero h1,.gate-card h1,.briefing-copy h1{font-family:Georgia,serif;font-weight:500;line-height:.94}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(54px,5.4vw,88px)}.hero h1 em{color:var(--ember);font-weight:500}.hero-lede{color:#28444a;max-width:590px;margin:30px 0;font-size:16px;line-height:1.7}.hero-actions{align-items:center;gap:24px;display:flex}.primary-cta{cursor:pointer;background:var(--ember);color:#fff4db;letter-spacing:.04em;border:0;justify-content:center;align-items:center;gap:32px;min-height:54px;padding:0 24px;font-weight:850;display:inline-flex;box-shadow:6px 7px #3c281a33}.primary-cta:hover{background:#a83c2d;transform:translateY(-1px)}.play-note{color:#496067;max-width:170px;font-size:11px;font-weight:700;line-height:1.45}.hero-art{pointer-events:none;position:absolute;inset:0 0 0 35%;overflow:hidden}.sun-disc{background:#e7b860ad;border-radius:50%;width:300px;height:300px;position:absolute;top:75px;right:12%}.hero-island{border-radius:46% 55% 35%;position:absolute;transform:rotate(-8deg)skew(-16deg)}.island-back{background:#4b6570;width:540px;height:270px;top:240px;right:2%;box-shadow:inset 0 60px #71877c}.island-front{background:#233f48;width:760px;height:360px;top:380px;right:-9%;box-shadow:inset 0 75px #789256,inset 0 92px #405a43}.hero-hall{background:#c59458;width:150px;height:88px;position:absolute;top:370px;right:23%;box-shadow:0 16px 20px #0d1f213d}.hero-hall:before{content:"";border-bottom:62px solid #873428;border-left:95px solid #0000;border-right:95px solid #0000;position:absolute;top:-55px;left:-20px}.hero-hall i{background:#4f3328;width:12px;height:54px;position:absolute;bottom:0;left:69px}.hero-hall b{background:#d5c38c;width:8px;height:110px;position:absolute;top:-65px;right:-20px}.hero-ship{background:#492f25;border-radius:0 0 60% 60%;width:180px;height:28px;position:absolute;bottom:76px;right:8%;transform:rotate(-4deg)}.hero-ship:before{content:"";background:#3c3029;width:4px;height:135px;position:absolute;bottom:10px;left:86px}.hero-ship i{border-top:50px solid #0000;border-bottom:50px solid #0000;border-left:74px solid #9d3b2e;position:absolute;bottom:48px;left:90px}.hero-ship b{background:#b78753;width:140px;height:4px;position:absolute;top:-3px;left:18px}.mist{filter:blur(12px);background:#e2dcc18c;border-radius:50%;height:34px;position:absolute}.mist-one{width:470px;top:330px;right:4%}.mist-two{width:600px;bottom:36px;right:-3%}.pillars{background:#e5d5ad;border-top:1px solid #10282d40;grid-template-columns:repeat(3,1fr);display:grid}.pillars article{border-right:1px solid #10282d2e;padding:42px clamp(26px,5vw,76px)}.pillars article:last-child{border:0}.pillars span{color:var(--ember);letter-spacing:.16em;font-size:11px;font-weight:900}.pillars h2{margin:13px 0 10px;font-family:Georgia,serif;font-size:25px}.pillars p{color:#496068;margin:0;font-size:14px;line-height:1.55}.landing-footer{background:var(--ink);color:#b8c3bc;letter-spacing:.08em;justify-content:space-between;padding:28px clamp(28px,7vw,120px);font-size:11px;display:flex}.gate-screen,.briefing-screen,.main-menu-screen{background:radial-gradient(circle at 70% 30%,#769164b3,#0000 31%),linear-gradient(130deg,#0d3039,#58705d 54%,#b79868);place-items:center;min-height:100vh;padding:40px;display:grid}.gate-card{background:#0d2328f0;border:1px solid #efdcb038;width:min(520px,100%);padding:58px;box-shadow:0 32px 80px #040f1280}.gate-card h1{margin:0 0 20px;font-size:48px}.gate-card>p:not(.eyebrow){color:#b9c6bf;line-height:1.65}.google-button,.local-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:13px;width:100%;min-height:52px;margin-top:14px;font-weight:800;display:flex}.google-button{color:#183239;background:#f4ead2}.google-button.disabled{opacity:.5;cursor:not-allowed}.google-button span{color:#4285f4;font-size:20px}.local-button{background:var(--ember)}.profile-form{gap:11px;display:grid}.profile-form p{color:#b9c6bf;line-height:1.55}.profile-form label{color:#dec681;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.profile-form input{color:#f4ead2;background:#102d33;border:1px solid #e2be6973;outline:none;min-height:50px;padding:0 15px;font-size:17px}.profile-form input:focus{border-color:#e5bd64;box-shadow:0 0 0 3px #e5bd641f}.profile-form .local-button{color:#fff;cursor:pointer;border:0;font-weight:850}.profile-form .form-error{color:#ef9988;text-align:left;margin:0}.text-button{color:#9bada6;cursor:pointer;background:0 0;border:0;text-decoration:underline}.gate-card small{color:#9eafa9;text-align:center;margin-top:16px;display:block}.gate-card .success-note{color:#9ddc9e}.connection-check,.connection-fallback{margin-top:16px}.connection-check small,.connection-fallback small{margin-top:9px}.connection-progress{background:#97b0a829;border-radius:999px;height:5px;overflow:hidden}.connection-progress i{border-radius:inherit;background:linear-gradient(90deg,#b34a37,#e8b75b,#b34a37);width:45%;height:100%;animation:1.25s ease-in-out infinite connection-scan;display:block}.connection-fallback{background:#e8b75b0f;border:1px solid #e8b75b38;padding:12px 14px}.connection-fallback small{color:#d7c79f;margin:0;line-height:1.45}.connection-fallback button{color:#e8c778;cursor:pointer;background:0 0;border:1px solid #e8b75b66;margin:10px auto 0;padding:7px 12px;font-size:11px;display:block}@keyframes connection-scan{0%{transform:translate(-110%)}to{transform:translate(245%)}}.briefing-screen{grid-template-columns:minmax(380px,1fr) minmax(440px,610px);place-items:center;gap:6vw}.briefing-map{background:#235465;border-radius:50%;width:480px;height:480px;position:relative;box-shadow:inset 0 0 70px #0c2c37,0 35px 70px #040e1159}.briefing-map:before{content:"";background:#708b58;border-radius:44% 58% 50% 36%;position:absolute;inset:80px 60px 90px;transform:rotate(-18deg);box-shadow:inset -34px -40px #354d45,inset 25px 20px #93a66e}.briefing-map i,.briefing-map b{z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 0 0 8px #ffffff1a}.briefing-map i{background:#e2ac4e;top:270px;left:130px}.briefing-map b{background:#6694cd;top:160px;right:123px}.briefing-map span{z-index:2;border:2px dashed #eed9a080;border-radius:50%;width:188px;height:120px;position:absolute;top:176px;left:144px;transform:rotate(-28deg)}.briefing-copy{max-width:610px}.briefing-copy h1{margin:0 0 22px;font-size:58px}.briefing-copy>p:not(.eyebrow),.briefing-copy li{color:#c4d0ca;line-height:1.65}.briefing-copy ul{margin:25px 0 30px;padding-left:18px}.briefing-button{min-width:220px}.briefing-actions{align-items:center;gap:18px;display:flex}.main-menu-screen{grid-template-columns:minmax(300px,.8fr) minmax(520px,1.2fr);place-items:center stretch;gap:clamp(28px,5vw,80px);min-height:100vh;padding:clamp(28px,6vw,90px)}.main-menu-hero h1{margin:0 0 18px;font:500 clamp(50px,7vw,88px)/.94 Georgia,serif}.main-menu-hero>p:not(.eyebrow){color:#c0cec7;max-width:560px;line-height:1.65}.main-menu-actions{gap:10px;width:min(360px,100%);margin:28px 0 18px;display:grid}.main-menu-actions>button{cursor:pointer;background:#0c2b31c2;border:1px solid #e6c57859;min-height:50px;font-weight:800}.main-menu-actions>button.primary-cta{background:var(--ember);border:0}.main-menu-actions>button:disabled{opacity:.38;cursor:default}.main-menu-actions .recovery-button{color:#a9ddb9;border-color:#74be9780}.main-menu-hero>small{color:#91a69e}.main-menu-saves{background:#071d23e6;border:1px solid #e8c77b3d;width:100%;max-height:min(760px,100vh - 80px);padding:clamp(20px,3vw,38px);overflow:auto;box-shadow:0 30px 80px #020c0f59}.menu-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.menu-section-heading span{color:#dfba63;letter-spacing:.16em;font-size:9px;font-weight:900}.menu-section-heading h2{margin:4px 0 0;font:500 30px Georgia,serif}.menu-section-heading button,.menu-account-actions button{color:#a8b8b1;cursor:pointer;background:0 0;border:0;text-decoration:underline}.snapshot-list{gap:8px;display:grid}.snapshot-row{background:#243e3f66;border:1px solid #ccbc9126;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 14px;display:grid}.snapshot-copy{min-width:0}.snapshot-copy span,.game-menu-card>span,.save-decision-overlay span{color:#d8b666;letter-spacing:.14em;font-size:8px;font-weight:900;display:block}.snapshot-copy strong{color:#ead9ae;margin:3px 0;font:600 15px Georgia,serif;display:block}.snapshot-copy small{color:#8fa39b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.snapshot-actions{gap:6px;display:flex}.snapshot-actions button{cursor:pointer;background:#18383d;border:1px solid #526866;min-height:34px;padding:0 11px;font-size:9px}.snapshot-actions button:hover{color:#efd086;border-color:#c29d51}.snapshot-actions button.danger{color:#d99383}.save-empty{color:#8ea29b;text-align:center;border:1px dashed #ccbc9138;gap:5px;padding:30px 18px;display:grid}.save-empty strong{color:#d5c69f;font-family:Georgia,serif}.menu-account-actions{color:#9cafaa;border-top:1px solid #d2c09424;justify-content:space-between;margin-top:20px;padding-top:16px;font-size:10px;display:flex}.game-shell{color:#eee2c6;background:#102932;grid-template-rows:66px 1fr;grid-template-columns:238px minmax(650px,1fr) 266px;min-width:1100px;height:100vh;display:grid;overflow:hidden}.resource-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0b1f25fa,#091a20f2);border-bottom:1px solid #e2be6959;grid-column:1/-1;align-items:stretch;padding-left:18px;display:flex;box-shadow:0 8px 28px #050f1275}.resource-bar>div{border-right:1px solid #d3c3991f;justify-content:center;align-items:center;gap:10px;min-width:92px;display:flex}.resource-bar span{color:#9eada7;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.resource-bar strong{color:#f2d697;font-family:Georgia,serif;font-size:18px}.resource-bar .army-count{border-left:1px solid #d3c3991f;min-width:150px;margin-left:auto}.resource-bar strong small{color:#7fa8d4}.build-panel,.detail-panel{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#0c2228f7,#07191ff5);overflow:hidden}.build-panel{border-right:1px solid #4a5b5b;flex-direction:column;display:flex}.detail-panel{border-left:1px solid #4a5b5b;flex-direction:column;display:flex}.panel-heading{color:#d9c28a;letter-spacing:.16em;border-bottom:1px solid #d8c59729;justify-content:space-between;align-items:center;height:46px;padding:0 16px;font-size:10px;font-weight:900;display:flex}.panel-heading small{color:#81948e}.mobile-panel-close,.mobile-game-toolbar,.mobile-gesture-hint{display:none}.build-tabs{border-bottom:1px solid #d8c5971f;grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}.build-tabs button{color:#91a29c;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:#4b65631f;border:1px solid #d6c19129;min-height:30px;font-size:9px;font-weight:850}.build-tabs button.active,.build-tabs button:hover{color:#f2d697;background:#e2bf6b1a;border-color:#e2bf6b8c}.build-list{scrollbar-width:thin;flex:1;min-height:0;padding:10px;overflow:auto}.build-list button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#ddcba01c;align-items:center;gap:11px;width:100%;min-height:55px;padding:6px;display:flex}.build-list button:hover,.build-list button.active{background:#e2bf6b1a;border-color:#e2bf6b59}.build-list button>i{color:#e8b95e;background:radial-gradient(circle at 35% 28%,#405b58,#1a3438 72%);border:1px solid #e8b95e38;flex:none;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:21px;font-style:normal;display:grid;box-shadow:inset 0 0 18px #00000040}.build-list button>span{font-size:12px;font-weight:750}.build-list button small{color:#889b95;margin-top:4px;font-size:9px;font-weight:500;display:block}.build-list button.tutorial-target{border-color:#e5bd5d8f;box-shadow:inset 3px 0 #dfb75d}.build-guidance{background:#e2bf6b14;border-top:1px solid #ddbe7247;flex:none;gap:4px;padding:11px 13px;display:grid}.build-guidance strong{color:#edcf84;font-family:Georgia,serif;font-size:13px}.build-guidance span{color:#aebdb6;font-size:9px;line-height:1.45}.canvas-wrap{background:radial-gradient(circle at 45% 35%,#809b8f,#173f4c 70%);position:relative;overflow:hidden}.selection-marquee{z-index:18;pointer-events:none;background:#d8b66624;border:1px solid #f1d477;position:absolute;box-shadow:inset 0 0 0 1px #08191da6}.game-menu-button{z-index:18;color:#ead18e;cursor:pointer;background:#081f24e0;border:1px solid #e7c4706b;min-height:38px;padding:0 14px;font-size:11px;font-weight:850;position:absolute;top:16px;right:16px;box-shadow:0 8px 24px #00000047}#game{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}.render-loading{z-index:30;color:#ead29a;letter-spacing:.05em;background:radial-gradient(circle,#2d4c4af0,#05141afa);align-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.render-loading strong{font-family:Georgia,serif;font-size:27px;font-weight:500}.render-loading span{color:#9bafa8;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.render-loading .loading-rune{color:#e8b75b;border:1px solid #e8be6480;border-radius:50%;place-items:center;width:62px;height:62px;font-size:32px;animation:1.8s ease-in-out infinite rune-pulse;display:grid}.render-error .loading-rune{color:#e27763;border-color:#9e4339;animation:none}@keyframes rune-pulse{50%{transform:scale(1.08)rotate(6deg);box-shadow:0 0 32px #e8b75b3d}}.tutorial-card{z-index:16;border-left:3px solid var(--gold);background:#0c2227f0;width:320px;max-height:calc(100% - 36px);padding:15px 17px;position:absolute;top:18px;left:18px;overflow:auto;box-shadow:0 10px 32px #06121466}.tutorial-card span,.capture-status>span,.selection-card>span{color:#d8b666;letter-spacing:.14em;font-size:9px;font-weight:900}.tutorial-card strong{margin:6px 0 3px;font-family:Georgia,serif;font-size:18px;display:block}.tutorial-card p{color:#b7c3bc;margin:0;font-size:11px;line-height:1.4}.peace-status{color:#a8d8b4;background:#3a7e5e29;border:1px solid #71be9752;margin-top:9px;padding:7px 9px;font-size:9px;font-style:normal;font-weight:800;line-height:1.35;display:block}.tutorial-card ul{color:#aab9b3;gap:4px;margin:10px 0 0;padding:0;font-size:10px;list-style:none;display:grid}.tutorial-card li.done{color:#83ba8e}.tutorial-toggle{color:#e4c678;cursor:pointer;background:#17363b;border:1px solid #e1be6947;border-radius:50%;width:28px;height:28px;position:absolute;top:8px;right:8px}.tutorial-next{color:#f0d18a;cursor:pointer;background:#d2a7482e;border:1px solid #bd9850;width:100%;margin-top:11px;padding:9px;font-weight:800}.tutorial-card.collapsed{border-left-width:2px;width:54px;height:48px;padding:0;overflow:hidden}.tutorial-card.collapsed>span,.tutorial-card.collapsed>strong{display:none}.notice-line{color:#ebd59f;pointer-events:none;background:#0d2024e0;padding:10px 16px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #030c0e4d}.selection-card{background:#203d3f73;border:1px solid #dbc18438;margin:18px;padding:18px}.selection-card h2{margin:8px 0;font-family:Georgia,serif;font-size:24px}.selection-card p,.selection-empty p{color:#9baba5;font-size:12px;line-height:1.5}.selection-card button{background:var(--ember);cursor:pointer;border:0;width:100%;margin-top:10px;padding:10px;font-weight:800}.selection-card .production-status{background:#05161b73;border:1px solid #dbc1842e;padding:8px}.selection-card .production-status>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.selection-card .production-status button.active{outline:2px solid #e2c476}.selection-card button.danger-action{color:#f5dfc2;background:#6f3028}.attack-alert{z-index:18;color:#fff1cf;cursor:pointer;background:#75231cf0;border:1px solid #efc067;padding:11px 16px;font-weight:900;animation:.8s ease-in-out infinite alternate attack-pulse;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}@keyframes attack-pulse{to{box-shadow:0 8px 34px #e04930b3}}.selection-empty{text-align:center;padding:80px 32px}.selection-empty i{color:#6e857e;font-family:Georgia,serif;font-size:58px;font-style:normal;display:block}.time-controls,.save-controls{gap:7px;margin-top:auto;padding:9px 16px;display:flex}.time-controls button,.save-controls button{cursor:pointer;background:#223f43;border:1px solid #486064;flex:1;min-height:38px}.time-controls button.active,.time-controls button:hover,.save-controls button:hover{color:#f4cf79;border-color:#ddb765}.save-controls{margin-top:0;padding-top:0}.cloud-save-panel{background:#04121747;border-top:1px solid #d8c59724;gap:4px;padding:7px 13px;display:grid}.cloud-account{justify-content:space-between;align-items:baseline;padding:2px 3px 6px;display:flex}.in-game-account{border-top:1px solid #d8c59724;margin-top:auto;padding:10px 16px}.cloud-account span{color:#e7cd8c;font:700 12px Georgia,serif}.cloud-account small{color:#769089;font-size:8px}.save-slot{grid-template-columns:minmax(0,1fr) 29px 29px 25px;align-items:center;gap:4px;display:grid}.save-slot>div{min-width:0}.save-slot strong,.save-slot small{display:block}.save-slot strong{color:#bcc9c3;font-size:9px}.save-slot small{color:#738983;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.save-slot button{color:#d8c58d;cursor:pointer;background:#17363c;border:1px solid #40585b;width:100%;height:27px;padding:0;font-size:9px}.save-slot button:disabled{opacity:.3;cursor:default}.save-slot button:hover:not(:disabled){color:#f1ce78;border-color:#ba9952}.legacy-import{color:#d9bd76;cursor:pointer;background:#dab45b14;border:1px solid #dab45b59;min-height:29px;margin-top:3px;font-size:8px}.quality-controls{grid-template-columns:1fr 58px 68px;align-items:center;gap:5px;padding:0 16px 9px;display:grid}.quality-controls span{color:#7f948d;letter-spacing:.13em;font-size:8px;font-weight:900}.quality-controls button{color:#8fa19b;cursor:pointer;background:#17363c;border:1px solid #40585b;min-height:30px;font-size:9px}.quality-controls button.active{color:#f1ce78;background:#ba995224;border-color:#ba9952}.logout-button{color:#859892;cursor:pointer;background:0 0;border:0;margin:0 16px 10px;padding:8px;font-size:10px;text-decoration:underline}.logout-button:hover{color:#e6ce97}.account-link{color:#9db0aa;text-align:center;margin:2px 16px 0;font-size:9px;display:block}.capture-status{border-top:1px solid #d8c59729;padding:17px 16px 21px}.capture-status>div{background:#263e42;height:5px;margin:8px 0}.capture-status i{background:var(--ember);height:100%;display:block}.capture-status small{color:#829790;font-size:10px}.result-overlay{z-index:22;text-align:center;background:#071418b8;place-items:center;display:grid;position:absolute;inset:0}.result-overlay>div{background:#142f35;border:1px solid #dfbb6b;width:min(520px,80%);padding:54px}.result-overlay span{color:#dfb75d;letter-spacing:.25em;font-weight:900}.result-overlay h2{font-family:Georgia,serif;font-size:35px}.result-overlay button{background:var(--ember);cursor:pointer;border:0;padding:13px 28px;font-weight:800}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game-menu-overlay,.save-decision-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030f13d1;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.game-menu-overlay{z-index:60}.save-decision-overlay{z-index:70}.game-menu-card{background:#102f35;border:1px solid #e4bf697a;width:min(720px,100%);max-height:calc(100% - 20px);padding:clamp(24px,4vw,42px);overflow:auto;box-shadow:0 35px 90px #00000080}.game-menu-card h2,.save-decision-overlay h2{margin:7px 0 10px;font:500 clamp(28px,4vw,42px) Georgia,serif}.game-menu-card>p,.save-decision-overlay p{color:#aebeb7;line-height:1.55}.game-menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0;display:grid}.game-menu-actions button,.save-decision-overlay button{cursor:pointer;background:#193c41;border:1px solid #526866;min-height:44px;font-weight:800}.game-menu-actions .primary-cta,.save-decision-overlay .primary-cta{background:var(--ember);border:0}.menu-save-browser{border-top:1px solid #d8c59729;padding-top:18px}.menu-save-browser h3{color:#d8c58d;margin:0 0 10px;font:500 18px Georgia,serif}.snapshot-list.compact{max-height:240px;overflow:auto}.snapshot-list.compact .snapshot-row{padding:9px 10px}.save-decision-overlay>div{text-align:center;background:#142f35;border:1px solid #dfbb6b;width:min(480px,100%);padding:36px}.save-decision-overlay button{width:100%;margin-top:8px;display:block}.legal-shell{color:#eee2c6;background:radial-gradient(circle at 80% 0,#31565c,#0b2730 55%);min-height:100vh;padding:clamp(26px,5vw,70px)}.legal-shell>.brand{color:#e7cb83;margin-bottom:42px;display:inline-block}.legal-shell article{background:#091f24ed;border:1px solid #e8ca8440;width:min(720px,100%);padding:clamp(28px,5vw,60px);box-shadow:0 30px 70px #00000047}.legal-shell h1{margin:8px 0 25px;font:500 clamp(36px,6vw,58px)/1 Georgia,serif}.legal-shell p{color:#bdcbc4;line-height:1.7}.legal-shell a{color:#e7c774}.legal-shell dl{border-block:1px solid #dcc48b26;grid-template-columns:minmax(120px,1fr) 2fr;gap:10px 20px;padding:20px 0;display:grid}.legal-shell dt{color:#80958e;text-transform:uppercase;font-size:11px}.legal-shell dd{overflow-wrap:anywhere;margin:0}.danger-button{color:#f0a18f;cursor:pointer;background:#bd5a481f;border:1px solid #bd5a48;margin-top:18px;padding:13px 18px;font-weight:800}@media (width<=1100px){.hero{grid-template-columns:1fr}.hero-art{opacity:.42;inset:0}.hero-copy{max-width:700px}.pillars{grid-template-columns:1fr}.pillars article{border-bottom:1px solid #10282d2e;border-right:0}.briefing-screen{grid-template-columns:1fr}.main-menu-screen{grid-template-columns:1fr;place-items:start stretch;overflow:auto}.main-menu-saves{max-height:none}.briefing-map{display:none}}@media (width<=900px),(pointer:coarse){.game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0, 1fr) calc(64px + env(safe-area-inset-bottom));width:100%;min-width:0;height:100dvh;position:relative}.resource-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:1/1;min-width:0;padding:0;overflow:auto hidden}.resource-bar::-webkit-scrollbar{display:none}.resource-bar>div{flex:0 0 68px;gap:5px;min-width:68px}.resource-bar span{font-size:8px}.resource-bar strong{font-size:15px}.resource-bar .army-count{flex-basis:92px;min-width:92px;margin-left:0}.canvas-wrap{grid-area:2/1;min-width:0;min-height:0}.game-menu-button{min-height:34px;padding:0 11px;top:8px;right:8px}#game{cursor:default}.build-panel,.detail-panel{z-index:40;left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;border:1px solid #dcbe784d;border-radius:14px 14px 8px 8px;width:auto;height:min(58dvh,470px);transition:transform .24s,opacity .2s;position:fixed;transform:translateY(calc(100% + 90px));box-shadow:0 -18px 55px #00000085}.build-panel.mobile-panel-open,.detail-panel.mobile-panel-open{opacity:1;pointer-events:auto;transform:translateY(0)}.panel-heading{flex:0 0 48px;height:48px}.mobile-panel-close{color:#e4c981;background:#ffffff0a;border:1px solid #dcbe7838;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:8px;font-size:20px;line-height:1;display:grid}.build-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px}.build-tabs button{padding:0 3px;font-size:7px}.build-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;padding:8px;display:grid}.build-list button{border:1px solid #ddcba01c;min-height:56px}.build-list button>i{width:38px;height:38px}.build-list button>span{min-width:0;font-size:10px}.build-list button small{white-space:normal;font-size:7px}.detail-panel{overflow-y:auto}.selection-card{margin:12px;padding:14px}.selection-card h2{font-size:21px}.selection-empty{padding:28px 22px}.selection-empty i{font-size:38px}.time-controls{margin-top:0}.capture-status{padding-bottom:14px}.mobile-game-toolbar{z-index:42;padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:#07191ffa;border-top:1px solid #e1be695c;grid-area:3/1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:0 -8px 28px #0000005c}.mobile-game-toolbar button{color:#91a39e;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:7px;min-width:0}.mobile-game-toolbar button b,.mobile-game-toolbar button span{display:block}.mobile-game-toolbar button b{color:#e3c273;font-size:18px;line-height:22px}.mobile-game-toolbar button span{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.mobile-game-toolbar button.active{color:#f0d493;background:#e5be621a;border-color:#e5be627a}.mobile-game-toolbar button:disabled{opacity:.34}.tutorial-card{width:min(310px,100% - 18px);max-height:min(54dvh,430px);padding:12px 13px;top:9px;left:9px}.tutorial-card strong{margin:3px 0 0;font-size:15px}.tutorial-card p{margin-top:6px;font-size:10px}.tutorial-card.collapsed{width:50px;height:46px;padding:0}.mobile-gesture-hint{z-index:4;color:#b6c3bd;letter-spacing:.04em;pointer-events:none;background:#05171dc2;border-radius:10px;width:max-content;max-width:calc(100% - 18px);padding:6px 9px;font-size:8px;display:block;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.notice-line{text-align:center;width:max-content;max-width:calc(100% - 18px);bottom:38px}.render-loading{text-align:center;padding:24px}.render-loading strong{font-size:22px}.result-overlay>div{width:calc(100% - 28px);padding:30px 20px}.game-menu-overlay,.save-decision-overlay{z-index:70;position:fixed}.game-menu-card{max-height:calc(100dvh - 30px);padding:22px 16px}.game-menu-actions{grid-template-columns:1fr}.snapshot-row{grid-template-columns:1fr;gap:9px}.snapshot-actions button{flex:1}}@media (width<=720px){.landing-nav{grid-template-columns:1fr auto}.nav-mark{display:none}.hero-copy{padding:70px 26px}.hero h1{font-size:49px}.hero-lede{background:#e2d3acbf;padding:12px}.hero-actions{flex-direction:column;align-items:flex-start}.landing-footer{flex-direction:column;gap:20px}.gate-screen,.briefing-screen,.main-menu-screen{padding:18px}.gate-card{padding:34px 25px}.gate-card h1,.briefing-copy h1{font-size:40px}.hero-art{background:url(/og.jpg) 62%/cover no-repeat}.hero-art>*{display:none}.briefing-copy ul{padding-left:18px}.briefing-button{width:100%}.briefing-actions{flex-direction:column;align-items:stretch}.main-menu-hero h1{font-size:48px}.main-menu-saves{padding:18px 12px}}@media (width<=900px) and (height<=540px),(pointer:coarse) and (height<=540px){.game-shell{grid-template-rows:44px minmax(0,1fr) calc(56px + env(safe-area-inset-bottom))}.resource-bar>div{flex-basis:62px;min-width:62px}.build-panel,.detail-panel{width:min(390px,72vw);height:calc(100dvh - 62px);left:auto;bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-game-toolbar{padding-top:2px}.mobile-game-toolbar button b{font-size:16px;line-height:19px}.tutorial-card{width:220px}.mobile-gesture-hint{display:none}.notice-line{bottom:8px}}