@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101918;--panel:#13201feF;--line:#617f6a55;--teal:#63d4b0;--amber:#e8be64;--red:#f07862;--text:#eef4e9;--muted:#9aaba2}
*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Heebo,Arial,sans-serif;color:var(--text)}button,a{font:inherit}button{color:inherit}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:0}
.hud{position:fixed;z-index:8;inset:0 0 auto 0;height:74px;display:flex;align-items:center;gap:28px;padding:0 22px;background:linear-gradient(180deg,#101918f8,#101918df);border-bottom:1px solid #8bb99d33;box-shadow:0 10px 30px #0006}.brand{direction:ltr;text-decoration:none;color:#f4f0da;letter-spacing:.17em;font-size:17px;font-weight:800;white-space:nowrap}.brand span{color:var(--amber)}.brand b{display:inline-grid;place-items:center;margin-left:9px;padding:3px 7px;border:1px solid var(--teal);color:var(--teal);font-size:11px}
.stats{display:flex;gap:9px;margin:auto}.stats>span{min-width:112px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;padding:7px 13px;border:1px solid #6e8f7840;background:#162422aa}.stats small{color:var(--muted);font-size:10px}.stats strong{font-size:20px;line-height:1.1;direction:ltr}.stats i{grid-row:1/3;grid-column:2;font-style:normal;align-self:center;color:var(--amber);font-size:19px}.stats span:nth-child(2) i{color:#e77970}.stats span:nth-child(3) i{color:var(--teal)}.stats em{font-style:normal}
.top-actions{display:flex;gap:7px;direction:ltr}.top-actions button,.shop button,.selected button,.wave-panel button{border:1px solid #78968255;background:#172826e8;border-radius:4px;padding:8px 12px;cursor:pointer;transition:.15s}.top-actions button:hover,.shop button:hover,.selected button:hover,.wave-panel button:hover{border-color:var(--teal);background:#203632}.top-actions button.active{color:var(--amber);border-color:var(--amber)}
.shop{position:fixed;z-index:7;right:14px;top:88px;width:260px;max-height:calc(100vh - 180px);padding:13px;background:var(--panel);border:1px solid var(--line);box-shadow:0 16px 40px #0006;backdrop-filter:blur(9px);overflow:auto}.panel-title{display:flex;flex-direction:column;margin-bottom:10px}.panel-title span{font-weight:800;font-size:18px}.panel-title small{color:var(--muted);font-size:11px}.tower-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tower-card{position:relative;min-height:96px;text-align:right!important;padding:10px 9px!important;display:flex;flex-direction:column;align-items:stretch!important}.tower-card b{font-size:13px;line-height:1.2;padding-left:20px}.tower-card small{color:var(--muted);font-size:10px;line-height:1.25;margin:3px 0 auto}.tower-card span{color:var(--amber);font-weight:700;font-size:12px}.tower-card.locked{opacity:.48}.tower-card.selected{border-color:var(--amber)!important;box-shadow:inset 0 0 18px #e8be6422}.tower-card i{position:absolute;left:6px;top:5px;color:var(--teal);font-size:9px;font-style:normal}.shop #cancelBuild{position:sticky;bottom:0;width:100%;margin-top:8px;color:#ffd9cc;border-color:#a95f50;background:#2b1d1b}
.wave-panel{position:fixed;z-index:7;left:50%;bottom:18px;transform:translateX(-50%);min-width:420px;max-width:calc(100vw - 590px);display:flex;align-items:center;gap:18px;padding:11px 13px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 35px #0008;backdrop-filter:blur(8px)}.wave-panel div{display:flex;flex-direction:column;min-width:225px}.wave-panel b{font-size:15px}.wave-panel small{color:var(--muted)}.wave-panel button{background:#85682d;border-color:var(--amber);font-weight:800;white-space:nowrap}.wave-panel button:disabled{opacity:.4;cursor:not-allowed}
.selected{position:fixed;z-index:8;left:16px;bottom:18px;width:280px;padding:13px;display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center;background:var(--panel);border:1px solid var(--teal);box-shadow:0 15px 35px #0008}.selected[hidden]{display:none}.selected div{display:flex;flex-direction:column;min-width:0}.selected small{color:var(--muted)}.selected strong{white-space:nowrap}.selected span{font-size:11px;color:#c8d5ce}.selected button{padding:8px}.selected #closeSelected{border:0;background:transparent;font-size:20px}
#toast{position:fixed;z-index:12;top:88px;left:50%;transform:translateX(-50%) translateY(-12px);padding:9px 16px;background:#111d1bed;border:1px solid var(--amber);opacity:0;pointer-events:none;transition:.22s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#loading{position:fixed;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;background:#0d1514}#loading small{color:var(--muted)}.loader{width:52px;height:52px;border-radius:50%;border:3px solid #30443d;border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}
dialog{border:1px solid #718e7a66;background:linear-gradient(145deg,#172725,#101817);color:var(--text);box-shadow:0 30px 100px #000c;max-width:min(820px,calc(100vw - 28px));padding:25px;border-radius:5px}dialog::backdrop{background:#07100ec9;backdrop-filter:blur(5px)}dialog h1,dialog h2{margin:3px 0 8px}dialog p{color:#bec9c2;max-width:680px}.eyebrow{direction:ltr;color:var(--amber);font-size:11px;letter-spacing:.18em}.map-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.map-card{min-height:150px;position:relative;overflow:hidden;text-align:right;border:1px solid #66847355;background:#172321;padding:0;cursor:pointer}.map-card:before{content:"";display:block;height:78px;background:var(--preview);box-shadow:inset 0 -22px 30px #101817}.map-card b,.map-card small{display:block;padding:0 10px}.map-card b{padding-top:8px}.map-card small{color:var(--muted);font-size:11px}.map-card.active{border-color:var(--amber);box-shadow:0 0 0 2px #e8be6422}.rules{display:flex;gap:8px;margin:12px 0}.rules span{padding:5px 9px;border:1px solid #66847355;color:#bfd0c7;font-size:11px}.primary{width:100%;border:1px solid var(--amber);background:#86692d;color:#fff4d4;padding:12px;font-weight:800;cursor:pointer}.primary:disabled{opacity:.45}dialog nav{display:flex;justify-content:center;gap:18px;margin-top:15px}dialog a{color:var(--teal)}#result{text-align:center;min-width:min(440px,90vw)}#result a{display:block;margin-top:13px}
@media(max-width:900px){.hud{height:64px;padding:0 9px;gap:8px}.brand{font-size:12px}.stats{gap:3px}.stats>span{min-width:69px;padding:5px 7px}.stats small{font-size:8px}.stats strong{font-size:15px}.top-actions button{padding:7px}.shop{right:7px;top:72px;width:210px;max-height:52vh;padding:9px}.tower-card{min-height:82px;padding:7px!important}.tower-card small{display:none}.wave-panel{left:8px;right:8px;bottom:8px;transform:none;min-width:0;max-width:none}.wave-panel div{min-width:0}.selected{left:8px;bottom:82px;width:calc(100vw - 236px);grid-template-columns:1fr auto auto}.selected #closeSelected{position:absolute;left:2px;top:0}.map-choices{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand span{display:none}.stats>span{min-width:60px}.stats i{display:none}.shop{top:auto;bottom:76px;right:6px;left:6px;width:auto;max-height:190px}.panel-title{display:none}.tower-list{display:flex;overflow-x:auto}.tower-card{min-width:112px}.wave-panel{font-size:11px}.wave-panel div{min-width:0}.wave-panel button{padding:8px}.selected{left:6px;right:6px;bottom:270px;width:auto}.map-choices{grid-template-columns:1fr 1fr}.map-card{min-height:120px}}

.showcase-mode{overflow:hidden;background:#10191c}.showcase-mode .hud,.showcase-mode .shop,.showcase-mode .wave-panel,.showcase-mode .selected,.showcase-mode #toast{display:none!important}.showcase-mode #world{inset:0;width:100vw;height:100vh}.showcase-mode:after{content:"";position:fixed;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,#081011d9 0,#08101155 37%,transparent 61%),linear-gradient(0deg,#071010bb 0,transparent 35%);box-shadow:inset 0 0 110px #0009}
#showcaseOverlay{--accent:#6ce6bf;position:fixed;z-index:4;right:34px;top:50%;transform:translateY(-50%);width:385px;padding:26px 28px;direction:rtl;text-align:right;color:#fff;background:linear-gradient(145deg,#101b1de8,#0b1314c7);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-right:5px solid var(--accent);box-shadow:0 24px 70px #000a,0 0 36px color-mix(in srgb,var(--accent) 14%,transparent);backdrop-filter:blur(12px);transition:.35s ease}
#showcaseOverlay .showcase-kicker{font:800 13px/1.2 system-ui;color:var(--accent);letter-spacing:.13em;direction:ltr;text-align:right}#showcaseOverlay h1{font:900 42px/1.08 system-ui;margin:12px 0 10px;text-shadow:0 3px 18px #000}#showcaseOverlay p{font:600 20px/1.45 system-ui;margin:0;color:#e7efed}#showcaseOverlay .showcase-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#aebdb9;font:700 14px system-ui}#showcaseOverlay .showcase-meta b{padding:6px 10px;border-radius:99px;color:#07110f;background:var(--accent)}#showcaseOverlay .showcase-progress{height:4px;margin-top:16px;background:#ffffff1d;overflow:hidden}#showcaseOverlay .showcase-progress i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 14px var(--accent);transition:width .45s ease}#showcaseOverlay.intro,#showcaseOverlay.outro{right:50%;top:50%;transform:translate(50%,-50%);text-align:center;border-right:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-top:5px solid var(--accent);width:620px}#showcaseOverlay.intro .showcase-kicker,#showcaseOverlay.outro .showcase-kicker{text-align:center}#showcaseOverlay.intro h1,#showcaseOverlay.outro h1{font-size:54px}#showcaseOverlay.intro .showcase-meta,#showcaseOverlay.outro .showcase-meta{justify-content:center;gap:18px}