:root{--bg: #05070d;--panel: #0b1020;--cyan: #39e8ff;--cyan-dim: #1a6b7a;--text: #cfeeff;--text-muted: #86b8cc;--danger: #ff4d6a;--good: #39ff6a;--warn: #ffb020}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Source Code Pro,Consolas,SF Mono,Courier New,monospace;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#hud{padding:10px 16px;background:linear-gradient(180deg,#0c1326,#070b16);border-bottom:1px solid var(--cyan-dim);box-shadow:0 0 18px #39e8ff26}.brand{font-weight:700;letter-spacing:2px;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.brand span{color:var(--text)}button{background:#39e8ff14;color:var(--cyan);border:1px solid var(--cyan);padding:7px 14px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:1px;transition:background .15s,box-shadow .15s}button:hover{background:#39e8ff33;box-shadow:0 0 12px #39e8ff66}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}button.active{background:#39e8ff40;box-shadow:0 0 12px #39e8ff80;border-color:var(--cyan)}.home-btn{display:inline-block;background:#39e8ff14;color:var(--cyan);border:1px solid var(--cyan);padding:7px 14px;border-radius:4px;font-family:inherit;font-size:15px;letter-spacing:1px;text-decoration:none;white-space:nowrap;touch-action:manipulation;transition:background .15s,box-shadow .15s}.home-btn:hover{background:#39e8ff33;box-shadow:0 0 12px #39e8ff66}.donate-btn{display:inline-block;background:#ff4d6a14;color:var(--danger);border:1px solid var(--danger);padding:7px 14px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:1px;text-decoration:none;transition:background .15s,box-shadow .15s}.donate-btn:hover{background:#ff4d6a33;box-shadow:0 0 12px #ff4d6a66}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ad9;display:flex;align-items:center;justify-content:center}.overlay[hidden]{display:none}.overlay-card{text-align:center;padding:40px 60px;border:1px solid var(--cyan);border-radius:8px;background:var(--panel);box-shadow:0 0 40px #39e8ff4d}#hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;padding:10px 16px;background:linear-gradient(180deg,#0c1326,#070b16);border-bottom:1px solid var(--cyan-dim);box-shadow:0 0 18px #39e8ff26}.hud-section{display:flex;align-items:center;flex-wrap:wrap;row-gap:6px;gap:14px;min-width:0}.hud-left{justify-content:flex-start}.hud-center{justify-content:center}.hud-right{justify-content:flex-end;gap:10px}.icon-btn{font-size:18px;line-height:1;padding:7px 16px;min-width:46px}.stat{font-size:16px;padding:4px 10px;border:1px solid var(--cyan-dim);border-radius:4px;background:#39e8ff0a}.stat.lives{color:var(--danger);border-color:#ff4d6a66}.stat.token{color:#ffd93b;border-color:#ffd93b66;display:flex;align-items:center;gap:6px}.auto-toggle{font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:7px;cursor:pointer;letter-spacing:1px;text-transform:uppercase}.auto-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:32px;height:18px;border:1px solid var(--cyan-dim);border-radius:10px;background:#39e8ff0d;position:relative;cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s,box-shadow .15s}.auto-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--cyan-dim);transition:left .15s,background .15s,box-shadow .15s}.auto-toggle input[type=checkbox]:hover{border-color:var(--cyan)}.auto-toggle input[type=checkbox]:checked{border-color:var(--cyan);background:#39e8ff26;box-shadow:0 0 8px #39e8ff59}.auto-toggle input[type=checkbox]:checked:after{left:16px;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.auto-toggle input[type=checkbox]:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}#main{flex:1;display:flex;overflow:hidden;min-height:0;min-width:0}#canvasWrap{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#060a14;padding:8px;position:relative}#pausedLabel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px;letter-spacing:8px;color:var(--cyan);text-shadow:0 0 20px var(--cyan);background:#05070d8c;padding:14px 36px;border:1px solid var(--cyan);border-radius:6px;pointer-events:none}#pausedLabel[hidden]{display:none}#game{display:block;background:#060a14;cursor:crosshair}#sidebar{width:240px;flex:0 0 240px;background:var(--panel);border-left:1px solid var(--cyan-dim);padding:14px;overflow-y:auto}#sidebar h2{font-size:15px;letter-spacing:2px;color:var(--text-muted);margin:0 0 10px}.tower-btn,.trap-btn{display:flex;flex-direction:column;padding:8px;margin-bottom:8px;border:1px solid var(--cyan-dim);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.tower-btn:hover,.trap-btn:hover{border-color:var(--cyan);background:#39e8ff0d}.tower-btn.active,.trap-btn.active{border-color:var(--cyan);background:#39e8ff1f;box-shadow:0 0 10px #39e8ff4d}.tower-btn.disabled,.trap-btn.disabled{opacity:.4;cursor:not-allowed}.tb-row{display:flex;align-items:center;gap:10px}.swatch{width:32px;height:32px;flex-shrink:0;display:block}.tb-stats{max-height:0;opacity:0;overflow:hidden;font-size:13px;color:var(--text-muted);transition:max-height .2s ease,opacity .15s ease,margin-top .2s ease}.tower-btn.active .tb-stats,.trap-btn.active .tb-stats{max-height:160px;opacity:1;margin-top:8px;padding-top:8px;border-top:1px solid var(--cyan-dim)}.tb-stat-row{display:flex;justify-content:space-between;margin-bottom:3px}.tb-stat-row span:first-child{color:var(--text-muted)}.tb-stat-row span:last-child{color:var(--text)}.tb-desc{margin-top:5px;line-height:1.4}.tb-name{font-size:14px}.tb-cost{font-size:13px;color:var(--text-muted)}.hint{font-size:13px;color:var(--text-muted);line-height:1.4;margin-top:10px}#infoPanel{margin-top:16px;padding-top:14px;border-top:1px solid var(--cyan-dim)}#infoPanel h3{margin:0 0 8px;font-size:16px;color:var(--cyan)}.info-row{font-size:14px;margin-bottom:6px;color:var(--text)}#infoPanel button{width:100%;margin-top:6px}#sellBtn{border-color:var(--danger);color:var(--danger)}#sellBtn:hover{background:#ff4d6a26;box-shadow:0 0 12px #ff4d6a66}.use-token-btn{border-color:#ffd93b;color:#ffd93b;background:#ffd93b14}.use-token-btn:hover{background:#ffd93b33;box-shadow:0 0 12px #ffd93b66}#infoHpRow.low{color:#ffd93b}#infoHpRow.down,#infoPowerRow .down{color:var(--danger)}.repair-btn{border-color:#ffd93b;color:#ffd93b;background:#ffd93b14}.repair-btn:hover{background:#ffd93b33;box-shadow:0 0 12px #ffd93b66}.portal-link-btn{border-color:#ff2ee0;color:#ff2ee0;background:#ff2ee014}.portal-link-btn:hover:not(:disabled){background:#ff2ee033;box-shadow:0 0 12px #ff2ee066}.tb-matchup{font-size:12px;margin-top:6px}.tb-matchup .strong{color:var(--good)}.tb-matchup .weak{color:var(--danger)}#overlayTitle{font-size:34px;color:var(--cyan);text-shadow:0 0 14px var(--cyan);margin-bottom:10px;letter-spacing:3px}#overlaySubtitle{color:var(--text);margin-bottom:20px}.overlay-stats{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin:0 0 24px;min-width:320px}.overlay-stat-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--cyan-dim);padding-bottom:3px}.overlay-stat-row span:last-child{color:var(--text);font-weight:600}#mapSelect{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:20;overflow-y:auto}#mapSelect[hidden]{display:none}.map-select-topbar{position:sticky;top:0;z-index:21;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 16px;background:linear-gradient(180deg,#0c1326,#070b16);border-bottom:1px solid var(--cyan-dim);flex-shrink:0}.map-select-topbar .home-btn{margin-right:auto}#mapSelectCard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:820px;width:100%;margin:0 auto;padding:30px 20px}.brand.big{font-size:34px;letter-spacing:4px;margin-bottom:4px}.hint.center{text-align:center;margin:0 0 16px}.diff-select{display:flex;gap:8px;margin-bottom:16px}.infinite-toggle{text-transform:none;letter-spacing:0;font-size:12px;max-width:420px;margin-bottom:20px}.diff-btn{padding:8px 18px;border:1px solid var(--cyan-dim);border-radius:20px;background:var(--panel);color:var(--text-muted);font-size:13px;letter-spacing:1px;cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.diff-btn:hover{border-color:var(--cyan);color:var(--text)}.diff-btn.active{color:var(--bg);font-weight:600}.diff-btn.diff-easy.active{background:var(--good);border-color:var(--good);box-shadow:0 0 12px #39ff6a80}.diff-btn.diff-normal.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #39e8ff80}.diff-btn.diff-hard.active{background:var(--danger);border-color:var(--danger);box-shadow:0 0 12px #ff4d6a80}.diff-badge{letter-spacing:1px;font-size:13px}.diff-badge.diff-easy{color:var(--good);border-color:#39ff6a66}.diff-badge.diff-normal{color:var(--cyan);border-color:var(--cyan-dim)}.diff-badge.diff-hard{color:var(--danger);border-color:#ff4d6a66}#mapList{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.map-card{width:220px;border:1px solid var(--cyan-dim);border-radius:8px;padding:10px;cursor:pointer;background:var(--panel);transition:border-color .15s,box-shadow .15s,background .15s;position:relative}.map-card:hover{border-color:var(--cyan);background:#39e8ff0f;box-shadow:0 0 16px #39e8ff40}.map-card canvas{display:block;width:100%;border-radius:4px;background:#060a14;margin-bottom:8px}.map-name{font-size:15px;letter-spacing:1px;margin-bottom:8px}.map-share-btn{width:100%;font-size:13px;padding:6px}.map-card.from-link{border-color:var(--good)}.map-badge{position:absolute;top:-9px;left:10px;background:var(--bg);color:var(--good);font-size:12px;letter-spacing:1px;padding:0 6px}.continue-card{border-color:var(--good)}.continue-card:hover{border-color:var(--good);background:#39ff6a0f;box-shadow:0 0 16px #39ff6a40}.continue-badge{color:var(--good)}.continue-info{font-size:12px;color:var(--text-muted);margin-bottom:8px}.continue-delete-btn{border-color:var(--danger);color:var(--danger)}.continue-delete-btn:hover{background:#ff4d6a26;box-shadow:0 0 12px #ff4d6a66}.custom-map-card{border-color:#b84dff}.custom-map-card:hover{border-color:#b84dff;background:#b84dff0f;box-shadow:0 0 16px #b84dff40}.custom-map-badge{color:#b84dff}.custom-map-card .continue-delete-btn{margin-top:6px}.map-editor-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;border-style:dashed}.map-editor-plus{font-size:36px;line-height:1;color:var(--cyan);text-shadow:0 0 10px var(--cyan);margin-bottom:8px}.map-editor-card .map-name{margin-bottom:0}#editorOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ad9;display:flex;align-items:center;justify-content:center;z-index:30}#editorOverlay[hidden]{display:none}#editorCard{width:min(1100px,95vw);height:min(720px,90vh);height:min(720px,90dvh);display:flex;flex-direction:column;border:1px solid var(--cyan);border-radius:8px;background:var(--panel);box-shadow:0 0 40px #39e8ff4d;padding:20px 24px}#editorMain{flex:1;display:flex;gap:16px;min-height:0}#editorCanvasWrap{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#060a14;border:1px solid var(--cyan-dim);border-radius:6px;padding:8px}#editorCanvas{display:block;background:#060a14;cursor:crosshair}#editorSidebar{width:240px;flex:0 0 240px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.editor-label{font-size:12px;letter-spacing:1px;color:var(--text-muted)}#editorMapName{background:#39e8ff0d;color:var(--text);border:1px solid var(--cyan-dim);border-radius:4px;padding:7px 10px;font-family:inherit;font-size:14px}#editorMapName:focus{outline:none;border-color:var(--cyan)}.editor-status{font-size:13px;color:var(--text-muted);line-height:1.4;min-height:36px;margin:0}.editor-status.ok{color:var(--good)}.editor-status.warn{color:var(--warn)}.editor-status.error{color:var(--danger)}.editor-btn-row{display:flex;gap:8px}.editor-btn-row button{flex:1;font-size:13px;padding:7px}#editorPlayBtn,#editorCopyBtn{width:100%}#helpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ad9;display:flex;align-items:center;justify-content:center;z-index:30}#helpOverlay[hidden]{display:none}#helpCard{width:min(1040px,92vw);max-height:86vh;max-height:86dvh;overflow-y:auto;border:1px solid var(--cyan);border-radius:8px;background:var(--panel);box-shadow:0 0 40px #39e8ff4d;padding:20px 24px}.help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.help-header h1{font-size:22px;color:var(--cyan);text-shadow:0 0 10px var(--cyan);letter-spacing:2px;margin:0}.help-header button{font-size:13px;padding:6px 12px}.help-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--cyan-dim);padding-bottom:14px;flex-wrap:wrap}.help-tab-btn{font-size:13px;padding:7px 14px}.help-panel[hidden]{display:none}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 20px}.howto-category{grid-column:1 / -1;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin:10px 0 -2px;padding-bottom:6px;border-bottom:1px solid var(--cyan-dim)}.howto-category:first-child{margin-top:0}.howto-section{background:#39e8ff08;border:1px solid var(--cyan-dim);border-radius:8px;padding:14px 16px}.howto-section h3{font-size:14px;color:var(--cyan);text-shadow:0 0 6px rgba(57,232,255,.4);margin:0 0 8px}.howto-section p{font-size:13px;color:var(--text);line-height:1.6;margin:0 0 8px}.howto-section p:last-child{margin-bottom:0}.howto-section ul{margin:0;padding-left:18px}.howto-section ul:not(:first-child){margin-top:8px}.howto-section li{font-size:13px;color:var(--text);line-height:1.6;margin-bottom:5px}.howto-section li:last-child{margin-bottom:0}.howto-section li strong{color:var(--cyan)}.help-row{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--cyan-dim)}.help-row:first-of-type{border-top:none}.help-icon{flex-shrink:0;width:36px;height:36px}.help-row-name{font-size:15px;margin-bottom:2px}.help-row-stats{font-size:13px;color:var(--text-muted);margin-bottom:3px}.help-row-desc{font-size:13px;color:var(--text-muted);line-height:1.4}.help-row-matchup{font-size:13px;margin-bottom:3px}.help-row-matchup .strong{color:var(--good)}.help-row-matchup .weak{color:var(--danger)}.boss-badge{display:inline-block;white-space:nowrap;font-size:11px;font-weight:700;color:#ff39d6;border:1px solid #ff39d6;border-radius:3px;padding:1px 4px;margin-left:4px;letter-spacing:1px}.help-note{font-size:13px;color:var(--text-muted);line-height:1.4;margin-top:12px}#game,#editorCanvas{touch-action:none}button,.donate-btn,.tower-btn,.trap-btn,.map-card{touch-action:manipulation}@media(max-width:820px){html,body{overflow-y:auto}#app{height:auto;min-height:100vh;min-height:100dvh}#hud{grid-template-columns:1fr;row-gap:8px;padding:8px 10px}.hud-left,.hud-right{justify-content:center;flex-wrap:wrap;gap:8px}.hud-left{order:1}.hud-center{order:2}.hud-right{order:3}.stat{font-size:13px;padding:3px 7px}.brand{font-size:14px}button,.donate-btn{font-size:13px;padding:9px 14px;min-height:40px}.icon-btn{min-width:46px;min-height:40px}#main{flex-direction:column;overflow-y:visible}#canvasWrap{flex:none;width:100%;height:50vh;height:50dvh;padding:4px}#sidebar{width:100%;flex:none;border-left:none;border-top:1px solid var(--cyan-dim);max-height:none;display:flex;flex-direction:column}#infoPanel{order:-1;margin-top:0;margin-bottom:16px;padding-top:0;padding-bottom:14px;border-top:none;border-bottom:1px solid var(--cyan-dim)}.tower-btn,.trap-btn{padding:10px}.swatch{width:36px;height:36px}.map-select-topbar{padding:10px;gap:6px}.map-select-topbar .donate-btn,.map-select-topbar .home-btn,.map-select-topbar button{font-size:12px;padding:7px 10px;min-height:0}.map-card{width:100%;max-width:320px}#editorCard,#helpCard{padding:14px 16px}#editorMain{flex-direction:column}#editorCanvasWrap{height:38vh;height:38dvh}#editorSidebar{width:100%;flex:none}}