:root{color-scheme:dark}html,body{margin:0;height:100%;overflow:hidden;background:#0b1220;color:#cbd5e1;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{position:relative;width:100vw;height:100vh}game-board canvas,canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none;z-index:1}canvas.dragging{cursor:grabbing}.hud{position:absolute;top:12px;left:12px;z-index:10;background:#0f172acc;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:8px 12px;font-size:13px;pointer-events:none}.hud b{color:#e2e8f0}#sel{position:absolute;right:12px;top:12px;z-index:10;background:#0f172acc;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:8px 12px;font-size:13px;min-width:170px;pointer-events:none}#sel .recruit{pointer-events:auto;display:block;width:100%;margin-top:4px;background:#1e293bf2;color:#ffd76a;border:1px solid rgba(255,215,106,.4);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;text-align:left}#sel .recruit:hover{background:#334155f2}.dbg-hud{position:fixed;top:8px;left:8px;z-index:50;font:12px monospace;background:#0009;color:#9fe;padding:4px 8px;border-radius:4px}.toolbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px}.toolbar button{background:#0f172ae6;color:#e2e8f0;border:1px solid rgba(148,163,184,.35);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.toolbar button:hover{background:#1e293bf2}.toolbar button:disabled{opacity:.6;cursor:default}.toolbar button.waiting{color:#fbbf24;border-color:#fbbf2480;animation:endPulse 1.1s ease-in-out infinite}@keyframes endPulse{0%,to{opacity:.55}50%{opacity:1}}game-mode{display:block}game-mode[hidden]{display:none}#mode{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;width:min(340px,88vw);background:#0f172af7;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:18px 20px;font-size:13px;color:#cbd5e1}#mode[hidden]{display:none}#mode h3{margin:0 0 12px;color:#e2e8f0}#mode .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}#mode .row span{opacity:.8}#mode select,#mode input[type=text],#mode input:not([type]){background:#1e293bf2;color:#e2e8f0;border:1px solid rgba(148,163,184,.35);border-radius:8px;padding:6px 10px;font-size:13px;width:55%}#mode .modes{display:flex;gap:6px;margin:2px 0 14px}#mode .modebtn{flex:1;position:relative;cursor:pointer}#mode .modebtn input{position:absolute;opacity:0;width:0;pointer-events:none}#mode .modebtn span{display:block;text-align:center;padding:8px 4px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#16202e;color:#e2e8f0b3;font-size:12px;transition:all .12s}#mode .modebtn input:checked+span{border-color:#60a5fab3;background:#1d4ed8;color:#fff}#mode .sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:2px 0 14px}#mode .size{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}#mode .size input{position:absolute;opacity:0;width:0;pointer-events:none}#mode .size .thumb{width:100%;max-width:58px;aspect-ratio:1 / 1;border-radius:8px;border:2px solid rgba(148,163,184,.22);background-color:#16202e;display:flex;align-items:center;justify-content:center;font-size:20px;color:#60a5fa80;transition:border-color .12s,box-shadow .12s}#mode .thumb .mini{border-radius:2px;border:1px solid rgba(226,232,240,.25);background-image:linear-gradient(rgba(226,232,240,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.22) 1px,transparent 1px);background-size:5px 5px}#mode .thumb[data-map=tiny] .mini{width:34%;height:34%}#mode .thumb[data-map=small] .mini{width:46%;height:46%}#mode .thumb[data-map=normal] .mini{width:58%;height:58%}#mode .thumb[data-map=large] .mini{width:70%;height:70%}#mode .thumb[data-map=huge] .mini{width:84%;height:84%}#mode .thumb[data-map=infinite]{background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.32),transparent 72%)}#mode .size em{font-style:normal;font-size:10.5px;opacity:.65}#mode .size input:checked+.thumb{border-color:#ffd76a;box-shadow:0 0 0 2px #ffd76a47}#mode .size input:checked~em{color:#ffd76a;opacity:1}#mode .toggle{position:relative;width:42px;height:23px;flex:none;cursor:pointer}#mode .toggle input{position:absolute;opacity:0;width:0;pointer-events:none}#mode .toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#94a3b84d;transition:background .15s}#mode .toggle .slider:before{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .15s}#mode .toggle input:checked+.slider{background:#1d4ed8}#mode .toggle input:checked+.slider:before{transform:translate(19px)}#mode button.start{width:100%;margin-top:6px;background:#1d4ed8;color:#fff;border:1px solid rgba(96,165,250,.5);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}#mode button.start:disabled{opacity:.6;cursor:default}#mode .status{margin-top:8px;min-height:1.2em;font-size:12px;opacity:.75}