:root{--bg-primary: #0f1219;--bg-secondary: #1a1f2e;--bg-tertiary: #242b3d;--bg-elevated: #2d3548;--bg-overlay: rgba(15, 18, 25, .92);--bg-glass: rgba(26, 31, 46, .85);--text-primary: #f0f2f5;--text-secondary: #a0a8b8;--text-muted: #636d80;--text-inverse: #0f1219;--accent-gold: #f5a623;--accent-gold-light: #ffc857;--accent-teal: #2dd4bf;--accent-teal-light: #5eead4;--accent-coral: #f87171;--accent-coral-light: #fca5a5;--accent-blue: #60a5fa;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-accent: var(--accent-gold);--count-ball: #22c55e;--count-strike: #ef4444;--count-out: #eab308;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(245, 166, 35, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(248, 250, 252, .92);--bg-glass: rgba(255, 255, 255, .85);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f8fafc;--accent-gold: #d97706;--accent-gold-light: #f59e0b;--accent-teal: #0d9488;--accent-teal-light: #14b8a6;--accent-coral: #dc2626;--accent-coral-light: #ef4444;--accent-blue: #2563eb;--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--border-accent: var(--accent-gold);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(217, 119, 6, .1);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary)}::selection{background:var(--accent-gold);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:760px){.hud-player-card{bottom:64px!important;left:8px!important;min-width:0!important;max-width:150px!important;padding:8px 10px!important;transform:scale(.85);transform-origin:bottom left}.hud-pitcher-card{left:auto!important;right:8px!important;transform-origin:bottom right}.hud-result-text{font-size:1.7rem!important;white-space:normal!important;text-align:center;max-width:92vw}.hud-pbp{top:76px!important;left:8px!important;width:200px!important}.hud-coach{display:none!important}.hud-steal{bottom:170px!important;left:8px!important}.hud-hint{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{width:100%;height:100%;position:relative}button{font-family:var(--font-sans);transition:all var(--transition-normal);cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes resultPop{0%{transform:scale(.5) translate(-50%,-50%);opacity:0}60%{transform:scale(1.08) translate(-50%,-50%);opacity:1}to{transform:scale(1) translate(-50%,-50%);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(540deg);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 4px var(--accent-gold)}50%{box-shadow:0 0 16px var(--accent-gold)}}.hit-flash{position:absolute;inset:0;pointer-events:none;z-index:500;animation:hitFlashFade .45s ease-out forwards}.hit-flash-contact{background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.22) 0%,transparent 55%)}.hit-flash-barrel{background:radial-gradient(ellipse at 50% 60%,rgba(255,215,0,.3) 0%,transparent 60%)}.hit-flash-homer{background:radial-gradient(ellipse at 50% 55%,rgba(255,180,0,.42) 0%,rgba(255,120,0,.15) 45%,transparent 70%)}@keyframes hitFlashFade{0%{opacity:1}to{opacity:0}}@media(max-width:768px){html{font-size:14px}}