:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f5f1e6;--muted: #aab6c3;--panel: rgba(7, 16, 31, .92);--panel-soft: rgba(12, 27, 45, .86);--line: rgba(235, 211, 157, .22);--gold: #edbd68;--gold-bright: #ffe59e;--teal: #66d8d0;--danger: #d85b66;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#040a13;color:var(--ink);overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button,select{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,select:focus-visible{outline:3px solid #fff0a6;outline-offset:3px}button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.48}button[data-action].is-pressed:not(:disabled):not(.disabled),button[data-action]:active:not(:disabled):not(.disabled){transform:translateY(2px) scale(.99);filter:brightness(1.2);transition:none}#game-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 32%,#193249 0,#07101f 58%,#03070d)}#game-canvas,#stone-units-3d-canvas{position:absolute;left:50%;top:50%;width:min(100vw,177.777vh);height:min(56.25vw,100vh);transform:translate(-50%,-50%);display:block;touch-action:none}#game-canvas{z-index:0;background:#0a1727}#stone-units-3d-canvas{z-index:1;background:transparent;pointer-events:none}#ui-root{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}#game-version{position:fixed;z-index:30;top:calc(7px + var(--safe-top));right:calc(10px + var(--safe-right));display:flex;align-items:center;gap:.48em;color:#fff;font-size:clamp(9px,.72vw,12px);font-weight:760;line-height:1;letter-spacing:.1em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.98),0 0 12px rgba(0,0,0,.8);pointer-events:none}#game-version span{font-weight:900;letter-spacing:.16em}#game-version b{opacity:.72;font-weight:500}.screen-pad{width:100%;height:100%;padding:calc(26px + var(--safe-top)) calc(32px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(32px + var(--safe-left))}#boot-screen{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(circle at 50% 45%,#17334b,#07101f 62%,#03070d);transition:opacity .35s ease,visibility .35s}#boot-screen.boot-hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-mark{display:flex;align-items:end;gap:8px;height:58px}.boot-mark span{width:17px;background:linear-gradient(#ffe7a4,#bd6a38);clip-path:polygon(50% 0,100% 34%,78% 100%,22% 100%,0 34%);animation:forge 1.05s ease-in-out infinite alternate}.boot-mark span:nth-child(1){height:38px;animation-delay:-.4s}.boot-mark span:nth-child(2){height:58px}.boot-mark span:nth-child(3){height:45px;animation-delay:-.7s}.boot-title{font-size:clamp(28px,4vw,56px);font-weight:950;letter-spacing:.08em}.boot-title b{color:var(--gold)}.boot-copy{color:var(--muted);font-weight:650}@keyframes forge{to{transform:translateY(-8px);filter:brightness(1.3)}}.menu-screen{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(290px,.55fr);grid-template-rows:1fr auto;gap:28px 56px;align-items:center;background:#050b14}.menu-screen:before{content:"";position:absolute;z-index:0;top:-16%;right:-16%;bottom:-16%;left:-16%;background:url(../assets/main-menu-epoch-C-nnYHvs.jpg) center center/cover no-repeat;filter:saturate(1.06) contrast(1.04);pointer-events:none}.menu-screen:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#02070eb3,#0309127a 34%,#040a130a 61%,#03081042),linear-gradient(180deg,rgba(3,8,16,.08),transparent 55%,rgba(2,6,12,.46));pointer-events:none}.menu-screen>*{position:relative;z-index:2}.brand-block{align-self:center;max-width:720px;padding-left:clamp(10px,6vw,110px);text-shadow:0 5px 28px rgba(0,0,0,.65)}.brand-kicker,.section-head span,.modal-kicker,.overlay-card>span,.result-card>span{color:var(--gold);letter-spacing:.18em;font-size:12px;font-weight:850}.brand-block h1{margin:12px 0 3px;font-size:clamp(58px,8.2vw,132px);line-height:.8;letter-spacing:-.07em;font-weight:950}.brand-block h1 span{display:block;color:var(--gold-bright);font-size:.52em;letter-spacing:.19em;margin-left:.08em}.brand-block p{margin:22px 0 0;font-weight:900;letter-spacing:.32em;color:#d3dae0;font-size:clamp(11px,1.15vw,18px)}.menu-actions{display:grid;gap:12px;align-self:center;justify-self:end;width:min(100%,430px);margin-right:clamp(0px,3vw,58px)}.menu-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress-ribbon{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.08em}.progress-ribbon b{color:var(--gold)}.game-button{min-height:50px;border:1px solid var(--line);border-radius:10px;padding:0 20px;background:linear-gradient(180deg,#1c2d3df5,#0a1625f5);box-shadow:inset 0 1px #ffffff14,0 9px 24px #0000003d;font-weight:850;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,border-color .12s,filter .12s,background .12s}.game-button.primary{min-height:66px;color:#1c170c;background:linear-gradient(180deg,#ffe69e,#d89a43);border-color:#ffedbd;box-shadow:inset 0 1px #fff6d7,0 12px 30px #d58f3447}.game-button.secondary{min-height:58px;background:linear-gradient(180deg,#27475b,#12283a)}.game-button.compact{min-height:50px;font-size:12px;padding:0 14px}.game-button.ghost{background:#060d187a;color:var(--muted);box-shadow:none}.game-button.danger,.game-button.mini.danger{color:#ffe8e6;border-color:#e55b668c;background:linear-gradient(#7e2e39,#431a22)}.game-button.reward{min-height:64px;background:linear-gradient(180deg,#2a786e,#17483f);border-color:#72e0c2}.game-button.back{position:relative;width:54px;min-height:54px;padding:0;font-size:24px}.game-button.hud{width:52px;min-height:48px;padding:0;font-size:20px;border-color:#ffffff59}.game-button.close{min-width:48px;min-height:48px;padding:0;border-radius:50%;font-size:25px}.game-button.mini{min-height:44px;padding:0 10px;font-size:10px}.selection-screen,.setup-screen,.credits-screen{overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#050d18e6,#050d18c7);scrollbar-width:thin}.section-head{display:grid;grid-template-columns:58px auto 1fr;gap:18px;align-items:center;max-width:1320px;margin:0 auto 22px}.section-head h2{margin:2px 0 0;font-size:clamp(27px,3.2vw,48px);letter-spacing:-.035em}.section-head p{justify-self:end;max-width:470px;color:var(--muted);text-align:right;margin:0}.stage-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-bottom:28px}.stage-card{position:relative;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:18px;border-radius:14px;border:1px solid var(--line);color:var(--ink);background:linear-gradient(155deg,#1b2f3ef2,#081320fa);box-shadow:inset 0 1px #ffffff12,0 12px 28px #0000003d;cursor:pointer;overflow:hidden;transition:.15s ease}.stage-card:after{content:"";position:absolute;width:120px;height:120px;right:-45px;bottom:-55px;border-radius:50%;background:radial-gradient(circle,rgba(239,190,104,.24),transparent 68%)}.stage-card.selected{border-color:var(--gold)}.stage-card.locked{background:#09121ced}.stage-number{font-size:11px;color:var(--gold);font-weight:900;letter-spacing:.15em}.stage-era{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stage-card b{margin-top:9px;font-size:18px;line-height:1.05}.stage-card small{color:var(--muted);line-height:1.25}.stage-card em{margin-top:auto;color:var(--gold);font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.test-mode-card{border-color:#66d8d0a6;background:linear-gradient(145deg,#184b4ffa,#081927fa);box-shadow:inset 0 0 36px #66d8d017,0 12px 30px #0000004d}.test-mode-card:after{background:radial-gradient(circle,rgba(102,216,208,.38),transparent 68%)}.test-mode-card .stage-number,.test-mode-card em{color:#a8fff4}.test-mode-icon{position:absolute;right:17px;top:28px;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(168,255,244,.5);border-radius:50%;color:#bafff7;background:#0517218c;box-shadow:0 0 24px #66d8d029;font-size:30px;font-style:normal}.test-mode-flags{display:flex;align-items:center;gap:6px;margin-top:9px;color:#a8fff4;font-size:9px;font-weight:900;letter-spacing:.08em}.test-mode-flags strong{font-size:18px;line-height:1}.medals{display:flex;gap:5px;margin-top:7px}.medal{display:block;width:14px;height:14px;clip-path:polygon(50% 0,62% 34%,98% 36%,69% 57%,79% 94%,50% 73%,21% 94%,31% 57%,2% 36%,38% 34%);background:#263544}.medal.easy.earned{background:#c79052}.medal.normal.earned{background:#cbd4dc}.medal.hard.earned{background:#efc24d}.culture-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-bottom:28px}.culture-card{min-height:390px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 18px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--culture-dark) 45%,#152332),#081320 75%);overflow:hidden}.culture-card.selected{border-color:var(--culture);box-shadow:inset 0 0 42px color-mix(in srgb,var(--culture) 14%,transparent)}.culture-card.locked{filter:grayscale(.55)}.culture-emblem{display:grid;place-items:center;width:78px;height:78px;border:2px solid var(--culture);color:var(--culture);border-radius:50%;font-size:32px;font-weight:950;box-shadow:inset 0 0 0 8px #0000002e}.culture-card>span{margin-top:12px;color:var(--culture);font-size:10px;letter-spacing:.16em;font-weight:900}.culture-card h3{font-size:22px;margin:7px 0 8px}.culture-card p{color:#d0d9df;line-height:1.4;font-size:13px}.culture-lineage{margin:2px 0 16px;padding:9px 10px;border-left:2px solid var(--culture);color:#b7c4cc;font-size:10px;line-height:1.35}.culture-card small{color:var(--muted);margin:auto 0 16px}.culture-card .game-button{width:100%}.setup-panel,.settings-panel,.credits-card{max-width:760px;margin:3vh auto 40px;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3vw,38px);background:linear-gradient(150deg,#122737f5,#07111ef7);box-shadow:0 26px 70px #00000061}.setup-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-panel label{display:grid;gap:8px;color:var(--gold);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.setup-panel select{min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#0b1b2c}.setup-summary{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid rgba(102,216,208,.24);border-radius:10px;background:#20656a26}.setup-summary b{color:var(--teal)}.setup-summary span{color:var(--muted)}.setup-panel>.game-button{grid-column:1/-1;margin-top:5px}.settings-panel{display:grid;gap:8px}.setting-row{min-height:64px;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:#040c1773;color:var(--ink);cursor:pointer}.setting-row span{display:grid;gap:3px}.setting-row small,.danger-zone span{color:var(--muted)}.toggle{width:52px;height:30px;padding:3px;display:block;border-radius:18px;background:#2a3742}.toggle em{display:block;width:24px;height:24px;border-radius:50%;background:#84929e;transition:.15s}.toggle.on{background:#296f67}.toggle.on em{transform:translate(22px);background:#bdf8e9}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:20px;border-top:1px solid rgba(216,91,102,.32)}.danger-zone>div{display:grid;gap:4px}.credits-card{max-width:680px;text-align:center}.brand-mini{width:84px;height:84px;display:grid;place-items:center;margin:0 auto 16px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:28px;font-weight:950}.credits-card p{color:#d6dde3;line-height:1.6}.credits-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.credits-card h4{color:var(--gold);letter-spacing:.14em}.credits-card small{color:var(--muted)}.battle-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:manipulation}.battle-hud,.queue-strip,.battle-actions,.tower-panel,#battle-overlay{pointer-events:auto}.battle-hud{position:absolute;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));min-height:82px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,.8fr) minmax(220px,1fr);gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#081422f0,#050e1adb);box-shadow:0 12px 32px #00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.base-status{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-content:center}.base-status>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.base-status b{font-size:14px}.base-status>i{grid-column:1/-1;display:block;height:7px;border-radius:5px;background:linear-gradient(90deg,#56d89d calc(var(--hp)*100%),#ffffff1a 0)}.enemy-status{text-align:right;grid-template-columns:1fr auto}.enemy-status>i{background:linear-gradient(90deg,#d95c69 calc(var(--hp)*100%),#ffffff1a 0)}.enemy-status .game-button{grid-row:1/4;grid-column:2}.player-status small{color:var(--gold);font-weight:800}.era-status{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:4px 10px;align-content:center}.era-status>span{font-size:11px;font-weight:850}.front-meter,.xp-meter{grid-column:1/-1;position:relative;height:5px;border-radius:4px;background:#ffffff1f}.front-meter:after{content:"";position:absolute;top:-4px;left:calc(var(--front)*100%);width:3px;height:13px;border-radius:2px;background:var(--gold);box-shadow:0 0 12px var(--gold)}.era-status small{grid-column:1/-1;color:var(--muted);font-size:9px}.xp-meter{background:linear-gradient(90deg,var(--teal) calc(var(--xp)*100%),rgba(255,255,255,.1) 0)}.queue-strip{position:absolute;left:50%;bottom:calc(190px + var(--safe-bottom));transform:translate(-50%);display:flex;align-items:end;justify-content:flex-start;gap:7px;max-width:min(92vw,920px);min-height:46px;padding:6px 10px;overflow-x:auto;border-radius:12px;background:#050d18b3;border:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.queue-order{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#12283a;color:var(--gold);cursor:pointer;overflow:hidden}.queue-order.active{width:54px;height:54px;border-color:var(--gold)}.queue-order.armed{border-color:#f77;animation:armed .5s ease-in-out infinite alternate}.queue-order i{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(102,216,208,.44) calc(var(--progress)*1turn),transparent 0)}.queue-order span,.queue-order small{position:relative;z-index:1}.queue-order small{font-size:8px;color:#fff}.queue-empty{padding:10px 18px;color:var(--muted);font-size:9px;letter-spacing:.14em}@keyframes armed{to{box-shadow:0 0 16px #ff50509e}}.battle-actions{position:absolute;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));min-height:170px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.unit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.utility-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.unit-card,.ability-button,.evolve-button,.tower-button{position:relative;min-width:0;min-height:145px;display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:linear-gradient(155deg,#1a3447,#0a1828);cursor:pointer;overflow:hidden;transition:.12s}.unit-card.disabled{filter:saturate(.2) brightness(.65)}.unit-card b{max-width:100%;font-size:clamp(10px,1.1vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-card small{max-width:100%;font-size:9px;color:var(--muted);white-space:nowrap}.unit-card em{position:absolute;left:0;bottom:0;height:5px;width:100%;color:transparent;background:linear-gradient(90deg,var(--teal),transparent)}.hotkey,.ability-button>span,.evolve-button>span,.tower-button>span{position:absolute;top:6px;left:8px;color:var(--muted);font-size:9px;font-weight:900}.unit-portrait{display:grid;place-items:center;width:54px;height:54px;margin-top:5px;overflow:hidden;border-radius:50%;border:2px solid var(--gold);color:var(--gold);background:radial-gradient(circle,#2d4a5c,#0c1a29);font-size:25px;font-style:normal}.unit-portrait img{width:92%;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5));-webkit-user-select:none;user-select:none;pointer-events:none}.unit-portrait.champion{width:64px;height:64px;box-shadow:0 0 22px #edbd6833}.portrait-live-3d{font-size:12px;font-weight:950;letter-spacing:.06em;color:var(--gold-bright);text-shadow:0 2px 10px rgba(237,189,104,.55)}.portrait-live-3d.ranged{color:#9be1d8;text-shadow:0 2px 10px rgba(91,207,194,.48)}.portrait-live-3d.champion{color:#fff1c8;font-size:11px;text-shadow:0 2px 12px rgba(255,198,91,.65)}.ability-button{background:radial-gradient(circle at center,#285d5c,#0a1b29 70%)}.ability-button:before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--charge)*1turn),rgba(255,255,255,.12) 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%)}.ability-button.targeting{border-color:#ffe678;animation:target .7s ease-in-out infinite alternate}.ability-button.targeting small{color:var(--gold-bright);font-weight:900}.ability-button b,.evolve-button b,.tower-button b{position:relative;z-index:1;font-size:clamp(10px,1vw,14px);text-align:center}.ability-button small,.evolve-button small,.tower-button small{position:relative;z-index:1;color:var(--muted);font-size:8px}.evolve-button{background:linear-gradient(145deg,#68462b,#1d2027)}.evolve-button:not(:disabled){border-color:var(--gold);box-shadow:inset 0 0 25px #edbd6829;animation:evolve 1.1s ease-in-out infinite alternate}.tower-button{background:linear-gradient(145deg,#2b4655,#101c2b)}@keyframes target{to{box-shadow:0 0 28px #ffe06980}}@keyframes evolve{to{filter:brightness(1.18)}}.test-mode-battle .battle-hud{border-color:#66d8d094;box-shadow:0 0 28px #66d8d014,0 12px 32px #00000052}.test-mode-battle .xp-meter{background:linear-gradient(90deg,#66d8d0,#a16ee8)}.test-mode-battle .player-status small{color:#a8fff4}.test-mode-battle .evolve-button{background:linear-gradient(145deg,#295b61,#19243b);border-color:#66d8d0}.test-mode-battle .unit-card{border-color:#66d8d052}.tower-panel{position:absolute;top:calc(102px + var(--safe-top));bottom:calc(190px + var(--safe-bottom));right:calc(12px + var(--safe-right));width:min(35vw,480px);padding:16px;overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:#06101df7;box-shadow:-18px 0 50px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tower-panel[hidden]{display:none}.tower-panel header{display:flex;justify-content:space-between;align-items:center}.tower-panel header div{display:grid}.tower-panel header span{color:var(--gold);font-size:9px;letter-spacing:.16em}.tower-panel p{color:var(--muted);font-size:11px;line-height:1.4}.tower-slots{display:grid;gap:7px}.tower-slots article{min-height:75px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0d2133}.tower-slots article span,.tower-slots article small{color:var(--muted);font-size:9px}.tower-slots article b{font-size:12px}.tower-slots article .game-button{grid-row:1/4;grid-column:2}.tower-slots article div{grid-row:1/4;grid-column:2;display:grid;gap:4px}.pause-overlay,.result-overlay{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#02070eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-card,.result-card{width:min(92vw,520px);display:grid;gap:12px;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#173349,#071321);box-shadow:0 30px 90px #00000094;text-align:center}.overlay-card h2,.result-card h2{margin:0 0 12px;font-size:clamp(34px,5vw,64px)}.result-overlay.victory .result-card{border-color:#edbd6894}.result-overlay.defeat .result-card{border-color:#d85b6694}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:8px 0}.result-stats div{display:grid;gap:4px;padding:12px 5px;border-radius:9px;background:#00000040}.result-stats b{font-size:16px}.result-stats small{color:var(--muted);font-size:9px;text-transform:uppercase}.result-actions{display:grid;gap:8px}.complete-note{color:var(--gold-bright)}.modal-backdrop{position:fixed;z-index:12;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#01050ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(92vw,520px);padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#18364b,#081522);box-shadow:0 30px 80px #0009}.modal-card .modal-close{position:absolute;top:10px;right:10px}.modal-card h3{margin:8px 0 10px;font-size:29px}.modal-card p{color:#d2d9df;line-height:1.5}.modal-card>small{color:var(--gold)}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.game-button.easy{background:linear-gradient(#276453,#143b32)}.game-button.normal{background:linear-gradient(#345a73,#183348)}.game-button.hard{background:linear-gradient(#74343d,#411d25)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.game-toast{position:fixed;z-index:15;left:50%;top:calc(108px + var(--safe-top));transform:translate(-50%);max-width:min(88vw,640px);padding:13px 20px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#071321f5;box-shadow:0 15px 38px #0000006b;text-align:center;font-weight:750;font-size:13px;animation:toast-in .2s ease-out}.tutorial-toast{border-color:var(--gold);color:var(--gold-bright)}.orientation-hint{position:fixed;z-index:7;left:50%;top:calc(100px + var(--safe-top));transform:translate(-50%);width:min(88vw,520px);padding:9px 16px;border-radius:9px;background:#081726f0;border:1px solid rgba(102,216,208,.5);color:#d8ffff;text-align:center;font-size:11px;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}@media(hover:hover)and (pointer:fine){.game-button:hover:not(:disabled){border-color:#ffe4a5a6;filter:brightness(1.12)}.stage-card:hover:not(:disabled){transform:translateY(-3px);border-color:#ffe19b9e}.setting-row:hover{border-color:var(--line)}.unit-card:hover,.ability-button:hover,.evolve-button:hover,.tower-button:hover{border-color:var(--gold);filter:brightness(1.12)}}@media(min-aspect-ratio:16 / 9)and (orientation:landscape){#game-canvas,#stone-units-3d-canvas{width:100vw;height:56.25vw}}@media(max-width:980px){.screen-pad{padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.menu-screen{grid-template-columns:1fr .7fr;gap:20px}.brand-block{padding-left:3vw}.menu-actions{margin-right:0}.stage-grid,.culture-grid{grid-template-columns:repeat(3,1fr)}.battle-actions{min-height:154px;grid-template-columns:1fr minmax(300px,.72fr)}.unit-card,.ability-button,.evolve-button,.tower-button{min-height:130px}.queue-strip{bottom:calc(172px + var(--safe-bottom))}.tower-panel{bottom:calc(174px + var(--safe-bottom));width:min(42vw,430px)}}@media(max-width:720px){.menu-screen{grid-template-columns:1fr;grid-template-rows:1fr auto auto;align-content:center;background:linear-gradient(#030912b8,#030912f2)}.brand-block{align-self:end;text-align:center;padding:0}.brand-block h1{font-size:clamp(52px,16vw,88px)}.menu-actions{justify-self:center;width:min(92vw,420px)}.progress-ribbon{font-size:9px}.section-head{grid-template-columns:54px 1fr}.section-head p{display:none}.stage-grid,.culture-grid{grid-template-columns:repeat(2,1fr)}.setup-panel{grid-template-columns:1fr}.setup-panel label,.setup-summary,.setup-panel>.game-button{grid-column:1}.battle-hud{min-height:92px;grid-template-columns:1fr 1fr;padding:8px}.era-status{order:3;grid-column:1/-1;grid-template-columns:1fr 1fr}.base-status b{font-size:11px}.battle-actions{min-height:190px;grid-template-columns:1fr;grid-template-rows:1fr auto;padding:7px}.unit-card{min-height:92px;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;justify-items:start;text-align:left}.unit-portrait,.unit-portrait.champion{grid-row:1/3;width:44px;height:44px;margin:0}.unit-card small{font-size:7px}.utility-row{min-height:72px}.ability-button,.evolve-button,.tower-button{min-height:70px;grid-template-rows:1fr auto}.ability-button:before{width:48px;height:48px}.queue-strip{bottom:calc(207px + var(--safe-bottom))}.tower-panel{top:calc(118px + var(--safe-top));bottom:calc(208px + var(--safe-bottom));width:calc(100vw - 24px - var(--safe-left) - var(--safe-right))}.game-toast{top:calc(124px + var(--safe-top))}}@media(orientation:portrait){#game-canvas,#stone-units-3d-canvas{top:43%}.battle-hud{top:calc(6px + var(--safe-top))}.battle-actions{bottom:calc(6px + var(--safe-bottom))}.orientation-hint{top:calc(110px + var(--safe-top))}}@media(max-height:480px)and (orientation:landscape){.battle-hud{top:3px;min-height:58px;padding:5px 8px}.base-status>span,.era-status small{display:none}.queue-strip{bottom:calc(116px + var(--safe-bottom));min-height:35px;padding:3px 8px}.queue-order{width:34px;height:34px}.queue-order.active{width:39px;height:39px}.battle-actions{min-height:108px;bottom:3px;padding:5px}.unit-card,.ability-button,.evolve-button,.tower-button{min-height:96px}.unit-portrait,.unit-portrait.champion{width:40px;height:40px;font-size:18px}.unit-card b{font-size:9px}.unit-card small{font-size:7px}.tower-panel{top:67px;bottom:117px}.game-toast{top:66px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}