@layer base{:root{--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong:cubic-bezier(.77, 0, .175, 1)}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;overflow-x:clip}:where(a,button,[role=button],input,select,textarea){-webkit-tap-highlight-color:transparent}:where(a,button,[role=button]):not([aria-disabled=true]){transition:transform .15s var(--ease-out-strong), background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease, filter .18s ease;transform-origin:50%}:where(a,button,[role=button]):not([aria-disabled=true]):active{transform:scale(.96)}:where(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #c3f400}:where(button,[role=button],input,select){min-height:44px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}img{border-color:#ffffff1a}}@layer utilities{.safe-area-bottom{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.content-auto{content-visibility:auto;contain-intrinsic-size:auto 720px}.scroll-edge-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}.guide-dither{background-image:radial-gradient(circle at 15% 20%,#c3f40038 0 1px,#0000 1.5px),radial-gradient(circle at 72% 48%,#4b8eff2e 0 1px,#0000 1.5px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");background-size:38px 38px,54px 54px,180px 180px}.tabular-nums{font-variant-numeric:tabular-nums}}.empty-state{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden;border-radius:24px!important}.empty-state:before{z-index:-2;content:"";opacity:.72;background:linear-gradient(90deg,#0b0d14f5,#0b0d14c2,#0b0d1459),url(/images/stadium-silhouette-1.webp) 50%/cover no-repeat;position:absolute;inset:0}.empty-state:after{z-index:-1;content:"";background:radial-gradient(circle at 50% 120%,#c3f40021,#0000 54%);position:absolute;inset:0}.skeleton{background:#ffffff13;position:relative;overflow:hidden}.skeleton:after{content:"";animation:skeleton-sweep 1.35s var(--ease-out-strong) infinite;background:linear-gradient(90deg,#0000,#ffffff17,#0000);position:absolute;inset:0;transform:translate(-100%)}.space-y-3:has(>div .skeleton)>div{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:184px;display:flex;position:relative;overflow:hidden;border-radius:20px!important;padding:20px!important}.space-y-3:has(>div .skeleton)>div:before{z-index:-2;content:"";opacity:.52;background:linear-gradient(90deg,#0b0d14f0,#0b0d14b8,#0b0d1457),url(/images/sports-bg-abstract.webp) 50%/cover no-repeat;position:absolute;inset:0}.space-y-3:has(>div .skeleton)>div:nth-child(2):before{background:linear-gradient(90deg,#0b0d14f0,#0b0d14b8,#0b0d1457),url(/images/sports-bg-hockey.webp) 50%/cover no-repeat}.space-y-3:has(>div .skeleton)>div:nth-child(3):before{background:linear-gradient(90deg,#0b0d14f0,#0b0d14b8,#0b0d1457),url(/images/sports-bg-football.webp) 50%/cover no-repeat}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (max-width:767px){input,select,textarea{font-size:16px}.sonner-toaster{right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;width:auto!important;left:12px!important}.empty-state{min-height:360px;padding:28px!important}.space-y-3:has(>div .skeleton)>div{min-height:210px}}@media (hover:hover) and (pointer:fine){:where(a,button,[role=button]):not([aria-disabled=true]):hover{will-change:transform}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:where(a,button,[role=button]):active{transform:none}}
:root{--background:#000;--foreground:#ebe9e6;--surface:#0d0e10;--surface-hover:#15171a;--surface-soft:#ffffff0b;--surface-elevated:#121419;--header-bg:#000000d6;--accent:#c3f400;--accent-vivid:#c3f400;--accent-fill:#c3f400;--accent-ink:#0b0d08;--muted:#8b929d;--muted-strong:#aeb4bf;--border:#fff1;--border-light:#ffffff1c;--focus-ring:#c3f400;--positive:#22c55e;--negative:#ef4444;--info:#4b8eff;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 8px 24px #0000003d;--shadow-md:0 18px 52px #00000057;--radius-control:12px;--radius-card:18px;--radius-panel:24px;--page-max:1500px;--page-gutter-mobile:16px;--page-gutter-tablet:24px;--page-gutter-desktop:32px;--section-gap-mobile:20px;--section-gap-desktop:36px;--ease-out-ui:cubic-bezier(.16, 1, .3, 1);--ease-in-out-ui:cubic-bezier(.65, 0, .35, 1);--duration-micro:.12s;--duration-ui:.18s;--duration-panel:.24s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light{--background:#f7f8fa;--foreground:#15171a;--surface:#fff;--surface-hover:#f1f3f5;--surface-soft:#0f172a0b;--surface-elevated:#fff;--header-bg:#ffffffeb;--accent:#627d00;--accent-vivid:#b6df18;--accent-fill:#b6df18;--accent-ink:#111708;--muted:#59616d;--muted-strong:#454d58;--border:#0f172a14;--border-light:#0f172a24;--focus-ring:#627d00;--positive:#15803d;--negative:#dc2626;--info:#2563eb;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 6px 20px #0f172a14, 0 1px 3px #0f172a0d;--shadow-md:0 18px 48px #0f172a1c, 0 2px 8px #0f172a0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:var(--background);color:var(--foreground);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--background);min-width:320px;color:var(--foreground)}::selection{color:var(--foreground);background:#c3f40047}.light ::selection{color:#111827;background:#b6df1857}:where(a,button,[role=button],input,select,textarea){-webkit-tap-highlight-color:transparent}:where(button,[role=button],input,select){min-height:44px}:where(a,button,[role=button]):not([aria-disabled=true]){transition:background-color var(--duration-ui) ease, border-color var(--duration-ui) ease, color var(--duration-ui) ease, opacity var(--duration-ui) ease, filter var(--duration-ui) ease, transform var(--duration-micro) var(--ease-out-ui)}:where(button,[role=button],[data-pressable=true]):not([aria-disabled=true]):active{transform:scale(.97)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}img{border-color:var(--border-light)}.app-header{border-color:var(--border-light);background:var(--header-bg);box-shadow:0 1px 0 var(--border);-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12)}.app-surface{border:1px solid var(--border-light);background:var(--surface);color:var(--foreground)}.app-surface-elevated,.app-popover,.app-modal-panel{border:1px solid var(--border-light);background:var(--surface-elevated);color:var(--foreground);box-shadow:var(--shadow-md)}.app-control{border:1px solid var(--border-light);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-xs)}.app-control:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-light));background:var(--surface-hover);color:var(--foreground)}.app-control[data-active=true]{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-light));background:color-mix(in srgb, var(--accent-fill) 13%, var(--surface));color:var(--foreground)}.app-accent-button{border:1px solid color-mix(in srgb, var(--accent-fill) 48%, transparent);background:var(--accent-fill);color:var(--accent-ink);font-weight:800}.app-chip{border:1px solid var(--border-light);background:var(--surface);min-height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:.4rem;padding-inline:.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.route-stage{min-width:0;animation:route-enter var(--duration-ui) var(--ease-out-ui) both}.route-stage .page-enter{animation:none}.route-progress{z-index:120;pointer-events:none;transform-origin:0;background:var(--accent-vivid);width:100%;height:2px;animation:route-progress .3s var(--ease-out-ui) both;position:fixed;inset:0 auto auto 0}@keyframes route-enter{0%{opacity:.01;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes route-progress{0%{opacity:0;transform:scaleX(.08)}18%{opacity:1}72%{opacity:1;transform:scaleX(.84)}to{opacity:0;transform:scaleX(1)}}::view-transition-old(root){animation-duration:var(--duration-ui);animation-timing-function:var(--ease-out-ui)}::view-transition-new(root){animation-duration:var(--duration-ui);animation-timing-function:var(--ease-out-ui)}.settings-layer{z-index:110;pointer-events:none;visibility:hidden;position:fixed;inset:0}.settings-layer[data-open=true]{pointer-events:auto;visibility:visible}.settings-backdrop{opacity:0;transition:opacity var(--duration-ui) ease;background:#0000006b;position:absolute;inset:0}.settings-layer[data-open=true] .settings-backdrop{opacity:1}.settings-panel{border:1px solid var(--border-light);background:var(--surface-elevated);width:min(420px,100vw - 24px);max-height:min(720px,100dvh - 24px);color:var(--foreground);box-shadow:var(--shadow-md);opacity:0;transform-origin:100% 100%;transition:opacity var(--duration-ui) ease, transform var(--duration-ui) var(--ease-out-ui);border-radius:24px;position:absolute;bottom:12px;right:12px;overflow-y:auto;transform:translateY(10px)scale(.985)}.settings-layer[data-open=true] .settings-panel{opacity:1;transform:translateY(0)scale(1)}.settings-segment{grid-template-columns:repeat(var(--segment-count,2), minmax(0, 1fr));border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:4px;padding:4px;display:grid}.settings-segment button{min-height:38px;color:var(--muted);border-radius:9px;font-size:.75rem;font-weight:800}.settings-segment button[data-active=true]{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-xs)}.mobile-quick-nav{display:none}@media (max-width:767px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-rail{contain:inline-size;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;max-width:100%;padding-bottom:8px;scroll-padding-inline:4px;overflow-x:auto;grid-auto-rows:unset!important;gap:12px!important;display:flex!important}.mobile-rail::-webkit-scrollbar{display:none}.mobile-rail>*{scroll-snap-align:start;flex:0 0 min(82vw,330px);width:min(82vw,330px);min-width:min(82vw,330px)}.mobile-quick-nav{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:90;border:1px solid var(--border-light);background:color-mix(in srgb, var(--surface-elevated) 92%, transparent);min-height:58px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px)saturate(1.12);backdrop-filter:blur(20px)saturate(1.12);border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px;display:grid;position:fixed;left:10px}.mobile-quick-nav a,.mobile-quick-nav button{min-width:0;min-height:48px;color:var(--muted);letter-spacing:.02em;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:800;display:flex;position:relative}.mobile-quick-nav [data-active=true]{background:var(--surface-soft);color:var(--foreground)}.mobile-quick-nav [data-active=true]:before{content:"";background:var(--accent-vivid);border-radius:999px;width:18px;height:2px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.settings-panel{right:8px;bottom:calc(78px + env(safe-area-inset-bottom));transform-origin:bottom;border-radius:22px;width:auto;max-height:min(72dvh,650px);left:8px}}.desktop-side-note{display:none}@media (min-width:1720px){.desktop-side-note{z-index:35;border:1px solid var(--border-light);background:var(--surface-elevated);width:188px;box-shadow:var(--shadow-sm);border-radius:16px;padding:14px;display:block;position:fixed;top:88px;right:18px}}@media (max-width:767px){html:not([data-density=comfortable]) .route-stage main{--mobile-section-gap:14px}html[data-density=compact] .route-stage main{--mobile-section-gap:12px}html:not([data-density=comfortable]) .route-stage main>*+*{margin-block-start:var(--mobile-section-gap)!important}html:not([data-density=comfortable]) .route-stage main :where(.p-8,.p-10,.p-12){padding:1rem!important}html:not([data-density=comfortable]) .route-stage main :where(.py-10,.py-12,.py-16){padding-block:1.25rem!important}html:not([data-density=comfortable]) .route-stage main :where(.gap-8,.gap-10,.gap-12){gap:1rem!important}html:not([data-density=comfortable]) .route-stage main :where(.min-h-\[560px\],.min-h-\[520px\],.min-h-\[500px\]){min-height:380px!important}}.light .bg-\[\#000000\]{background-color:var(--background)!important}.light .bg-\[\#0f0f0f\],.light .bg-\[\#0a0a0a\],.light .bg-\[\#090b11\]{background-color:var(--surface)!important}.light .bg-\[\#121212\],.light .bg-\[\#11151d\],.light .bg-\[\#353534\]{background-color:var(--surface-hover)!important}.light .text-\[\#e5e2e1\],.light .text-\[\#c9ccd3\],.light .text-\[\#e5e7eb\]{color:var(--foreground)!important}.light .text-\[\#8a8f98\],.light .text-\[\#aeb4bf\],.light .text-\[\#a6abb5\],.light .text-\[\#777d88\]{color:var(--muted)!important}.light .text-white\/35,.light .text-white\/40,.light .text-white\/45,.light .text-white\/48,.light .text-white\/50,.light .text-white\/52,.light .text-white\/55,.light .text-white\/60,.light .text-white\/62,.light .text-white\/70{color:color-mix(in srgb, var(--foreground) 62%, transparent)!important}.light .text-white,.light .text-white\/80{color:var(--foreground)!important}:is(.light :where(a,article,section,div):has(>img) .text-white,.light :where(a,article,section,div):has(>img) .text-white\/35,.light :where(a,article,section,div):has(>img) .text-white\/40,.light :where(a,article,section,div):has(>img) .text-white\/45,.light :where(a,article,section,div):has(>img) .text-white\/48,.light :where(a,article,section,div):has(>img) .text-white\/50,.light :where(a,article,section,div):has(>img) .text-white\/52,.light :where(a,article,section,div):has(>img) .text-white\/55,.light :where(a,article,section,div):has(>img) .text-white\/60,.light :where(a,article,section,div):has(>img) .text-white\/62,.light :where(a,article,section,div):has(>img) .text-white\/70,.light :where(a,article,section,div):has(>img) .text-white\/80){color:#fffffff0!important}.light .sticky-header{border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12)}.light .skeleton,.light .image-shimmer{background:linear-gradient(90deg,#e9edf1 25%,#f7f9fb 50%,#e9edf1 75%) 0 0/200% 100%}.light .skeleton:after{background:linear-gradient(90deg,#0000,#ffffffc7,#0000)}.light .empty-state:before{opacity:.84;background:linear-gradient(90deg,#fffffff7,#ffffffdb,#ffffff9e),url(/images/stadium-silhouette-1.webp) 50%/cover no-repeat}.light .empty-state:after{background:radial-gradient(circle at 50% 120%,#b6df1829,#0000 54%)}.light .odds-card,.light .glass{border-color:var(--border-light);background:var(--surface);box-shadow:var(--shadow-xs)}.light .odds-card:active,.light .glass:hover{background:var(--surface-hover)}.light ::-webkit-scrollbar-thumb{background:#c5cbd3}.light ::-webkit-scrollbar-thumb:hover{background:#aeb6c0}.safe-area-bottom{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.content-auto{content-visibility:auto;contain-intrinsic-size:auto 720px}.scroll-edge-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}.tabular-nums{font-variant-numeric:tabular-nums}.empty-state{isolation:isolate;text-align:center;min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;border-radius:var(--radius-panel)!important}.empty-state:before{z-index:-2;content:"";opacity:.72;background:linear-gradient(90deg,#0b0d14f5,#0b0d14c2,#0b0d1459),url(/images/stadium-silhouette-1.webp) 50%/cover no-repeat;position:absolute;inset:0}.empty-state:after{z-index:-1;content:"";background:radial-gradient(circle at 50% 120%,#c3f40021,#0000 54%);position:absolute;inset:0}.skeleton{background:#ffffff13;position:relative;overflow:hidden}.skeleton:after{content:"";animation:skeleton-sweep 1.15s var(--ease-out-ui) infinite;background:linear-gradient(90deg,#0000,#ffffff17,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (max-width:767px){input,select,textarea{font-size:16px}.sonner-toaster{right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:auto!important;left:12px!important}.empty-state{min-height:240px;padding:24px!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}::view-transition-old(root){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}::view-transition-new(root){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:where(button,[role=button],[data-pressable=true]):active{transform:none}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html[data-motion=reduced]::view-transition-old(root){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html[data-motion=reduced]::view-transition-new(root){scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}