:root{--bg: #0f1b2a;--panel: #141f33;--line: #2f435f;--text: #eaf2ff;--muted: #8ea0bf;--accent: #78c8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#182a47,var(--bg) 52%);color:var(--text)}#poolCanvas{width:100%;height:clamp(260px,52vh,560px);border:2px solid var(--line);border-radius:14px;display:block;background:#0c7a43;touch-action:none}.app-shell{width:min(1100px,calc(100% - 28px));margin:14px auto;display:flex;flex-direction:column;gap:12px}.top-card,.game-card,.hud-item,button,.power-control{background:#141f33e6;border:1px solid var(--line)}.top-card,.game-card,.power-control{border-radius:16px;padding:12px;box-shadow:0 14px 34px #00000040}h1{margin:.1rem 0 .25rem;font-size:1.5rem}p{margin:.25rem 0;color:var(--muted)}.badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.badges span,.hud-item div,#status{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:10px;background:#0b1c33;border:1px solid var(--line);color:#d9e7ff;font-size:.95rem}.hud{margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.hud-item{border-radius:12px;padding:8px}.hud-item label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.hud-item div{margin-top:6px;padding:0;background:none;border:0;justify-content:flex-start;font-size:.95rem;line-height:1.35}.controls{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shoot-btn{background:linear-gradient(135deg,#ffd86f,#ff9a5a);min-width:112px}button{color:#071426;border-radius:999px;padding:10px 14px;font-weight:700;background:linear-gradient(130deg,#79e0c9,#79b8ff);cursor:pointer}.control-help{flex:1;color:#a6b7d6;font-size:.86rem}.tips{color:#a6b7d6;font-size:.87rem;margin:10px 0 0}.power-title{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.power-row{display:flex;align-items:center;gap:10px}#powerPanel{margin-top:6px}.power-track{position:relative;flex:1;height:132px;border-radius:12px;background:linear-gradient(to top,#0f1824cc,#0a121cf2);border:1px solid #355173;overflow:hidden;touch-action:none}.power-fill{position:absolute;left:0;bottom:0;width:100%;height:45%;background:linear-gradient(to top,#61d5ff,#d7fdff)}.power-handle{position:absolute;left:50%;transform:translate(-50%,-50%);width:28px;height:18px;border-radius:12px;background:#e9f5ff;border:2px solid #5dc0ff}#powerMinus,#powerPlus{width:36px;border-radius:999px;border:1px solid #7ec4f9;background:linear-gradient(160deg,#bff1ff,#7bc6ff);color:#06122a;font-size:1.2rem;padding:0;height:36px;flex-shrink:0}@media(max-width:760px){.app-shell{width:calc(100% - 12px);margin:6px auto 10px;gap:8px}.top-card,.game-card,.power-control{padding:10px;border-radius:14px}h1{font-size:1.25rem}.badges{grid-template-columns:1fr}.hud{grid-template-columns:1fr;gap:6px}.hud-item{padding:7px 8px}.controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.control-help{grid-column:1 / -1;font-size:.82rem}.controls button{width:100%;min-height:44px}#poolCanvas{height:clamp(220px,42vh,360px)}#powerPanel{margin-top:2px}.power-row{gap:8px}.power-track{height:112px}#powerMinus,#powerPlus{width:44px;height:44px}}