*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#0b0d12;color:#dde2ea;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}button{background:#2563eb;border:none;border-radius:6px;color:#fff;padding:8px 14px;font-size:14px;cursor:pointer}button:hover:not(:disabled){background:#3b82f6}button:disabled{background:#2a3140;color:#6b7484;cursor:default}button.secondary{background:#353c49}button.secondary:hover:not(:disabled){background:#424a59}button.danger{background:#7a2f33}button.danger:hover:not(:disabled){background:#a23a3f}button.big{font-size:17px;padding:12px 22px}button.active{outline:2px solid #8ab8ff;background:#3b82f6}input,select{background:#11151c;border:1px solid #303744;border-radius:6px;color:#dde2ea;padding:8px 10px;font-size:14px}input:focus,select:focus{outline:1px solid #2563eb}.muted{color:#79828f}.ok{color:#5fd47a}.screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 16px 60px}.title{font-size:56px;letter-spacing:12px;margin:0;color:#f1f5fb;text-shadow:0 0 24px rgba(80,140,255,.45)}.title.small{font-size:32px;letter-spacing:8px}.card{background:#161a22;border:1px solid #262d3a;border-radius:10px;padding:18px 20px;width:min(560px,92vw);display:flex;flex-direction:column;gap:10px}.card h2{margin:0 0 4px;font-size:17px}.row{display:flex;gap:10px;align-items:center}#auth-form{display:flex;flex-direction:column;gap:10px}.auth-msg{font-size:13px;padding:6px 10px;border-radius:6px;background:#3a2226;color:#ffb4b8;border:1px solid #5a2f34}.auth-msg.ok{background:#1d2e22;color:#9be8b0;border-color:#2f5a3c}.auth-hint{font-size:12px}.field{display:flex;align-items:center;gap:10px;justify-content:space-between}.game-row,.slot-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:#11151c;border-radius:6px}#conn-status{min-height:20px}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0}#game-canvas canvas{display:block}#version-tag{position:fixed;right:10px;bottom:8px;font-size:11px;color:#5a6272}#board-overlays{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.board-overlay{position:absolute;border:1px solid #1b212c}.board-overlay.mine{border:1px solid #3b82f6}@keyframes hitflash{0%{box-shadow:inset 0 0 0 9px #e5484d,inset 0 0 70px #e5484dbf}to{box-shadow:inset 0 0 0 9px #e5484d00,inset 0 0 70px #e5484d00}}.board-overlay.hitflash{animation:hitflash 1.1s ease-out}.board-label{position:absolute;top:6px;left:8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;font-size:20px;color:#e7ecf4;text-shadow:0 1px 3px #000;background:#080a0e8c;border-radius:5px;padding:5px 12px}.board-label b{font-variant-numeric:tabular-nums}.board-label .bl-lives{color:#ff8a8f}.board-label .bl-lives b{color:#ff5d64}.board-label .stat b{color:#ffd866}.board-label .bl-income b{color:#9be8b0}.board-dead{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:68px;font-weight:700;letter-spacing:6px;color:#ff5d64;text-shadow:0 2px 10px #000;background:#0a060873}#hud-top{position:fixed;top:8px;left:50%;transform:translate(-50%);background:#080a0eb3;border:1px solid #262d3a;border-radius:7px;padding:5px 14px;font-size:15px;pointer-events:none}#toolbar{position:fixed;left:10px;bottom:8px;display:flex;flex-direction:column;align-items:center;gap:7px;background:#0a0d12e0;border:1px solid #262d3a;border-radius:9px;padding:8px 14px;max-width:calc(60vw - 18px)}#toolbar .stat{font-size:17px}#toolbar .stat b{color:#ffd866}#toolbar #tb-income{color:#9be8b0}#game-menu{position:fixed;top:8px;right:calc(40vw + 8px);display:flex;gap:8px;background:#0a0d12e0;border:1px solid #262d3a;border-radius:9px;padding:6px 8px}.tower-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 7px;font-size:12px;background:#353c49;border:1px solid transparent}.tower-btn:hover:not(:disabled){background:#424a59}.tower-btn.buyable{background:#244a30;border-color:#4caf6a}.tower-btn.buyable:hover{background:#2c5a3a}.tower-btn.active{background:#3b82f6;border-color:#8ab8ff}.tw-ico{width:18px;height:18px;display:block;flex:none}#tb-towers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#tb-units{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.unit-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 7px;font-size:11px;background:#353c49}.unit-btn:hover:not(:disabled){background:#424a59}.unit-btn .dot{width:9px;height:9px;border-radius:50%;flex:none}#dev-hud{position:fixed;top:6px;left:6px;z-index:50;padding:4px 8px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.4;color:#9be29b;background:#0a0d12c7;border:1px solid #2c5a2c;border-radius:5px;white-space:pre;pointer-events:none}#tower-panel{position:fixed;left:10px;bottom:84px;max-width:calc(60vw - 18px);display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#0a0d12eb;border:1px solid #3a4150;border-radius:9px;padding:8px 14px;font-size:14px}#toolbar.viewer #hud-status,#toolbar.viewer #tb-towers,#toolbar.viewer #tb-units{display:none}#hud-status{display:flex;align-items:center;justify-content:center;gap:20px}#hud-lives{font-size:17px;color:#ff8a8f}#hud-lives b{color:#ff5d64}#hud-status b{font-variant-numeric:tabular-nums}#tb-credits,#tb-income{display:inline-block;min-width:3.5ch;text-align:right}#round-timer{display:flex;gap:3px}#round-timer .blk{width:8px;height:12px;border-radius:2px;background:#2a313d}#round-timer .blk.on{background:#7cc6ff}#round-timer .blk.low{background:#e5894d}#pause-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:34px;font-weight:700;color:#cfe0ff;text-shadow:0 3px 14px #000;background:#080a0eb3;border:1px solid #3a4150;border-radius:12px;padding:18px 36px;pointer-events:none}#pause-overlay .pause-sub{display:block;margin-top:6px;font-size:16px;font-weight:400;color:#9aa6b8}#banner{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;font-size:84px;font-weight:700;color:#ffd866;text-shadow:0 3px 14px #000;background:#080a0ebf;border:1px solid #3a4150;border-radius:12px;padding:22px 40px;pointer-events:none}#banner button{pointer-events:auto;font-size:18px;font-weight:600;text-shadow:none;padding:10px 26px}#confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#05070b9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-box{width:min(380px,90vw);background:#161a22;border:1px solid #2c3340;border-radius:12px;padding:22px 24px 18px;box-shadow:0 18px 48px #0000008c;text-align:center}.confirm-box h2{margin:0 0 8px;font-size:20px;color:#f1f5fb}.confirm-box p{margin:0 0 20px;font-size:14px;line-height:1.5;color:#9aa6b8}.confirm-actions{display:flex;gap:10px}.confirm-actions button{flex:1;padding:10px 14px}#editor-canvas{position:fixed;top:0;right:0;bottom:0;left:0}#editor-canvas canvas{display:block}#editor-bar{position:fixed;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:97vw;background:#0a0d12eb;border:1px solid #262d3a;border-radius:9px;padding:8px 12px;font-size:13px}#editor-bar input,#editor-bar select{padding:5px 8px;font-size:13px}#editor-bar #ed-name{width:150px}#editor-bar .ed-size{display:flex;align-items:center;gap:4px;color:#79828f}#editor-bar .ed-size input{width:56px}#editor-bar .sep{width:1px;height:22px;background:#303744}#editor-bar .grow{flex:1;min-width:6px}#ed-status.ok{color:#5fd47a}#ed-status.bad{color:#ff5d64;font-weight:700}.pal-btn{display:flex;align-items:center;gap:5px;padding:5px 9px;font-size:12px;background:#353c49}.pal-btn:hover:not(:disabled){background:#424a59}.pal-btn .dot{width:9px;height:9px;border-radius:50%;flex:none}.pal-btn.active{outline:2px solid #8ab8ff;background:#3b82f6}#editor-hint{position:fixed;bottom:10px;left:12px;font-size:12px;pointer-events:none}#toast{position:fixed;bottom:160px;left:50%;transform:translate(-50%);background:#7a2f35;color:#ffe5e7;border-radius:8px;padding:10px 18px;font-size:14px;z-index:50;pointer-events:none}