.hub-root{--hub-glow:.55;background:var(--background);min-height:100dvh;color:var(--foreground);overflow-x:clip}.hub-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px),linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%)}.hub-noise{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}@keyframes hub-drift{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(6%,-4%)scale(1.08)}66%{transform:translate(-5%,5%)scale(.95)}}.hub-blob{filter:blur(90px);will-change:transform;border-radius:9999px;animation:18s ease-in-out infinite hub-drift;position:absolute}.hub-blob-delayed{animation-duration:22s;animation-delay:-6s}.hub-outline-text{color:color-mix(in oklab, var(--foreground) 8%, transparent);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;line-height:.85}@property --hub-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hub-spin{to{--hub-angle:360deg}}.hub-search-ring{isolation:isolate;position:relative}.hub-search-ring:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--hub-angle), transparent 0deg, var(--accent) 60deg, transparent 140deg, transparent 220deg, color-mix(in oklab, var(--accent) 50%, var(--foreground)) 280deg, transparent 360deg);-webkit-mask-composite:xor;padding:2px;animation:6s linear infinite hub-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes hub-marquee{to{transform:translate(50%)}}@keyframes hub-marquee-reverse{0%{transform:translate(50%)}to{transform:translate(0)}}.hub-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.hub-marquee:hover .hub-marquee-track{animation-play-state:paused}.hub-marquee-track{animation:60s linear infinite hub-marquee}.hub-marquee-track.is-reverse{animation-name:hub-marquee-reverse;animation-duration:70s}.hub-team-tile{--team:var(--accent);isolation:isolate;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;position:relative}.hub-team-tile:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--team) 26%, transparent), transparent 65%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.hub-team-tile .hub-team-logo{transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s}.hub-team-tile:hover{border-color:color-mix(in oklab, var(--team) 45%, transparent);box-shadow:0 24px 50px -24px color-mix(in oklab, var(--team) 55%, transparent);transform:translateY(-4px)}.hub-team-tile:has(a:focus-visible){border-color:color-mix(in oklab, var(--team) 45%, transparent);box-shadow:0 24px 50px -24px color-mix(in oklab, var(--team) 55%, transparent);transform:translateY(-4px)}.hub-team-tile:hover:before{opacity:1}.hub-team-tile:has(a:focus-visible):before{opacity:1}.hub-team-tile:hover .hub-team-logo{filter:drop-shadow(0 10px 18px color-mix(in oklab, var(--team) 45%, transparent));transform:scale(1.1)rotate(-4deg)}.hub-team-tile:has(a:focus-visible) .hub-team-logo{filter:drop-shadow(0 10px 18px color-mix(in oklab, var(--team) 45%, transparent));transform:scale(1.1)rotate(-4deg)}@keyframes hub-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.hub-pulse{animation:6s ease-in-out infinite hub-pulse}@keyframes hub-rotate{to{transform:rotate(360deg)}}.hub-orbit{animation:90s linear infinite hub-rotate}.hub-orbit:hover,.hub-orbit:hover .hub-orbit-item{animation-play-state:paused}.hub-orbit-item{animation:90s linear infinite reverse hub-rotate}@keyframes hub-crest-in{0%{opacity:0;filter:blur(14px);transform:scale(.6)rotate(-8deg)}to{opacity:1;filter:blur();transform:none}}.hub-crest-in{animation:.7s cubic-bezier(.22,1,.36,1) both hub-crest-in}@media (prefers-reduced-motion:reduce){.hub-orbit,.hub-orbit-item,.hub-crest-in,.hub-blob,.hub-marquee-track,.hub-pulse,.hub-search-ring:before{animation:none}}.hub-no-scrollbar{scrollbar-width:none}.hub-no-scrollbar::-webkit-scrollbar{display:none}.hub-pitch{transform-origin:bottom;width:150%;height:78%;color:var(--foreground);position:absolute;bottom:-8%;left:50%;transform:translate(-50%)perspective(1100px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 4%,#000 55%);mask-image:linear-gradient(#0000 4%,#000 55%)}.hub-card-face{--team-raw:var(--accent);background:radial-gradient(120% 80% at 85% 0%, color-mix(in oklab, var(--team-raw) 75%, transparent), transparent 60%),radial-gradient(90% 70% at 0% 100%, color-mix(in oklab, var(--team-raw) 35%, transparent), transparent 65%),linear-gradient(160deg, color-mix(in oklab, var(--team-raw) 30%, #0a0d0b), #070908 70%);color:#fff;box-shadow:0 40px 80px -30px color-mix(in oklab, var(--team-raw) 55%, #0009),0 0 0 1px #ffffff14 inset}.hub-card-stripes{background-image:repeating-linear-gradient(115deg,#ffffff0d 0 2px,#0000 2px 22px)}@keyframes hub-progress{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.hub-progress{animation:linear forwards hub-progress}.hub-led{background-color:#070908;background-image:radial-gradient(#ffffff12 1px,#0000 1.2px);background-size:6px 6px}.hub-tile{--team:var(--accent);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s}.hub-tile .hub-tile-band{transition:height .5s cubic-bezier(.22,1,.36,1)}.hub-tile .hub-tile-crest{transition:transform .55s cubic-bezier(.22,1,.36,1)}.hub-tile .hub-tile-go{transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1)}.hub-tile:hover{border-color:color-mix(in oklab, var(--team) 45%, transparent);box-shadow:0 28px 50px -28px color-mix(in oklab, var(--team) 70%, #0006);transform:translateY(-6px)}.hub-tile:has(a:focus-visible){border-color:color-mix(in oklab, var(--team) 45%, transparent);box-shadow:0 28px 50px -28px color-mix(in oklab, var(--team) 70%, #0006);transform:translateY(-6px)}.hub-tile:hover .hub-tile-band{height:6.5rem}.hub-tile:has(a:focus-visible) .hub-tile-band{height:6.5rem}.hub-tile:hover .hub-tile-crest{transform:translateY(-4px)scale(1.08)rotate(-5deg)}.hub-tile:has(a:focus-visible) .hub-tile-crest{transform:translateY(-4px)scale(1.08)rotate(-5deg)}.hub-tile:hover .hub-tile-go{opacity:1;transform:none}.hub-tile:has(a:focus-visible) .hub-tile-go{opacity:1;transform:none}.hub-league-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .3s}.hub-league-card:hover{border-color:color-mix(in oklab, var(--accent) 70%, transparent);transform:translateY(-4px);box-shadow:0 30px 60px -35px #00000059}@media (prefers-reduced-motion:reduce){.hub-progress{animation:none}}.hub-crest-ring{isolation:isolate;position:relative}.hub-crest-ring:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--hub-angle), var(--team-raw,var(--accent)), transparent 30%, #ffffffd9 50%, transparent 70%, var(--team-raw,var(--accent)));animation:5s linear infinite hub-spin;position:absolute;inset:-5px}@media (prefers-reduced-motion:reduce){.hub-crest-ring:before{animation:none}}@keyframes hub-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hub-shimmer-text{color:#0000;background-image:linear-gradient(90deg,#000000d9 0% 40%,#00000040 50%,#000000d9 60% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite hub-shimmer}@media (prefers-reduced-motion:reduce){.hub-shimmer-text{color:#000000d9;animation:none}}.hub-spot-tilt>.glare-wrapper{z-index:40}.hub-deck.swiper-cards .swiper-slide{overflow:visible}.hub-deck.swiper-cards .swiper-wrapper{transform-style:flat;perspective:1200px}.hub-deck.swiper-cards .swiper-slide-active{z-index:100!important}.hub-vip-dark{background:repeating-linear-gradient(-45deg,#f2c14e12 0 2px,#0000 2px 9px),#070908}.hub-marquee-track{will-change:transform}.hub-gold-frame{isolation:isolate;padding:2.5px;position:relative;overflow:hidden;box-shadow:0 12px 30px -14px #c47a1299,0 0 18px -8px #f2c14e73}.hub-gold-frame:before{content:"";z-index:-1;aspect-ratio:1;will-change:transform;background:conic-gradient(#fff1c7,#f2c14e,#c47a12,#7a4a0c,#c47a12,#f2c14e,#fff1c7);width:300%;animation:8s linear infinite hub-rotate;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.hub-gold-frame:before{animation:none}}.hub-faq{interpolate-size:allow-keywords}.hub-faq::details-content{opacity:0;block-size:0;transition:block-size .3s ease,opacity .3s ease,content-visibility .3s allow-discrete;overflow:hidden}.hub-faq[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:reduce){.hub-faq::details-content{transition:none}}