@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101716;--panel:#18211f;--line:#334039;--text:#eceadd;--muted:#95a399;--gold:#dcc084}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% 10%,#24302b 0,transparent 60%),var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);transition:background .15s,border-color .15s,transform .15s}button:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.43}button:hover:not(:disabled){border-color:#9c8c66}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2{font-family:Cinzel,Georgia,serif}.topbar{height:96px;padding:0 3.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111917c9;gap:20px}.brand{display:flex;align-items:center;gap:14px}.palace-brand{font-size:43px;line-height:1;color:var(--gold)}h1{font-size:23px;letter-spacing:4px;font-weight:600}.brand div>span{font-size:9px;letter-spacing:5px;color:#9aab9a;display:block;margin-top:4px}.prototype{font-size:9px;letter-spacing:1.4px;color:#9fafa1;border:1px solid #3b483e;padding:6px 8px;margin-left:16px;border-radius:3px}.resources{display:flex;gap:38px}.resources>div{display:flex;gap:11px;align-items:center}.resource-icon{font-size:25px;color:#a7b8a5}.gold{color:var(--gold)}.heart{color:#cb8c7d}.resources small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:4px}.resources strong{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.resources em{font-style:normal;font-size:13px;color:#728276}.icon-button{border:0;background:none;font-size:17px;display:flex;align-items:center;gap:9px;color:#c1cabc}.icon-button span{font-size:12px}.game-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(400px,1fr) 310px;gap:28px;padding:25px 40px 14px}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#b4a584;font-weight:700}h2{font-size:23px;font-weight:500;margin-top:6px}.map-controls{display:flex;gap:7px}.small-button{background:#1b2521;padding:8px 10px;border-radius:4px;font-size:11px;color:#a8b5a7}.small-button.active{color:var(--gold);border-color:#82744e;background:#2a3024}.board-wrap{position:relative;border:1px solid #607054;box-shadow:0 15px 55px #0005,0 0 0 5px #101815;border-radius:3px;overflow:hidden;background:#354c2c;aspect-ratio:1}.board-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.board-label{position:absolute;top:12px;left:12px;display:flex;gap:7px;align-items:center;background:#101b16dd;padding:7px 10px;font-size:9px;letter-spacing:1.5px;border:1px solid #6f7c5344;border-radius:3px;pointer-events:none}.live-dot{height:5px;width:5px;background:#c8c587;border-radius:50%;box-shadow:0 0 8px #d2c16e88}.toast{position:absolute;bottom:26px;left:50%;transform:translateX(-50%) translateY(5px);opacity:0;pointer-events:none;transition:.2s;background:#111c17f0;border:1px solid #948359;color:#eee5c8;padding:11px 17px;border-radius:4px;font-size:12px;white-space:nowrap;max-width:95%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.map-footer{display:flex;justify-content:space-between;font-size:10px;color:#8b9b8c;padding-top:13px;gap:10px}.map-footer>span{display:flex;gap:8px;align-items:center}.map-footer i{display:inline-block;width:8px;height:8px;border-radius:1px}.legend-road{background:#b4ac95}.legend-grass{background:#678547;margin-left:9px}b{font-weight:400;color:#56675a;padding:0 6px}.sidebar{padding-top:3px;display:flex;flex-direction:column;gap:17px}.section-heading{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted);font-size:11px}.section-intro{color:var(--muted);font-size:11px;margin:7px 0 16px}.tower-option{display:flex;align-items:center;width:100%;padding:8px 10px;background:linear-gradient(100deg,#222c26,#1a231f);margin-bottom:7px;border-radius:5px;text-align:left;gap:11px;position:relative}.tower-option.selected{border-color:#c5a86b;background:linear-gradient(100deg,#3a3c29,#222b22);box-shadow:inset 3px 0 #c5a86b}.tower-option img{width:46px;height:46px;object-fit:contain}.tower-option .tower-name{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.tower-role{display:block;font-size:8px;letter-spacing:.9px;color:#98aa99}.tower-price{margin-left:auto;font-size:12px;color:var(--gold);white-space:nowrap}.shortcut{position:absolute;top:4px;right:5px;font-size:8px;color:#6e7d6e}.details{min-height:170px;border:1px solid #364237;border-radius:5px;padding:15px;background:#17201b}.details h3{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:17px;margin:7px 0}.details p{font-size:11px;color:#a7b1a2;line-height:1.65}.stat-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #334032;margin-bottom:10px}.stat-row>span{flex:1;font-size:9px;color:#9aa88f}.stat-row strong{font-size:14px;color:#e4e5d1;display:block;margin-bottom:3px;font-weight:500}.detail-actions{display:flex;gap:7px;margin-top:12px}.upgrade-button{background:#3a422a;border-color:#7c8050;color:#e3d7ac;padding:9px 10px;border-radius:3px;flex:1;font-size:11px}.sell-button{background:transparent;color:#a4b29e;padding:9px 10px;border-radius:3px;font-size:10px}.build-hint{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:10px;color:#bdc5ab}.build-hint span{color:var(--gold)}.wave-card{padding:16px;border:1px solid #3d493a;border-radius:5px;background:linear-gradient(145deg,#263023,#1a231d);margin-top:auto}.tag{font-size:8px;letter-spacing:1px;color:#b8c5a0;padding:4px 6px;background:#34402d;border-radius:2px}.tag.air{color:#d6c4ff;background:#3c3251}.wave-card h3{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:19px;margin:10px 0 7px}.wave-card p{font-size:10px;color:#a4b19a;line-height:1.5}.wave-progress{height:3px;background:#3a4532;margin:13px 0}.wave-progress span{display:block;height:100%;background:var(--gold);transition:width .2s}.primary{width:100%;border-radius:3px;background:linear-gradient(100deg,#d6bc7d,#bca16a);color:#22291e;font-weight:700;padding:13px 14px;border:1px solid #dfcb98;display:flex;justify-content:space-between;align-items:center;font-size:12px}.primary span{font-size:9px;letter-spacing:.7px;opacity:.75}.wave-hint{margin-top:10px!important;text-align:center;font-size:9px!important;color:#bcb58e!important}.bottom-bar{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 40px 24px;font-size:10px;color:#80917f}.bottom-bar strong{color:#c4ccba;font-weight:500}.bottom-bar button{border:0;background:none;color:#a9b29e;font-size:10px}.bottom-bar .gold{margin-right:5px}dialog{border:1px solid #7c7955;border-radius:7px;background:#1b271f;color:var(--text);padding:35px;max-width:500px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#07110bd6;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:12px 0}dialog p{font-size:13px;line-height:1.7;color:#bec8b8}dialog ol{padding-left:20px;font-size:12px;color:#c0c9b9;line-height:1.8}dialog li{padding:5px 0}dialog strong{color:#e6dbb6}dialog .primary{margin-top:24px}.close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:25px;color:#acb6a0}.end-screen{position:absolute;inset:0;display:grid;place-items:center;background:#0b160de0;backdrop-filter:blur(4px)}[hidden]{display:none!important}.end-card{padding:35px;text-align:center;max-width:380px}.end-card h2{font-size:32px;margin:15px 0}.end-card p{line-height:1.7;color:#a9baa2;font-size:13px;margin-bottom:25px}.end-card .primary{justify-content:center}@media(min-width:1450px){.game-layout{grid-template-columns:minmax(400px,1fr) 330px}.tower-option{padding:11px}.details{min-height:185px}.sidebar{gap:22px}}@media(max-width:1100px){.prototype{display:none}.resources{gap:20px}.game-layout{padding:20px;gap:20px;grid-template-columns:minmax(360px,1fr) 275px}.map-controls{gap:4px}.small-button{padding:7px}.map-footer>span:last-child{display:none}.bottom-bar{padding:10px 20px 20px}.bottom-bar>span:nth-child(2){display:none}}@media(max-width:740px){.topbar{height:80px;padding:12px 16px}.brand{gap:8px}.palace-brand{font-size:32px}h1{font-size:16px;letter-spacing:2px}.brand div>span{font-size:7px;letter-spacing:3px}.resources{gap:12px}.resources small{font-size:7px;letter-spacing:.4px}.resources strong{font-size:18px}.resources em{font-size:10px}.resource-icon{display:none}.icon-button span{display:none}.game-layout{display:flex;flex-direction:column;padding:16px;gap:22px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.arsenal{grid-row:span 2}.details{min-height:180px}.tower-option{padding:7px;gap:7px}.tower-option img{width:34px;height:34px}.tower-name{font-size:11px!important}.tower-role{font-size:7px}.tower-price{font-size:10px}.map-heading h2{font-size:19px}.small-button{font-size:10px}.bottom-bar{padding:0 16px 20px}.wave-card{padding:12px}.details{padding:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}