:root{--bg: #000000;--surface: #100c0a;--surface-raised: #1b1613;--border: #2c2a27;--border-strong: #4a473f;--text: #ffffff;--text-muted: #a39a96;--text-dim: #6e6862;--accent: #e6b83e;--accent-dim: #b08a22;--gold: #ffd257;--silver: #cfd5dc;--silver-dim: #8b9299;--brand-gold: #e6b83e;--ev-strong: #1aff5e;--ev-moderate: #ff9e2f;--ev-neutral: #ffffff;--ev-negative: #ff5470;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--font-ui: "Inter", "DM Sans", system-ui, sans-serif;--font-display: "Barlow Condensed", "Oswald", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:radial-gradient(1200px 600px at 0% 0%,rgba(230,184,62,.06) 0%,transparent 62%),radial-gradient(900px 500px at 100% 100%,rgba(255,158,47,.04) 0%,transparent 62%),var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.display{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase}button{font-family:inherit;cursor:pointer;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-raised) 50%,var(--surface) 100%);background-size:800px 100%;animation:shimmer 1.8s linear infinite;border-radius:6px}@keyframes pulseUpdate{0%{background-color:#e6b83e4d}to{background-color:transparent}}.pulse-update{animation:pulseUpdate .9s ease-out}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #e6b83e99,0 0 12px #e6b83ed9}50%{opacity:.7;box-shadow:0 0 0 6px #e6b83e00,0 0 12px #e6b83e66}}@media (max-width: 720px){.how-it-works-grid{grid-template-columns:1fr!important}}@keyframes landing-drift{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-12px) translate(4px)}to{transform:translateY(8px) translate(-2px)}}@media (prefers-reduced-motion: reduce){@keyframes landing-drift{0%,50%,to{transform:none}}}.container{max-width:1680px;margin:0 auto;padding:16px 24px 48px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-only{display:none}.desktop-only{display:initial}@media (max-width: 768px){.mobile-only{display:initial}.desktop-only{display:none!important}}@media (max-width: 768px){html,body{font-size:13px;line-height:1.5}.container{padding-top:14px!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-bottom:max(40px,env(safe-area-inset-bottom))!important;padding-left:max(16px,env(safe-area-inset-left))!important;max-width:100%!important}[data-testid=slate-grid]{grid-template-columns:1fr!important;gap:16px!important}main>nav{overflow-x:auto!important;overflow-y:hidden;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px!important}main>nav::-webkit-scrollbar{display:none}main>nav>*{flex-shrink:0!important}main>nav button{padding:8px 10px!important;font-size:11px!important;letter-spacing:.06em!important}[data-testid=open-settings]{padding:6px 10px!important;font-size:10px!important}table,[data-testid$=-table]{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}[data-testid=prop-cards-grid],[data-testid=props-grid]{grid-template-columns:1fr!important;gap:10px!important}[data-testid=top-parlay]>div{grid-template-columns:1fr!important}[data-testid=top-parlay] header{flex-wrap:wrap;gap:6px!important}h1{font-size:19px!important;letter-spacing:.01em!important}h2{font-size:15px!important}main>footer{flex-wrap:wrap!important;gap:8px!important;font-size:9px!important;text-align:left}main>footer>div[style*="flex: 1"]{display:none}[data-testid=game-card] img{max-width:100%;height:auto}.num{word-break:keep-all}}@media (max-width: 400px){.container{padding-top:12px!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-bottom:max(32px,env(safe-area-inset-bottom))!important;padding-left:max(12px,env(safe-area-inset-left))!important}main>nav button{padding:7px 8px!important;font-size:10px!important}h1{font-size:18px!important}}input,select,textarea{font-size:16px}