:root{--bg:#0b1120;--panel:#0f172ae0;--border:#94a3b838;--text:#e2e8f0;--muted:#94a3b8;--accent:#22c55e;--accent-dark:#15803d;--gold:#fbbf24;--danger:#f87171;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:100dvw;height:100dvh;position:fixed;top:0;left:0}#app.rotated{transform-origin:0 0;--safe-t:env(safe-area-inset-right,0px);--safe-r:env(safe-area-inset-bottom,0px);--safe-b:env(safe-area-inset-left,0px);--safe-l:env(safe-area-inset-top,0px);width:100dvh;height:100dvw;transform:rotate(90deg)translateY(-100%)}#game{touch-action:none;width:100%;height:100%;display:block}button{font:inherit;cursor:pointer;color:#052e16;background:var(--accent);box-shadow:0 3px 0 var(--accent-dark);border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform 60ms,box-shadow 60ms}button:active{box-shadow:0 1px 0 var(--accent-dark);transform:translateY(2px)}button:disabled{opacity:.45;box-shadow:none;cursor:default}button.hidden{display:none}button.ghost{color:var(--text);border:1px solid var(--border);box-shadow:none;background:0 0;font-weight:600}button.ghost:active{background:#94a3b81f;transform:translateY(1px)}.buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#hud{pointer-events:none;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 14px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}#app[data-screen=menu] #hud,#app[data-screen=howto] #hud,#app[data-screen=levels] #hud,#app[data-screen=difficulty] #hud,#app[data-screen=shop] #hud,#app[data-screen=achievements] #hud,#app[data-screen=tuning] #hud{display:none}#topbar{justify-content:space-between;align-self:stretch;align-items:flex-start;gap:10px;display:flex}.stats{flex-wrap:wrap;gap:8px;display:flex}.stat{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:15px;font-weight:600;line-height:1;display:flex}.stat .icon{opacity:.9;font-size:13px}.stat-img{object-fit:contain;filter:drop-shadow(0 0 4px #ffffff4d);width:24px;height:24px}.icon-text{font-size:16px}.tower-img{object-fit:contain;filter:drop-shadow(0 2px 5px #0009);width:38px;height:38px}.cost-coin{object-fit:contain;vertical-align:middle;width:16px;height:16px;margin-right:3px}.stats .stat:first-child .icon{color:var(--danger)}.stats .stat:nth-child(2) .icon{color:var(--gold)}.stats .stat:nth-child(3) .icon{color:var(--muted)}.hud-actions{flex:none;gap:8px;display:flex}.hud-btn{pointer-events:auto;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:52px;height:52px;box-shadow:none;color:var(--text);font-variant-numeric:tabular-nums;border-radius:16px;flex:none;place-items:center;padding:0;font-size:17px;font-weight:700;display:grid}.hud-btn svg{fill:currentColor;width:24px;height:24px}.hud-btn:active{background:#94a3b833;transform:scale(.93)}#speed-btn.fast{color:var(--accent);background:#22c55e24;border-color:#22c55e8c}.stat.flash{animation:.4s ease-out flash}@keyframes flash{0%{background:#f871718c;transform:scale(1.12)}to{background:var(--panel);transform:scale(1)}}#bottombar{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}#tower-bar{touch-action:pan-x;scrollbar-width:none;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}#tower-bar::-webkit-scrollbar{display:none}.tower-card{pointer-events:auto;cursor:grab;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex:none;align-items:center;gap:8px;padding:8px 12px 8px 9px;font-size:13px;line-height:1;transition:transform .12s,border-color .12s;display:flex}.tower-card:before{content:"";background-image:radial-gradient(var(--muted) 1.1px, transparent 1.2px);opacity:.7;background-size:4px 5px;border-radius:2px;flex:none;width:7px;height:24px}.tower-card.dragging{cursor:grabbing;border-color:var(--accent);transform:scale(.94)}.tower-dot{background:var(--accent);border-radius:50%;flex:none;width:12px;height:12px}.tower-label{flex-direction:column;gap:4px;display:flex}.tower-name{font-weight:600}.tower-cost{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.tower-card.poor{opacity:.6}.tower-card.poor .tower-cost{color:var(--danger)}.tower-card.locked{pointer-events:none;cursor:default;opacity:.4;border-style:dashed}.tower-card.locked:before{opacity:0}.tower-card.locked .tower-dot{filter:grayscale();box-shadow:none!important}#wave-btn{pointer-events:auto;font-variant-numeric:tabular-nums;min-width:160px}#tower-panel{left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 70px);pointer-events:auto;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:absolute}#tower-panel.hidden{display:none}.panel-info{flex-direction:column;gap:4px;margin-right:4px;display:flex}#panel-title{font-size:14px;font-weight:700;line-height:1}#panel-stats{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1}#tower-panel button{font-variant-numeric:tabular-nums;border-radius:10px;padding:9px 14px;font-size:13px}#hint{left:50%;bottom:calc(var(--safe-b) + 76px);background:var(--panel);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:13px;transition:opacity .5s;position:absolute;transform:translate(-50%)}#hint.hidden{opacity:0}.screen{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 8px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 8px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#020617d1;place-items:center;display:grid;position:absolute;inset:0}.screen.hidden{display:none}.screen:has(.sheet){grid-template-columns:minmax(0,1fr);place-items:stretch stretch}.panel{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;max-width:min(92vw,460px);max-height:100%;padding:26px 36px;overflow-y:auto}.panel h1{letter-spacing:-.02em;margin-bottom:8px;font-size:30px}.panel h2{letter-spacing:-.01em;margin-bottom:16px;font-size:22px}.panel p{color:var(--muted);white-space:pre-line;font-size:15px;line-height:1.5}.panel>p{margin-bottom:20px}.panel.won h1{color:var(--accent)}#menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 50% 35%,#16321f 0%,#0b1120 65%)}.menu-panel{background:0 0;border:none;padding:8px 20px}.title{letter-spacing:-.03em;margin-bottom:6px;font-size:clamp(30px,7vh,46px);font-weight:800;line-height:1}.title span{color:var(--accent)}.subtitle{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:22px;font-size:14px}#btn-play{padding:14px 34px;font-size:17px}.best{color:var(--muted);min-height:18px;font-size:13px}.sheet{flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;padding:4px 2px;display:flex}.sheet-head{align-items:center;gap:12px;display:flex}.sheet-head h2{letter-spacing:-.01em;flex:1;font-size:20px}.chip-btn{padding:8px 14px;font-size:14px}.star-total{color:var(--gold);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.level-strip{touch-action:pan-x;scrollbar-width:thin;flex:1;align-items:center;gap:12px;min-width:0;min-height:0;padding-bottom:4px;display:flex;overflow:auto hidden}.level-card{text-align:left;background:var(--panel);border:1px solid var(--border);width:150px;height:min(100%,185px);color:var(--text);box-shadow:none;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:4px;padding:16px;font-weight:500;display:flex}.level-card:active{transform:scale(.97)}.level-card.locked,.level-card.soon{opacity:.45;cursor:default}.level-card.soon{border-style:dashed}.level-no{color:var(--accent);font-size:26px;font-weight:800;line-height:1}.level-name{font-size:15px;font-weight:700}.level-meta{color:var(--muted);font-size:12px}.level-stars{color:var(--gold);letter-spacing:3px;margin-top:6px;font-size:17px}.shop-list{touch-action:pan-y;flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.shop-heading{align-items:baseline;gap:8px;margin-top:6px;padding:0 4px;display:flex}.shop-heading:first-child{margin-top:0}.shop-heading b{letter-spacing:.02em;font-size:14px}.shop-heading span{color:var(--muted);font-size:11px}.shop-row{border:1px solid var(--border);background:#94a3b814;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.shop-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.shop-name{font-size:15px;font-weight:700}.shop-name em{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;font-weight:600}.shop-hint{color:var(--muted);font-size:12px}.shop-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}.shop-pips{color:var(--gold);letter-spacing:2px;flex:none;font-size:13px}.shop-row.owned{background:#22c55e12;border-color:#22c55e47}.shop-row.owned .shop-value{color:var(--muted)}.shop-row button{font-variant-numeric:tabular-nums;border-radius:10px;flex:none;min-width:78px;padding:9px 12px;font-size:13px}.diff-panel{max-width:min(94vw,460px)}.diff-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.diff-row{border:1px solid var(--border);width:100%;color:var(--text);background:#94a3b814;border-radius:12px;align-items:center;font-weight:500;display:flex}.diff-pick{text-align:left;min-width:0;color:inherit;box-shadow:none;font:inherit;background:0 0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:11px 14px;display:flex}.diff-pick:active{background:#94a3b829;transform:scale(.98)}.diff-row.done{border-color:#22c55e73}.diff-star{color:var(--gold);flex:none;font-size:19px}.diff-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.diff-name{font-size:15px;font-weight:700}.diff-hint{color:var(--muted);font-size:12px}.diff-best{color:var(--danger);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.howto-panel{text-align:left;max-width:min(92vw,520px)}.howto-panel h2{text-align:center}.rules{margin-bottom:20px;list-style:none}.rules li{color:var(--muted);margin-bottom:9px;padding-left:18px;font-size:14px;line-height:1.45;position:relative}.rules li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.rules b{color:var(--text);font-weight:600}@media (max-height:430px){#hint{bottom:calc(var(--safe-b) + 66px)}.panel{padding:18px 28px}.panel h1{font-size:24px}.panel h2{margin-bottom:12px;font-size:19px}.subtitle{margin-bottom:16px}.rules li{margin-bottom:6px;font-size:13px}}.ach-list{touch-action:pan-y;flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.ach-row{border:1px solid var(--border);background:#94a3b814;border-radius:12px;grid-template-columns:1fr;gap:4px;padding:9px 14px;display:grid}.ach-row.complete{background:#fbbf2414;border-color:#fbbf2452}.ach-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ach-name{font-size:15px;font-weight:700}.ach-badges{flex:none;gap:4px;display:flex}.ach-badge{width:20px;height:20px;color:var(--muted);background:#02061766;border:1.5px solid #94a3b84d;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.ach-badge.on{color:#0b1120;border-color:var(--tier);background:var(--tier);box-shadow:0 0 8px color-mix(in srgb, var(--tier) 55%, transparent)}.ach-hint{color:var(--muted);font-size:12px}.ach-bar{background:#02061799;border-radius:3px;height:6px;overflow:hidden}.ach-bar>span{background:linear-gradient(90deg,#22c55e,#86efac);border-radius:3px;height:100%;display:block}.ach-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}.ach-row.ready{border-color:var(--gold);background:#fbbf241f;box-shadow:0 0 0 1px #fbbf2440}.ach-badge.ready{color:var(--tier);border-color:var(--tier);background:0 0;animation:1.6s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tier) 55%, transparent)}50%{box-shadow:0 0 8px 2px color-mix(in srgb, var(--tier) 45%, transparent)}}.ach-value.earned{color:var(--gold);font-weight:700}.ach-claim{font-variant-numeric:tabular-nums;border-radius:10px;justify-self:start;margin-top:2px;padding:7px 14px;font-size:13px}.chip.claim{color:#0b1120;background:var(--gold);border-color:var(--gold);font-weight:700}.chip.claim b{color:#0b1120b3}.shop-row.early{opacity:.72;border-style:dashed}.shop-row.early .shop-value{color:var(--gold)}#menu{background:radial-gradient(120% 120% at 50% 0,#101c33 0%,#060a16 60%,#04070f 100%);overflow:hidden}.menu-glow{pointer-events:none;background:radial-gradient(38% 46% at 24% 30%,#22c55e38,#0000 66%),radial-gradient(34% 44% at 76% 70%,#38bdf829,#0000 66%);animation:26s ease-in-out infinite alternate menu-drift;position:absolute;inset:-25%}@keyframes menu-drift{0%{transform:translate(-2.5%,-1.5%)scale(1)}to{transform:translate(2.5%,1.5%)scale(1.1)}}#menu:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b812 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 72%,#000 25%,#0000 80%);mask-image:radial-gradient(72% 72%,#000 25%,#0000 80%)}@media (prefers-reduced-motion:reduce){.menu-glow{animation:none}}.menu-panel{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#111a2eeb,#080d1af0);border:1px solid #86efac33;border-radius:22px;flex-direction:column;align-items:center;gap:clamp(10px,2.2vh,20px);max-width:min(94vw,580px);padding:clamp(16px,3.4vh,30px) clamp(24px,5vw,48px);display:flex;position:relative;box-shadow:0 26px 64px #0009,inset 0 1px #ffffff12}.brand{align-items:center;gap:clamp(12px,2.2vw,20px);display:flex}.brand-mark{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#1d5b38,#08180f 72%);border:1px solid #86efac59;border-radius:50%;flex:none;place-items:center;width:clamp(50px,9vh,76px);display:grid;box-shadow:0 0 24px #22c55e4d,inset 0 2px 10px #000000a6}.brand-mark img{object-fit:contain;filter:drop-shadow(0 2px 5px #000000b3);width:68%;height:68%}.brand-text{text-align:left}.title{background:linear-gradient(#f8fafc 20%,#b6c2d3 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(28px,6vh,46px)}.title span{background:linear-gradient(#a7f3c6 10%,#22c55e 95%);color:#0000;filter:drop-shadow(0 0 16px #22c55e73);-webkit-background-clip:text;background-clip:text}.subtitle{letter-spacing:.16em;margin-bottom:0;font-size:clamp(11px,1.7vh,14px)}.menu-panel .buttons{margin-bottom:0}#btn-play{background:linear-gradient(#3ddb80,#16a34a);padding:clamp(11px,1.9vh,15px) clamp(26px,4vw,38px);box-shadow:0 4px #14532d,0 12px 26px #22c55e4d}#btn-play:active{box-shadow:0 1px #14532d,0 6px 14px #22c55e40}.menu-panel .ghost{background:#94a3b812;border-color:#94a3b842}.best{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.chip{border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text);background:#94a3b81a;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.chip img{object-fit:contain;width:16px;height:16px}.chip b{color:var(--muted);font-weight:600}.diff-tune{flex:none;align-items:center;gap:2px;padding-right:6px;display:flex}.tune-btn{width:30px;height:30px;color:var(--text);border:1px solid var(--border);box-shadow:none;background:#94a3b824;border-radius:8px;padding:0;font-size:17px;font-weight:700;line-height:1}.tune-btn:active{background:#94a3b847;transform:none}.diff-tune b{text-align:center;min-width:40px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.diff-tune b.off{color:var(--gold)}.diff-note{color:var(--muted);padding:2px 4px 0;font-size:11px;line-height:1.4}button.ghost.temp{color:var(--muted);border-style:dashed}.temp-tag{color:var(--gold);vertical-align:middle;border:1px dashed #fbbf2480;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600}.tuning-body{touch-action:pan-y;flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.tuning-intro,.tuning-empty{color:var(--muted);padding:0 4px;font-size:12px;line-height:1.45}.tuning-list{flex-direction:column;gap:6px;display:flex}.tuning-row{border:1px solid var(--border);background:#94a3b814;border-radius:12px;align-items:center;gap:10px;padding:8px 6px 8px 14px;display:flex}.tuning-where{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tuning-where b{font-size:14px}.tuning-where span{color:var(--muted);font-size:11px}.tuning-delta{color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.tuning-copy{align-self:flex-start;padding:8px 14px;font-size:13px}.tuning-code{white-space:pre;touch-action:pan-x pan-y;border:1px solid var(--border);color:var(--text);-webkit-user-select:text;user-select:text;background:#02061799;border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;overflow-x:auto}