@font-face{font-family:Noto Sans;src:url(../assets/fonts/noto-sans.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color:#f2eee2;font-synthesis:none;--gold:#e8b44b;--teal:#36b6cb;--ink:#101b22;--line:#fff2;--muted:#bac6c8;--safe:max(12px,env(safe-area-inset-left));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101b22;font-family:Noto Sans,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #fff}button[aria-disabled=true]{opacity:.55}button[aria-disabled=true]:after{content:" ◇"}[hidden]{display:none!important}#app{--hud-top:0px;--hud-bottom:0px;background:radial-gradient(at 80% 30%,#224653 0%,#0000 55%),linear-gradient(145deg,#101b22,#172c34);width:100vw;height:100dvh;position:relative;overflow:hidden}#app:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(165deg,#0000 45%,#ffffff05 45% 45.1%,#0000 45.1%);position:absolute;inset:0}.view{width:100%;height:100%;padding:36px max(24px,env(safe-area-inset-left)) 52px;position:relative;overflow:auto}.panel{max-width:1200px;margin:auto}.page-heading{margin:0 0 30px}h1{letter-spacing:-.025em;margin:12px 0 16px;font-size:40px;line-height:1.2}h2{font-size:28px;line-height:1.22}p{line-height:1.5}.eyebrow{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-size:13px}.subtitle{color:var(--muted);max-width:60ch}.button{min-height:48px;color:inherit;text-align:center;background:#263d47;border:1px solid #7495a34d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;line-height:1.25;transition:background .12s,transform .12s;display:inline-flex}.button:hover{background:#36505b}.button.primary{background:var(--gold);border-color:var(--gold);color:#1f251e;font-weight:700}.button.primary:hover{background:#f1c977}.button.quiet{border-color:var(--line);background:0 0}.button.danger{color:#ffd3c9;background:#55332f;border-color:#d67a6966}.button.selected{border:3px solid var(--gold)}.panel>.button{margin:12px 12px 0 0}.text-button{color:var(--gold);text-align:left;background:0 0;border:0;min-height:44px;padding:12px 4px;text-decoration:underline}.hero{max-width:1060px;padding-top:clamp(20px,8vh,100px)}.hero h1{text-transform:uppercase;letter-spacing:-.06em;max-width:1000px;font-size:clamp(48px,7.5vw,100px);line-height:1.05}.hero-tagline{max-width:580px;font-size:24px}.hero .menu-actions{grid-template-columns:repeat(2,minmax(180px,260px));gap:12px;margin-top:32px;display:grid}.hero .menu-actions>:first-child{grid-column:1/-1;min-height:64px}.guest-note{color:var(--muted);max-width:550px;font-size:13px}.mission-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;display:grid}.mission-card{border:1px solid var(--line);color:inherit;text-align:left;background:linear-gradient(145deg,#2b4854,#172c35);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;min-height:220px;padding:18px;display:flex;position:relative}.mission-card strong{font-size:20px}.mission-card>span:not(.card-number){color:var(--muted);font-size:13px}.card-number{color:var(--gold);font-size:32px;font-weight:700}.medals{gap:10px;margin-top:auto;display:flex}.medals span{font-size:24px}.medals .earned{color:var(--gold)}.culture-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:20px;display:grid}.culture-card{border:1px solid var(--line);border-top:3px solid var(--culture);background:#172c35;border-radius:8px;flex-direction:column;padding:24px;display:flex}.culture-card h2{font-size:23px}.culture-emblem{color:var(--culture);font-size:36px}.culture-card p{color:var(--muted);font-size:13px}.culture-card>.button{margin-top:auto}.field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:720px;padding:16px 0;display:flex}.field select{background:#263d47;border:1px solid #7495a34d;border-radius:6px;min-width:220px;max-width:60%;padding:12px}.field input[type=range]{max-width:240px;min-height:44px;accent-color:var(--gold)}.field output{font-variant-numeric:tabular-nums;width:40px}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:720px;min-height:54px;display:flex}input[type=checkbox]{width:24px;height:24px;accent-color:var(--gold)}.difficulty{text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:720px;display:flex}.difficulty span{color:var(--muted);font-size:14px}.save-status{bottom:8px;left:var(--safe);color:var(--muted);z-index:30;pointer-events:none;max-width:calc(100% - 24px);font-size:12px;position:absolute}.save-status button{pointer-events:auto;min-height:30px;padding:4px 8px}.arena{touch-action:none;width:100%;display:block;position:absolute;left:0}.page-battle{pointer-events:none;padding:0;overflow:hidden}.page-battle .button,.page-battle button,.page-battle .panel{pointer-events:auto}.page-battle>.panel{background:#172c35;border-radius:12px;width:80%;height:max-content;margin:auto;padding:30px;position:absolute;inset:0}.battle-top{height:var(--hud-top);padding:4px var(--safe);border-bottom:1px solid var(--line);background:#101b22ed;justify-content:space-between;align-items:center;gap:18px;display:flex}.base-status{grid-template-columns:auto auto;align-items:center;column-gap:12px;display:grid}.base-status strong{font-variant-numeric:tabular-nums}.base-status>span{font-size:13px}.base-status>small{color:var(--muted);grid-column:1/-1;font-size:12px}.side-0 strong{color:#71d2df}.side-1 strong{color:#ffac8f}.economy{flex-direction:column;gap:4px;font-size:13px;display:flex}.pause-button{min-height:44px;padding:8px 12px;font-size:13px}.battle-bottom{width:100%;height:var(--hud-bottom);padding:0 var(--safe) 22px;border-top:1px solid var(--line);background:#101b22f2;position:absolute;bottom:0}.queue{white-space:nowrap;align-items:center;gap:6px;height:32px;font-size:12px;display:flex;overflow-x:auto}.order{background:linear-gradient(90deg,#527984 var(--progress,0%),#20353c var(--progress,0%));border:1px solid var(--line);color:inherit;border-radius:4px;min-height:24px;padding:4px 8px;font-size:12px}.battle-actions{align-items:stretch;gap:8px;height:calc(100% - 32px);display:flex}.unit-card{max-width:190px;color:inherit;text-align:left;background:linear-gradient(135deg,#314e58,#20343d);border:1px solid #67818a7a;border-radius:8px;flex-direction:column;flex:160px;justify-content:center;gap:4px;min-width:0;padding:10px;display:flex;position:relative}.unit-cost{color:var(--gold);font-size:14px}.key-hint{opacity:.4;font-size:12px;position:absolute;top:3px;right:5px}.battle-actions>.button{overflow-wrap:break-word;flex:1;max-width:135px;padding:8px;font-size:13px}.overlay{z-index:20;background:#08151bc9;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.dialog{background:#1d323c;border:1px solid #ffffff30;border-radius:12px;min-width:min(360px,90vw);max-width:650px;max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 24px 80px #0007}.dialog>h2{margin-top:0}.dialog>.button{width:100%;margin-top:10px;display:flex}.overlay-details .dialog{min-width:min(430px,90vw)}.stats{grid-template-columns:1fr auto;gap:10px;display:grid}.stats dd{font-variant-numeric:tabular-nums;margin:0}.stats dt{color:var(--muted)}.overlay-towers,.overlay-camera,.overlay-target{pointer-events:none;padding-top:var(--hud-top);padding-bottom:var(--hud-bottom);background:0 0;justify-content:flex-start;align-items:center}.overlay-towers .dialog,.overlay-camera .dialog,.overlay-target .dialog{pointer-events:auto;min-width:0;max-width:35vw;padding:14px}.overlay-camera .dialog{grid-template-columns:1fr 1fr;gap:8px;display:grid}.overlay-camera h2{grid-column:1/-1;font-size:20px}.overlay-camera .button{min-height:44px;margin:0;font-size:13px}.tower-slot{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;font-size:13px;display:flex}.tower-slot .button{padding:8px;font-size:13px}.result-panel,.asset-block{text-align:center;pointer-events:auto;background:#142832f5;border:1px solid #dfb25380;border-radius:12px;width:min(540px,95%);height:max-content;max-height:95%;margin:auto;padding:28px;position:absolute;inset:0;overflow:auto}.result-panel h1{color:var(--gold)}.result-panel .button,.asset-block .button{margin:6px}.toast{z-index:40;bottom:calc(var(--hud-bottom) + 12px);border:1px solid var(--gold);text-align:center;pointer-events:none;background:#172c35f5;border-radius:8px;max-width:min(650px,90%);padding:12px 20px;font-size:14px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0005}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reduced-effects *{transition:none!important;animation:none!important}.high-contrast .side-0 strong{color:#8deaff}.high-contrast .side-1 strong{color:#ffdc7d}@media (max-width:1100px){.mission-grid{grid-template-columns:repeat(3,1fr)}.culture-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:999px){.battle-actions{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.unit-card{flex-direction:row;grid-column:span 4;justify-content:space-between;align-items:center;gap:8px;max-width:none;min-height:48px;padding:4px 8px}.unit-stats{display:none}.unit-name{font-size:14px;line-height:18px}.unit-cost{white-space:nowrap;font-size:13px}.battle-actions>.button{grid-column:span 3;max-width:none;min-height:44px;padding:4px;font-size:12px}.queue{height:28px}.battle-actions{height:calc(100% - 28px)}.battle-bottom{padding-bottom:4px}.in-battle>.save-status{bottom:auto;top:var(--hud-top);background:#101b2290;font-size:10px}.overlay-towers,.overlay-camera{align-items:flex-end;padding:0 12px 4px}.overlay-towers .dialog,.overlay-camera .dialog{width:100%;max-width:100%;max-height:calc(var(--hud-bottom) + 30px);flex-wrap:wrap;gap:8px;padding:8px;display:flex}.overlay-towers h2,.overlay-camera h2{margin:0;font-size:16px}.tower-slot{border:0;padding:0}.overlay-towers .dialog>.button,.overlay-camera .dialog>.button{flex:1;width:auto;min-width:60px;margin:0}.overlay-target .dialog{max-width:48vw}.base-status{column-gap:6px}.base-status>span{font-size:12px}.base-status strong{font-size:13px}.economy{font-size:12px}.battle-top{gap:8px}.pause-button{max-width:68px;padding:4px}.key-hint{display:none}}@media (max-height:599px){.view{padding:16px 24px 40px}h1{font-size:28px}.page-heading{margin-bottom:16px}.hero{padding-top:0}.hero h1{margin-bottom:8px;font-size:48px}.hero-tagline{margin:8px 0;font-size:18px}.hero .menu-actions{margin-top:16px}.hero .menu-actions>:first-child{min-height:48px}.hero .subtitle{margin:8px 0}.dialog{padding:16px}.dialog h2{font-size:22px}.dialog>.button{min-height:44px;margin-top:6px}.result-panel{padding:12px}.result-panel h1{margin:4px}.result-panel p{margin:8px}.page-battle{padding:0}.base-status>small,.base-status>span{font-size:10px}.queue{height:24px}.battle-actions{height:calc(100% - 24px)}}@media (max-width:600px){.view{padding-left:16px;padding-right:16px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mission-card{min-height:180px;padding:12px}.mission-card strong{font-size:16px}.culture-grid,.hero .menu-actions{grid-template-columns:1fr}.hero h1{font-size:54px}.field{flex-wrap:wrap;gap:8px}.field select{min-width:150px}.page-battle{padding:0}.base-status{flex-direction:column;gap:0;display:flex}.base-status>span{display:none}.base-status strong{font-size:12px}.economy{font-size:11px}.unit-name{font-size:14px}.unit-cost{font-size:12px}.battle-top{gap:4px}.battle-bottom{padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.battle-bottom{grid-template-rows:32px 1fr;padding-bottom:0;display:grid}.battle-actions{height:auto;min-height:0}.in-battle>.save-status{top:var(--hud-top);background:#101b22bd;font-size:12px;bottom:auto}.battle-actions>.unit-card{overflow:hidden}@media (max-width:999px){.battle-bottom{grid-template-rows:28px 1fr}.battle-actions{grid-template-rows:48px 44px;align-content:center}.battle-actions>.unit-card{flex-wrap:nowrap}.queue{height:auto}}@media (max-height:399px){.battle-bottom{grid-template-rows:24px 1fr}.battle-actions{gap:4px}.unit-name{max-width:68%}}.ui-icon{object-fit:contain;pointer-events:none;flex:none;width:24px;height:24px}.button.has-icon{justify-content:center;align-items:center;gap:8px;display:flex}.button-label{min-width:0}.battle-actions>.button.has-icon{flex-direction:column;gap:8px}.battle-actions>.button .ui-icon{width:30px;height:30px}.culture-emblem{object-fit:contain;width:64px;height:64px;margin-bottom:12px;display:block}.medals .ui-icon{opacity:.27;width:22px;height:22px}.medals .earned .ui-icon{opacity:1}@media (max-width:999px){.battle-actions>.button.has-icon{flex-direction:row;gap:4px}.battle-actions>.button .ui-icon{width:18px;height:18px}.pause-button .ui-icon{display:none}.overlay-camera .button.has-icon{gap:3px}.overlay-camera .ui-icon{width:18px;height:18px}}.tutorial-hint{z-index:8;bottom:calc(var(--hud-bottom,140px) + 8px);color:#fff1d8;pointer-events:none;background:#152b36f2;border:1px solid #efbb68;border-radius:10px;width:max-content;max-width:min(560px,100% - 24px);padding:10px 16px;font-size:14px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.tutorial-hint[hidden]{display:none}.tutorial-anchor{outline-offset:-3px;outline:3px solid #efbb68}@media (max-height:399px){.tutorial-hint{bottom:calc(var(--hud-bottom,120px) + 4px);padding:6px 10px;font-size:12px}}.unit-card{flex-direction:row;align-items:center;gap:8px}.unit-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.unit-portrait{object-fit:contain;background:#243744;border-radius:6px;flex:0 0 48px;width:48px;height:48px}.detail-portrait{float:right;background:#243744;border-radius:12px;width:128px;height:128px;margin:0 0 12px 16px}@media (max-width:999px){.unit-card{justify-content:flex-start;gap:5px;padding:3px 5px}.unit-portrait{flex-basis:36px;width:36px;height:36px}.unit-copy{gap:1px}.unit-name{max-width:none;font-size:12px;line-height:14px}.unit-cost{font-size:11px;line-height:13px}.detail-portrait{width:96px;height:96px}}.unit-hover{z-index:9;left:12px;bottom:calc(var(--hud-bottom,160px) + 8px);width:300px;max-height:calc(100vh - var(--hud-bottom,160px) - var(--hud-top,64px) - 16px);pointer-events:none;background:#14252dfa;border:1px solid #8aabb8;border-radius:10px;padding:12px 16px;font-size:13px;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0008}.unit-hover[hidden]{display:none}.unit-hover p{margin:4px 0}.unit-hover .stats{gap:3px 14px;margin:6px 0}.unit-hover strong{font-size:16px}@media (max-height:599px){.unit-hover{width:min(540px,100% - 24px);padding:6px 10px;font-size:11px}.unit-hover strong{font-size:14px}.unit-hover .stats{grid-template-columns:1fr auto 1fr auto;gap:2px 10px;margin:3px 0}.unit-hover p{margin:2px 0}}.queue.accelerated .order:first-of-type{border-color:#0000;padding-left:28px;padding-right:28px;position:relative}.queue-gear{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.queue.industrial-sparks .order:first-of-type:after{content:"";left:clamp(0px,var(--spark-edge),calc(100% - var(--spark-length)));width:var(--spark-length);height:var(--spark-width);background:var(--spark-color);box-shadow:0 0 4px var(--spark-color);opacity:var(--spark-opacity);pointer-events:none;position:absolute;top:0}.reduced-effects .queue.industrial-sparks .order:first-of-type:after{display:none}.queue{scrollbar-width:none;overflow-y:hidden}.queue::-webkit-scrollbar{display:none}.queue .order{flex-shrink:0;padding-top:3px;padding-bottom:3px;line-height:16px}@media (any-pointer:coarse){.battle-bottom{box-shadow:inset 0 1px var(--line);border-top:0;grid-template-rows:44px 1fr}.queue{height:44px}.queue .order{min-width:44px;min-height:44px;padding-top:13px;padding-bottom:13px}}:root{--inset-top:env(safe-area-inset-top,0px);--inset-right:env(safe-area-inset-right,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--inset-left:env(safe-area-inset-left,0px);--safe:max(12px,var(--inset-left));--safe-right:max(12px,var(--inset-right))}.view:not(.page-battle){padding:max(36px,var(--inset-top)) max(24px,var(--inset-right)) max(52px,var(--inset-bottom)) max(24px,var(--inset-left))}.battle-top{padding-top:calc(4px + var(--inset-top));padding-left:var(--safe);padding-right:var(--safe-right)}.battle-bottom{padding-bottom:var(--inset-bottom);padding-left:var(--safe);padding-right:var(--safe-right)}.save-status{max-width:calc(100% - var(--safe) - var(--safe-right));bottom:max(8px,var(--inset-bottom))}.overlay{padding-left:max(20px,var(--inset-left));padding-right:max(20px,var(--inset-right))}.overlay:not(.overlay-towers):not(.overlay-camera):not(.overlay-target){padding-top:max(20px,var(--inset-top));padding-bottom:max(20px,var(--inset-bottom))}@media (max-height:599px){.view:not(.page-battle){padding-top:max(16px,var(--inset-top));padding-bottom:max(40px,var(--inset-bottom))}}@media (max-width:600px){.view:not(.page-battle){padding-left:max(16px,var(--inset-left));padding-right:max(16px,var(--inset-right))}}@media (max-width:999px){.overlay-towers,.overlay-camera{padding-bottom:calc(4px + var(--inset-bottom))}}.page-battle{overflow:clip}.battle-bottom{box-shadow:inset 0 1px var(--line);border-top:0}#app{--safe:max(12px,var(--inset-left));--safe-right:max(12px,var(--inset-right))}.overlay-towers .dialog,.overlay-camera .dialog{max-height:calc(100dvh - var(--hud-top) - var(--hud-bottom));flex-flow:column;gap:6px;padding:12px;display:flex;overflow:hidden}.battle-panel-header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.battle-panel-header h2{margin:0;font-size:20px}.battle-panel-header>.button{flex:none;width:auto;min-height:44px;margin:0;padding:6px 12px}.battle-panel-content{overscroll-behavior:contain;min-height:0;padding:3px;scroll-padding:6px;overflow:auto}.overlay-camera .battle-panel-content>.button{width:100%;min-width:0;min-height:44px;margin:0}.overlay-towers .tower-slot{border-bottom:1px solid var(--line);min-height:44px;padding:6px 0}@media (max-width:999px){.overlay-towers .dialog,.overlay-camera .dialog{max-height:calc(var(--hud-bottom) - var(--inset-bottom) - 4px);gap:2px;padding:6px}.battle-panel-header h2{font-size:18px}.overlay-camera .battle-panel-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.overlay-towers .tower-slot .button{min-height:44px;padding:4px 8px}}.local-test-label{z-index:45;top:calc(max(var(--hud-top,0px),var(--inset-top,0px)) + 2px);right:calc(var(--inset-right,0px) + 4px);letter-spacing:1px;color:#ffe4a3;pointer-events:none;background:#172c35e8;padding:0 3px;font:9px/12px monospace;position:absolute}#app:not(.in-battle){background:#344b48 var(--menu-art) center/cover no-repeat}#app.main-menu-visible:before{display:none}.view.page-menu{padding:max(18px,var(--inset-top)) 0 max(26px,var(--inset-bottom)) max(20px,var(--inset-left));align-items:center;display:flex;overflow:auto}.menu-tablet{isolation:isolate;color:#113e48;filter:drop-shadow(0 14px 24px #17292c60);flex-direction:column;flex-shrink:0;width:clamp(320px,35vw,590px);height:min(94%,890px);min-height:560px;padding:18px 24px 14px;display:flex;position:relative}.menu-tablet:before{content:"";z-index:-1;pointer-events:none;background:0 0;position:absolute;inset:0}.menu-logo{object-fit:contain;flex:0 0 25%;width:100%;height:25%;min-height:90px;margin:0 auto 12px;display:block}.main-menu-actions{flex-direction:column;flex:1;gap:clamp(8px,1.6vh,15px);min-height:0;display:flex}.menu-action,.menu-culture{color:#103e49;text-shadow:0 1px #fff8;background:linear-gradient(#fff9e8,#f5e6c5 55%,#e4cba0);border:2px solid #ba893f;border-radius:22px;justify-content:flex-start;align-items:center;gap:18px;min-height:52px;font-weight:850;transition:filter .15s,transform .1s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #fff9e4,inset 0 -5px 8px #a97b3b30,0 4px #8d673e,0 6px 9px #603f432d}.menu-action{flex:1;width:100%;padding:7px 18px 7px 9px;font-size:clamp(19px,2.05vw,32px);line-height:1.2}.menu-action.menu-primary{color:#fffdf3;text-shadow:0 2px 2px #853324;background:linear-gradient(#ff9b62,#fa673d 42%,#da4225);border-color:#a8762e;flex:1.12;box-shadow:inset 0 0 0 3px #ffe5a9,inset 0 5px 5px #ffd99b,0 4px #8d673e,0 6px 9px #603f4330}.menu-icon{background:linear-gradient(#32bfd0,var(--menu-accent,#188e9d));border:2px solid #f4d9a1;border-radius:16px;flex:none;justify-content:center;align-items:center;width:clamp(40px,4vw,66px);height:100%;min-height:36px;max-height:62px;display:flex;box-shadow:inset 0 2px 3px #b5f4e9,0 2px 3px #55472550}.menu-icon .ui-icon{filter:brightness(0)invert(93%)sepia(16%)saturate(540%);width:70%;height:70%;max-height:44px}.menu-primary .menu-icon{box-shadow:none;background:0 0;border-color:#0000}.menu-action:hover,.menu-culture:hover{filter:brightness(1.08);transform:translateY(-1px)}.menu-action:active,.menu-culture:active{transform:translateY(3px)}.menu-action:focus-visible,.menu-culture:focus-visible{outline-offset:4px;outline:3px solid #144652}.menu-action[aria-disabled=true]{opacity:1;filter:saturate(.68)}.menu-action[aria-disabled=true]:after{display:none}.menu-lock{opacity:.6;margin-left:auto;font-size:15px}.menu-label{min-width:0}.menu-culture{justify-content:center;align-self:center;width:90%;min-height:64px;margin-top:24px;padding:8px 17px;font-size:clamp(20px,2.1vw,32px)}.menu-culture-emblem{object-fit:contain;filter:drop-shadow(0 2px 1px #17383680);width:44px;height:44px}.menu-culture-chevron{margin-left:auto;font-size:28px}.menu-publisher{text-align:center;color:#665644;letter-spacing:.02em;margin:15px 0 0;font-size:14px}.main-menu-visible>.save-status{background:#14333dcc;border-radius:5px;max-width:48%;padding:2px 7px;font-size:11px;left:auto;right:12px}.overlay-menu-theme{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12343da8}.overlay-menu-theme .dialog{color:#133c45;background:linear-gradient(#fff5de,#efdab5);border:3px solid #d4ad62;border-radius:24px;width:94vw;max-width:1050px;padding:26px;box-shadow:inset 0 0 0 3px #fff7dc,0 20px 80px #0007}.overlay-menu-theme h2{margin:0;font-size:30px}.theme-description{color:#3a6265;margin:8px 0 20px}.menu-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.menu-theme-card{color:#16464c;background:#fff1d5;border:3px solid #c4a269;border-radius:16px;padding:0 0 14px;font-size:18px;font-weight:850;overflow:hidden;box-shadow:0 3px #9a7845}.menu-theme-card img{aspect-ratio:.8;object-fit:cover;object-position:75% center;width:100%;margin-bottom:12px;display:block}.menu-theme-card.selected{border-color:#087d91;box-shadow:0 0 0 3px #40bccc,0 4px #206b73}.menu-theme-card:hover{filter:brightness(1.08)}.overlay-menu-theme .theme-close{color:#fff;background:#197f8c;border:2px solid #dab965;max-width:240px;margin:24px auto 0}@media (max-height:650px) and (min-width:701px){.menu-tablet{width:clamp(280px,38vw,430px);height:100%;min-height:0;padding:6px 17px 8px}.menu-logo{flex-basis:22%;height:22%;min-height:46px;margin-bottom:6px}.main-menu-actions{gap:7px}.menu-action{border-radius:16px;min-height:40px;padding:4px 12px 4px 7px;font-size:20px}.menu-icon{border-radius:10px;width:38px;min-height:28px}.menu-culture{min-height:42px;margin-top:12px;padding:2px 15px;font-size:20px}.menu-culture-emblem{width:30px;height:30px}.menu-publisher{margin-top:8px;font-size:10px}.view.page-menu{padding-top:8px;padding-bottom:18px}}@media (max-width:700px){#app.main-menu-visible{background-position:67%}.view.page-menu{justify-content:center;align-items:flex-end;padding:16px 14px 32px}.menu-tablet{width:min(440px,100%);height:min(76%,710px);min-height:490px;padding:12px 22px}.menu-logo{flex-basis:21%;height:21%;min-height:76px}.menu-action{gap:14px;min-height:48px;font-size:22px}.menu-icon{width:42px}.main-menu-actions{gap:10px}.menu-culture{min-height:52px;margin-top:18px;font-size:23px}.menu-publisher{margin-top:12px;font-size:11px}.menu-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-theme-card img{aspect-ratio:1.9;object-position:75% 32%}.overlay-menu-theme h2{font-size:24px}.overlay-menu-theme .dialog{padding:18px}.main-menu-visible>.save-status{max-width:95%;font-size:10px}}@media (max-width:700px) and (max-height:500px){.view.page-menu{justify-content:flex-start;align-items:flex-start;padding:8px 10px 26px}.menu-tablet{width:280px;min-height:430px;padding:8px 16px}.menu-logo{flex-basis:80px;height:80px}.menu-action{min-height:44px;font-size:17px}.main-menu-actions{gap:7px}.menu-culture{min-height:44px;margin-top:12px;font-size:19px}.menu-publisher{margin-top:8px}}@media (max-height:500px) and (orientation:landscape){.view.page-menu{justify-content:flex-start;align-items:flex-start;padding:8px 12px 24px;overflow-y:auto}.menu-tablet{width:clamp(280px,38vw,370px);height:auto;min-height:356px;padding:6px 16px}.menu-logo{flex:0 0 48px;height:48px;min-height:48px;margin-bottom:4px}.main-menu-actions{flex:none;gap:4px}.menu-action,.menu-action.menu-primary{border-radius:14px;flex:none;gap:12px;height:44px;min-height:44px;padding:3px 10px 3px 6px;font-size:18px}.menu-icon{border-radius:10px;width:34px;min-height:30px}.menu-icon .ui-icon{max-height:26px}.menu-culture{height:44px;min-height:44px;margin-top:8px;padding:3px 10px;font-size:20px}.menu-culture-emblem{width:30px;height:30px}.menu-publisher{display:none}}.menu-culture-emblem{filter:drop-shadow(0 2px 1px #17383650);background:linear-gradient(#268c96,#135462);border:2px solid #c69e4e;border-radius:10px;padding:6px}.view.page-menu{align-items:center;padding:16px 0 30px 12px;overflow:auto}.menu-tablet{aspect-ratio:.64;filter:drop-shadow(0 8px 12px #26382d35);flex:none;width:min(35vw,64dvh - 30.72px);min-width:320px;height:auto;min-height:0;padding:0;display:block;position:relative;container-type:inline-size}.menu-tablet:before{display:none}.menu-tablet .menu-logo{object-fit:fill;z-index:-1;pointer-events:none;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.main-menu-actions{display:contents}.menu-tablet .menu-action,.menu-tablet .menu-action.menu-primary{width:88%;height:9%;min-height:44px;box-shadow:none;color:#103f49;text-shadow:0 1px #fff8;filter:none;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:0;padding:0 3% 0 23%;font-size:7.3cqw;font-weight:900;line-height:1.1;transition:filter .15s;display:flex;position:absolute;left:7%;transform:none}.menu-tablet .menu-action.menu-primary{color:#fffdf4;text-shadow:0 2px 2px #943820;height:11.5%;font-size:8.5cqw;top:26%}.menu-tablet .menu-action:nth-child(2){top:38.5%}.menu-tablet .menu-action:nth-child(3){top:49%}.menu-tablet .menu-action:nth-child(4){top:59.7%}.menu-tablet .menu-action:nth-child(5){top:70.7%}.menu-tablet .menu-icon{display:none}.menu-tablet .menu-action[aria-disabled=true]{opacity:1;filter:none}.menu-tablet .menu-lock{opacity:.65;font-size:10px;position:absolute;bottom:8%;right:4%}.menu-tablet .menu-action:hover,.menu-tablet .menu-culture:hover{filter:none;background:#fff3;box-shadow:0 0 16px #fff2}.menu-tablet .menu-action:active,.menu-tablet .menu-culture:active{background:#713c1720;transform:none}.menu-tablet .menu-action:focus-visible,.menu-tablet .menu-culture:focus-visible{outline-offset:2px;outline:3px solid #165b64}.menu-tablet .menu-culture{width:68%;height:11%;min-height:44px;box-shadow:none;text-shadow:0 1px #fff8;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:0;margin:0;padding:0 1% 0 25%;font-size:7.4cqw;line-height:1.1;display:flex;position:absolute;top:82%;left:17%;transform:none}.menu-tablet .menu-culture-emblem{filter:none;background-image:url(../assets/menu/culture-shields.webp);background-repeat:no-repeat;background-size:500% 100%;border:0;border-radius:0;width:42%;height:250%;padding:0;position:absolute;top:-58%;left:-8%}.menu-tablet .menu-culture-chevron{opacity:0;font-size:3cqw;position:absolute;top:42%;right:0}.menu-tablet .menu-publisher{color:#ead7b4;text-shadow:0 1px 3px #392719;letter-spacing:0;width:100%;margin:0;font-size:3.2cqw;display:block;position:absolute;top:98%;left:0}@media (max-width:700px) and (orientation:portrait){.view.page-menu{justify-content:center;align-items:flex-end;padding:18px 10px 36px}.menu-tablet{width:min(95vw,64dvh - 76.8px);min-width:min(320px,95vw);height:auto;min-height:0}}@media (max-height:650px) and (orientation:landscape){.view.page-menu{justify-content:flex-start;align-items:flex-start;padding:6px 0 24px 8px}.menu-tablet{width:320px;min-width:320px;height:auto;min-height:0}}#app{--ink:#103e49;--muted:#655945;--gold:#ae7523;--line:#b8894850;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#app:before{display:none}.view:not(.page-menu):not(.page-battle){align-items:center;padding:36px 4vw 44px;display:flex}.panel,.dialog,.result-panel,.asset-block,.unit-hover{isolation:isolate;color:#103e49;box-shadow:none;background:0 0;border:0;border-radius:24px;position:relative}.panel:before,.dialog:before,.result-panel:before,.asset-block:before,.unit-hover:before{content:"";z-index:-1;pointer-events:none;filter:drop-shadow(0 8px 7px #233d3645);background:url(../assets/ui/stone-panel.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.panel{width:100%;max-width:1280px;padding:38px 42px 30px}.page-heading{align-items:center;gap:24px;min-height:94px;margin:0 0 20px;display:flex}.page-heading h1{text-shadow:0 2px #fff8;margin:0;font-size:clamp(28px,3.6vw,54px);font-weight:950;line-height:1.1}.subpage-logo{object-fit:contain;width:210px;height:105px}.page-heading .subtitle{margin:0}.button,.field select,.order,.credits-section summary{isolation:isolate;box-shadow:none;color:#103e49;text-shadow:0 1px #fff6;background:0 0;border:0;border-radius:15px;min-height:58px;padding:12px 22px;font-weight:850;transition:filter .12s;position:relative}.button:before,.field:before,.toggle:before,.credits-section summary:before,.tower-slot:before{content:"";z-index:-1;pointer-events:none;background:url(../assets/ui/controls-atlas.webp) 0 0/200% 300% no-repeat;position:absolute;inset:-5px -8px}.button:hover,.button.quiet:hover{filter:brightness(1.07);background:0 0}.button:active{transform:translateY(1px)}.button.primary,.button.danger{color:#fffbea;text-shadow:0 2px 2px #8c331e;background:0 0;border:0}.button.primary:before,.button.danger:before{background-position:100% 0}.button.quiet{background:0 0;border:0}.button.selected{outline-offset:0;border:0;outline:3px solid #25c9ef}.button.selected:before{content:""}.button[aria-disabled=true]{opacity:.65}.button[aria-disabled=true]:after{content:" 🔒";font-size:14px}.button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0a96b7}.button .ui-icon{background:linear-gradient(#2ec4d1,#087b8a);border:2px solid #ffedb7;border-radius:12px;width:42px;height:42px;padding:7px;box-shadow:0 2px 2px #7b5b4260}.text-button{color:#13566a;font-weight:750}.panel>.button{min-width:150px}.mission-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mission-card{background:linear-gradient(0deg,#153b43d9,transparent 70%),var(--mission-art) center/cover;color:#fff7e1;border:3px solid #fff1bd;border-radius:15px;outline:1px solid #ba8e47;gap:4px;min-height:210px;padding:12px;box-shadow:0 3px 2px #8e693a55}.mission-card strong{text-shadow:0 2px 3px #17373b;font-size:17px}.mission-card .card-number{color:#fff;text-shadow:0 2px 3px #17373b;font-size:28px}.mission-card>span:not(.card-number){color:#fff2d2}.mission-card[aria-disabled=true]{opacity:1;filter:saturate(.4)}.mission-card[aria-disabled=true]:after{content:"🔒";text-align:center;font-size:48px;position:absolute;inset:25% 0 auto}.mission-card[aria-disabled=true] strong,.mission-card[aria-disabled=true]>span:not(.card-number){visibility:hidden}.medals{gap:6px}.medals .ui-icon{width:28px;height:28px}.lock{display:none}.page-difficulty .panel,.page-quick .panel{max-width:850px;margin-left:0;margin-right:24%;padding-right:48px}.difficulty{align-items:center;min-height:92px;font-size:29px}.difficulty span{color:inherit;font-size:13px;font-weight:550}.difficulty:before{background-position:0}.difficulty{color:#fffce8;text-shadow:0 2px #065f6b}.difficulty[data-focus=normal]:before{background-position:100% 0}.field,.toggle{isolation:isolate;color:#123f49;border:0;gap:12px;max-width:none;min-height:68px;margin:12px 0;padding:12px 18px;font-weight:850;position:relative}.field select{background:#fffcdf99;border:1px solid #c89a56;min-width:160px;max-width:55%;min-height:44px;padding:10px 16px}.page-quick .field{font-size:21px}.page-quick .field select{font-size:18px}.field input[type=range]{accent-color:#12adbc;cursor:pointer;width:38%;min-width:70px;max-width:260px}.field output{min-width:40px;font-weight:900}.toggle input{appearance:none;cursor:pointer;background:#b6a98d;border:2px solid #ad8756;border-radius:30px;flex:0 0 74px;width:74px;height:38px;position:relative;box-shadow:inset 0 2px 4px #654e4666}.toggle input:after{content:"";background:linear-gradient(#fffce9,#e9d4ae);border-radius:50%;width:30px;height:30px;position:absolute;top:2px;left:3px;box-shadow:0 2px 3px #63472c}.toggle input:checked{background:linear-gradient(#6adb53,#28a833)}.toggle input:checked:after{left:36px}.settings-columns{grid-template-columns:1fr 1fr;gap:42px;display:grid}.settings-columns>div:first-child{border-right:1px solid #b8894877;padding-right:22px}.page-settings .panel>.button:last-child{float:right;min-width:240px}.page-settings .field,.page-settings .toggle{font-size:18px}.page-settings .panel{padding-bottom:40px}.culture-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.culture-card{background:#fff1cd;border:2px solid #b99154;border-radius:16px;padding:0 8px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fffdf0}.culture-hero{object-fit:cover;object-position:65% center;width:calc(100% + 16px);height:260px;margin-left:-8px}.culture-card h2{text-align:center;margin:10px 0;font-size:22px}.culture-card .culture-emblem{display:none}.culture-card p{color:#4a564e}.culture-card .button{margin:8px 0 0;padding:10px;font-size:14px}.culture-details{order:5;margin-top:12px;font-size:13px}.culture-details summary{cursor:pointer;text-align:center;min-height:36px}.culture-details .text-button{font-size:12px}.culture-card:has(.selected){outline-offset:-4px;outline:4px solid #20c4ec}.culture-card:has(.selected) .button{outline:none}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18352e70}.dialog{min-width:min(420px,94vw);max-width:620px;max-height:92dvh;padding:34px 38px}.dialog>h2{text-align:center;margin:8px 0 24px;font-size:32px;font-weight:950;line-height:1.2}.dialog>.button{min-height:66px;margin-top:12px;font-size:21px}.overlay-pause .dialog{width:440px}.overlay-confirm .dialog{width:550px}.overlay-confirm h2{font-size:27px}.overlay-confirm .button:first-of-type:before{background-position:100% 0}.overlay-confirm .button:first-of-type{color:#fff}.overlay-confirm .button.danger{color:#103e49;text-shadow:none}.overlay-details .dialog{width:680px;max-width:90vw;min-height:450px}.detail-portrait{float:left;object-fit:contain;background:#e4d5b680;border:2px solid #dec18d;border-radius:14px;width:42%;height:310px;margin:20px 24px 12px 0}.stats{gap:12px;margin:12px 0;font-size:16px}.stats dt,.stats dd{border-bottom:1px solid #ba8c4938;margin:0;padding:7px}.stats dd{font-weight:850}.overlay-details .button{clear:both}.overlay-towers .dialog,.overlay-camera .dialog{max-height:calc(100dvh - var(--hud-top) - 18px);background:0 0;width:560px;max-width:95vw;padding:26px 28px}.battle-panel-header{padding-bottom:12px}.battle-panel-header h2{font-size:30px}.battle-panel-header .button{min-height:48px;padding:6px 14px}.tower-slot{isolation:isolate;border:0;flex-wrap:wrap;align-items:center;gap:10px;min-height:84px;margin:10px 0;padding:12px;display:flex;position:relative}.tower-slot>strong{font-size:24px}.tower-illustration{background:#ead7ae;border:2px dashed #a38859;border-radius:12px;place-items:center;width:54px;height:56px;font-size:36px;display:grid}.tower-slot .button{min-height:48px;padding:8px 12px;font-size:14px}.tower-slot>span:not(.tower-illustration){font-size:14px}.camera-control:before{background-position:0}.camera-control{color:#fffbea;font-size:18px}.overlay-camera .battle-panel-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overlay-camera .button{min-height:58px}.overlay-target .dialog{max-width:620px}.overlay-target .dialog>.button{width:auto;margin:8px;display:inline-flex}.target-position,.target-countdown{text-align:center}.result-panel{pointer-events:auto;text-align:center;width:560px;max-width:94vw;max-height:94dvh;margin:0;padding:34px 42px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.result-crest{background:url(../assets/ui/result-crests.webp) 0/200% 100% no-repeat;height:155px;margin:-12px 60px 0}.defeat .result-crest{background-position:100%}.result-panel .eyebrow{display:none}.result-panel h1{color:#862c17;margin:-14px 0 15px;font-size:42px}.result-panel .score{margin:12px 0;font-size:29px;font-weight:900}.result-panel .button{min-width:160px;margin:8px;font-size:20px;display:inline-flex}.result-panel .primary{width:100%;margin:12px 0;display:flex}.result-panel p{margin:8px 0}.page-credits .panel{max-width:740px;margin-left:auto;margin-right:4vw}.credits-brand{object-fit:contain;border-radius:12px;width:150px;height:85px;margin:0 auto 18px;display:block}.page-credits h2{text-align:center}.page-credits p{text-align:center;font-size:15px}.credits-section{margin:14px 0}.credits-section summary{cursor:pointer;padding-right:45px;list-style:none}.credits-section summary:after{content:"›";position:absolute;right:20px}.support-symbol{text-align:center;color:#d99318;font-size:80px;font-weight:900;line-height:1.3}.page-battle>.panel{background:0 0;padding:34px 42px}.page-battle>.panel .page-heading{flex-direction:column;justify-content:center;gap:8px}.page-battle>.panel .page-heading h1{font-size:28px}.asset-block{pointer-events:auto;padding:32px}.unit-hover{padding:22px 26px}.unit-hover strong{color:#123f49}.tutorial-hint,.toast{color:#123f49;background:#fff0ce;border:2px solid #bb934e;box-shadow:0 4px 12px #332b2355}.battle-top{height:var(--hud-top);background:0 0;border:0;align-items:stretch;gap:16px;padding:6px 12px}.base-status,.economy{background:linear-gradient(#fff9e9,#eddbb7);border:2px solid #cfa861;border-radius:14px;padding:6px 18px;box-shadow:inset 0 0 0 2px #fff8de,0 3px 3px #2a393a50}.base-status{text-align:center;grid-template-columns:1fr;gap:2px;width:27%;display:grid}.base-status>span{font-size:17px;font-weight:900}.base-status>small{color:#655945;font-size:11px}.base-status strong{background:linear-gradient(90deg,#0baddc var(--health),#6a5340 var(--health));color:#fff;text-shadow:0 1px 2px #153b44;border:2px solid #927139;border-radius:15px;min-height:23px;font-size:16px;line-height:20px;position:relative;box-shadow:inset 0 2px 4px #ffffff7a}.side-1 strong{background:linear-gradient(90deg,#f44530 var(--health),#6a5340 var(--health));color:#fff}.economy{flex:1;justify-content:center;align-items:center;gap:3px;font-size:16px}.gold{color:#795018}.pause-button{min-width:55px}.battle-top .button .ui-icon{width:34px;height:34px;padding:4px}.battle-top .button-label{display:none}.battle-bottom{box-shadow:none;background:url(../assets/ui/stone-panel.webp) 50%/100% 100% no-repeat;grid-template-rows:30px 1fr;gap:4px;padding:8px 20px 12px}.queue{color:#123f49;height:auto;font-weight:800}.order{background:linear-gradient(90deg,#71c4b3 var(--progress,0%),#ead8b3 var(--progress,0%));border:1px solid #b09055;min-height:26px;padding:2px 12px;font-size:12px}.battle-actions{justify-content:center;gap:12px}.unit-card{color:#123f49;background:linear-gradient(#fff9e5,#eed9ad);border:2px solid #d2a34b;border-radius:14px;grid-template-columns:78px 1fr;max-width:240px;padding:5px 8px;display:grid;box-shadow:inset 0 0 0 2px #fff9d9}.unit-portrait{object-fit:contain;background:#bad3c866;border-radius:8px;width:78px;height:112px}.unit-cost{color:#765018;background:#efbe60;border-radius:7px;padding:4px 7px;font-weight:900}.unit-stats{color:#5b624d;font-size:11px}.key-hint{color:#466b6e}.battle-actions>.button{max-width:155px;padding:10px;font-size:13px;line-height:1.15}.battle-actions>.button .ui-icon{width:56px;height:56px;padding:10px}.battle-actions>.button.has-icon{gap:8px}.in-battle>.save-status{color:#f8e9cb;font-size:10px}.publisher-brand{cursor:pointer;background:#07131e;border:2px solid #edc779;border-radius:12px;width:150px;height:85px;padding:0;position:absolute;bottom:32px;right:24px;overflow:hidden;box-shadow:0 3px 12px #0006}.publisher-brand img{object-fit:contain;width:100%;height:100%}.brand-intro{z-index:100;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.brand-intro video{object-fit:contain;width:100%;height:100%}.intro-controls{gap:14px;display:flex;position:absolute;bottom:32px;right:24px}.intro-controls .button{min-width:150px}.brand-intro .button:focus-visible{outline-color:#fff}.menu-theme-grid .menu-theme-card{color:#123f49}.menu-theme-card{border-radius:14px}@media (min-width:1100px){.page-campaign .panel{min-height:670px}.page-settings .panel{min-height:690px}}@media (max-width:999px){.view:not(.page-menu):not(.page-battle){align-items:flex-start;padding:16px 14px 34px}.panel{padding:24px}.page-heading{gap:12px;min-height:60px;margin-bottom:16px}.subpage-logo{width:140px;height:70px}.page-heading h1{font-size:30px}.page-difficulty .panel,.page-quick .panel{max-width:720px;margin:0 auto}.mission-card{min-height:155px;padding:9px}.mission-card strong{font-size:13px}.mission-card>span:not(.card-number){font-size:10px}.culture-hero{height:190px}.culture-card h2{font-size:16px}.culture-card .button{padding:6px;font-size:12px}.settings-columns{gap:20px}.page-settings .field,.page-settings .toggle{font-size:14px}.field{flex-wrap:wrap}.field select{min-width:120px}.dialog{padding:26px}.overlay-towers .dialog,.overlay-camera .dialog{width:540px;max-height:calc(100dvh - 26px)}.overlay-towers,.overlay-camera{justify-content:center;align-items:center}.battle-top{gap:5px;padding:3px 8px}.base-status,.economy{border-radius:8px;padding:2px 6px}.base-status>span,.base-status>small{display:none}.base-status{flex-direction:column;justify-content:center;width:27%;display:flex}.base-status strong{font-size:12px}.economy{font-size:11px}.battle-bottom{grid-template-rows:28px 1fr;gap:2px;padding:3px 8px 5px}.battle-actions{align-content:stretch;gap:5px}.unit-card{padding:3px 6px;display:flex}.unit-portrait{flex-basis:36px;width:36px;height:36px}.unit-name{font-size:11px;line-height:13px}.unit-cost{padding:0 3px;font-size:11px}.unit-stats{display:none}.battle-actions>.button{max-width:none;padding:4px 8px;font-size:11px}.battle-actions>.button .ui-icon{width:26px;height:26px;padding:3px}.battle-actions>.button.has-icon{flex-direction:row;gap:5px}.publisher-brand{width:100px;height:56px;bottom:25px;right:12px}.result-panel{max-height:94dvh;padding:25px}.result-crest{height:100px}.result-panel h1{font-size:32px}}@media (max-width:650px) and (orientation:portrait){.panel{padding:24px 20px}.page-heading{text-align:center;flex-direction:column;gap:4px}.subpage-logo{width:180px;height:85px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mission-card{min-height:170px}.culture-grid{grid-template-columns:1fr 1fr;gap:10px}.culture-hero{height:210px}.settings-columns{grid-template-columns:1fr;gap:0}.settings-columns>div:first-child{border:0;padding:0}.page-settings .panel>.button:last-child{float:none;min-width:100%;margin:14px 0 0}.page-settings .field,.page-settings .toggle{font-size:16px}.field{gap:6px;padding:12px}.field select{min-width:100px;max-width:60%}.difficulty{min-height:90px;font-size:24px}.dialog{width:100%;min-width:0;max-width:100%;padding:28px}.dialog>h2{font-size:26px}.detail-portrait{width:38%;height:230px;margin-right:12px}.stats{gap:4px;font-size:12px}.overlay-details .dialog{max-width:100%;min-height:0}.publisher-brand{width:100px;height:56px;top:12px;bottom:auto;right:12px}.intro-controls{gap:8px;bottom:28px;left:12px;right:12px}.intro-controls .button{flex:1;min-width:0;font-size:13px}.page-credits .panel{margin:0}.result-panel{width:95vw}.result-panel .button{font-size:16px}.result-crest{margin-left:25px;margin-right:25px}}@media (max-height:500px) and (orientation:landscape){.page-heading{min-height:45px}.subpage-logo{width:110px;height:55px}.page-heading h1{font-size:27px}.dialog{max-height:94dvh;padding:22px}.dialog>h2{margin:0 0 12px;font-size:24px}.dialog>.button{min-height:48px;margin-top:8px;font-size:17px}.result-crest{display:none}.result-panel h1{margin:0}.result-panel p{margin:4px;font-size:13px}.result-panel .score{font-size:22px}.result-panel .button{min-height:44px;margin:4px;font-size:15px}.result-panel .primary{margin:6px 0}.battle-panel-header h2{font-size:23px}.support-symbol{font-size:48px}.publisher-brand{width:90px;height:50px}}.button:before,.field:before,.toggle:before,.credits-section summary:before,.tower-slot:before{background-position:4.8% 14.8%;background-size:219.4% 487.6%;border-radius:18px;inset:0}.button.primary:before,.button.danger:before,.difficulty[data-focus=normal]:before,.overlay-confirm .button:first-of-type:before{background-position:94.5% 14.8%}.difficulty:before,.camera-control:before{background-position:4.8% 49.3%}.overlay-confirm .button.danger:before{background-position:4.8% 14.8%}.panel{padding:50px 65px 48px}.page-campaign .panel{padding-left:65px}.page-heading{min-height:100px}.page-heading h1{text-align:center;flex:1}.subpage-logo{width:250px;height:125px}.button{min-height:64px;padding:12px 26px;font-size:20px}.panel>.button{margin-top:18px}.page-settings .field,.page-settings .toggle{min-height:84px;padding:15px 24px;font-size:18px}.settings-columns .field:has(input[type=range]){grid-template-columns:1fr 46px;padding-left:76px;display:grid}.settings-columns .field:has(input[type=range]) input{grid-area:2/1;width:100%;max-width:none;min-height:26px}.settings-columns .field:has(input[type=range]) output{grid-area:2/2}.settings-columns .field input[type=range]{appearance:none;background:linear-gradient(#0bb5cb,#07899b);border:2px solid #c99b51;border-radius:15px;height:18px;min-height:18px;box-shadow:inset 0 1px 2px #00494f}.settings-columns .field input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fff2a2,#f9aa1f);border:2px solid #ba7a21;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 2px #774a1f}.setting-symbol{color:#fff9d9;background:linear-gradient(#36ccd1,#027481);border:2px solid #ffefbb;border-radius:12px;flex:none;place-items:center;width:47px;height:49px;font-size:27px;display:grid;box-shadow:0 2px 2px #765d3d55}.field:has(input[type=range]) .setting-symbol{position:absolute;top:18px;left:16px}.toggle{gap:14px}.toggle input{margin-left:auto}.language-options{gap:10px;width:100%;display:flex}.language-options .button{flex:1;min-height:48px;padding:8px;font-size:18px}.language-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.field[data-setting=language]{flex-wrap:wrap}@media (max-width:999px){.panel,.page-campaign .panel{padding:28px 32px}.subpage-logo{width:160px;height:80px}.page-heading{min-height:70px}.button{min-height:52px;font-size:17px}.page-settings .field,.page-settings .toggle{padding:12px 16px;font-size:14px}.setting-symbol{width:32px;height:36px;font-size:22px}.settings-columns .field:has(input[type=range]){padding-left:54px}.field:has(input[type=range]) .setting-symbol{left:12px}}@media (max-width:650px) and (orientation:portrait){.panel,.page-campaign .panel{padding:28px}.page-heading h1{flex:none}.settings-columns .field,.settings-columns .toggle{font-size:15px}.page-quick .field{font-size:17px}.page-quick .field select{font-size:15px}.page-heading .subpage-logo{width:180px;height:80px}}.panel-actions{clear:both;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.panel-actions .button{min-width:160px}.page-quick .panel-actions [data-focus=start]{order:2;min-width:260px}.page-settings .panel-actions [data-focus=back]{color:#fff;min-width:270px}.page-settings .panel-actions [data-focus=back]:before{background-position:94.5% 14.8%}.page-settings .panel-actions [data-focus=reset]{color:#5b5b52}.page-settings .panel-actions [data-focus=reset]:before{background-position:94.5% 49.3%}.page-settings .panel{padding-top:34px;padding-bottom:40px}.page-settings .page-heading{min-height:92px}.page-settings .subpage-logo{height:100px}.page-settings .field,.page-settings .toggle{min-height:72px;margin:8px 0}.page-settings .field[data-setting=language]{min-height:104px;padding-top:8px;padding-bottom:8px}.settings-columns .field:has(input[type=range]){min-height:82px;padding-top:10px;padding-bottom:10px}.page-settings .panel-actions{margin-top:16px}.tower-slot:before{background-position:4.8% 14.8%}.tower-slot{grid-template-columns:24px 64px 1fr 1fr;gap:8px;min-height:100px;padding:16px;display:grid}.tower-slot>span:not(.tower-illustration){grid-column:3/5}.tower-slot .button{grid-row:2;margin:0}.tower-slot .button:first-of-type{grid-column:3}.tower-slot .button:last-of-type:not(:first-of-type){grid-column:4}.tower-slot .tower-illustration,.tower-slot>strong{grid-row:1/3}.tower-slot .ui-icon{width:40px;height:40px}:is(.tower-slot:has([data-focus^=install]) .button,.tower-slot:has([data-focus^=unlock]) .button){grid-area:1/3/3/5}.tower-slot .button:before{background-position:4.8% 49.3%}.tower-slot .button{color:#fff;text-shadow:0 1px #07616a}.tower-slot .button[data-focus^=upgrade]:before{background-position:94.5% 14.8%}.overlay-pause .dialog>.button{justify-content:flex-start;padding-left:24px}.overlay-pause .button-label{text-align:center;flex:1}.dialog>.button{position:relative}.overlay-pause h2:before,.overlay-pause h2:after{content:"❧";color:#648826;margin:0 18px;font-size:34px}.unit-art{background:#b6d2c480;border-radius:9px;flex:none;width:88px;height:110px;display:block;overflow:hidden}.unit-art .unit-portrait{object-fit:contain;transform-origin:50% 32%;background:0 0;width:100%;height:100%;transform:scale(2.1)}.unit-card{overflow:hidden}.battle-actions>.button:before{background-image:none}.battle-actions>.button{background:#f2e2bd;border:1px solid #c29a4b;border-radius:14px}.battle-actions>.button .ui-icon{border-radius:16px;width:68px;height:68px;padding:12px}.unit-copy .unit-stats{display:none}.unit-name{font-size:13px;line-height:17px}.unit-copy{justify-content:space-between;align-self:stretch;padding:10px 0}.queue .order{width:42px;min-width:42px;height:42px;padding:0;position:relative;overflow:hidden}.queue .order img{object-fit:contain;transform-origin:50% 30%;pointer-events:none;width:100%;height:100%;transform:scale(2)}@media (min-width:1000px){.battle-bottom{grid-template-rows:1fr;grid-template-columns:180px 1fr;gap:14px;padding:15px 24px;display:grid}.queue{white-space:normal;flex-wrap:wrap;place-content:center;height:auto}.queue>span{text-align:center;width:100%;font-size:16px}.queue .order{width:46px;height:54px}.unit-card{flex-direction:column;gap:2px;padding:6px 10px;display:flex;position:relative}.unit-art{flex:0 0 88px;width:100%;height:88px}.unit-copy{align-items:center;gap:1px;width:100%;padding:0}.unit-name{text-align:center;min-height:28px;font-size:12px;line-height:14px}.unit-cost{text-align:center;width:100%;padding:2px}.battle-actions{gap:8px}.battle-actions>.button{flex:.7;font-size:11px}.battle-actions>.button .ui-icon{width:58px;height:58px;padding:9px}}@media (max-width:999px){.unit-art{flex:0 0 36px;width:36px;height:36px}.unit-copy{align-self:center;padding:0}.unit-art .unit-portrait{width:36px;height:36px}.queue .order{width:30px;min-width:30px;height:26px;min-height:26px}.panel-actions .button{min-width:100px}.page-quick .panel-actions [data-focus=start]{min-width:200px}.page-settings .panel-actions [data-focus=back]{min-width:180px}.battle-actions>.button .ui-icon{width:28px;height:28px;padding:4px}.tower-slot{grid-template-columns:20px 45px 1fr 1fr;min-height:88px;padding:12px}.tower-illustration{width:44px;height:48px}.tower-slot .button{font-size:12px}.panel-actions{gap:10px}}@media (any-pointer:coarse){.queue .order{min-width:44px;height:44px;min-height:44px}.battle-bottom{grid-template-rows:44px 1fr}}@media (max-width:650px) and (orientation:portrait){.panel-actions{flex-wrap:wrap}.panel-actions .button{flex:1}.page-quick .panel-actions [data-focus=start]{order:0;min-width:100%}.page-settings .panel-actions [data-focus=back]{min-width:100%}.page-settings .panel{padding:26px}.tower-slot{grid-template-columns:18px 40px 1fr 1fr}.tower-slot .button{padding:6px;font-size:11px}.tower-illustration{width:38px}.page-settings .page-heading{min-height:0}.settings-columns .field{max-width:100%}}.screen-hero{pointer-events:none;z-index:1;background:url(../assets/ui/heroes-neutral.webp) var(--hero-pos,25%) center/500% 100% no-repeat;filter:drop-shadow(0 8px 5px #122d3840);width:min(42vh,390px);height:min(70vh,650px);position:absolute;bottom:7%;left:6%}.hero-victory{background-image:url(../assets/ui/heroes-victory.webp)}.hero-defeat{background-image:url(../assets/ui/heroes-defeat.webp)}.page-difficulty .screen-hero,.page-quick .screen-hero{width:44vh;height:73vh;left:auto;right:4%}.page-credits .screen-hero{width:42vh;height:70vh;left:6%}.page-campaign .screen-hero{z-index:2;width:min(31vh,262px);height:min(52vh,440px);bottom:154px;left:24px}.page-campaign .mission-grid{margin-left:210px}.page-campaign .mission-card{min-height:190px}.page-campaign .panel-actions{z-index:3;position:relative}.culture-hero{background-position:50%;background-size:cover;display:block;overflow:hidden}.culture-figure{background:url(../assets/ui/heroes-neutral.webp) 0/500% 100% no-repeat;width:100%;height:100%;display:block}.overlay-pause,.overlay-confirm,.overlay-rotate,.overlay-error{background:linear-gradient(#17372a25,#18352e50),var(--menu-art) center/cover no-repeat}.overlay-pause .dialog,.overlay-confirm .dialog,.overlay-rotate .dialog,.overlay-error .dialog{z-index:2;margin-left:25%}.overlay .screen-hero{width:40.8vh;height:68vh;bottom:12%;left:10%}.page-battle:has(.result-panel){background:var(--menu-art) center/cover no-repeat}:is(.page-battle:has(.result-panel) .battle-top,.page-battle:has(.result-panel) .battle-bottom){visibility:hidden}.result-panel{z-index:3;padding:32px 40px 40px;left:65%}.result-crest{background-size:200% 100%;width:300px;height:240px;margin:-12px auto 0}.result-panel h1{color:#fff4d3;text-shadow:0 2px 3px #6f2714;margin:-84px 0 42px;font-size:34px;position:relative}.page-battle:has(.result-panel) .screen-hero{width:43.2vh;height:72vh;bottom:9%;left:9%}.result-panel .score{font-size:25px}.result-panel .button{font-size:18px}.result-panel:has([data-focus=next]) [data-focus=next]{color:#fff;background:0 0;order:0;width:100%;display:flex}.result-panel:has([data-focus=next]) [data-focus=next]:before{background-position:94.5% 14.8%}.overlay-camera .battle-panel-content{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.overlay-camera .camera-control{min-height:54px;font-size:16px}.camera-control[data-focus=camera-zoomIn]{grid-area:1/3/auto/5}.camera-control[data-focus=camera-zoomOut]{grid-area:1/1/auto/3}.camera-control[data-focus=camera-up]{grid-area:2/2/auto/4}.camera-control[data-focus=camera-left]{grid-area:3/1/auto/3}.camera-control[data-focus=camera-right]{grid-area:3/3/auto/5}.camera-control[data-focus=camera-down]{grid-area:4/2/auto/4}.camera-control[data-focus=camera-leftBase],.camera-control[data-focus=camera-front],.camera-control[data-focus=camera-rightBase],.camera-control[data-focus=camera-overview]{grid-column:1/5}.camera-control[data-focus=camera-leftBase]:before,.camera-control[data-focus=camera-front]:before,.camera-control[data-focus=camera-rightBase]:before,.camera-control[data-focus=camera-overview]:before{background-position:4.8% 14.8%}.camera-control[data-focus=camera-leftBase],.camera-control[data-focus=camera-front],.camera-control[data-focus=camera-rightBase],.camera-control[data-focus=camera-overview]{color:#103e49;text-shadow:none}.overlay-details .dialog{padding:44px 38px}.overlay-details h2{font-size:26px}.overlay-details .detail-portrait{object-fit:cover;height:380px}.overlay-details .stats dt,.overlay-details .stats dd{padding:6px 4px}.overlay-target{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;align-items:flex-end}.overlay-target .dialog{margin-bottom:var(--hud-bottom);min-height:0;padding:20px 30px}.overlay-target h2{margin-bottom:8px;font-size:24px}.overlay-target p{margin:0 16px;display:inline}.overlay-target .button{min-height:48px;font-size:16px}@media (max-width:1100px){.page-campaign .mission-grid{margin-left:0}.page-campaign .screen-hero{display:none}.result-panel{width:52vw;left:62%}.page-credits .screen-hero{display:none}.page-credits .panel{margin:auto}.page-difficulty .screen-hero,.page-quick .screen-hero{display:none}}@media (max-width:700px) and (orientation:portrait){.overlay .screen-hero{display:none}.overlay-pause .dialog,.overlay-confirm .dialog,.overlay-rotate .dialog,.overlay-error .dialog{margin-left:0}.page-battle:has(.result-panel) .screen-hero{display:none}.result-panel{width:94vw;left:50%}.result-crest{width:240px;height:200px}.result-panel h1{margin-top:-72px;margin-bottom:36px;font-size:28px}.overlay-details .dialog{padding:30px}.overlay-details .detail-portrait{height:280px}.overlay-details h2{font-size:20px}.culture-hero{height:210px}.overlay-target .dialog{margin-bottom:0}}@media (max-height:550px) and (orientation:landscape){.overlay .screen-hero{width:42vh;height:70vh;bottom:8%;left:4%}.overlay-pause .dialog,.overlay-confirm .dialog{margin-left:24%}.page-battle:has(.result-panel) .screen-hero{width:44.4vh;height:74vh;left:7%}.result-panel{width:56vw;max-height:95dvh;padding:24px}.result-crest{display:none}.result-panel h1{color:#8b2d19;text-shadow:none;margin:0 0 8px;font-size:27px}.result-panel .button{min-height:44px;font-size:14px}.overlay-camera .battle-panel-content{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-camera .camera-control{min-height:44px;font-size:13px;grid-area:auto!important}.overlay-details .detail-portrait{height:230px}.overlay-details .dialog{padding:26px}.overlay-target .dialog{margin-bottom:0}.overlay-target{padding-bottom:8px}.page-campaign .screen-hero{display:none}.page-campaign .mission-grid{margin-left:0}}#app:not(.in-battle):not(.main-menu-visible){background-image:var(--sub-art)}.overlay-pause,.overlay-confirm,.overlay-rotate,.overlay-error{background-image:linear-gradient(#17372a20,#18352e35),var(--sub-art)}.page-battle:has(.result-panel){background-image:var(--sub-art)}[data-menu-theme=italian] .screen-hero{clip-path:inset(0 0 0 7%)}.result-panel h1{margin-bottom:16px;transform:translateY(-20px)}@media (max-height:550px) and (orientation:landscape){.result-panel h1{transform:none}}.difficulty.button.has-icon{flex-direction:row;justify-content:flex-start;min-height:94px;margin:14px 0;padding:14px 28px;display:flex}.difficulty .ui-icon{width:54px;height:54px;margin-right:18px}.difficulty .button-label{text-align:left;flex-direction:column;gap:5px;font-size:28px;display:flex}.difficulty .button-label strong{font-size:28px}.difficulty .button-label>span{font-size:13px;font-weight:600}.page-difficulty .page-heading h1{font-size:34px}.page-settings .panel{padding-top:48px}.credits-section summary{padding:18px 30px;font-size:21px}.credits-section summary:after{top:17px;right:28px}@media (max-width:650px){.difficulty.button.has-icon{padding:12px 16px}.difficulty .button-label strong{font-size:24px}.difficulty .button-label>span{font-size:12px}.difficulty .ui-icon{width:38px;height:38px;margin-right:8px}.page-difficulty .page-heading h1{font-size:27px}.page-settings .panel{padding-top:30px}.credits-section summary{padding:16px 22px;font-size:17px}}.panel:before,.dialog:before,.result-panel:before,.asset-block:before,.unit-hover:before{background:0 0;border:32px solid #0000;border-image:url(../assets/ui/stone-panel.webp) 105 fill}.economy{text-align:center;grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.battle-era{color:#103e49;grid-column:1/-1;font-size:18px}.economy .gold{font-size:14px}.economy .xp{background:linear-gradient(90deg,#74d362 var(--xp,0%),#cabc9f var(--xp,0%));border:1px solid #9e894d;border-radius:12px;padding:3px 7px;font-size:12px;box-shadow:inset 0 1px 2px #fff}#app[data-session=loading] .page-battle,#app[data-session=error] .page-battle{background:var(--sub-art) center/cover no-repeat}#app[data-session=loading] .page-battle>.panel,#app[data-session=error] .page-battle>.panel{text-align:center;width:480px;max-width:92vw;min-height:430px;padding:40px}#app[data-session=loading] .panel-actions,#app[data-session=error] .panel-actions{flex-direction:column;gap:12px}#app[data-session=loading] .panel-actions .button,#app[data-session=error] .panel-actions .button{color:#fff;width:100%}#app[data-session=loading] .panel-actions .button:before,#app[data-session=error] .panel-actions .button:first-child:before{background-position:94.5% 14.8%}#app[data-session=error] .panel-actions .button:last-child{color:#103e49}@media (max-width:999px){.panel:before,.dialog:before,.result-panel:before,.asset-block:before{border-width:22px}.battle-era{font-size:12px}.economy{gap:0 6px}.economy .gold,.economy .xp{font-size:10px}.economy .xp{padding:0 4px}.battle-top .economy{min-width:0}.overlay-details .detail-portrait{max-height:240px}}.tower-illustration img{object-fit:contain;width:100%;height:100%}.tower-illustration:has(img){background:#afd3c1;border-style:solid}.overlay-target{padding:var(--hud-top) 20px calc(var(--hud-bottom) + 12px);justify-content:center;align-items:flex-end}.overlay-target .dialog{width:620px;max-width:90vw;margin:0}.overlay-menu-theme .theme-close{color:#103e49;background:0 0;border:0}.page-battle>.panel{max-height:calc(100dvh - 32px);overflow:auto}.culture-hero{position:relative}.culture-figure{clip-path:inset(0 3%);width:240px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.unit-art{align-self:center;height:88px}.unit-art .unit-portrait,.queue .order img{object-fit:contain;transform:none}.overlay-details .detail-portrait{object-fit:contain;width:256px;max-width:40%;height:256px}@media (max-width:999px){.unit-art{flex-basis:36px;width:36px;height:36px}.overlay-details .detail-portrait{width:128px;height:128px}}@media (max-width:650px){.culture-figure{width:210px;height:350px}}@media (max-height:550px) and (orientation:landscape){.overlay-target{padding:var(--hud-top) 12px 8px}.overlay-target .dialog{max-width:90vw;max-height:calc(100dvh - var(--hud-top) - 16px);overflow:auto}}.overlay-towers,.overlay-camera,.overlay-details,.overlay-target{-webkit-backdrop-filter:none;pointer-events:none;background:0 0}.overlay-towers .dialog,.overlay-camera .dialog,.overlay-details .dialog,.overlay-target .dialog{pointer-events:auto}.overlay-towers{inset:var(--hud-top) var(--inset-right,0px) auto var(--inset-left,0px);height:var(--tower-height);padding:0;display:block;position:fixed}.overlay-towers .dialog{box-sizing:border-box;border-radius:0;grid-template-columns:110px minmax(0,1fr);gap:8px;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:8px 12px;display:grid;overflow:hidden}.overlay-towers .dialog:before{border-width:12px}.overlay-towers .battle-panel-header{border:0;flex-direction:column;justify-content:center;gap:8px;min-width:0;margin:0;padding:0;display:flex}.overlay-towers .battle-panel-header h2{margin:0;font-size:19px}.overlay-towers .battle-panel-header .button{width:100%;min-width:0;min-height:44px;margin:0;padding:5px;font-size:13px}.overlay-towers .battle-panel-header .ui-icon{width:22px;height:22px;padding:2px}.overlay-towers .battle-panel-content{scrollbar-width:thin;grid-template-columns:repeat(5,minmax(185px,1fr));gap:6px;min-width:0;padding:0 0 5px;display:grid;overflow:auto hidden}.overlay-towers .tower-slot{box-sizing:border-box;grid-template-rows:40px 44px 44px;grid-template-columns:22px 38px minmax(0,1fr);align-items:center;gap:1px 4px;height:100%;min-height:0;margin:0;padding:8px;font-size:12px;display:grid}.overlay-towers .tower-slot>strong{grid-area:1/1}.overlay-towers .tower-slot .tower-illustration{grid-area:1/2;width:38px;height:38px}.overlay-towers .tower-slot>span{grid-area:1/3;font-size:12px}.overlay-towers .tower-slot .button,.overlay-towers .tower-slot .button:last-of-type:not(:first-of-type){grid-area:2/1/auto/4;width:100%;min-width:0;min-height:44px;margin:0;padding:4px;font-size:12px}.overlay-towers .tower-slot:has([data-focus^=install]) .button{grid-area:2/1/auto/4;width:100%;min-width:0;min-height:44px;margin:0;padding:4px;font-size:12px}.overlay-towers .tower-slot:has([data-focus^=unlock]) .button{grid-area:2/1/auto/4;width:100%;min-width:0;min-height:44px;margin:0;padding:4px;font-size:12px}.overlay-towers .tower-slot .button[data-focus^=sell]{grid-row:3}@media (max-height:599px){.overlay-towers .dialog{grid-template-columns:84px minmax(0,1fr);gap:4px;padding:4px 6px}.overlay-towers .battle-panel-header h2{font-size:15px}.overlay-towers .battle-panel-content{grid-template-columns:repeat(5,minmax(200px,1fr));gap:4px}.overlay-towers .tower-slot{grid-template-rows:32px 44px;grid-template-columns:18px 28px 1fr 1fr;gap:2px;padding:4px}.overlay-towers .tower-slot .tower-illustration{width:28px;height:28px}.overlay-towers .tower-slot>span{grid-column:3/5;font-size:10px}.overlay-towers .tower-slot .button,.overlay-towers .tower-slot .button:last-of-type:not(:first-of-type){grid-area:2/1/auto/3;font-size:10px}.overlay-towers .tower-slot .button[data-focus^=sell]{grid-area:2/3/auto/5}:is(.overlay-towers .tower-slot:has([data-focus^=install]) .button,.overlay-towers .tower-slot:has([data-focus^=unlock]) .button){grid-column:1/5}}.publisher-brand{cursor:default}.battle-bottom{--unit-width:clamp(82px,8.7vw,120px);--action-size:clamp(72px,6.65vw,92px);border:0;border-radius:16px;grid-template-rows:1fr;grid-template-columns:140px max-content;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:100%;padding:8px 20px;display:grid;left:50%;transform:translate(-50%)}.battle-actions{grid-template-columns:repeat(3,var(--unit-width)) repeat(4,var(--action-size));grid-template-rows:var(--action-size);align-content:center;gap:6px;height:auto;min-height:0;display:grid}.battle-actions>.unit-card{width:var(--unit-width);max-width:none;min-height:0;height:var(--action-size);border-radius:10px;flex-direction:column;grid-column:auto;justify-content:center;align-items:center;gap:1px;padding:3px 4px;display:flex}.battle-actions .unit-art{background:0 0;border-radius:5px;flex:0 0 40px;align-self:center;width:40px;height:40px}.battle-actions .unit-art .unit-portrait{object-fit:contain;width:100%;height:100%;transform:none}.battle-actions .unit-copy{justify-content:center;align-self:stretch;align-items:center;gap:1px;width:100%;padding:0}.battle-actions .unit-name{text-align:center;overflow-wrap:normal;width:100%;max-width:100%;min-height:0;font-size:11px;line-height:12px}.battle-actions .unit-cost{text-align:center;width:100%;padding:0 2px;font-size:11px;line-height:13px}.battle-actions>.button.has-icon{width:var(--action-size);height:var(--action-size);overflow-wrap:normal;border-radius:10px;flex-direction:column;grid-column:auto;justify-content:center;align-items:center;gap:1px;max-width:none;min-height:0;padding:2px 3px;font-size:10px;line-height:11px;display:flex}.battle-actions>.button .ui-icon{width:46px;height:46px;box-shadow:none;object-fit:contain;background:0 0;border:0;border-radius:0;flex:none;padding:0}.battle-actions>.button .button-label{white-space:pre-line;text-align:center;width:100%}.battle-actions>.button[aria-disabled=true]:after{display:none}.queue{white-space:normal;flex-wrap:wrap;place-content:center;align-items:center;gap:4px;height:100%;max-height:100%;display:flex;overflow:visible}.queue>.queue-label{text-align:center;flex:0 0 100%;width:100%;font-size:12px;line-height:16px}.queue-items{scrollbar-width:thin;flex-wrap:nowrap;gap:4px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.queue .order,.queue.accelerated .order:first-of-type{border-radius:6px;flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.queue .order img{object-fit:contain;transform:none}@media (max-width:999px){.battle-bottom{grid-template-columns:112px max-content;gap:8px;padding:6px 10px}.battle-actions .unit-art{flex-basis:32px;width:32px;height:32px}.battle-actions .unit-name{font-size:10px;line-height:11px}.battle-actions .unit-cost{font-size:10px;line-height:12px}.battle-actions>.button .ui-icon{width:38px;height:38px}.battle-actions>.button.has-icon{font-size:9px;line-height:10px}.battle-actions{gap:4px}.queue>.queue-label{font-size:11px}.key-hint{display:none}}@media (max-width:740px){.battle-bottom{--unit-width:calc((100vw - 36px - 4 * var(--action-size))/3);--action-size:clamp(44px,9vw,64px);grid-template-rows:20px 1fr;grid-template-columns:1fr;gap:1px;width:100%;padding:4px 6px}.queue{flex-wrap:nowrap;gap:6px;height:20px;overflow:hidden}.queue>.queue-label{flex:none;width:auto;font-size:10px}.queue-items{gap:3px;max-width:65%;padding:0}.queue .order,.queue.accelerated .order:first-of-type{flex-basis:20px;width:20px;min-width:20px;height:20px;min-height:20px}.battle-actions{justify-content:center;gap:4px}.battle-actions .unit-art{flex-basis:25px;width:25px;height:25px}.battle-actions .unit-name,.battle-actions .unit-cost{font-size:9px;line-height:10px}.battle-actions>.button .ui-icon{width:30px;height:30px}.battle-actions>.button.has-icon{font-size:8px;line-height:9px}}.in-battle .overlay-pause,.in-battle .overlay-confirm{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.in-battle .overlay-pause .screen-hero,.in-battle .overlay-confirm .screen-hero{display:none}.in-battle .overlay-pause .dialog,.in-battle .overlay-confirm .dialog{margin-left:0}.overlay-towers .tower-slot .button[data-focus^=sell]:last-of-type{grid-area:3/1/auto/4}@media (max-height:599px){.overlay-towers .tower-slot{grid-template-columns:repeat(4,minmax(0,1fr))}.overlay-towers .tower-slot .button[data-focus^=sell]:last-of-type{grid-area:2/3/auto/5}}.battle-actions>.button .button-label{overflow-wrap:anywhere}@media (max-width:999px){.battle-actions .unit-art{flex-basis:28px;width:28px;height:28px}.battle-actions .unit-name{line-height:10px}.battle-actions .unit-cost{line-height:11px}.battle-actions>.button .ui-icon{width:32px;height:32px}}@media (max-width:740px){.battle-actions .unit-art{flex-basis:22px;width:22px;height:22px}.battle-actions .unit-name{font-size:9px;line-height:9px}.battle-actions .unit-cost{line-height:10px}.battle-actions>.button .ui-icon{width:24px;height:24px}.battle-actions>.button.has-icon{padding:1px 2px;font-size:8px;line-height:8px}}.battle-actions .unit-cost{white-space:nowrap;justify-content:center;align-items:center;gap:3px;display:flex}.battle-actions .unit-cost:before{content:"";background:url(../assets/icons/coin.svg) 50%/contain no-repeat;flex:0 0 11px;width:11px;height:11px}@media (max-width:999px){.battle-actions .unit-art{flex-basis:24px;width:24px;height:24px}.battle-actions .unit-name,.battle-actions .unit-cost{line-height:12px}.battle-actions>.button .ui-icon{width:28px;height:28px}.battle-actions>.button.has-icon{font-size:8px;line-height:10px}}@media (max-width:740px){.battle-actions>.unit-card{padding:1px 3px}.battle-actions .unit-art{flex-basis:18px;width:18px;height:18px}.battle-actions .unit-name,.battle-actions .unit-cost{line-height:11px}.battle-actions>.button .ui-icon{width:22px;height:22px}.battle-actions>.button.has-icon{padding:1px;font-size:8px;line-height:10px}}@media (min-width:1000px){.battle-bottom{--unit-width:120px;--action-size:clamp(80px,6.65vw,92px)}}@media (min-width:741px) and (max-width:999px){.battle-bottom{--action-size:clamp(64px,9.5vw,80px);--unit-width:min(120px,calc((100vw - 172px - 4 * var(--action-size))/3))}.battle-actions .unit-art{flex-basis:32px;width:32px;height:32px}.battle-actions>.button .ui-icon{width:32px;height:32px}.battle-actions>.button.has-icon{font-size:9px;line-height:10px}}@media (max-width:740px){.battle-bottom{--unit-width:min(120px,calc((100vw - 36px - 4 * var(--action-size))/3))}}.battle-actions .unit-name{overflow-wrap:anywhere}.battle-actions>.button .ui-icon{flex:0 auto;min-height:16px}@media (max-width:740px){.battle-bottom{--action-size:clamp(64px,9vw,72px)}}.overlay-towers{z-index:18}.overlay-towers[hidden]{display:none!important}.overlay-towers .tower-panel-emblem{filter:drop-shadow(0 2px 2px #14333a80);align-self:center;width:48px;height:48px}.overlay-towers .tower-slot{background:linear-gradient(145deg,#fff2cd,#cfb67f);border:1px solid #d6b866;border-radius:12px;box-shadow:inset 0 1px #fff8df,0 2px 4px #172b3530}.overlay-towers .tower-slot:before{display:none}.overlay-towers .tower-slot>strong{color:#684626;text-shadow:0 1px #fff5d6}.overlay-towers .tower-slot .button{text-shadow:0 1px 2px #123b48;color:#fffbea;background:linear-gradient(#55bbbd,#277d8c);border:1px solid #205c68;border-bottom-width:3px;border-radius:9px;justify-content:flex-start;gap:7px;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #b4f5df,0 2px 3px #172b3540}.overlay-towers .tower-slot .button:before{display:none}.overlay-towers .tower-slot .button .ui-icon{filter:drop-shadow(0 1px 1px #14333a70);background:0 0;border:0;border-radius:0;flex:0 0 33px;width:33px;height:33px;padding:0}.overlay-towers .tower-slot .button .button-label{text-align:left;flex:1;min-width:0;line-height:1.1}.overlay-towers .tower-slot .button[data-focus^=upgrade]{color:#493114;text-shadow:0 1px #fff1b0;background:linear-gradient(#ffdf77,#dca638);border-color:#9b6523;box-shadow:inset 0 1px #fff4b5,0 2px 3px #172b3540}.overlay-towers .tower-slot .button[data-focus^=sell]{background:linear-gradient(#798f98,#526b78);border-color:#354c5c;box-shadow:inset 0 1px #b5c9c9,0 2px 3px #172b3540}.overlay-towers .tower-slot .button:hover{filter:brightness(1.12)}.overlay-towers .tower-slot .button:active{transform:translateY(2px)}.overlay-towers .tower-slot .button:focus-visible{outline-offset:2px;outline:3px solid #fff2a6}.action-towers[aria-expanded=true]{filter:drop-shadow(0 0 5px #ffdf73);outline-offset:2px;outline:2px solid #ffe5a0}@media (max-height:599px){.overlay-towers .tower-panel-emblem{width:32px;height:32px}.overlay-towers .tower-slot .button{gap:3px}.overlay-towers .tower-slot .button .ui-icon{flex-basis:25px;width:25px;height:25px}}#tower-panel .battle-panel-content{grid-template-columns:repeat(5,minmax(248px,1fr))}#tower-panel .tower-slot{grid-template-rows:18px 50px 50px;grid-template-columns:104px minmax(112px,1fr);align-content:center;gap:4px 8px;padding:8px;position:relative}#tower-panel .tower-slot>strong{z-index:2;text-align:center;background:#fff4d9df;border-radius:50%;width:20px;font-size:12px;line-height:20px;position:absolute;top:34px;left:12px;box-shadow:0 1px 3px #51422040}#tower-panel .tower-slot .tower-illustration{box-sizing:border-box;background:radial-gradient(at 45% 30%,#f3ffe8,#b5d5bd 65%,#86afa3);border:2px solid #b49757;border-radius:14px;grid-area:2/1/4;align-self:center;width:104px;height:104px;font-size:30px;overflow:hidden;box-shadow:inset 0 1px 3px #fff9,0 3px 6px #40554040}#tower-panel .tower-illustration img{object-fit:contain;filter:drop-shadow(0 3px 2px #364d4733);width:100%;height:100%;transform:none}#tower-panel .tower-slot>span:not(.tower-illustration){white-space:nowrap;text-align:center;grid-area:1/1/auto/3;font-size:11px;line-height:16px}#tower-panel .tower-slot .button{grid-area:2/2;align-self:center;gap:4px;width:100%;height:44px;min-height:44px;padding:4px 6px;font-size:11px}#tower-panel .tower-slot .button[data-focus^=sell]{grid-area:3/2}#tower-panel .tower-slot .button[data-focus^=install],#tower-panel .tower-slot .button[data-focus^=unlock]{grid-area:2/2/4}#tower-panel .tower-slot .button .ui-icon{flex-basis:22px;width:22px;height:22px}#tower-panel .tower-slot .button .button-label{line-height:1.25}@media (max-height:599px){#tower-panel .battle-panel-content{grid-template-columns:repeat(5,minmax(220px,1fr))}#tower-panel .tower-slot{grid-template-rows:44px 44px;grid-template-columns:90px minmax(112px,1fr);gap:2px 6px;padding:4px}#tower-panel .tower-slot .tower-illustration{border-radius:11px;grid-area:1/1/3;width:90px;height:90px}#tower-panel .tower-slot>strong{width:16px;font-size:10px;line-height:16px;top:7px;left:7px}#tower-panel .tower-slot>span:not(.tower-illustration){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#tower-panel .tower-slot .button{grid-area:1/2;padding:3px 5px;font-size:10px}#tower-panel .tower-slot .button[data-focus^=sell]{grid-area:2/2}#tower-panel .tower-slot .button[data-focus^=install],#tower-panel .tower-slot .button[data-focus^=unlock]{grid-area:1/2/3}}.page-difficulty .difficulty-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:12px 0 24px;display:grid}.page-difficulty .difficulty-choice{text-align:center;min-width:0}.page-difficulty .difficulty.button.has-icon{box-sizing:border-box;aspect-ratio:1;color:#fff9db;text-shadow:0 2px 2px #163f55;background:linear-gradient(155deg,#7ed7e3 0%,#369aaf 40%,#22657e 100%);border:3px solid #c99430;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:16px;display:flex;box-shadow:inset 0 0 0 2px #fff0b0,inset 0 6px 10px #e4ffff66,inset 0 -5px 8px #153d6555,0 5px #986522,0 8px 12px #31444333}.page-difficulty .difficulty.button:before{display:none}.page-difficulty .difficulty.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.page-difficulty .difficulty.button:active{transform:translateY(2px)}.page-difficulty .difficulty.button:focus-visible{outline-offset:4px;outline:3px solid #fff5cc}.page-difficulty .difficulty .ui-icon{background:#125b7933;border:1px solid #c4f4ee99;border-radius:16px;flex:none;width:64px;height:64px;margin:0;padding:10px}.page-difficulty .difficulty .button-label{text-align:center;font-size:26px;line-height:1.2;display:block}.page-difficulty .difficulty .button-label strong{font-size:inherit;line-height:inherit}.page-difficulty .difficulty-help{color:#35505b;text-align:center;margin:16px 4px 0;font-size:12px;line-height:1.45}@media (max-width:650px){.page-difficulty .panel{padding:24px 16px}.page-difficulty .difficulty-choices{gap:10px;margin:10px 0 18px}.page-difficulty .difficulty.button.has-icon{border-width:2px;border-radius:15px;gap:6px;padding:8px}.page-difficulty .difficulty .ui-icon{border-radius:10px;width:38px;height:38px;padding:5px}.page-difficulty .difficulty .button-label{font-size:clamp(12px,3.5vw,21px)}.page-difficulty .difficulty-help{margin:12px 0 0;font-size:11px;line-height:1.4}}@media (max-height:599px) and (min-width:651px){.page-difficulty .panel{max-width:620px;padding:16px 24px}.page-difficulty .page-heading{min-height:0;margin-bottom:6px}.page-difficulty .subpage-logo{width:100px;height:48px}.page-difficulty .page-heading h1{font-size:23px}.page-difficulty .difficulty-choices{gap:16px;max-width:468px;margin:8px auto 12px}.page-difficulty .difficulty.button.has-icon{gap:8px;padding:10px}.page-difficulty .difficulty .ui-icon{width:48px;height:48px;padding:7px}.page-difficulty .difficulty .button-label{font-size:21px}.page-difficulty .difficulty-help{margin-top:10px;font-size:11px}.page-difficulty .panel-actions{margin-top:6px}}[data-menu-theme=japanese] .screen-hero{clip-path:inset(0 9% 0 0)}.view.page-menu{padding:calc(174px + var(--inset-top)) max(24px,var(--inset-right)) max(24px,var(--inset-bottom)) max(24px,var(--inset-left));background:linear-gradient(#0000 25%,#092b42b8);place-items:center;display:grid;overflow:auto}.frontier-home{text-align:center;color:#fff4d4;text-shadow:0 2px 5px #102e40;width:min(980px,100%);margin:auto}.frontier-brand img{top:max(20px,var(--inset-top));left:max(24px,var(--inset-left));object-fit:contain;object-position:left top;filter:drop-shadow(0 7px 6px #09253570);width:280px;height:130px;position:absolute}.frontier-brand p{margin:8px 0 24px;font-size:clamp(14px,2vw,20px);font-weight:700}.frontier-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mode-tile{isolation:isolate;aspect-ratio:.9;color:#fff6dc;cursor:pointer;min-width:0;font:inherit;text-shadow:0 2px 3px #15394e;background:linear-gradient(160deg,#80d2d8,#205973);border:3px solid #f7d774;border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:0 20px 22px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #99702c,0 10px 25px #051d3b80}.mode-tile:after{content:"";z-index:-1;background:linear-gradient(#0000 35%,#16405ac9 75%,#153c55 96%);position:absolute;inset:0}.mode-tile:hover,.mode-tile:focus-visible{outline-offset:3px;outline:3px solid #fff0b3;transform:translateY(-5px);box-shadow:inset 0 0 0 3px #f8e9a6,0 14px 28px #051d3b80}.mode-portrait{z-index:-2;object-fit:cover;object-position:center 25%;opacity:.92;width:100%;height:100%;position:absolute;inset:0}.mode-crest{filter:drop-shadow(0 2px 2px #092b42);width:64px;height:64px}.mode-tile strong{font-size:clamp(19px,2.3vw,28px);line-height:1.12}.mode-tile>span{min-height:40px;font-size:14px;line-height:1.4}.frontier-tools{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.frontier-tools .button{width:auto;min-height:46px;margin:0;padding:8px 18px;font-size:16px}.network-lobby{width:min(840px,96vw);max-height:calc(100dvh - 32px);overflow:auto}.network-controls{grid-template-columns:2fr 1fr;gap:16px;display:grid}.network-controls .field{margin:8px 0}.network-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.network-actions .button{flex:0 auto;width:auto;min-width:0;max-width:100%;min-height:54px;margin:0;padding:12px 28px}.network-actions .button.primary{color:#fffbea;text-shadow:0 2px 2px #174526}.network-actions .button.primary:before{background:linear-gradient(#8dcb61 0%,#4b9e43 48%,#287137 100%);border:3px solid #e5bc53;border-radius:16px;box-shadow:inset 0 0 0 2px #fff0b280,inset 0 5px 5px #ffffff35,0 3px #916521,0 5px 8px #493a2830}.network-actions .button.primary:hover:not(:disabled):before{background:linear-gradient(#a4df74 0%,#5db24e 48%,#32813f 100%)}.network-actions .button.primary:focus-visible{outline-offset:5px;outline:3px solid #225638}.invite-code{letter-spacing:2px;color:#234352;box-sizing:border-box;background:#fffbe7;border:2px solid #bc9b4f;border-radius:10px;width:280px;max-width:100%;padding:12px;font:700 20px monospace}.network-error{color:#742f19;background:#f7e5d6;border-left:4px solid #a34d2b;padding:12px}.network-wait{color:#235f76;font-size:21px;font-weight:800}.network-rules{color:#586151;margin:18px 0;font-size:13px;line-height:1.5}.network-board{border-top:1px solid #bfa265;margin-top:18px;padding-top:12px}.network-board h2{font-size:20px}.network-board ol{columns:2;padding-left:28px}.network-board li{break-inside:avoid;padding:5px}.own-rating{font-weight:700}.network-status{color:#fff2c8;pointer-events:none;z-index:8;text-align:center;background:#12384ed9;border:1px solid #edcf77;border-radius:12px;max-width:70vw;margin:0;padding:5px 14px;font-size:12px;position:absolute;top:90px;left:50%;transform:translate(-50%)}@media (max-width:600px){.view.page-menu{padding:calc(128px + var(--inset-top)) max(10px,var(--inset-right)) max(16px,var(--inset-bottom)) max(10px,var(--inset-left))}.frontier-brand img{top:max(16px,var(--inset-top));left:max(16px,var(--inset-left));width:210px;height:96px}.frontier-modes{gap:8px}.mode-tile{aspect-ratio:.57;border-radius:14px;gap:5px;padding:0 7px 14px}.mode-tile strong{font-size:16px}.mode-tile>span{min-height:60px;font-size:11px}.mode-crest{width:45px;height:45px}.frontier-tools{margin-top:16px}.frontier-tools .button{padding:7px 12px;font-size:13px}.network-lobby{padding:22px 18px}.network-controls{grid-template-columns:1fr}.network-board ol{columns:1}}@media (max-height:599px) and (orientation:landscape){.view.page-menu{padding:calc(84px + var(--inset-top)) max(20px,var(--inset-right)) max(8px,var(--inset-bottom)) max(20px,var(--inset-left))}.frontier-home{max-width:820px}.frontier-brand{justify-content:center;align-items:center;gap:20px;display:flex}.frontier-brand img{top:max(8px,var(--inset-top));left:max(20px,var(--inset-left));width:170px;height:70px}.frontier-brand p{margin:0;font-size:14px}.frontier-modes{gap:16px;margin-top:8px}.mode-tile{aspect-ratio:1.7;gap:3px;padding:8px 12px}.mode-tile strong{font-size:19px}.mode-tile>span{min-height:0;font-size:11px}.mode-crest{width:36px;height:36px}.frontier-tools{margin-top:10px}.frontier-tools .button{min-height:36px;font-size:13px}.network-status{font-size:10px;top:49px}}@media (prefers-reduced-motion:reduce){.mode-tile{transition:none}.mode-tile:hover{transform:none}}.network-result .network-result-icon{filter:drop-shadow(0 3px 3px #ad874d70);width:100px;height:100px;margin:0 auto 10px;display:block}.network-result h1{color:#244b56;text-shadow:none;margin:8px 0 18px;font-size:34px;position:static}.network-result.defeat h1{color:#913e28}.network-result .panel-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.network-result .button,.network-result .primary{width:auto;min-width:150px;margin:12px 4px;font-size:17px;display:inline-flex}@media (max-height:550px){.network-result .network-result-icon{width:60px;height:60px}.network-result h1{margin:4px 0 8px;font-size:26px}.network-result .button{min-width:120px;margin:6px 2px;font-size:14px}}