:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0d1117;color:#e6edf3}.pool-app{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;min-height:100vh;gap:1rem}.pool-header{display:flex;align-items:center;gap:2rem}.pool-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#58a6ff,#3fb950);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reset-btn{background:#ffffff14;color:#8b949e;border:1px solid rgba(255,255,255,.1);padding:.35rem .9rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ffffff24;color:#e6edf3}.scoreboard{display:flex;align-items:center;gap:2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem 1.5rem}.score-group{display:flex;flex-direction:column;align-items:center;gap:.3rem}.score-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#8b949e;font-weight:600}.score-dots{display:flex;gap:5px}.dot{width:14px;height:14px;border-radius:50%;opacity:.25;border:1.5px solid rgba(255,255,255,.15);transition:all .3s}.dot.pocketed{opacity:1;border-color:#fff6;box-shadow:0 0 6px #fff3}.turn-info{min-width:80px;text-align:center}.turn-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:.2rem .6rem;border-radius:4px}.turn-badge.solids{background:#1a5bb433;color:#58a6ff;border:1px solid rgba(26,91,180,.3)}.turn-badge.stripes{background:#f5c51826;color:#f5c518;border:1px solid rgba(245,197,24,.3)}.canvas-wrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000080,0 0 0 2px #ffffff0f,inset 0 0 60px #0000004d;max-width:100%}.pool-canvas{display:block;max-width:100%;height:auto;cursor:crosshair;touch-action:none}.message-bar{min-height:1.6rem;text-align:center}.game-over-msg{font-size:1.1rem;font-weight:700;color:#f85149;text-shadow:0 0 10px rgba(248,81,73,.3)}.placing-msg{font-size:.9rem;color:#f0883e}.hint-msg{font-size:.85rem;color:#8b949e}.instructions{display:flex;gap:.5rem;font-size:.75rem;color:#484f58;flex-wrap:wrap;justify-content:center}.instructions .sep{color:#30363d}@media(max-width:700px){.pool-app{padding:.8rem .4rem;gap:.6rem}.pool-header h1{font-size:1.2rem}.scoreboard{gap:1rem;padding:.4rem .8rem;flex-wrap:wrap;justify-content:center}.dot{width:11px;height:11px}.instructions{font-size:.65rem}}