:root{--stadium-night: #081220;--surface-primary: #0d1724;--surface-secondary: #111e2e;--pitch-white: #e8e8e8;--steel-blue: #1f2a44;--symbol-one: #c7ccd2;--symbol-two: #24a875;--symbol-four: #1677ff;--symbol-six: #d4af37;--wicket-red: #c62828;--powerplay-purple: #7c3aed;--powerplay-blue: #2563eb;--wild-white: #f5f7fa;--win-blue: #4da3ff;--gold-bright: #ffd76a;--red-bright: #ff4d42;--violet-bright: #a78bfa;--green-run: #3ddc97;--text-strong: #f5f7fa;--text: #d7dde6;--text-dim: #8b97a8;--hairline: rgba(255, 255, 255, .1);--hairline-strong: rgba(255, 255, 255, .18);--glass-top: rgba(22, 34, 54, .92);--glass-bottom: rgba(7, 13, 22, .94);--font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-ui: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--radius-s: 8px;--radius-m: 12px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-broadcast: cubic-bezier(.65, 0, .35, 1)}