@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#263c32;background:#f3f2ea;font-synthesis:none;font-weight:400;--green: #233f32;--muted: #808879;--line: #dedfd2;--gold: #dbc28a}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c19144;outline-offset:4px}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}button:hover:not(:disabled){filter:brightness(1.04)}.topbar{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:14px;background:#fafaf4}.brand{display:flex;align-items:center;gap:13px;color:#253d30;text-decoration:none;letter-spacing:2px;font-size:18px;font-family:Manrope,sans-serif}.brand b{font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.8px;margin-top:7px;color:#8c907f;font-weight:600}.brand-mark{font-size:36px;background:#263f32;color:#e3d9af;width:48px;height:49px;display:grid;place-items:center;border-radius:12px 12px 3px 3px;line-height:1}.campaign{margin-left:auto;font-size:10px;letter-spacing:1.8px;color:#828877;display:flex;align-items:center;gap:9px;margin-right:28px}.live-dot{display:inline-block;background:#749c67;width:6px;height:6px;border-radius:100%;box-shadow:0 0 0 3px #749c6715}.icon-button{position:relative;border:1px solid #e0e2d6;border-radius:50%;background:transparent;color:#596652;width:34px;height:34px;font-size:17px}.off-dot{width:5px;height:5px;background:#b8896a;border-radius:50%;position:absolute;right:7px;bottom:7px}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:1920px;margin:auto;min-height:calc(100dvh - 91px)}.battlefield{position:relative;min-height:750px;overflow:hidden;background:radial-gradient(ellipse at 46% 52%,#e0e8cd,#e9ebdb 43%,#f1f1e6 76%)}.map-heading{position:absolute;top:37px;left:38px;right:35px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#77816c;margin:0 0 11px}.eyebrow span{padding:0 8px;color:#b9bea9}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-1.5px;font-weight:600;margin-bottom:9px}.map-heading p:last-child{font-size:12px;color:#8c9181}.difficulty{border:1px solid #ced4bf;padding:8px 11px;border-radius:20px;font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;color:#6c795f}.difficulty i{height:5px;width:5px;border-radius:100%;background:#81966b}.hud{position:absolute;top:161px;left:38px;z-index:2;display:flex;background:#fafbf0d9;border:1px solid #ffffffa8;box-shadow:0 8px 24px #46543a05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:15px 0;pointer-events:none}.hud>div{display:flex;gap:12px;align-items:center;padding:0 23px;border-right:1px solid #e0e3d2}.hud>div:last-child{border:0}.hud small{display:block;font-size:8px;letter-spacing:1.6px;color:#8b927d;margin-bottom:5px}.hud strong{font-family:Manrope,sans-serif;font-size:21px;font-weight:700;line-height:1}.hud em{font-style:normal;font-size:12px;font-weight:400;color:#9aa28b}.stat-icon{font-size:19px}.heart{color:#bb7964}.coin{color:#c4a15e}.flag{color:#879b77}#world{position:absolute;top:220px;right:0;bottom:36px;left:0;touch-action:manipulation}#world canvas{display:block;width:100%;height:100%}.map-tag{position:absolute;left:37px;bottom:101px;font-size:8px;letter-spacing:1.6px;color:#89937a;pointer-events:none}.field-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:22px 38px;font-size:8px;letter-spacing:1.4px;color:#87917b;border-top:1px solid #d9dfca77}.field-bottom .live-dot{margin-right:9px;width:4px;height:4px}.coordinates{margin-left:20px;color:#a6ad96}aside{background:#fafaf4;border-left:1px solid var(--line);padding:35px 25px 15px;display:flex;flex-direction:column;z-index:3}.arsenal-head h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.8px;margin-bottom:7px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.arsenal-head h2 span{font-size:10px;color:#a5ad97;background:#edf0e4;padding:4px 7px;border-radius:5px;letter-spacing:0}.arsenal-head>p:last-child{font-size:11px;color:#969c8c;margin-bottom:25px}.tower-card{width:100%;border:1px solid #e1e3d5;border-radius:9px;background:#f6f7ee;display:flex;align-items:center;text-align:left;margin-bottom:11px;padding:14px 12px;gap:13px;position:relative;color:var(--green)}.tower-card:hover{border-color:#a6b18f;box-shadow:0 3px 10px #243b3010}.tower-card.selected{border-color:#536f43;background:#e9efdb;box-shadow:0 0 0 1px #536f43}.tower-card.unaffordable .tower-meta b{color:#b78977}.tower-art{display:grid;place-items:center;flex-shrink:0;width:51px;height:63px;font-size:43px;color:#8d7846;background:radial-gradient(ellipse,#e3dbb9,transparent 72%);text-shadow:2px 4px 0 #685b3318}.cannon .tower-art{color:#9a684e;background:radial-gradient(ellipse,#ecd3c0,transparent 72%)}.frost .tower-art{color:#7bafaa;background:radial-gradient(ellipse,#daece4,transparent 72%)}.tower-info{flex:1}.tower-title{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.4px;font-weight:800;display:flex;justify-content:space-between}.tower-title small{border:1px solid #dce0d1;border-radius:3px;font-size:8px;color:#a2aa93;width:15px;text-align:center;padding-top:1px;font-weight:400}.tower-description{display:block;font-size:10px;line-height:1.6;color:#8a927e;margin:5px 0 10px;max-width:175px}.tower-meta{font-size:7px;letter-spacing:.6px;color:#8b937f;display:flex;justify-content:space-between;align-items:center}.tower-meta b{font-size:11px;color:#a88945;letter-spacing:0}.selection{margin:13px 0 17px;padding:16px 0;border-top:1px solid var(--line);min-height:128px}.selection-icon{font-size:22px;display:block;color:#97a386;margin-bottom:8px}.selection h3{font-size:12px;font-weight:500;margin-bottom:8px}.selection p{font-size:10px;line-height:1.8;color:#989e8c;margin:0}.selected-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selected-title .eyebrow{margin:0}.level{font-size:8px;letter-spacing:1px;color:#8b947b}.tower-stats{display:flex;justify-content:space-between;margin:12px 0;font-size:7px;color:#919c82;letter-spacing:.8px}.tower-stats b{display:block;color:#4b6342;font-size:14px;letter-spacing:0;margin-bottom:4px}.actions{display:flex;gap:7px}.actions button,.secondary{border:1px solid #d5ddc6;border-radius:5px;background:#e9eedd;color:#516946;padding:9px 10px;font-size:10px}.actions button:last-child{background:transparent;color:#8a8e7d}.site-picker{font-size:9px;color:#929a85;margin-bottom:18px}.site-picker summary{cursor:pointer}.site-picker summary span{float:right;font-size:8px;color:#afb5a1}.site-picker>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:10px}.site-picker button{background:#eef1e4;border:1px solid #d7deca;border-radius:4px;color:#7c8e68;padding:7px 0;font-size:10px}.site-picker button.occupied{background:#49613c;color:#eff4e6}.wave-panel{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.wave-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:#7c896d}.wave-label span:last-child{font-size:9px;letter-spacing:0;color:#a0a68f}.wave-track{height:3px;background:#e4e8d9;border-radius:2px;margin:12px 0 10px;overflow:hidden}.wave-track i{display:block;height:100%;background:#8d9e66;transition:width .2s}.wave-panel>p{font-size:10px;color:#989f8b;line-height:1.5;min-height:29px;margin:0 0 13px}.primary{width:100%;background:#284633;color:#edf0da;border:0;border-radius:7px;padding:15px 18px;text-align:left;font-size:12px;box-shadow:0 4px 8px #24392a10}.primary span{float:right;color:#bbcfa6}.playback{display:flex;justify-content:space-around;margin:15px 0 20px}.playback button{border:0;background:transparent;color:#79846c;font-size:12px}.playback button span{font-size:9px;margin-left:3px;color:#9ba18e}footer{border-top:1px solid #e7e9df;padding-top:14px;text-align:center;font-size:8px;line-height:1.9;color:#acb09d}footer a{color:#919b82;text-decoration:none}#toast{position:absolute;z-index:4;bottom:74px;left:50%;transform:translate(-50%,10px);background:#243e32ed;box-shadow:0 6px 20px #263f3122;color:#f0eddb;padding:12px 20px;border-radius:7px;font-size:11px;opacity:0;transition:.25s;pointer-events:none;max-width:85%;width:max-content}#toast.visible{opacity:1;transform:translate(-50%)}#loading,.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#edf0e4ef;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#loading h2{font-family:Manrope,sans-serif;letter-spacing:-1px;margin:20px 0 10px}#loading p{font-size:12px;color:#8b967e}.load-track{height:4px;background:#d7dfc8;width:200px;border-radius:5px;overflow:hidden}.load-track i{display:block;width:0;height:100%;background:#6c8854}.hidden{display:none!important}dialog{padding:0;border:1px solid #d9decc;border-radius:15px;max-width:460px;width:calc(100% - 30px);background:#f7f8ed;color:#2a4032;box-shadow:0 20px 100px #1a2f3540}dialog::backdrop{background:#172a2466;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{padding:35px;max-width:450px}.modal h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px}.modal p,.modal li{font-size:13px;line-height:1.8;color:#7c886e}.modal ol{padding-left:20px}.modal li{padding-left:3px;margin-bottom:9px}.modal .primary{margin-top:10px}.modal .secondary{width:100%;margin-top:8px;padding:12px}.overlay .modal{background:#f8f9ef;border:1px solid #d9decc;border-radius:14px}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 365px}aside{padding:40px 32px 20px}.battlefield{min-height:850px}.tower-card{padding:18px 14px}.tower-description{font-size:11px}.tower-title{font-size:16px}.map-heading{top:45px;left:50px}.hud{left:50px;top:180px}#world{top:220px;right:0;bottom:35px;left:0}h1{font-size:38px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 290px}aside{padding:28px 18px 15px}.topbar{padding:0 24px}.map-heading{left:24px;right:24px}.difficulty{display:none}.hud{left:24px}.hud>div{padding:0 15px}.field-bottom{padding:22px 24px}.coordinates{display:none}.tower-card{gap:8px;padding:12px 9px}.tower-art{width:44px}h1{font-size:28px}}@media(max-width:760px){.topbar{height:75px;padding:0 19px}.brand{font-size:15px;gap:10px}.brand-mark{width:38px;height:40px;font-size:30px}.brand small{font-size:6px;letter-spacing:2.2px}.campaign{display:none}.topbar #help{margin-left:auto}.icon-button{width:30px;height:30px}main{display:flex;flex-direction:column}.battlefield{min-height:600px;height:69dvh;max-height:850px}.map-heading{top:26px;left:22px}.eyebrow{font-size:8px}h1{font-size:27px}.map-heading p:last-child{font-size:10px}.hud{top:135px;left:22px;padding:12px 0}.hud strong{font-size:19px}.hud>div{padding:0 16px}.hud small{font-size:7px}#world{top:175px;right:-15px;bottom:36px;left:-15px}.field-bottom{padding:20px 22px;font-size:7px}.map-tag{display:none}aside{border-left:0;border-top:1px solid var(--line);padding:26px 22px 18px}.arsenal-head>p:last-child{margin-bottom:16px}#tower-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tower-card{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:12px 8px;gap:5px}.tower-art{margin:auto;height:42px;font-size:34px;width:50px}.tower-title{font-size:12px;justify-content:center}.tower-title small{display:none}.tower-description{font-size:9px;min-height:42px;margin:6px 0;line-height:1.5}.tower-meta{flex-direction:column;gap:6px;font-size:6px}.tower-meta b{font-size:12px}.selection{min-height:100px;margin:8px 0;padding:15px 0}.selection p{font-size:11px}.selection-icon{float:left;margin-right:10px}.selection h3{font-size:13px}.wave-panel{margin-top:0}.wave-panel>p{min-height:15px}.site-picker{margin-bottom:15px}.primary{font-size:13px}.playback{margin-bottom:16px}.field-bottom .coordinates{display:none}}.tower-art img{width:52px;height:60px;object-fit:contain;filter:drop-shadow(2px 4px 1px #22331f20)}.frost .tower-art img{filter:drop-shadow(0 0 6px #7ac8d9)}.map-select{pointer-events:auto;display:flex;flex-direction:column;gap:6px;margin-left:15px}.map-select>span{font-size:7px;letter-spacing:1.6px;color:#8e9780}.map-select select{font:inherit;font-size:10px;color:#536d45;border:1px solid #cbd5b9;padding:9px 24px 9px 10px;border-radius:6px;background:#f0f3e4;cursor:pointer;max-width:180px}.map-select select:focus-visible{outline:2px solid #789164;outline-offset:3px}#world{top:240px;right:24px;bottom:65px;left:24px}.map-tag{display:none}.battlefield{min-height:850px}.map-heading{align-items:flex-start}.hud{top:155px}@media(max-width:1050px){.map-select{position:absolute;top:115px;right:0;margin:0}.map-select>span{display:none}.map-select select{max-width:155px}.hud{left:24px;top:150px}.hud>div{padding:0 11px;gap:6px}.hud strong{font-size:18px}.map-select{top:145px}#world{top:245px;right:10px;bottom:65px;left:10px}.battlefield{min-height:800px}}@media(max-width:760px){.battlefield{min-height:580px;height:70dvh;max-height:760px}.map-select{position:static;margin-left:0}.map-heading{flex-wrap:wrap;gap:3px}.map-heading>div{width:100%}.map-select select{font-size:9px;padding:6px 20px 6px 8px;max-width:200px}.map-heading p:last-child{margin-bottom:9px}.hud{top:173px;left:22px}.hud>div{padding:0 18px}.hud strong{font-size:18px}#world{top:250px;right:0;bottom:50px;left:0}.tower-art img{width:40px;height:45px}.field-bottom{padding:16px 22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}