/* Compact, viewport-sized play surfaces. The game simulation stays in map coordinates. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{font-size:16px;background:#f3f5ec;color:#193e35}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button,a{touch-action:manipulation}button{font-size:14px}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c7952c;outline-offset:3px}
.app-shell{height:100vh;height:100dvh;max-width:1800px;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(12px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:0;overflow:hidden}
.topbar{height:56px;min-height:56px;padding:0 5px;gap:8px;border-bottom:1px solid #dbe4d5}
.brand{gap:8px;min-width:0}.brand>svg{width:30px;height:34px}.brand>span{font-size:15px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:2px;margin-top:2px;color:#57705c}
.top-actions{gap:6px}.icon-btn{width:40px;height:40px;min-width:40px;padding:0;font-size:22px;color:#365f4a;border:1px solid #cbd9c6}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:#e1ead8}
.campaign-screen,#battle-screen{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
.primary{font-size:15px;min-height:44px;justify-content:center;border-radius:10px;padding:10px 18px;font-weight:700;letter-spacing:0}.secondary{font-size:15px;min-height:44px;padding:10px 18px;border:1px solid #b4c7ad;border-radius:10px;background:#f9faf3;color:#335945;font-weight:650}
/* Eight small, discoverable planets. */
.home-hud{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:65px;padding:10px 10px}.home-hud h1{font-size:22px;letter-spacing:-.4px;margin:0;font-weight:650;white-space:nowrap}
.campaign-wallet{display:flex;gap:22px;align-items:center;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}.campaign-wallet>span{display:flex;align-items:center;gap:7px;font-size:19px;letter-spacing:0;color:#ae8837;white-space:nowrap}.campaign-wallet svg{height:20px;width:20px}.campaign-wallet b{font-size:17px;color:#355c42;font-variant-numeric:tabular-nums}
.solar-system{flex:1;min-height:0;position:relative;display:grid;place-items:center;isolation:isolate;border-radius:22px;background:radial-gradient(ellipse at 48% 58%,#29444b 0,#182e3a 50%,#122531 100%);overflow:hidden;border:1px solid #28404b}
.solar-system:before,.solar-system:after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#e5eec6a8 1px,transparent 1.7px),radial-gradient(#c7dee977 .7px,transparent 1px);background-size:109px 113px,51px 67px;background-position:13px 20px,31px 4px;pointer-events:none}.solar-system:after{opacity:.5;transform:rotate(18deg) scale(1.2);background-size:211px 137px,83px 103px}
.orbit{position:absolute;z-index:-1;border:1px solid #a3d1cd15;border-radius:50%;width:76%;height:70%;transform:rotate(-12deg);pointer-events:none}.orbit-two{width:98%;height:95%;transform:rotate(13deg)}
.worlds-grid{display:grid;grid-template-columns:repeat(4,112px);grid-template-rows:repeat(2,126px);column-gap:clamp(12px,7vw,110px);row-gap:clamp(6px,4vh,40px);align-content:center;justify-content:center;max-width:100%;padding:15px 12px 35px;z-index:1}
.planet-icon{position:relative;display:block;border:0;background:none;border-radius:50%;padding:0;width:112px;height:112px;transition:transform .2s,filter .2s;color:#fff7dc;filter:drop-shadow(0 6px 8px #050f1940)}
.planet-icon canvas{position:static;inset:auto;width:100%;height:100%;object-fit:contain;display:block}.planet-icon.locked canvas{opacity:.6;filter:saturate(.65)}
.planet-icon:hover,.planet-icon:focus-visible,.planet-icon.picked{transform:scale(1.12);filter:drop-shadow(0 0 12px #b1dfdc44)}.planet-icon:hover canvas,.planet-icon:focus-visible canvas,.planet-icon.picked canvas{opacity:1}
.planet-name{position:absolute;bottom:-19px;left:50%;transform:translate(-50%,4px);white-space:nowrap;font-size:16px;font-weight:650;opacity:0;transition:opacity .16s,transform .16s;pointer-events:none;color:#fff6dc;text-shadow:0 2px 8px #00151e;background:#102936c9;border:1px solid #7caaac33;border-radius:8px;padding:5px 11px}
.planet-icon:hover .planet-name,.planet-icon:focus-visible .planet-name,.planet-icon.picked .planet-name{opacity:1;transform:translate(-50%,0)}
.planet-lock{position:absolute;bottom:17px;right:20px;font-size:16px;color:#d1d2bc}.planet-icon:hover .planet-lock{opacity:.3}
#planet-hint{position:absolute;bottom:11px;left:8px;right:8px;text-align:center;font-size:13px;color:#c8dbd5;margin:0;pointer-events:none}
.home-controls{display:flex;justify-content:center;gap:12px;padding:14px 0 5px}#save-mode{display:block;text-align:center;font-size:12px;color:#576f58;line-height:20px;min-height:24px;margin-bottom:3px}
/* Atlas is a real flexible surface, with portrait/landscape node layouts. */
.world-heading{display:flex;align-items:center;gap:12px;margin:0;padding:8px 4px;min-height:60px}.world-heading h1{font-size:24px;letter-spacing:-.4px;margin:0;flex:1}.world-heading>span{max-width:none;font-size:15px;font-weight:600;white-space:nowrap;color:#537353}
.world-atlas{flex:1;min-height:0;aspect-ratio:auto;width:100%;border-radius:18px;isolation:isolate}
#world-atlas{position:absolute;inset:0;width:100%;height:100%;display:block}#world-nodes{position:absolute;inset:0}
.world-node{width:54px;padding:3px 0;gap:0;touch-action:manipulation}.world-node>span{width:42px;height:42px;font-size:15px;border-width:2px;box-shadow:0 3px 0 #375b4e,0 0 0 4px #fff6d522}.world-node>small{font-size:12px;line-height:14px;letter-spacing:1px;margin-top:4px}.world-node:hover>span{background:#fff5c4;transform:scale(1.08)}
.map-selection-strip{display:flex;align-items:center;gap:14px;min-height:85px;padding:10px 4px}.map-selection-strip>canvas{position:static;inset:auto;width:95px;height:55px;border-radius:9px;object-fit:cover;border:1px solid #c5d4b9}.map-selection-copy{flex:1;min-width:0}.map-selection-copy h2{font-size:19px;margin:0 0 5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}.map-selection-copy>div{display:flex;gap:14px;align-items:center;font-size:14px;color:#577050}#selected-campaign-stars{color:#af8125;font-size:17px;letter-spacing:2px}
/* Board first; a single icon dock replaces the former sidebar. */
.battle-hud{display:flex;align-items:center;gap:12px;min-height:55px;padding:5px 2px}.battle-hud h1{margin:0;font-size:18px;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.stats{display:flex;align-items:center;margin:0;gap:18px}.stats>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.stats svg{width:19px;height:19px;color:#6b845a}.stats b{font-size:18px;font-variant-numeric:tabular-nums}.stats small{font-size:12px;color:#677c5e}.stats .gold-stat svg{color:#b68b2d}.stats .life-stat svg{color:#d16b5e}.rank-connection{width:auto;margin:0;gap:0}.rank-connection:has(button[hidden]){display:none}.rank-connection button{font-size:20px;text-decoration:none;color:#a66d17}
.battle-workspace{display:flex;flex:1;min-height:0;gap:10px}.board-stage{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#e4ecdc;border-radius:14px;overflow:hidden;position:relative;border:1px solid #ccd9bf}
.board{flex:none;max-width:100%;max-height:100%;aspect-ratio:auto;border-radius:10px;overflow:hidden;position:relative;isolation:isolate;margin:0}
#game-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;max-height:none;top:0}
.pad-controls{position:absolute;inset:0;pointer-events:none}.pad-button{pointer-events:auto;width:var(--pad-size,36px);height:var(--pad-size,36px);aspect-ratio:auto;transform:translate(-50%,-50%);border-radius:50%}.pad-button.occupied{width:var(--pad-size,36px);height:var(--tower-hit-height,45px);aspect-ratio:auto;transform:translate(-50%,-78%);border-radius:12px}
.battle-dock{flex:none;width:138px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;max-height:460px;align-self:center;height:100%;padding:2px}
.tower-shop,#support-shop{display:contents}.tower-option,.support-option,.buy-pad-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;min-width:0;width:100%;padding:3px 2px;border-radius:12px;border:1px solid #cdd9c1;background:#fffdf4;text-align:center;overflow:hidden;color:#405b3c}.tower-option:hover{transform:none}.tower-option.unaffordable{opacity:.62}.tower-option.selected,.support-option.selected{outline:2px solid var(--tower-color,#8d79b1);outline-offset:-2px}.tower-option .tower-art{background:none;width:100%;height:64%;max-height:70px;min-height:25px;overflow:visible;border-radius:0}.tower-art img{width:100%;height:100%;max-width:62px;object-fit:contain}.tower-cost{position:static;align-self:center;font-size:14px;color:#946e19;line-height:20px;font-weight:750;gap:0}.support-icon{font-size:29px;line-height:1.3;min-height:30px;color:#8c74aa}.support-option strong,.buy-pad-button strong{font-size:13px;font-weight:750;line-height:20px;color:#806326}.support-option{background:#f4f0f7}.support-option[data-support=wall] .support-icon{color:#81768a}.support-option[data-support=blackhole] .support-icon{color:#71549c;text-shadow:0 0 8px #9d81c4}.support-option:disabled{opacity:.55}.buy-pad-button{background:#fbefd0;border-color:#deca99}.buy-pad-button>span:not(.sr-only){font-size:31px;line-height:1.3;color:#ad842d}
.tower-actions{position:absolute;z-index:6;display:flex;gap:8px;width:116px;height:76px;padding:5px;background:#fffdf3f5;border:1px solid #cbd7bf;border-radius:15px;box-shadow:0 4px 15px #263a3840;backdrop-filter:blur(6px);pointer-events:auto}
.tower-actions button{border:0;border-radius:9px;width:48px;min-width:48px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:3px;line-height:1;background:#f4e0da;color:#af4038}.tower-actions b{font-size:27px;font-weight:850;line-height:28px}.tower-actions small{font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:-.3px}.tower-actions .tower-upgrade{background:#e5e8df;color:#7e8977}.tower-actions .tower-upgrade.affordable{background:#d5f1bc;color:#228133;box-shadow:inset 0 0 0 1px #78b956}.tower-actions .tower-upgrade.affordable b{font-size:34px;line-height:28px}.tower-actions .tower-upgrade.affordable:hover{background:#b9e99b;transform:translateY(-1px)}.tower-actions .tower-upgrade.maxed{background:#f3e7bd;color:#9b7623}.tower-actions .tower-sell:hover{background:#f5c9bf}
.build-banner{top:8px;left:50%;font-size:13px;line-height:1.4;padding:6px 7px 6px 12px;gap:8px;max-width:calc(100% - 12px);white-space:normal;z-index:5}.build-banner button{width:32px;height:32px;min-width:32px;font-size:23px}
.support-keyboard{bottom:8px;width:min(330px,95%);padding:5px 7px;gap:8px;z-index:5}.support-keyboard button{font-size:21px;width:40px;height:36px;padding:3px}.support-keyboard input{height:32px;min-width:0}
.pause-overlay{z-index:8}.pause-overlay .primary{font-size:15px;min-height:44px;padding:10px 18px}
.battle-toolbar{display:flex;flex-wrap:nowrap;gap:12px;padding:6px 3px;min-height:57px;justify-content:flex-start}.square-control{height:42px;width:42px;min-width:42px;border-radius:10px}.square-control svg{width:20px;height:20px}.speed-group{padding:3px;gap:2px}.speed-group button{min-width:37px;height:36px;font-size:14px;color:#4b6843;font-weight:600}.speed-group button.active{background:#285c44;color:#fff}.auto-label{position:relative;display:flex;margin:0}.auto-label input{inset:0;width:44px;height:42px;margin:0;cursor:pointer}.auto-label>span{display:grid;place-items:center;width:44px;height:42px;font-size:27px;border:1px solid #ced9c2;background:#f5f6ee;border-radius:10px;color:#8a957e}.auto-label input:checked+span{background:#dceace;color:#326b3d;border-color:#9ab87c}.auto-label input:focus-visible+span{outline:3px solid #c7952c;outline-offset:2px}.wave-clock{font-size:14px;color:#526f46;font-variant-numeric:tabular-nums;margin-left:auto}.wave-button{min-width:95px;height:43px;min-height:43px;padding:8px 16px;gap:9px;font-size:18px;font-variant-numeric:tabular-nums}.wave-button svg{width:18px;height:18px}
/* Secondary details remain available, outside the play surface. */
.modal{padding:24px;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;font-size:15px}.modal h2{font-size:24px;letter-spacing:-.4px}.modal p,.modal-intro,.help-tower p,.help-tower li,.modal label{font-size:14px;line-height:1.6;color:#4e6948}.close-modal{width:40px;height:40px;min-width:40px;font-size:25px}.modal button:not(.close-modal){font-size:14px;min-height:40px}.modal input,.modal select{font-size:16px}.mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.mastery-card{padding:14px}.mastery-head img{width:64px;height:78px}.mastery-head h3{font-size:17px}.mastery-head b{font-size:14px}.mastery-card p{font-size:13px}.mastery-card button{font-size:13px;padding:10px 8px}.mastery-pips span{height:25px;font-size:13px}.milestone-guide{font-size:14px!important;text-align:center}.global-toast{bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:10px 16px!important;border-radius:10px!important;font-size:14px!important;line-height:1.4;max-width:min(540px,92vw);text-align:center}
@media(min-width:1500px){.topbar{height:60px;min-height:60px}.battle-hud{min-height:60px}.battle-dock{width:154px;max-height:510px}.tower-cost{font-size:16px}.stats b{font-size:20px}}
@media(max-width:700px){
 .app-shell{padding-left:max(6px,env(safe-area-inset-left,0px));padding-right:max(6px,env(safe-area-inset-right,0px))}.topbar{height:49px;min-height:49px;padding:0 2px}.brand>svg{width:25px;height:29px}.brand>span{font-size:12px;letter-spacing:.5px}.brand small{font-size:8px;letter-spacing:1.2px}.brand{gap:5px}.top-actions{gap:3px}.top-actions .icon-btn{width:35px;min-width:35px;height:35px;font-size:20px}.top-actions .icon-btn svg{width:17px;height:17px}
 .home-hud{flex-direction:column;gap:8px;min-height:82px;justify-content:center;padding:8px 3px}.home-hud h1{font-size:20px}.campaign-wallet{gap:24px}.campaign-wallet b{font-size:16px}.campaign-wallet>span{font-size:18px}.solar-system{border-radius:16px}.worlds-grid{grid-template-columns:repeat(4,minmax(0,85px));grid-template-rows:repeat(2,100px);gap:35px 0;padding:10px 7px 35px;width:100%}.planet-icon{width:100%;height:auto;aspect-ratio:1}.planet-name{font-size:13px;padding:4px 7px;bottom:-18px}.planet-lock{right:10px;bottom:10px;font-size:14px}#planet-hint{font-size:12px;bottom:13px}.home-controls{padding:10px 0 3px;gap:9px}.home-controls button{font-size:14px}#save-mode{font-size:12px}
 .world-heading{min-height:53px;padding:5px 2px;gap:9px}.world-heading h1{font-size:22px}.world-heading>span{font-size:14px}.world-atlas{border-radius:13px}.map-selection-strip{gap:9px;padding:8px 2px;min-height:77px}.map-selection-strip>canvas{width:64px;height:46px}.map-selection-copy h2{font-size:16px}.map-selection-copy>div{gap:8px;font-size:12px}.map-selection-strip .primary{padding:8px 13px;font-size:14px;min-height:43px}
 .battle-hud{gap:8px;min-height:48px;padding:4px 0}.battle-hud h1{font-size:15px}.battle-hud .icon-btn{height:35px;width:35px;min-width:35px;font-size:20px}.stats{gap:12px}.stats b{font-size:17px}.stats svg{height:17px;width:17px}.stats>span{gap:4px}.stats .kill-stat{display:none}.stats small{font-size:11px}.battle-workspace{gap:6px}.battle-toolbar{gap:7px;padding:5px 0;min-height:54px}.square-control{height:40px;width:40px;min-width:40px}.speed-group button{min-width:32px;height:34px;font-size:13px}.auto-label input,.auto-label>span{width:39px;height:40px}.wave-button{height:41px;min-height:41px;min-width:76px;padding:7px 12px;font-size:17px}.wave-clock{font-size:13px}.board-stage{border-radius:10px}.global-toast{font-size:13px!important}
}
@media(max-width:700px) and (orientation:portrait){
 .battle-workspace{flex-direction:column}.battle-dock{width:100%;height:115px;min-height:115px;max-height:115px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;padding:0;align-self:stretch}.tower-option,.support-option,.buy-pad-button{border-radius:9px;flex-direction:row;gap:5px;padding:2px 3px}.tower-option .tower-art{width:45%;height:100%;max-height:48px;min-height:0}.tower-art img{max-width:42px}.tower-cost{font-size:14px;line-height:18px}.support-icon{font-size:24px;line-height:30px;min-height:0}.support-option strong,.buy-pad-button strong{font-size:12px;line-height:17px}.buy-pad-button>span:not(.sr-only){font-size:27px}.stats{margin-left:auto}.battle-hud h1{display:none}
}
@media(max-width:370px){.brand>svg{display:none}.brand>span{font-size:11px}.brand small{font-size:7px}.top-actions{gap:2px}.top-actions .icon-btn{width:33px;min-width:33px;height:33px}.battle-hud{gap:5px}.stats{gap:9px}.stats b{font-size:16px}.stats small{display:none}.battle-toolbar{gap:4px}.speed-group{padding:2px;gap:0}.speed-group button{min-width:29px}.wave-button{min-width:64px;padding:7px 9px}.wave-clock{font-size:12px}.map-selection-strip>canvas{display:none}.worlds-grid{grid-template-rows:repeat(2,85px);row-gap:30px}.mastery-grid{grid-template-columns:1fr}.modal{padding:17px}.support-option,.buy-pad-button{flex-direction:column!important;gap:0!important}.support-icon,.buy-pad-button>span:not(.sr-only){font-size:22px;line-height:25px}}
@media(max-height:520px) and (orientation:landscape){
 .app-shell{padding-top:0;padding-bottom:0}.topbar{height:42px;min-height:42px}.brand>svg{width:24px;height:27px}.brand>span{font-size:12px}.brand small{font-size:8px}.top-actions .icon-btn{width:34px;min-width:34px;height:34px}.home-hud{flex-direction:row;min-height:42px;padding:4px 8px}.home-hud h1{font-size:18px}.campaign-wallet b{font-size:15px}.worlds-grid{grid-template-columns:repeat(8,minmax(0,88px));grid-template-rows:88px;gap:0;padding:0 14px 25px;width:100%}.planet-icon{width:100%;height:auto;aspect-ratio:1}.planet-name{font-size:12px;bottom:-15px}.planet-lock{bottom:13px;right:14px}#planet-hint{font-size:12px;bottom:6px}.home-controls{padding:5px 0;gap:8px}.home-controls button{min-height:35px;padding:5px 14px;font-size:13px}#save-mode{font-size:11px;line-height:15px;min-height:15px;margin:0}
 .world-heading{min-height:43px;padding:3px;gap:9px}.world-heading h1{font-size:20px}.world-heading .icon-btn{width:34px;height:34px;min-width:34px}.map-selection-strip{min-height:58px;padding:5px 3px}.map-selection-strip>canvas{width:65px;height:40px}.map-selection-copy h2{font-size:16px;margin-bottom:0}.map-selection-copy>div{font-size:12px}#selected-campaign-stars{font-size:14px}.world-node{width:45px;padding:0}.world-node>span{width:32px;height:32px;font-size:13px}.world-node>small{font-size:10px;line-height:10px;margin-top:2px}
 .battle-hud{min-height:40px;padding:2px 0;gap:10px}.battle-hud h1{font-size:15px}.battle-hud .icon-btn{width:34px;height:34px;min-width:34px}.stats b{font-size:16px}.battle-workspace{flex-direction:row;gap:7px}.battle-dock{width:130px;min-height:0;height:100%;max-height:320px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:4px}.tower-option,.support-option,.buy-pad-button{padding:0 2px;flex-direction:row;gap:2px;border-radius:8px}.tower-option .tower-art{height:100%;width:53%;max-height:52px;min-height:0}.tower-cost{font-size:12px}.support-icon{font-size:21px;line-height:24px;min-height:0}.support-option strong,.buy-pad-button strong{font-size:11px}.buy-pad-button>span:not(.sr-only){font-size:24px}.battle-toolbar{min-height:45px;padding:3px 0;gap:9px}.square-control{height:36px;width:36px;min-width:36px}.speed-group{padding:1px}.speed-group button{height:33px;min-width:34px;font-size:13px}.auto-label input,.auto-label>span{height:36px;width:38px}.wave-button{min-height:36px;height:36px;font-size:16px}.build-banner{top:4px;font-size:12px;padding:3px 5px 3px 8px}.build-banner button{width:27px;height:27px;min-width:27px}.global-toast{bottom:51px!important;font-size:12px!important;padding:7px 12px!important}
}
@media(prefers-reduced-motion:reduce){button,.planet-name{transition:none}.planet-icon:hover,.planet-icon:focus-visible,.planet-icon.picked{transform:none}}

.global-toast{white-space:normal}.support-option.selected{padding:3px 2px}.support-option .support-icon{font-size:29px}
@media(max-width:700px){.support-option .support-icon{font-size:24px}}
@media(max-height:520px) and (orientation:landscape){.support-option .support-icon{font-size:21px}.support-option.selected{padding:0 2px}}
@media(max-height:650px) and (orientation:portrait){.worlds-grid{grid-template-rows:repeat(2,80px);row-gap:22px;max-width:360px;padding-bottom:28px}.planet-icon{width:75px;height:75px;justify-self:center}.home-hud{min-height:70px}.planet-name{bottom:-13px}}