:root{--bg: #08111a;--panel: rgba(13, 25, 37, .92);--line: rgba(107, 144, 182, .28);--text: #ebf3ff;--muted: #9bb2ce;--accent: #86d9ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(51,90,143,.36),transparent 30%),radial-gradient(circle at 80% 20%,rgba(33,128,116,.24),transparent 32%),linear-gradient(180deg,#0b1622,#060b11 72%)}body{padding:10px}.page{width:min(1240px,100%);min-height:calc(100dvh - 20px);margin:0 auto;display:grid;gap:12px;grid-template-rows:auto minmax(0,1fr)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{margin:0;letter-spacing:.02em}p{margin:6px 0 10px;color:var(--muted)}.stats{display:flex;flex-wrap:wrap;gap:8px}.stats span{background:#07101beb;padding:7px 11px;border-radius:999px;border:1px solid rgba(105,142,178,.24);color:#dbe8fb;font-size:.95rem}.game-wrap{padding:12px;min-height:0;display:flex;flex-direction:column}#poolCanvas{width:100%;aspect-ratio:2.08 / 1;max-height:min(78dvh,900px);display:block;border-radius:18px;background:#0d5638;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 50px #00000052;touch-action:none}.controls{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}button{appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,#8ce4ff,#7ea6ff);color:#06111d;font-weight:800;letter-spacing:.01em;padding:10px 15px;cursor:pointer;box-shadow:0 10px 24px #5888ff3d}button:hover{filter:brightness(1.04)}.msg{color:#d7e8ff}.note{color:#afc4df;margin-top:10px}@media(max-width:700px){body{padding:4px}.page{min-height:calc(100dvh - 8px);gap:6px}.panel{padding:8px 10px;border-radius:14px}h1{font-size:1.15rem}p{margin:4px 0 8px;font-size:.92rem}.stats{gap:6px}.stats span{flex:1 1 calc(50% - 6px);min-width:0;border-radius:12px;font-size:.88rem;padding:6px 9px}.game-wrap{padding:8px}#poolCanvas{aspect-ratio:auto;height:min(72dvh,560px);min-height:320px;border-radius:14px}.controls{gap:10px;margin-top:10px}button{padding:10px 14px}.msg,.note{font-size:.9rem}}