*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;scrollbar-gutter:stable}body{min-height:100vh;min-height:100dvh}img,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:root{--bg-primary: #0f1117;--bg-page: #0f1117;--bg-card: #1a1d27;--bg-elevated: #242836;--bg-input: #1e2130;--bg-hover: #2a2e3e;--bg-active: #333850;--border-default: #2e3348;--border-focus: #3b82f6;--border-subtle: #232740;--text-primary: #f1f3f9;--text-secondary: #9ca3bc;--text-tertiary: #6b7194;--text-inverse: #0f1117;--text-disabled: #4a5072;--accent-green: #22c55e;--accent-green-dim: rgba(34, 197, 94, .15);--accent-red: #ef4444;--accent-red-dim: rgba(239, 68, 68, .15);--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .15);--accent-blue: #3b82f6;--accent-blue-dim: rgba(59, 130, 246, .15);--accent-purple: #8b5cf6;--accent-purple-dim: rgba(139, 92, 246, .15);--status-live: #ef4444;--status-upcoming: #3b82f6;--status-completed: #6b7194;--status-draft: #9ca3bc;--btn-primary-bg: #3b82f6;--btn-primary-text: #ffffff;--btn-primary-hover: #2563eb;--btn-secondary-bg: #242836;--btn-secondary-text: #f1f3f9;--btn-secondary-hover: #2a2e3e;--btn-danger-bg: #ef4444;--btn-danger-text: #ffffff;--btn-danger-hover: #dc2626;--btn-success-bg: #22c55e;--btn-success-text: #ffffff;--btn-success-hover: #16a34a;--scrollbar-track: #1a1d27;--scrollbar-thumb: #2e3348}body{font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-score{font-size:4.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.text-heading{font-size:2rem;font-weight:700;line-height:1.2}.text-subhead{font-size:1.5rem;font-weight:600;line-height:1.3}.text-body{font-size:1rem;font-weight:400}.text-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.text-caption{font-size:.75rem;color:var(--text-tertiary)}.text-success{color:var(--accent-green)}.text-danger{color:var(--accent-red)}.text-warning{color:var(--accent-amber)}.text-info{color:var(--accent-blue)}.text-muted{color:var(--text-secondary)}.tabular-nums{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes score-flash{0%{background-color:var(--accent-green-dim)}to{background-color:transparent}}@keyframes pulse-live{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}@keyframes celebration-pop{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:1024px){app-bottom-nav{display:none!important}}