.public-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--dp-surface-canvas)}.public-layout-main{flex:1;padding:0;padding-top:var(--content-top-spacing);padding-bottom:calc(var(--bottom-safe-area) + 60px)}@media (min-width:768px){.public-layout-main{padding-bottom:var(--bottom-safe-area)}}.public-layout--no-nav .public-layout-main,.public-layout--with-nav .public-layout-main{padding-top:0;padding-bottom:0}.public-layout-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.hero-gradient{position:relative;background:var(--dp-surface-canvas)}.hero-gradient:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.dark .hero-gradient:before{opacity:1;background:radial-gradient(ellipse 70% 50% at 70% 45%,hsl(142 76% 30%/.4),transparent 60%),radial-gradient(circle at 25% 30%,hsl(45 95% 55%/.12),transparent 45%),radial-gradient(circle at 80% 80%,hsl(200 80% 20%/.2),transparent 50%),radial-gradient(ellipse at 50% 50%,transparent 30%,hsl(140 25% 4%/.5) 100%)}.hero-gradient:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:1;background:linear-gradient(180deg,hsl(150 50% 96%),hsl(145 45% 94%) 50%,hsl(155 40% 96%)),radial-gradient(ellipse 80% 60% at 75% 45%,hsl(142 70% 80%/.5),transparent 65%),radial-gradient(circle at 25% 70%,hsl(45 90% 88%/.25),transparent 55%)}.dark .hero-gradient:after{opacity:0}.hero-gradient>*{position:relative;z-index:1}@keyframes points-flash{0%{background-color:transparent;box-shadow:none}15%{background-color:hsl(45 95% 55%/.3);box-shadow:0 0 20px hsl(45 95% 55%/.5)}to{background-color:transparent;box-shadow:none}}@keyframes points-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes points-glow-pulse{0%,to{text-shadow:0 0 8px hsl(45 95% 55%/.6)}50%{text-shadow:0 0 16px hsl(45 95% 55%/.9)}}.points-flash{animation:points-flash .6s ease-out;border-radius:4px}.points-pop{animation:points-pop .3s ease-out}.points-glow-pulse{animation:points-glow-pulse 1s ease-in-out 3}.points-celebration{animation:points-flash .6s ease-out,points-pop .3s ease-out}.field-lines{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E%3Ccircle cx='200' cy='100' r='40' fill='none' stroke='%2322c55e' stroke-width='1'/%3E%3Cline x1='200' y1='0' x2='200' y2='200' stroke='%2322c55e' stroke-width='1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:80%;opacity:.1;z-index:0}.dark .field-lines{opacity:.1}.glass-container{background:var(--dp-blur-fallback-fill);backdrop-filter:blur(var(--dp-blur-level-standard)) saturate(1.1);-webkit-backdrop-filter:blur(var(--dp-blur-level-standard)) saturate(1.1);border:1px solid var(--dp-border-surface-color);border-radius:var(--radius-2xl);box-shadow:var(--dp-elevation-4);padding:var(--space-4)}@supports (backdrop-filter:blur(1px)){.glass-container{background:var(--dp-blur-tint)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glass-container{animation:float 4s ease-in-out infinite}.stadium-night+.stadium-night:after,.stadium-night+.stadium-night:before{display:none}@keyframes cta-shimmer{0%{background-position:-200%}to{background-position:200%}}.cta-shimmer{position:relative;overflow:hidden}.cta-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsl(0 0% 100%/.2) 50%,transparent);background-size:200% 100%;animation:cta-shimmer 3s ease-in-out infinite;pointer-events:none}@media (prefers-reduced-motion:reduce){.hero-gradient:after,.hero-gradient:before,.public-layout,.public-layout-main{transition:none!important}.cta-shimmer:after,.glass-container,.marquee-track,.points-celebration,.points-flash,.points-glow-pulse,.points-pop,.trophy-glow-pulse{animation:none!important}}html:has(.landing-dark){color-scheme:dark;background-color:hsl(140,18%,7%)}.landing-badge{color:color-mix(in srgb,var(--dp-accent-base) 35%,white);background:color-mix(in srgb,var(--dp-accent-base) 10%,transparent);border:1px solid color-mix(in srgb,var(--dp-accent-base) 30%,transparent)}.landing-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em}.landing-word>span{display:inline-block;animation:landing-rise .55s cubic-bezier(.2,.8,.2,1) both}@keyframes landing-rise{0%{transform:translateY(105%)}}.landing-sweep{background:linear-gradient(100deg,var(--dp-accent-base) 0,#c8ffdc 45%,var(--dp-accent-base) 60%,var(--dp-accent-base) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:landing-rise .55s cubic-bezier(.2,.8,.2,1) both,landing-sweep 3.2s ease-in-out 1.2s infinite}@keyframes landing-sweep{0%{background-position:100% 0}60%,to{background-position:0 0}}@property --landing-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.landing-ring{padding:1.5px;border-radius:24px;background:conic-gradient(from var(--landing-ring-angle),transparent 0 62%,color-mix(in srgb,var(--dp-accent-base) 90%,transparent) 75%,transparent 88%),rgba(255,255,255,.08);animation:landing-ring-spin 7s linear infinite}@keyframes landing-ring-spin{to{--landing-ring-angle:360deg}}.landing-chip{color:var(--dp-text-default);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);transition:background-color .2s,border-color .2s,transform .2s}.landing-chip:hover{background:color-mix(in srgb,var(--dp-accent-base) 12%,transparent);border-color:color-mix(in srgb,var(--dp-accent-base) 50%,transparent);transform:translateY(-1px)}.landing-chip--on,.landing-chip--on:hover{background:var(--dp-accent-base);border-color:var(--dp-accent-base);color:#06240f}.landing-typing span{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:currentColor;opacity:.25;animation:landing-blink 1.2s infinite}.landing-typing{color:var(--dp-text-muted)}.landing-typing span:nth-child(2){animation-delay:.2s}.landing-typing span:nth-child(3){animation-delay:.4s}@keyframes landing-blink{40%{opacity:1}}.landing-bubble-in{animation:landing-bubble .45s cubic-bezier(.2,.9,.3,1.3) both}@keyframes landing-bubble{0%{opacity:0;transform:translateY(10px) scale(.96)}}.landing-pblur{position:absolute;inset:auto 0 0 0;height:140px;pointer-events:none;z-index:20;background:linear-gradient(to bottom,transparent 35%,var(--dp-surface-canvas) 100%)}.landing-pblur i{position:absolute;inset:0}.landing-pblur i:first-child{backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 50%,transparent 75%);mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 50%,transparent 75%)}.landing-pblur i:nth-child(2){backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(180deg,transparent 25%,#000 50%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent 25%,#000 50%,#000 75%,transparent)}.landing-pblur i:nth-child(3){backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(180deg,transparent 50%,#000 75%,#000);mask-image:linear-gradient(180deg,transparent 50%,#000 75%,#000)}.landing-pblur i:nth-child(4){backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(180deg,transparent 75%,#000);mask-image:linear-gradient(180deg,transparent 75%,#000)}@media (prefers-reduced-motion:reduce){.landing-bubble-in,.landing-ring,.landing-sweep,.landing-typing span,.landing-word>span{animation:none}}.landing-wave{--wave-s:34px;--wave-r:calc(var(--wave-s) * 1.28);-webkit-mask:radial-gradient(var(--wave-r) at 50% calc(1.8 * var(--wave-s)),#000 99%,#0000 101%) calc(50% - 2 * var(--wave-s)) 0 /calc(4 * var(--wave-s)) 100%,radial-gradient(var(--wave-r) at 50% calc(-.8 * var(--wave-s)),#0000 99%,#000 101%) 50% var(--wave-s) /calc(4 * var(--wave-s)) 100% repeat-x;mask:radial-gradient(var(--wave-r) at 50% calc(1.8 * var(--wave-s)),#000 99%,#0000 101%) calc(50% - 2 * var(--wave-s)) 0 /calc(4 * var(--wave-s)) 100%,radial-gradient(var(--wave-r) at 50% calc(-.8 * var(--wave-s)),#0000 99%,#000 101%) 50% var(--wave-s) /calc(4 * var(--wave-s)) 100% repeat-x;animation:landing-wave-move 5s linear infinite}@keyframes landing-wave-move{to{-webkit-mask-position:calc(50% + 2 * var(--wave-s)) 0,calc(50% + 4 * var(--wave-s)) var(--wave-s);mask-position:calc(50% + 2 * var(--wave-s)) 0,calc(50% + 4 * var(--wave-s)) var(--wave-s)}}.landing-step{position:relative;flex:1 1 320px;max-width:380px;height:470px;padding:34px 32px 0;border-radius:30px;background:#f4f7f2;color:#0f1511;transform:rotate(var(--rot,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px -30px rgba(0,0,0,.75)}.landing-step:hover{transform:rotate(0deg) translateY(-10px)}.landing-step-t{margin:0 0 12px;max-width:270px;font:800 28px/1.05 var(--font-body),system-ui,sans-serif;letter-spacing:-.02em}.landing-step-p{margin:0;max-width:280px;font:500 15px/1.5 var(--font-body),system-ui,sans-serif;color:#4f5e55}.landing-step-n{position:absolute;top:24px;right:24px;padding:6px 10px;border-radius:999px;background:rgba(15,21,17,.08);font:700 13px var(--font-body),system-ui,sans-serif}.landing-step-art{position:absolute;left:0;right:0;height:260px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.landing-drop{position:absolute;width:30px;height:30px;border-radius:0 50% 50% 50%;animation:landing-bob 4s ease-in-out infinite}.landing-drop--s{width:18px;height:18px;animation-delay:-1.5s}.landing-orb{width:196px;height:196px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#7dfab0,#1fe066 42%,#0b7f37);box-shadow:0 34px 50px -22px rgba(11,127,55,.9),inset -14px -18px 30px rgba(0,0,0,.28),inset 12px 14px 26px rgba(255,255,255,.4);animation:landing-bob 5s ease-in-out infinite}.landing-sticker{position:absolute;padding:9px 14px;border-radius:999px;background:#fff;color:#0f1511;font:800 13px var(--font-body),system-ui,sans-serif;white-space:nowrap;box-shadow:0 12px 24px -8px rgba(0,0,0,.35)}.landing-sticker--dark{background:#0f1511;color:#fff}.landing-mini-phone{width:224px;height:270px;padding:18px 12px;display:flex;flex-direction:column;gap:8px;border:7px solid #26302a;border-bottom:0;border-radius:30px 30px 0 0;background:#0f1511;transform:rotate(-7deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);animation:landing-bob 5s ease-in-out -1s infinite}.landing-msg{max-width:88%;margin:0;padding:9px 11px;border-radius:14px;font:500 12px/1.4 var(--font-body),system-ui,sans-serif}.landing-msg--in{background:#26302a;color:#f5f5f5;border-top-left-radius:4px}.landing-msg--out{align-self:flex-end;background:#1fe066;color:#06240f;border-top-right-radius:4px}.landing-plane{position:absolute;right:34px;top:6px;transform:rotate(8deg);filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));animation:landing-bob 3.5s ease-in-out infinite}.landing-podium{filter:drop-shadow(0 30px 28px rgba(0,0,0,.45));animation:landing-bob 6s ease-in-out -2s infinite}@keyframes landing-bob{50%{translate:0 -10px}}.landing-roll{position:relative;height:130px;overflow:hidden}.landing-roll-chalk{position:absolute;inset:50% 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 15%,rgba(255,255,255,.4) 85%,transparent);transform-origin:0 50%}.landing-roll-circle{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border:2px solid rgba(255,255,255,.22);border-radius:50%}.landing-roll-ball{position:absolute;top:50%;left:calc(50% - 28px);margin-top:-30px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.landing-dome{background:radial-gradient(55% 60% at 50% 45%,color-mix(in srgb,var(--dp-accent-base) 16%,transparent),transparent 70%),var(--dp-surface-raised);-webkit-mask:radial-gradient(62% 150px at 50% 0,transparent 98%,#000 100%);mask:radial-gradient(62% 150px at 50% 0,transparent 98%,#000 100%)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.landing-tilt-in{animation:landing-tilt-in linear both;animation-timeline:view();animation-range:entry 0 cover 40%}.landing-mask-text{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:260% 100%;mask-size:260% 100%;animation:landing-mask-in linear both;animation-timeline:view();animation-range:entry 20% cover 45%}.landing-roll-chalk{animation:landing-draw linear both;animation-timeline:view();animation-range:cover 0 cover 55%}.landing-roll-ball{animation:landing-roll-x linear both;animation-timeline:view();animation-range:cover 5% cover 95%}.landing-roll-ball img{animation:landing-spin linear both;animation-timeline:view();animation-range:cover 5% cover 95%}}}@keyframes landing-tilt-in{0%{opacity:0;translate:0 90px;rotate:9deg}}@keyframes landing-mask-in{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes landing-draw{0%{transform:scaleX(0)}}@keyframes landing-roll-x{0%{left:-70px}to{left:calc(100% + 10px)}}@keyframes landing-spin{0%{transform:rotate(-200deg)}to{transform:rotate(1000deg)}}@media (prefers-reduced-motion:reduce){.landing-drop,.landing-mini-phone,.landing-orb,.landing-plane,.landing-podium,.landing-wave{animation:none}}.landing-pts-stage{display:flex;align-items:center;padding:80px 0}@media (min-width:768px){.landing-pts-track{height:1900px;view-timeline:--landing-pts block}.landing-pts-stage{position:sticky;top:0;min-height:100vh}}.landing-score-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:var(--dp-surface-base)}.landing-trophy{position:absolute;right:-36px;top:-46px;rotate:12deg;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.landing-mini-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dp-text-muted)}.landing-total{position:relative;display:inline-grid;font-size:120px;font-weight:700;line-height:.85;color:var(--dp-accent-base);text-shadow:0 0 40px color-mix(in srgb,var(--dp-accent-base) 45%,transparent)}.landing-total-layer{grid-area:1/1;opacity:0}.landing-total-layer--final{opacity:1}.landing-seg{display:block;height:8px;border-radius:99px;background:var(--dp-accent-base);transform-origin:0 50%}.landing-stamp{position:absolute;right:26px;bottom:64px;padding:4px 14px;border:3px solid #ffd84d;border-radius:12px;font-size:36px;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#ffd84d;rotate:-12deg}.landing-rule{position:relative;display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--dp-accent-base) 35%,transparent);background:var(--dp-surface-base)}.landing-rule-ico{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--dp-accent-base);color:#06240f}.landing-fly,.landing-rule-pts{font-size:40px;font-weight:700;line-height:1}.landing-rule-pts{color:var(--dp-accent-base)}.landing-fly{position:absolute;right:22px;top:12px;color:#ffd84d;opacity:0;pointer-events:none;text-shadow:0 0 22px rgba(255,216,77,.7)}.landing-knockout{display:inline-flex;align-self:flex-start;align-items:center;gap:12px;margin-top:6px;padding:10px 20px;border-radius:999px;background:var(--dp-status-warning-muted)}@media (max-width:767px){.landing-total{font-size:88px}.landing-trophy{width:96px;height:96px;top:-48px;right:-8px}.landing-stamp{font-size:28px;bottom:56px}}@media (prefers-reduced-motion:no-preference) and (min-width:768px){@supports (animation-timeline:view()){.landing-fly,.landing-rule,.landing-rule-pts,.landing-seg{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--landing-pts;animation-range:contain var(--a) contain var(--b)}.landing-rule{animation-name:landing-rule-on}.landing-rule-pts{animation-name:landing-pts-pop}.landing-fly{animation-name:landing-fly-up}.landing-seg{animation-name:landing-seg-on}.landing-total-layer{animation:landing-swap linear both;animation-timeline:--landing-pts;animation-range:contain var(--a) contain var(--b)}.landing-total-layer--first{animation-name:landing-swap-out}.landing-total-layer--final{animation-name:landing-swap-in}.landing-stamp{animation:landing-stamp-in linear both;animation-timeline:--landing-pts;animation-range:contain 80% contain 94%}.landing-trophy{animation:landing-trophy-in linear both;animation-timeline:--landing-pts;animation-range:contain 76% contain 92%}}}@keyframes landing-rule-on{0%,55%{opacity:.3;filter:grayscale(1);border-color:rgba(255,255,255,.06);translate:0 0;box-shadow:none}75%{opacity:1;filter:none;translate:-12px 0;border-color:var(--dp-accent-base);box-shadow:0 0 0 6px color-mix(in srgb,var(--dp-accent-base) 14%,transparent)}to{opacity:1;filter:none;translate:0 0;box-shadow:none}}@keyframes landing-pts-pop{0%,60%{scale:0}78%{scale:1.55}to{scale:1}}@keyframes landing-fly-up{0%,62%{opacity:0;translate:0 0;scale:.6}72%{opacity:1;scale:1.3}to{opacity:0;translate:-90px -110px;scale:1}}@keyframes landing-seg-on{0%,70%{opacity:.15;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@keyframes landing-swap{0%{opacity:0;scale:1.5}15%,85%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes landing-swap-out{0%,85%{opacity:1}to{opacity:0}}@keyframes landing-swap-in{0%{opacity:0;scale:1.6}40%,to{opacity:1;scale:1}}@keyframes landing-stamp-in{0%{opacity:0;scale:2.6;rotate:-34deg}to{opacity:1;scale:1;rotate:-12deg}}@keyframes landing-trophy-in{0%{opacity:.25;scale:.7;translate:0 30px}}.landing-phone{position:relative;width:340px;max-width:100%;height:640px;overflow:hidden;border:10px solid #1b231e;border-radius:46px;background:var(--dp-surface-canvas);box-shadow:0 40px 120px -30px color-mix(in srgb,var(--dp-accent-base) 45%,transparent),inset 0 0 0 1px rgba(255,255,255,.06)}.landing-phone-screen{height:540px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}.landing-live-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:10px;background:#f59e0b;color:#fff;font-size:12px;font-weight:800}@property --landing-spot{syntax:"<percentage>";inherits:false;initial-value:220%}.landing-spot{-webkit-mask-image:radial-gradient(130% 100% at 50% 0,#000 var(--landing-spot),transparent calc(var(--landing-spot) + 14%));mask-image:radial-gradient(130% 100% at 50% 0,#000 var(--landing-spot),transparent calc(var(--landing-spot) + 14%))}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.landing-spot{animation:landing-spot-in linear both;animation-timeline:view();animation-range:entry 0 cover 45%}}}@keyframes landing-spot-in{0%{--landing-spot:0%}to{--landing-spot:125%}}.landing-nav{background:color-mix(in srgb,var(--dp-surface-canvas) 78%,transparent);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08)}@supports (animation-timeline:scroll()){.landing-nav{animation:landing-nav-glass linear both;animation-timeline:scroll(root);animation-range:0 140px}.landing-nav-cta{animation:landing-nav-cta linear both;animation-timeline:scroll(root);animation-range:420px 560px}}@keyframes landing-nav-glass{0%{background:transparent;backdrop-filter:blur(0) saturate(100%);border-bottom-color:transparent}}@keyframes landing-nav-cta{0%{opacity:0;translate:0 -6px;visibility:hidden}to{opacity:1;translate:0 0;visibility:visible}}.landing-league{background:radial-gradient(50% 60% at 85% 10%,color-mix(in srgb,var(--dp-accent-base) 14%,transparent),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(255,216,77,.06),transparent 70%),var(--dp-surface-canvas)}.landing-league-badge{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:var(--dp-accent-base);color:#06240f}.landing-league-clock{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:var(--dp-surface-base)}.landing-league-live{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,90,90,.14);color:#ff8a8a;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.landing-league-live--sm{padding:3px 8px;font-size:10px}.landing-league-dot{width:8px;height:8px;border-radius:50%;background:#ff5a5a;animation:landing-blink 1s infinite}.landing-stands{position:relative;margin-top:56px}.landing-stands-crowd{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(0px,2vw,28px);margin-bottom:-22px;overflow:hidden}.landing-stands-ledge{height:54px;border-radius:18px 18px 0 0;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(0,0,0,.18) 46px 48px),linear-gradient(180deg,#2b3a31 0 33%,#24312a 33% 66%,#1d2822 66%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.landing-fixtures{display:flex;gap:14px;margin:0;padding:18px 2px 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.landing-fixtures::-webkit-scrollbar{display:none}.landing-fixture{flex:0 0 220px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:var(--dp-surface-base);scroll-snap-align:start;transition:transform .25s,border-color .25s}.landing-fixture:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--dp-accent-base) 45%,transparent)}.landing-fixture--live{border-color:rgba(255,90,90,.5);box-shadow:0 0 0 4px rgba(255,90,90,.08)}@media (max-width:767px){.landing-stands-crowd>div:nth-child(n+6){display:none}}@media (prefers-reduced-motion:reduce){.landing-league-dot{animation:none}}.landing-team-badge{display:inline-flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--dp-accent-base) 35%,transparent);background:var(--dp-surface-raised);color:var(--dp-text-default);font-size:9px;font-weight:800;letter-spacing:.02em}.landing-league-pill{flex-shrink:0;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--dp-text-default);font-size:15px;font-weight:600;white-space:nowrap}.landing-league-pill--ghost{padding:8px 16px;font-size:12px;opacity:.5}.landing-dark [id]{scroll-margin-top:80px}@media (prefers-reduced-motion:no-preference){html:has(.landing-dark){scroll-behavior:smooth}}