:root{--bg: #0b2230;--panel: rgba(10, 30, 44, .92);--panel-solid: #0e2636;--gold: #ffd24a;--accent: #39b6e4;--good: #5fd46a;--bad: #e4572e;--txt: #eaf4fb;--muted: #9fb8c8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#05151f;color:var(--txt);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}canvas#board{position:absolute;inset:0;display:block;background:#05151f}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);text-align:center}.overlay.bg{background-size:cover;background-position:center}.overlay .scrim{position:absolute;inset:0;background:linear-gradient(180deg,#05151f8c,#05151fd9)}.overlay>*{position:relative;z-index:1}h1.title{font-size:clamp(30px,9vw,58px);margin:0;letter-spacing:1px;text-shadow:0 3px 0 #06222f,0 0 24px rgba(57,182,228,.5);color:var(--gold)}.subtitle{color:var(--muted);margin-top:-6px;font-size:14px;letter-spacing:3px;text-transform:uppercase}button{font:inherit;color:var(--txt);border:none;cursor:pointer;background:#16384c;border-radius:12px;padding:12px 18px;font-weight:600;box-shadow:0 2px #0006;transition:transform .06s,background .15s}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,#2fa8d6,#1d7fa8)}button.gold{background:linear-gradient(180deg,#ffd24a,#e0a81f);color:#3a2b00}button:disabled{opacity:.45;cursor:default}button.ghost{background:#ffffff14}.menu-btns{display:flex;flex-direction:column;gap:12px;width:min(320px,82vw)}.menu-btns button{padding:16px;font-size:18px}.toggles{display:flex;gap:10px;margin-top:8px}.toggles button{padding:8px 12px;font-size:13px}.maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:min(560px,92vw);max-height:70vh;overflow-y:auto;padding:4px}.mapcard{background:var(--panel-solid);border-radius:14px;overflow:hidden;position:relative;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end}.mapcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.mapcard .cap{position:relative;padding:8px;background:linear-gradient(transparent,#05151ff2);font-weight:700}.mapcard.locked{filter:grayscale(1) brightness(.5)}.mapcard.locked:after{content:"🔒";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px}.mapcard .best{position:absolute;top:6px;right:8px;font-size:11px;color:var(--gold);z-index:2}#hud{position:absolute;top:0;left:0;right:0;z-index:5;padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;pointer-events:none}.hudbar{display:flex;gap:8px;align-items:center;justify-content:space-between;background:var(--panel);border-radius:12px;padding:8px 10px;pointer-events:auto;backdrop-filter:blur(6px)}.stat{display:flex;flex-direction:column;align-items:center;min-width:44px;line-height:1.1}.stat .v{font-weight:800;font-size:15px}.stat .v.gold{color:var(--gold)}.stat .v.lives{color:var(--bad)}.stat .l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.hud-btns{display:flex;gap:6px;pointer-events:auto}.hud-btns button{padding:8px 10px;font-size:13px;border-radius:10px}#wavebar{position:absolute;left:0;right:0;z-index:6;display:flex;justify-content:center;top:calc(env(safe-area-inset-top) + 58px);padding:0 10px;pointer-events:none}#wavebar .wb{display:flex;align-items:center;gap:8px;background:var(--panel);border-radius:14px;padding:7px 8px 7px 14px;pointer-events:auto;backdrop-filter:blur(6px);box-shadow:0 4px 16px #0006;max-width:560px;width:100%}#wavebar .nextinfo{font-size:12px;color:var(--muted);flex:1;line-height:1.15}#wavebar .nextinfo b{color:var(--txt)}#wavebar .autob{padding:8px 10px;font-size:12px;border-radius:10px}#wavebar .startb{padding:11px 16px;font-size:15px;border-radius:10px;white-space:nowrap}#panel{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:8px 10px calc(env(safe-area-inset-bottom) + 10px);pointer-events:none}.panelcard{background:var(--panel);border-radius:14px;padding:10px;pointer-events:auto;backdrop-filter:blur(6px);box-shadow:0 -4px 20px #0006}.buildgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.towerbtn{background:#16384c;border-radius:10px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.towerbtn img{width:34px;height:34px;object-fit:contain}.towerbtn .nm{font-size:10px;color:var(--muted)}.towerbtn .cost{font-size:12px;font-weight:700;color:var(--gold)}.towerbtn:disabled .cost{color:var(--bad)}.towerbtn.sel{background:linear-gradient(180deg,#2fa8d6,#1d7fa8);box-shadow:0 0 0 2px #7fd3ff}.towerbtn.sel .nm,.towerbtn.sel .cost{color:#fff}.waverow{display:flex;align-items:center;gap:10px;justify-content:space-between}.waverow .info{font-size:13px;color:var(--muted)}.waverow .info b{color:var(--txt)}.towerinfo .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.towerinfo h3{margin:0 0 2px;font-size:16px}.towerinfo .desc{font-size:11px;color:var(--muted);margin:2px 0 8px}.towerinfo .stats{display:flex;gap:10px;font-size:12px;margin-bottom:8px;flex-wrap:wrap}.towerinfo .stats span b{color:var(--accent)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.actions button{font-size:13px;padding:10px 8px}.actions button .sub{display:block;font-size:10px;font-weight:500;opacity:.85}.closerow{display:flex;justify-content:flex-end;margin-top:6px}.closerow button{font-size:12px;padding:6px 12px}.toast{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:20;background:#000c;padding:8px 16px;border-radius:20px;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}.resultcard{background:var(--panel-solid);border-radius:18px;padding:24px;width:min(360px,88vw)}.resultcard h2{margin:0 0 12px;font-size:28px}.resultcard.win h2{color:var(--gold)}.resultcard.lose h2{color:var(--bad)}.resultcard .rstats{display:flex;justify-content:space-around;margin:14px 0}.resultcard .rstats .v{font-size:22px;font-weight:800}.resultcard .rstats .l{font-size:11px;color:var(--muted)}#editor{position:absolute;top:0;left:0;right:0;z-index:7;padding:calc(env(safe-area-inset-top) + 6px) 8px 6px;pointer-events:none}#editor .ebar{background:var(--panel);border-radius:12px;padding:8px 10px;pointer-events:auto;backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:8px}#editor .erow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}#editor select,#editor .epill{font:inherit;font-size:13px;color:var(--txt);background:#16384c;border:none;border-radius:9px;padding:8px 10px}#editor button{font-size:13px;padding:8px 11px;border-radius:9px}#editor button.on{background:linear-gradient(180deg,#2fa8d6,#1d7fa8)}#editor .pathtag{display:inline-flex;align-items:center;gap:4px}#editor .hint{font-size:11px;color:var(--muted)}#editorhelp{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10px);left:50%;transform:translate(-50%);z-index:7;background:#000000b3;color:var(--txt);padding:7px 14px;border-radius:18px;font-size:12px;pointer-events:none}.hidden{display:none!important}.credit{font-size:11px;color:var(--muted);max-width:300px}