: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:#0a0a0a;color:#fafafa}.game-container{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:.75rem;min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#111)}.game-header{display:flex;align-items:center;gap:2rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.scoreboard{display:flex;align-items:center;gap:1.5rem}.team-score{display:flex;flex-direction:column;align-items:center;gap:.25rem}.team-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;opacity:.6}.score-num{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.team-score.home .score-num{color:#4ade80}.team-score.away .score-num{color:#f87171}.vs{font-size:.8rem;font-weight:700;opacity:.4;letter-spacing:.1em}.shot-clock{font-size:.85rem;font-weight:600;color:#facc15;font-variant-numeric:tabular-nums}.court{position:relative;width:800px;height:500px;background:linear-gradient(135deg,#1a3a1a,#2d5a2d,#1a3a1a);border:3px solid #8b6914;border-radius:12px;overflow:hidden;box-shadow:0 0 40px #8b69144d,inset 0 0 80px #0000004d}.court-line{position:absolute;border:2px solid rgba(255,255,255,.2)}.center-circle{width:100px;height:100px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.half-court{width:2px;height:100%;left:50%;top:0;transform:translate(-50%);border:none;border-left:2px solid rgba(255,255,255,.2)}.left-three,.right-three{width:180px;height:300px;top:50%;transform:translateY(-50%);border-radius:0 50% 50% 0;border-left:none}.left-three{left:0;border-radius:0 50% 50% 0}.right-three{right:0;border-radius:50% 0 0 50%;border-right:none}.left-paint,.right-paint{width:120px;height:180px;top:50%;transform:translateY(-50%)}.left-paint{left:0;border-left:none}.right-paint{right:0;border-right:none}.hoop{position:absolute;font-size:2rem;z-index:5;filter:drop-shadow(0 0 8px rgba(255,165,0,.6));animation:hoop-glow 2s ease-in-out infinite alternate}@keyframes hoop-glow{0%{filter:drop-shadow(0 0 6px rgba(255,165,0,.4))}to{filter:drop-shadow(0 0 14px rgba(255,165,0,.8))}}.player{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;z-index:10;transition:transform .05s;cursor:default}.player.home{background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);border:2px solid rgba(74,222,128,.5)}.player.away{background:radial-gradient(circle,rgba(248,113,113,.3) 0%,transparent 70%);border:2px solid rgba(248,113,113,.5)}.player.lebron{background:radial-gradient(circle,rgba(250,204,21,.4) 0%,transparent 70%);border:2px solid rgba(250,204,21,.7);box-shadow:0 0 12px #facc1566;z-index:15}.player-emoji{font-size:1.5rem;line-height:1}.lebron-label{position:absolute;bottom:-16px;font-size:.5rem;font-weight:700;color:#facc15;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.ball{position:absolute;border-radius:50%;z-index:20;background:radial-gradient(circle at 35% 35%,#ff8c00,#c50);box-shadow:0 2px 6px #0006}.ball.shooting{background:radial-gradient(circle at 35% 35%,gold,#f60);box-shadow:0 0 12px #ffa50099;animation:ball-spin .2s linear infinite}@keyframes ball-spin{to{transform:rotate(360deg)}}.ball.held{box-shadow:0 0 8px #ffa50066}.message-bar{padding:.5rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;font-size:.9rem;color:#facc15;font-weight:600;min-height:2.2rem;display:flex;align-items:center;text-align:center}.controls-info{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;font-size:.75rem;opacity:.6}.control-group{display:flex;align-items:center;gap:.25rem}kbd{display:inline-block;padding:.1rem .4rem;font-family:ui-monospace,monospace;font-size:.7rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem}.player-legend{display:flex;gap:1.5rem;font-size:.75rem;opacity:.5}.legend-item{white-space:nowrap}.lebron-legend{color:#facc15}@media(max-width:850px){.court{width:95vw;height:59vw}.game-header{flex-direction:column;gap:.5rem}.controls-info{font-size:.65rem}}