.hyperspeed-canvas{width:100%;height:100%;position:absolute;overflow:hidden}.hyperspeed-canvas canvas{width:100%;height:100%}.site-shell{background:#030303;min-height:100vh;overflow-x:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{isolation:isolate;min-height:100svh;padding:clamp(1rem,3vw,2.6rem);position:relative;overflow:hidden}.hyperspeed-layer,.hero-vignette{position:absolute;inset:0}.hyperspeed-layer{z-index:-4;opacity:.86;filter:grayscale()contrast(1.18)brightness(1.08)}.hero-vignette{z-index:-3;pointer-events:none;background:radial-gradient(circle at 52% 58%,#ffffff14,#0000 20rem),radial-gradient(circle at 82% 46%,#ffffff0e,#0000 26rem),linear-gradient(90deg,#030303e0 0%,#0303039e 36%,#03030347 100%),linear-gradient(#030303bd 0%,#03030314 48%,#030303c2 100%)}.hero-content{z-index:5;width:min(34rem,100vw - 2.4rem);position:absolute;top:clamp(1.2rem,3.4vw,3.25rem);left:clamp(1.2rem,3.4vw,3.5rem)}h1{color:#f5f5f5;letter-spacing:0;font-variant-numeric:tabular-nums;text-wrap:balance;text-shadow:0 0 32px #ffffff1a,0 26px 90px #000000e6;opacity:0;width:9.2ch;margin:0;font-size:6rem;font-weight:950;line-height:.84;animation:.85s cubic-bezier(.16,1,.3,1) .12s forwards titleIn;transform:translateY(14px)}.face-trigger{z-index:7;aspect-ratio:482/270;appearance:none;color:#fff;cursor:pointer;opacity:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;place-items:center;width:clamp(6.4rem,14vw,12rem);padding:0;animation:.9s cubic-bezier(.16,1,.3,1) .42s forwards faceIn;display:grid;position:absolute;bottom:clamp(1.35rem,5vh,3.75rem);left:clamp(1.2rem,3.4vw,3.5rem);transform:translateY(18px)scale(.96)}.face-trigger:focus{outline:none}.face-trigger svg,.face-mark-image{object-fit:contain;filter:drop-shadow(0 0 18px #ffffff1a)drop-shadow(0 28px 70px #000000e6);width:100%;height:100%;transition:filter .24s,transform .24s,opacity .24s;display:block}.hero.is-revealed .face-trigger svg,.hero.is-revealed .face-mark-image,.face-trigger:hover svg,.face-trigger:hover .face-mark-image,.face-trigger:focus-visible svg,.face-trigger:focus-visible .face-mark-image{opacity:.98;filter:drop-shadow(0 0 24px #ffffff38)drop-shadow(0 30px 90px #000000eb);transform:translateY(-2px)scale(1.035)}.face-trigger:focus-visible{outline:none}.racer-stage{z-index:4;pointer-events:none;position:absolute;inset:0}.racer-card{opacity:0;transform:translate3d(var(--hidden-x,0), var(--hidden-y,22px), 0) scale(.9);filter:grayscale()saturate(0)brightness(.8);background:#ffffff09;border:1px solid #ffffff2e;border-radius:22px;margin:0;transition:opacity .52s,transform .72s cubic-bezier(.16,1,.3,1),filter .42s;position:absolute;overflow:hidden;box-shadow:0 26px 80px #00000094,inset 0 1px #ffffff24}.racer-card:after{content:"";opacity:.42;pointer-events:none;background:linear-gradient(#ffffff21,#0000 30%),linear-gradient(90deg,#0303034d,#0000 42%,#03030357);position:absolute;inset:0}.racer-card img{object-fit:cover;filter:grayscale()contrast(1.08)brightness(.88);width:100%;height:100%;display:block;transform:scale(1.025)}.hero.is-revealed .racer-card,.face-trigger:is(:hover,:focus,:focus-visible,:active)+.racer-stage .racer-card{opacity:1;animation:7.2s ease-in-out .9s infinite alternate portraitDrift;transform:translate(0,0)scale(1)}.hero:has(.face-trigger:is(:hover,:focus,:focus-visible,:active)) .racer-card{opacity:1;animation:7.2s ease-in-out .9s infinite alternate portraitDrift;transform:translate(0,0)scale(1)}.card-driver{--hidden-x:26px;--hidden-y:18px;aspect-ratio:4/5;width:min(17vw,13rem);transition-delay:80ms;top:clamp(4.8rem,12vh,7rem);right:clamp(5rem,10vw,9rem)}.card-helmet{--hidden-x:-22px;--hidden-y:20px;aspect-ratio:4/5;width:min(15vw,11.5rem);transition-delay:.17s;top:clamp(15rem,36vh,17rem);right:clamp(19rem,32vw,32rem)}.card-garage{--hidden-x:18px;--hidden-y:28px;aspect-ratio:4/5;width:min(17vw,13.5rem);transition-delay:.26s;bottom:clamp(2.5rem,7vh,4.25rem);right:clamp(3rem,7vw,6rem)}.league-section{isolation:isolate;background:radial-gradient(circle at 72% 0,#ffffff0f,#0000 24rem),linear-gradient(#030303 0%,#050505 46%,#020202 100%);min-height:clamp(26rem,58vh,42rem);padding:clamp(4.5rem,9vw,8.5rem) clamp(1rem,5vw,4.5rem) clamp(5rem,9vw,8rem);position:relative}.league-section:before{content:"";z-index:-1;opacity:.55;pointer-events:none;background:linear-gradient(102deg,#0000 0 34%,#ffffff09 34.05%,#0000 34.16%),linear-gradient(102deg,#0000 0 57%,#ffffff07 57.05%,#0000 57.15%);position:absolute;inset:0}.league-rail{grid-template-columns:repeat(6,minmax(7rem,1fr));gap:clamp(.8rem,1.6vw,1.35rem);width:min(100%,76rem);margin:clamp(2.5rem,5vw,4.5rem) auto 0;padding:0;list-style:none;display:grid}.league-slot{aspect-ratio:4/5;color:#ffffff8f;opacity:0;min-width:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards slotIn;animation-delay:calc(.62s + var(--slot-index,0) * 70ms);background:linear-gradient(#ffffff0b,#ffffff03),#ffffff05;border:1px solid #ffffff1a;border-radius:20px;place-items:center;transition:border-color .26s,box-shadow .32s,color .26s,transform .42s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:translateY(22px);box-shadow:inset 0 1px #ffffff14,0 22px 70px #00000057}.league-slot:first-child{--slot-index:1}.league-slot:nth-child(2){--slot-index:2}.league-slot:nth-child(3){--slot-index:3}.league-slot:nth-child(4){--slot-index:4}.league-slot:nth-child(5){--slot-index:5}.league-slot:nth-child(6){--slot-index:6}.league-slot:before{content:"";z-index:0;opacity:.42;pointer-events:none;background:radial-gradient(circle at 50% 28%,#ffffff14,#0000 36%),linear-gradient(#0000 58%,#00000057);position:absolute;inset:0}.league-slot:after{content:"";z-index:3;opacity:.55;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;transition:opacity .26s,background .26s,transform .32s;position:absolute;inset:auto 1rem 1rem}.league-profile-button{z-index:1;border-radius:inherit;appearance:none;width:100%;height:100%;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.league-profile-button:focus{outline:none}.league-profile-button:focus-visible{outline-offset:-.45rem;outline:1px solid #ffffff70}.league-artifact-reveal{z-index:0;object-fit:cover;opacity:0;filter:grayscale()saturate(0)contrast(1.1)brightness(.38);width:100%;height:100%;transition:opacity .36s,filter .42s,transform .62s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0;transform:scale(1.1)}.league-slot.is-current{color:#fff;background:radial-gradient(circle at 50% 28%,#ffffff1c,#0000 34%),linear-gradient(#ffffff12,#ffffff05);border-color:#ffffff3d;box-shadow:inset 0 1px #ffffff2e,0 30px 90px #00000080,0 0 44px #ffffff0f}.league-slot.is-shadow{filter:grayscale()}.league-slot:is(:hover,:focus-within),.league-slot.is-active{color:#ffffffeb;border-color:#ffffff38}.league-slot.is-active{translate:0 -4px;box-shadow:inset 0 1px #fff3,0 30px 90px #00000080,0 0 54px #ffffff0f}.league-slot.is-active:before{opacity:.62}.league-slot.is-active:after{opacity:.95;background:linear-gradient(90deg,#0000,#ffffff85,#0000);transform:scaleX(1.2)}.league-slot.is-active .league-artifact-reveal,.league-slot:is(:hover,:focus-within) .league-artifact-reveal{opacity:.5;filter:grayscale()saturate(0)contrast(1.16)brightness(.7);transform:scale(1.035)}.league-id{z-index:3;color:#ffffff52;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;line-height:1;transition:color .24s;position:absolute;bottom:.85rem;left:.95rem}.league-mark{z-index:2;object-fit:contain;opacity:.88;filter:drop-shadow(0 18px 34px #0000008a);width:58%;max-width:6.5rem;height:auto;transition:opacity .24s,filter .24s,transform .28s cubic-bezier(.16,1,.3,1);display:block;position:relative}.league-slot.is-shadow .league-mark{opacity:.48;transform:scale(.92)}.league-slot.is-current .league-mark{opacity:.98;filter:drop-shadow(0 0 28px #ffffff2e)drop-shadow(0 20px 38px #0000008a)}.league-slot:is(:hover,:focus-within) .league-mark,.league-slot.is-active .league-mark{opacity:1;transform:translateY(-2px)scale(1)}.league-slot.is-active .league-id{color:#ffffffb3}.league-slot:nth-child(3) .league-mark{width:66%}.league-slot:nth-child(6) .league-mark{width:68%}.track-mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.8vw,1.55rem);width:min(100%,76rem);margin:clamp(2.5rem,5.5vw,4.75rem) auto 0;display:grid}.track-mockup{aspect-ratio:16/10;opacity:0;background:linear-gradient(#ffffff0b,#ffffff03),#050505;border:1px solid #ffffff1f;border-radius:24px;min-width:0;margin:0;transition:border-color .32s,box-shadow .42s,filter .32s,opacity .32s,transform .52s cubic-bezier(.16,1,.3,1);animation:.96s cubic-bezier(.16,1,.3,1) forwards trackIn;position:relative;overflow:hidden;transform:translateY(24px);box-shadow:inset 0 1px #ffffff1f,0 30px 90px #00000057}.track-mockup:first-child{animation-delay:.98s}.track-mockup:nth-child(2){margin-top:clamp(1.6rem,3vw,2.8rem);animation-delay:1.08s}.track-mockup:nth-child(3){animation-delay:1.18s}.track-mockup:after{content:"";opacity:.45;pointer-events:none;background:linear-gradient(#ffffff14,#0000 32%),radial-gradient(circle at 78% 18%,#ffffff1c,#0000 38%),linear-gradient(90deg,#00000061,#0000 46%,#0000003d);position:absolute;inset:0}.track-mockup img{object-fit:cover;filter:grayscale()saturate(0)contrast(1.05)brightness(.88);width:100%;height:100%;transition:filter .32s,transform .52s cubic-bezier(.16,1,.3,1);display:block;transform:scale(1.02)}.track-mockup.is-muted{filter:grayscale()brightness(.68)contrast(.96)}.track-mockup.is-active{z-index:1;border-color:#ffffff47;translate:0 -8px;box-shadow:inset 0 1px #fff3,0 34px 100px #0000007a,0 0 54px #ffffff12}.track-mockup:is(:hover,:focus-within) img,.track-mockup.is-active img{filter:grayscale()saturate(0)contrast(1.12)brightness();transform:scale(1.055)}.track-id{z-index:1;color:#ffffff5c;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:800;line-height:1;transition:color .26s;position:absolute;bottom:.9rem;left:1rem}.track-mockup.is-active .track-id{color:#ffffffc2}@keyframes titleIn{to{opacity:1;transform:translateY(0)}}@keyframes faceIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portraitDrift{0%{translate:0}to{translate:0 -8px}}@keyframes slotIn{to{opacity:1;transform:translateY(0)}}@keyframes trackIn{to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero-vignette{background:radial-gradient(circle at 72% 48%,#ffffff12,#0000 16rem),linear-gradient(#030303d1 0%,#0303034d 50%,#030303db 100%)}h1{font-size:4.6rem}.face-trigger{width:clamp(6.6rem,22vw,10rem)}.card-driver{width:min(34vw,15rem);top:28svh;right:1.25rem}.card-helmet{width:min(32vw,14rem);top:47svh;left:clamp(10rem,34vw,18rem);right:auto}.card-garage{width:min(38vw,16rem);bottom:2.5rem;right:1.5rem}.league-section{min-height:auto;padding-top:4rem}.league-rail{scroll-snap-type:x proximity;scrollbar-width:none;gap:.85rem;width:100%;margin-left:0;padding:0 1rem 1.2rem;display:flex;overflow-x:auto}.league-rail::-webkit-scrollbar{display:none}.league-slot{scroll-snap-align:center;border-radius:18px;flex:0 0 clamp(7.8rem,30vw,10rem)}.league-slot.is-active{translate:0 -2px}.track-mockup-grid{scroll-snap-type:x proximity;scrollbar-width:none;gap:.9rem;width:100%;margin:2rem 0 0;padding:0 1rem 1.25rem;display:flex;overflow-x:auto}.track-mockup-grid::-webkit-scrollbar{display:none}.track-mockup{scroll-snap-align:start;border-radius:20px;flex:0 0 clamp(18rem,72vw,30rem)}.track-mockup:nth-child(2){margin-top:0}}@media (width<=620px){.hero{padding:1rem}.hero-content{width:calc(100vw - 2rem);top:1rem;left:1rem}h1{width:min(8.4ch,100%);font-size:3.35rem}.face-trigger{width:clamp(6.1rem,32vw,7.8rem);bottom:1.35rem;left:1rem}.racer-card{border-radius:18px}.card-driver{width:min(40vw,10.25rem);top:22svh;right:1rem}.card-helmet{width:min(34vw,8.75rem);top:47svh;left:clamp(4.25rem,18vw,6rem);right:auto}.card-garage{width:min(38vw,9.25rem);bottom:5.1rem;right:1rem}.league-section{padding:3rem 1rem 4.5rem}.league-slot{flex-basis:7.6rem}.league-mark{width:62%}.league-slot:nth-child(3) .league-mark{width:72%}.track-mockup-grid{grid-template-columns:minmax(0,1fr);margin-top:1.4rem;padding:0;display:grid;overflow:visible}.track-mockup{border-radius:18px;flex-basis:auto;width:100%;display:none}.track-mockup.is-active{display:block}.track-id{bottom:.75rem;left:.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020306;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#020306;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}#root{min-height:100vh}