:root{--bg: #0e1622;--panel: rgba(15, 24, 38, .88);--line: #2b415d;--text: #eaf2ff;--muted: #9caecc;--accent: #78c8ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1a2c4a,var(--bg) 55%);color:var(--text)}.app-shell{width:min(1180px,calc(100% - 18px));margin:8px auto 12px;display:grid;gap:10px}.top-card,.game-card,.hud-item,button{background:var(--panel);border:1px solid var(--line)}.top-card,.game-card{border-radius:18px;padding:10px 12px;box-shadow:0 16px 38px #00000040}h1{margin:0 0 .15rem;font-size:1.35rem}p{margin:0;color:var(--muted)}.badges{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:8px}.badges span,.hud-item div{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border-radius:12px;background:#0b1c33;border:1px solid var(--line);color:#d9e7ff;font-size:.95rem}#poolCanvas{width:100%;height:clamp(360px,68vh,760px);border:1px solid var(--line);border-radius:16px;display:block;background:#0c7a43;touch-action:none}.hud{margin-top:10px;display:grid;grid-template-columns:.8fr .8fr 2fr;gap:8px}.hud-item{border-radius:14px;padding:8px 10px}.hud-item label{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.hud-item div{margin-top:6px;background:none;border:0;justify-content:flex-start;min-height:0;padding:0;line-height:1.35}.controls{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}button{color:#071426;border-radius:999px;padding:10px 15px;font-weight:800;background:linear-gradient(130deg,#79e0c9,#79b8ff);cursor:pointer}.control-help,.tips{color:#a8b9d7;font-size:.88rem}.control-help{flex:1;min-width:220px}.tips{margin-top:10px}@media(max-width:760px){.app-shell{width:calc(100% - 8px);margin:4px auto 8px;gap:6px}.top-card,.game-card{padding:8px;border-radius:14px}h1{font-size:1.08rem}p{font-size:.9rem}.badges{grid-template-columns:1fr;gap:6px}.badges span{min-height:38px}#poolCanvas{height:min(74vh,520px);border-radius:14px}.hud{grid-template-columns:1fr;gap:6px;margin-top:8px}.hud-item{padding:7px 8px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.controls button{width:100%;min-height:44px}.control-help,.tips{grid-column:1 / -1;font-size:.82rem;line-height:1.35}}