.custom-cursor{position:fixed;top:0;left:0;width:32px;height:32px;pointer-events:none;z-index:10000;will-change:transform;display:flex;align-items:center;justify-content:center;font-size:24px;filter:drop-shadow(2px 2px 0 #000)}.custom-cursor__kart{display:inline-block;line-height:1}body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}@media (pointer: coarse){.custom-cursor{display:none}}.mute-button{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9999;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:#00051ed9;border:1px solid rgba(255,215,0,.5);border-radius:6px;box-shadow:0 0 10px #ffd70026,0 4px 20px #00000080,inset 0 1px #ffffff0d;backdrop-filter:blur(8px);font-family:var(--font-pixel);font-size:.62rem;color:var(--mk-yellow);letter-spacing:.1em;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.mute-button:hover{transform:translateY(-2px);border-color:#ffd700cc;box-shadow:0 0 16px #ffd7004d,0 6px 24px #00000080,inset 0 1px #ffffff14}.mute-button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.mute-button__icon{font-size:1rem;line-height:1}.mk-footer{padding:2.5rem 1.5rem;text-align:center;background:radial-gradient(ellipse 80% 100% at 50% 100%,rgba(255,100,0,.06) 0%,transparent 60%),#040412fa;border-top:1px solid rgba(255,100,0,.15);position:relative;overflow:hidden}.mk-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4) 30%,rgba(255,100,0,.5) 50%,rgba(255,215,0,.4) 70%,transparent);filter:blur(.5px)}.mk-footer__inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.6rem}.mk-footer__legal{font-size:.7rem;color:#ffffff4d;letter-spacing:.1em}.mk-footer__dev{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffff80}.mk-footer__dev strong{color:#ff6400}.mk-footer__social{display:inline-flex;align-items:center;color:#ffffff59;text-decoration:none;transition:color .2s ease}.mk-footer__social:hover{color:#ff6400}.ls{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.ls__static{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.55;mix-blend-mode:screen;pointer-events:none}.ls__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:2}.ls__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center}.ls__logo{width:min(420px,80vw);filter:drop-shadow(0 0 40px rgba(255,220,0,.9)) drop-shadow(0 0 80px rgba(255,100,0,.5))}.ls__badge{font-family:var(--font-pixel);font-size:.55rem;color:#ffffff8c;letter-spacing:.35em;text-transform:uppercase}.ls--static .ls__content{opacity:0;transform:scale(.55) rotate(-8deg)}.ls--logo .ls__content{opacity:1;transform:scale(1) rotate(0);transition:opacity .4s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}.ls--logo .ls__logo{animation:logoFlash .6s ease both}@keyframes logoFlash{0%{filter:drop-shadow(0 0 40px rgba(255,220,0,.9)) brightness(3)}60%{filter:drop-shadow(0 0 60px rgba(255,220,0,.9)) brightness(1.2)}to{filter:drop-shadow(0 0 40px rgba(255,220,0,.9)) drop-shadow(0 0 80px rgba(255,100,0,.5)) brightness(1)}}.ls--fade{opacity:0;transition:opacity .65s ease;pointer-events:none}.sidenav{position:fixed;right:1.4rem;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;padding:.8rem .4rem;background:#00001466;border:1px solid rgba(255,255,255,.06);border-radius:20px;backdrop-filter:blur(8px)}.sidenav__dot{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0;color:inherit;position:relative}.sidenav__label{font-family:var(--font-pixel);font-size:.42rem;letter-spacing:.12em;color:#ffffffbf;white-space:nowrap;opacity:0;transform:translate(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.sidenav__icon{font-size:.9rem;opacity:0;transform:translate(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.sidenav__dot:hover .sidenav__label,.sidenav__dot--active .sidenav__label,.sidenav__dot:hover .sidenav__icon,.sidenav__dot--active .sidenav__icon{opacity:1;transform:translate(0)}.sidenav__pip{display:block;width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:#ffffff0d;flex-shrink:0;transition:background .2s ease,border-color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.sidenav__dot:hover .sidenav__pip{border-color:#ffffffb3;background:#fff3;transform:scale(1.3)}.sidenav__dot--active .sidenav__pip{width:9px;height:9px;background:var(--mk-yellow);border-color:var(--mk-yellow);box-shadow:0 0 6px var(--mk-yellow),0 0 14px #ffd70080,0 0 25px #ffd70033;transform:scale(1.2)}@media (max-width: 640px){.sidenav{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;overflow:hidden;background:radial-gradient(ellipse 120% 70% at 50% 0%,#1E90FF 0%,#0055DD 30%,rgba(0,40,140,.7) 55%,transparent 75%),radial-gradient(ellipse 100% 60% at 0% 100%,rgba(255,107,0,.35) 0%,transparent 55%),radial-gradient(ellipse 100% 60% at 100% 100%,rgba(255,20,200,.25) 0%,transparent 55%),linear-gradient(180deg,#04b,#001a88 30%,#000d44 70%,#000820);isolation:isolate}.hero__speed-lines{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.08}.hero__speed-lines:before,.hero__speed-lines:after{content:"";position:absolute;inset:-50%;background:repeating-linear-gradient(-18deg,transparent 0px,transparent 30px,rgba(255,255,255,.9) 30px,rgba(255,255,255,.9) 32px);animation:speedSlide .8s linear infinite}.hero__speed-lines:after{background:repeating-linear-gradient(-18deg,transparent 0px,transparent 70px,rgba(255,220,0,.8) 70px,rgba(255,220,0,.8) 72px);animation:speedSlide 1.4s linear infinite}@keyframes speedSlide{0%{transform:translate(0)}to{transform:translate(100px)}}.hero:before{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(0,8,40,.5) 0%,transparent 100%);pointer-events:none;z-index:2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,50,.38) 0%,rgba(0,5,30,.22) 40%,transparent 65%);pointer-events:none;z-index:2}.hero__bg-photo{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center 35%;opacity:.92;filter:saturate(1.4) brightness(1.15);z-index:0;pointer-events:none;user-select:none;transition:transform .12s ease-out;will-change:transform}.hero:focus-visible{outline:3px dashed var(--mk-yellow);outline-offset:-16px}.hero__stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 15% 20%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 45% 12%,white,transparent),radial-gradient(2px 2px at 80% 45%,white,transparent),radial-gradient(3px 3px at 28% 75%,var(--mk-yellow),transparent),radial-gradient(2px 2px at 92% 8%,var(--mk-pink),transparent),radial-gradient(2px 2px at 10% 55%,white,transparent),radial-gradient(2px 2px at 72% 88%,var(--mk-yellow),transparent),radial-gradient(1px 1px at 55% 40%,rgba(100,200,255,.9),transparent),radial-gradient(2px 2px at 38% 92%,var(--mk-pink),transparent),radial-gradient(1px 1px at 85% 65%,white,transparent),radial-gradient(2px 2px at 5% 35%,var(--mk-yellow),transparent);background-size:200% 200%;opacity:.85;animation:starsDrift 60s linear infinite;z-index:0}@keyframes starsDrift{0%{background-position:0 0}to{background-position:200% 200%}}.hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem 4rem;text-align:left;max-width:52%;margin-left:3%}.hero__inner:after{content:"";position:absolute;inset:30% -2rem -10%;background:linear-gradient(to top,rgba(0,5,40,.35) 0%,transparent 100%);backdrop-filter:blur(1px);border-radius:4px;z-index:-1;pointer-events:none}.hero__logo{width:clamp(260px,44vw,620px);height:auto;filter:drop-shadow(0 0 30px rgba(255,215,0,.6)) drop-shadow(0 0 60px rgba(255,107,0,.3)) drop-shadow(0 14px 0 rgba(0,0,0,.7));animation:heroLogoBounce 2.4s ease-in-out infinite,heroLogoEntrance 1s cubic-bezier(.34,1.56,.64,1) both;user-select:none;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.hero:hover .hero__logo{animation:heroLogoBounce 2.4s ease-in-out infinite,heroGlitch 5s ease-in-out infinite 2s}@keyframes heroGlitch{0%,90%,to{filter:drop-shadow(0 0 30px rgba(255,215,0,.6)) drop-shadow(0 14px 0 rgba(0,0,0,.7));clip-path:none;transform:translate(0)}91%{clip-path:inset(0 0 60% 0);transform:translate(-4px);filter:drop-shadow(0 0 30px rgba(255,0,0,.8)) drop-shadow(0 14px 0 rgba(0,0,0,.7))}92%{clip-path:inset(40% 0 20% 0);transform:translate(4px);filter:drop-shadow(0 0 30px rgba(0,200,255,.8)) drop-shadow(0 14px 0 rgba(0,0,0,.7))}93%{clip-path:inset(60% 0 0% 0);transform:translate(-2px);filter:drop-shadow(0 0 30px rgba(255,215,0,.6)) drop-shadow(0 14px 0 rgba(0,0,0,.7))}94%{clip-path:none;transform:translate(0)}}.hero__logo--started{animation-duration:1s;transform:scale(1.08)}@keyframes heroLogoBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.02)}}@keyframes heroLogoEntrance{0%{opacity:0;transform:scale(1.6) translateY(-30px);filter:brightness(3) blur(8px)}60%{opacity:1;filter:brightness(1.2) blur(0px)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1) blur(0px)}}.hero__inner>*{animation:heroContentFadeIn .7s cubic-bezier(.22,1,.36,1) both}.hero__inner>*:nth-child(1){animation-delay:.15s}.hero__inner>*:nth-child(2){animation-delay:.3s}.hero__inner>*:nth-child(3){animation-delay:.45s}.hero__inner>*:nth-child(4){animation-delay:.6s}@keyframes heroContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__cta{min-height:2.4rem;display:flex;align-items:center}.hero__press{font-family:var(--font-pixel);font-size:clamp(1rem,1.8vw,1.4rem);color:var(--mk-yellow);letter-spacing:.18em;text-shadow:3px 3px 0 var(--mk-black),0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,150,0,.4);animation:blinkPress .85s steps(2,end) infinite,pressGlow 2s ease-in-out infinite;padding:.4rem 0;border-bottom:2px solid rgba(255,215,0,.3)}@keyframes pressGlow{0%,to{text-shadow:3px 3px 0 #000,0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,150,0,.4)}50%{text-shadow:3px 3px 0 #000,0 0 40px rgba(255,215,0,1),0 0 80px rgba(255,150,0,.7)}}.hero__press--go{color:var(--mk-white);background:var(--rainbow);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowShift 1.5s linear infinite,blinkPress .4s steps(2,end) 4;font-size:clamp(1rem,2vw,1.6rem)}.hero__hint{font-family:var(--font-pixel);font-size:.6rem;color:var(--mk-yellow);opacity:.45;letter-spacing:.2em;margin-top:.5rem;animation:blinkPress 2s ease-in-out infinite}.hero__boo{position:absolute;right:9%;bottom:24%;width:90px;height:90px;background-image:url(../assets/images/sprites/boo-5468.gif);background-repeat:no-repeat;background-size:2070px 90px;image-rendering:pixelated;mix-blend-mode:screen;z-index:3;animation:booSpin 1.6s steps(23,end) infinite,booFloat 3.8s ease-in-out infinite}@keyframes booSpin{0%{background-position:0 0}to{background-position:-1800px 0}}@keyframes booFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-20px) rotate(4deg)}}.hero__items-strip{position:absolute;bottom:0;left:0;right:0;height:62px;background-image:url(../assets/images/sprites/items-5469.png);background-repeat:repeat-x;background-size:450px 246px;background-position:0 0;mix-blend-mode:screen;opacity:.7;z-index:2;pointer-events:none;animation:itemsScroll 18s linear infinite}@keyframes itemsScroll{0%{background-position-x:0}to{background-position-x:338px}}.hero__tagline{font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1.1rem);color:#c8e6ffe6;letter-spacing:.06em;text-align:left;max-width:420px;line-height:1.65;margin-top:-.5rem;text-shadow:0 1px 8px rgba(0,60,200,.6)}.hero__cursor{display:inline-block;width:2px;height:1em;background:var(--mk-yellow);margin-left:2px;vertical-align:text-bottom;animation:blinkPress .6s steps(2,end) infinite}.hero--flash:before{background:#ffffff26!important;animation:heroFlash .6s ease-out!important}@keyframes heroFlash{0%{opacity:1;background:#fff6}to{opacity:0;background:transparent}}.hero__aurora{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:0}.hero__aurora--1{background:radial-gradient(ellipse 120% 55% at 20% 30%,rgba(0,220,140,.45) 0%,transparent 70%);animation:auroraShift1 9s ease-in-out infinite;opacity:1}.hero__aurora--2{background:radial-gradient(ellipse 100% 60% at 80% 50%,rgba(60,120,255,.5) 0%,transparent 70%);animation:auroraShift2 13s ease-in-out infinite;opacity:1}.hero__aurora--3{background:radial-gradient(ellipse 90% 50% at 50% 70%,rgba(220,0,255,.3) 0%,transparent 65%);animation:auroraShift3 7s ease-in-out infinite;opacity:1}@keyframes auroraShift1{0%,to{transform:translate(0) scaleY(1);opacity:.7}33%{transform:translate(8%) scaleY(1.15);opacity:1}66%{transform:translate(-5%) scaleY(.9);opacity:.5}}@keyframes auroraShift2{0%,to{transform:translate(0) scaleX(1);opacity:.65}40%{transform:translate(-10%) scaleX(1.12);opacity:1}70%{transform:translate(6%) scaleX(.88);opacity:.45}}@keyframes auroraShift3{0%,to{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-6%) scale(1.18);opacity:.9}}.hero__coins{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.hero__coin{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe566,#ffb800 50%,#a07000);box-shadow:0 0 10px #ffc800e6,inset 0 1px 2px #fff9;animation:coinFall linear infinite,coinSpin .5s steps(4,end) infinite;opacity:0}.hero__coin--1{left:8%;animation-duration:6.2s,.5s;animation-delay:0s;top:-20px}.hero__coin--2{left:22%;animation-duration:7.8s,.5s;animation-delay:1.1s;top:-20px}.hero__coin--3{left:38%;animation-duration:5.5s,.5s;animation-delay:.4s;top:-20px}.hero__coin--4{left:55%;animation-duration:8.3s,.5s;animation-delay:2.2s;top:-20px}.hero__coin--5{left:72%;animation-duration:6.7s,.5s;animation-delay:.8s;top:-20px}.hero__coin--6{left:88%;animation-duration:7.1s,.5s;animation-delay:1.7s;top:-20px}.hero__coin--1:nth-child(7){left:14%;animation-delay:3.1s}.hero__coin--2:nth-child(8){left:29%;animation-delay:4s}.hero__coin--3:nth-child(9){left:47%;animation-delay:2.7s}.hero__coin--4:nth-child(10){left:63%;animation-delay:5.2s}.hero__coin--5:nth-child(11){left:79%;animation-delay:3.6s}.hero__coin--6:nth-child(12){left:93%;animation-delay:1.3s}.hero__coin--1:nth-child(13){left:5%;animation-delay:5.5s}.hero__coin--2:nth-child(14){left:34%;animation-delay:6.2s}.hero__coin--3:nth-child(15){left:51%;animation-delay:4.9s}.hero__coin--4:nth-child(16){left:66%;animation-delay:3.3s}.hero__coin--5:nth-child(17){left:82%;animation-delay:6.8s}.hero__coin--6:nth-child(18){left:96%;animation-delay:2.1s}@keyframes coinFall{0%{transform:translateY(-30px) scaleX(1);opacity:0}5%{opacity:.85}85%{opacity:.6}to{transform:translateY(105vh) scaleX(.2);opacity:0}}@keyframes coinSpin{0%{transform:scaleX(1)}25%{transform:scaleX(.2)}50%{transform:scaleX(1)}75%{transform:scaleX(.2)}to{transform:scaleX(1)}}.hero__lakitu{position:absolute;right:6%;bottom:14%;width:90px;height:auto;image-rendering:pixelated;z-index:3;opacity:.88;filter:drop-shadow(0 0 12px rgba(255,180,0,.7)) drop-shadow(0 4px 0 rgba(0,0,0,.6));animation:lakituBob 3s ease-in-out infinite;pointer-events:none;user-select:none;transform:scaleX(-1)}@keyframes lakituBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}.hero__items-strip--top{bottom:auto;top:0;animation-direction:reverse;opacity:.4;height:40px}.hero__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 100% 60% at 50% 100%,transparent 30%,rgba(0,0,0,.35) 100%);z-index:1}@media (prefers-reduced-motion: reduce){.hero__logo,.hero__press,.hero__hint,.hero__stars{animation:none!important}}.select{min-height:100vh;padding:2rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;position:relative;overflow:hidden;background:#031a00}.select:before,.select:after{content:none}.select__ambient{position:absolute;bottom:0;left:0;right:0;height:70%;opacity:.18;filter:blur(80px);pointer-events:none;z-index:0;background-color:#00e050;transition:background-color .6s ease;border-radius:50%}.select__kart-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}.select__swirl{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.select__swirl:before{content:"";position:absolute;top:50%;left:50%;width:220%;aspect-ratio:1;background:conic-gradient(from 0deg,#031a00,#2aab00,#031a00,#2aab00,#031a00,#38cc00,#031a00,#2aab00,#031a00,#38cc00,#031a00,#2aab00,#031a00,#2aab00,#031a00,#38cc00,#031a00,#2aab00,#031a00,#2aab00,#031a00,#38cc00,#031a00,#2aab00,#031a00 360deg);transform:translate(-50%,-50%) rotate(0);animation:swirlRotate 9s linear infinite}.select__swirl:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 65% at 50% 50%,transparent 0%,rgba(2,18,0,.45) 55%,rgba(2,18,0,.82) 100%)}@keyframes swirlRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.select>*{position:relative;z-index:1}.select__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.select__title-wrap{display:flex;align-items:center;gap:1.2rem;padding:.4rem 0}.select__title-line{flex:1;max-width:180px;height:3px;background:linear-gradient(90deg,transparent,#FFE832,transparent)}.select__title{font-family:var(--font-mario);font-size:clamp(2rem,6vw,4rem);color:#5ee000;letter-spacing:.05em;text-shadow:-3px -3px 0 #003300,3px -3px 0 #003300,-3px 3px 0 #003300,3px 3px 0 #003300,0 4px 0 #001800,0 0 35px rgba(94,224,0,.4),0 0 70px rgba(94,224,0,.15);margin:0;white-space:nowrap}.select__sub{font-family:var(--font-pixel);font-size:.52rem;color:#fff;letter-spacing:.2em;min-height:1.4em;text-shadow:1px 1px 0 #000}.select__grid-wrap{width:min(760px,96%);padding:0;background:transparent}.select__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#111;border-radius:0;padding:4px;border:4px solid #000}@media (max-width: 600px){.select__grid{grid-template-columns:repeat(2,1fr)}}.mugshot{--mug-color: #FFD700;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#000;border:3px solid #777;border-radius:0;cursor:pointer;transition:border-color .08s;overflow:hidden;aspect-ratio:1 / 1.22}.mugshot--hover{border-color:#bbb}.mugshot:focus-visible{outline:3px solid #44AAFF;outline-offset:-3px}.mugshot--selected{border:5px solid #1470E0;background:#000;box-shadow:0 0 0 2px #1470e0,0 0 22px color-mix(in srgb,var(--mug-color) 50%,#1470E0),0 0 8px #1470e0cc;animation:mugshotSelect .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes mugshotSelect{0%{filter:brightness(2.5);transform:scale(.92)}60%{filter:brightness(1.3);transform:scale(1.04)}to{filter:brightness(1);transform:scale(1)}}.mugshot__num{position:absolute;bottom:0;left:0;background:#1470e0;color:#fff;font-family:var(--font-pixel);font-size:.65rem;line-height:1;padding:3px 7px 4px;z-index:5;text-shadow:1px 1px 0 rgba(0,0,0,.6);letter-spacing:0;pointer-events:none}.mugshot__frame{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:4px 4px 2px;background:#000;min-height:0;overflow:hidden}.mugshot__icon{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.mugshot--hover .mugshot__icon{filter:brightness(1.18)}.mugshot__name{font-family:var(--font-pixel);font-size:clamp(.38rem,.9vw,.52rem);letter-spacing:.08em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:5px 4px 6px;color:#fff;background:linear-gradient(to bottom,#a0a0a0,#606060);border-top:2px solid #c8c8c8;text-shadow:1px 1px 0 #000;flex-shrink:0}.mugshot--selected .mugshot__name{background:linear-gradient(to bottom,#a0a0a0,#606060);border-top-color:#c8c8c8;color:#fff;text-shadow:1px 1px 0 #000}.select__info{--info-color: #FFD700;width:min(1140px,100%);display:grid;grid-template-columns:160px 1fr;gap:1.2rem;align-items:center;padding:0 4px;background:linear-gradient(135deg,#b87c00,#ffe566,#9a6500,#f5c800,#a07000,gold);border-radius:6px;box-shadow:0 0 0 3px #000,0 0 0 5px color-mix(in srgb,var(--info-color) 20%,transparent),0 8px 30px #000c;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease,padding .25s ease}.select__info--visible{max-height:240px;opacity:1;padding:4px}.select__info>*{background:#040220}.info__portrait{position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px 0 0 3px;overflow:hidden;height:190px;background:radial-gradient(ellipse 80% 70% at 50% 80%,color-mix(in srgb,var(--info-color) 30%,transparent),#040220 70%)}.info__img{height:170px;width:auto;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 8px rgba(0,0,0,.9))}.info__img--hover{animation:infoHoverFade .2s ease both}@keyframes infoHoverFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.info__img--win{height:185px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.9)) drop-shadow(0 0 12px color-mix(in srgb,var(--info-color) 60%,transparent));animation:infoPortraitPop .4s cubic-bezier(.34,1.56,.64,1) both,infoWinSway 1.8s ease-in-out .4s infinite}@keyframes infoPortraitPop{0%{transform:scale(.5) translateY(20px) rotate(-6deg);opacity:0}65%{transform:scale(1.12) translateY(-6px) rotate(3deg);opacity:1}to{transform:scale(1) translateY(0) rotate(0);opacity:1}}@keyframes infoWinSway{0%{transform:rotate(0) scale(1) translateY(0)}20%{transform:rotate(-5deg) scale(1.06) translateY(-4px)}50%{transform:rotate(5deg) scale(1.06) translateY(-4px)}80%{transform:rotate(-3deg) scale(1.03) translateY(-2px)}to{transform:rotate(0) scale(1) translateY(0)}}.info__win-stars{position:absolute;inset:0;pointer-events:none}.info__win-stars span{position:absolute;color:var(--info-color);font-size:1.1rem;animation:starFloat 1.8s ease-in-out infinite;text-shadow:0 0 10px var(--info-color);opacity:0}.info__win-stars span:nth-child(1){top:12%;left:8%;animation-delay:0s}.info__win-stars span:nth-child(2){top:10%;right:10%;animation-delay:.6s}.info__win-stars span:nth-child(3){bottom:20%;left:50%;transform:translate(-50%);animation-delay:1.1s;font-size:1.5rem}@keyframes starFloat{0%{transform:translateY(0) scale(.4);opacity:0}25%{opacity:1}80%{opacity:.7}to{transform:translateY(-28px) scale(1.3);opacity:0}}.info__body{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;border-radius:0 3px 3px 0;min-height:190px;justify-content:center}.info__name{font-family:var(--font-mario);font-size:clamp(1.1rem,2.5vw,1.8rem);letter-spacing:.1em;text-shadow:2px 2px 0 #000,0 0 20px currentColor;margin:0}.info__klass{font-family:var(--font-pixel);font-size:.48rem;color:#fff9;letter-spacing:.2em;display:flex;align-items:center;gap:.4rem}.info__klass-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:2px;padding:1px 6px;color:var(--mk-yellow, #FFD700)}.info__quote{font-family:var(--font-mario);font-size:.9rem;color:#ffe500;font-style:italic;line-height:1.4;opacity:.9;border-top:1px solid rgba(255,255,255,.07);padding-top:.4rem}.info__stats{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid rgba(255,255,255,.07);padding-top:.4rem}.stat{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:.5rem}.stat__label{font-family:var(--font-pixel);font-size:.45rem;color:#ffffffa6;letter-spacing:.06em}.stat__bar{display:flex;gap:3px;margin:0}.stat__track{position:relative;height:9px;background:#ffffff12;border:1px solid rgba(0,0,0,.45);border-radius:2px;overflow:hidden;margin:0;flex:1}.stat__fill{display:block;height:100%;width:var(--fill-w, 0%);background:linear-gradient(90deg,var(--fill-color, #FFD700),color-mix(in srgb,var(--fill-color, #FFD700) 60%,#fff));box-shadow:0 0 8px var(--fill-color, #FFD700);border-radius:2px;animation:statBarGrow .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes statBarGrow{0%{width:0;opacity:.4}to{width:var(--fill-w);opacity:1}}.stat__pip{flex:1;height:9px;background:#ffffff12;border:1px solid rgba(0,0,0,.5);border-radius:1px;transition:background .25s,box-shadow .25s}.stat__pip--on{background:var(--mk-yellow, #FFD700);box-shadow:0 0 6px var(--mk-yellow, #FFD700)}.select__confirm{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.select__confirm--show{max-height:80px}.confirm-btn{font-family:var(--font-pixel);font-size:clamp(.7rem,1.6vw,.95rem);letter-spacing:.2em;color:#000;background:linear-gradient(135deg,gold,orange,gold);border:none;border-radius:4px;padding:.75rem 3rem;cursor:pointer;box-shadow:0 0 0 3px #000,0 0 0 5px gold,0 0 30px #ffc80080,0 6px #7a4000,0 8px 16px #000000b3;animation:confirmPop .4s cubic-bezier(.34,1.56,.64,1);transition:transform .1s,box-shadow .1s}.confirm-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 0 3px #000,0 0 0 5px gold,0 0 50px #ffc800b3,0 8px #7a4000,0 10px 20px #000000b3}.confirm-btn:active{transform:translateY(3px);box-shadow:0 0 0 3px #000,0 0 0 4px gold,0 3px #7a4000}@keyframes confirmPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.track-viewer{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;border:2px solid var(--tv-accent, #ffd700);box-shadow:0 0 18px color-mix(in srgb,var(--tv-accent, #ffd700) 40%,transparent),inset 0 0 30px #0009;animation:tv-slide-in .35s cubic-bezier(.22,.61,.36,1) both}@keyframes tv-slide-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.track-viewer canvas{display:block;width:100%!important;height:100%!important}.track-viewer__hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--font-pixel, monospace);font-size:.55rem;color:#ffffff59;pointer-events:none;white-space:nowrap;letter-spacing:.04em}@media (max-width: 600px){.track-viewer{height:280px}}.cup{min-height:100vh;padding:5rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;background:radial-gradient(ellipse 130% 65% at 50% -5%,#2299FF 0%,#1166EE 20%,rgba(0,80,200,.7) 50%,transparent 70%),radial-gradient(ellipse 80% 50% at 0% 100%,rgba(255,215,0,.15) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(255,0,200,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,80,220,.3) 0%,transparent 50%),linear-gradient(180deg,#03b,#001a88 40%,#000f55);position:relative;overflow:hidden}.cup__boo{position:absolute;left:4%;top:18%;width:72px;height:72px;background-image:url(../assets/images/sprites/boo-5468.gif);background-repeat:no-repeat;background-size:1656px 72px;image-rendering:pixelated;mix-blend-mode:screen;opacity:.85;z-index:0;pointer-events:none;animation:cupBooSpin 2s steps(23,end) infinite,cupBooFloat 5s ease-in-out infinite}@keyframes cupBooSpin{0%{background-position:0 0}to{background-position:-1350px 0}}@keyframes cupBooFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}.cup__header{text-align:center;display:flex;flex-direction:column;gap:.6rem}.cup__title{font-family:var(--font-pixel);font-size:clamp(1.4rem,3.6vw,2.6rem);color:var(--mk-yellow);letter-spacing:.12em;text-shadow:4px 4px 0 var(--mk-red),8px 8px 0 var(--mk-black),0 0 25px rgba(255,215,0,.7),0 0 50px rgba(255,100,0,.3)}.cup__sub{font-family:var(--font-pixel);font-size:.7rem;color:var(--mk-white);opacity:.7;letter-spacing:.25em}.cup__trophies{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:min(900px,100%)}@media (max-width: 640px){.cup__trophies{grid-template-columns:repeat(2,1fr)}}.trophy{--trophy-color: var(--mk-yellow);display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.2rem .5rem;background:linear-gradient(135deg,#ffffff12,#0000),#000832bf;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;backdrop-filter:blur(6px);transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease,background .25s ease}.trophy:hover,.trophy:focus-visible{transform:translateY(-4px);border-color:var(--trophy-color);outline:none;box-shadow:0 0 22px var(--trophy-color),0 0 44px color-mix(in srgb,var(--trophy-color) 40%,transparent)}.trophy--active{border-color:var(--trophy-color);background:linear-gradient(135deg,color-mix(in srgb,var(--trophy-color) 12%,rgba(0,0,0,0)),#0000),#000832cc;box-shadow:0 0 0 3px var(--trophy-color),0 0 40px var(--trophy-color),0 0 80px color-mix(in srgb,var(--trophy-color) 30%,transparent);transform:translateY(-6px)}.trophy__icon{width:100%;max-width:80px;aspect-ratio:1 / 1;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.6))}.trophy__sprite{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));transition:transform .18s ease}.trophy:hover .trophy__sprite,.trophy--active .trophy__sprite{transform:scale(1.15)}.trophy__name{font-family:var(--font-pixel);font-size:.6rem;color:var(--mk-white);letter-spacing:.08em;text-shadow:2px 2px 0 var(--mk-black)}.cup__tracks{--cup-color: var(--mk-yellow);display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:min(1100px,100%)}@media (max-width: 880px){.cup__tracks{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cup__tracks{grid-template-columns:1fr}}.track{--track-color: var(--cup-color);position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .75rem;background:linear-gradient(135deg,#ffffff08,#0006),#00051e99;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;overflow:hidden;backdrop-filter:blur(4px);transition:transform .2s ease,border-color .22s ease,box-shadow .25s ease;animation:trackSlideIn .45s cubic-bezier(.34,1.4,.64,1) both}.cup__tracks>.track:nth-child(1){animation-delay:0s}.cup__tracks>.track:nth-child(2){animation-delay:.07s}.cup__tracks>.track:nth-child(3){animation-delay:.14s}.cup__tracks>.track:nth-child(4){animation-delay:.21s}@keyframes trackSlideIn{0%{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.track:hover,.track:focus-visible{transform:translateY(-5px) scale(1.02);border-color:color-mix(in srgb,var(--track-color) 70%,transparent);outline:none;box-shadow:0 10px 30px #0009,0 0 20px color-mix(in srgb,var(--track-color) 30%,transparent),inset 0 0 15px color-mix(in srgb,var(--track-color) 5%,transparent)}.track--selected{border-color:var(--track-color);box-shadow:0 0 0 3px var(--track-color),0 0 35px var(--track-color);background:radial-gradient(circle at top,color-mix(in srgb,var(--track-color) 25%,transparent) 0%,transparent 70%),#0009;animation:trackPulse 1s ease-in-out infinite}@keyframes trackPulse{0%,to{box-shadow:0 0 0 3px var(--track-color),0 0 25px var(--track-color)}50%{box-shadow:0 0 0 5px var(--track-color),0 0 50px var(--track-color)}}.track__num{position:absolute;top:8px;left:10px;font-family:var(--font-pixel);font-size:.7rem;color:var(--track-color);text-shadow:2px 2px 0 var(--mk-black)}.track__minimap-wrap{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:4px;padding:6px}.track__minimap{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.track__name{font-family:var(--font-pixel);font-size:.62rem;color:var(--mk-white);letter-spacing:.06em;text-align:center;text-shadow:2px 2px 0 var(--mk-black);line-height:1.4;min-height:2.4em}.track__badge{position:absolute;top:-8px;right:-8px;background:var(--mk-yellow);color:var(--mk-red);font-family:var(--font-pixel);font-size:.55rem;padding:4px 8px;border:2px solid var(--mk-black);border-radius:4px;letter-spacing:.05em;transform:rotate(6deg);animation:boostPop .45s ease}.track__3d-badge{position:absolute;top:-8px;left:-8px;background:#1470e0;color:#fff;font-family:var(--font-pixel);font-size:.5rem;padding:3px 6px;border:2px solid #0a3a80;border-radius:4px;letter-spacing:.04em;pointer-events:none}.cup__3d-viewer{width:100%;max-width:720px;margin:12px auto 0;padding:0 4px}.cup__confirm{height:70px;display:flex;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.cup__confirm--show{opacity:1;transform:translateY(0);pointer-events:auto}@media (prefers-reduced-motion: reduce){.track,.track--selected,.trophy,.cup__confirm,.track__badge{animation:none!important;transition:none!important}}.placeholder-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 0 12px #0009}.placeholder-art__text{font-family:var(--font-pixel);font-size:1.4rem;color:#fff;text-shadow:2px 2px 0 #000,0 0 12px rgba(0,0,0,.8);letter-spacing:.06em}.race{min-height:100vh;padding:5rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;gap:1.8rem;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(180,0,255,.35) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 0% 80%,rgba(0,120,255,.2) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 100% 80%,rgba(255,20,100,.2) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(80,0,160,.15) 0%,transparent 60%),linear-gradient(180deg,#140044,#0a002a,#080020);position:relative;overflow:hidden}.race__header{text-align:center;display:flex;flex-direction:column;gap:.5rem}.race__title{font-family:var(--font-pixel);font-size:clamp(1.4rem,3.6vw,2.4rem);color:var(--mk-yellow);letter-spacing:.12em;text-shadow:4px 4px 0 var(--mk-red),8px 8px 0 var(--mk-black),0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,100,0,.2)}.race__sub{font-family:var(--font-pixel);font-size:.75rem;color:var(--mk-white);opacity:.85;letter-spacing:.22em}.race__stage{position:relative;width:min(1100px,100%);aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:2px solid rgba(255,215,0,.7);box-shadow:0 0 0 1px #ffd70033,0 0 0 4px #000c,0 24px 80px #0009,0 0 80px #c800ff4d,0 0 160px #ff00aa26,inset 0 0 30px #6400b41a;background:#06002a}0 0 60px rgba(200,0,255,.2),0 0 120px rgba(255,0,170,.1); background: #06002A; } .race__stage canvas{display:block;width:100%!important;height:100%!important}.race__hud{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem}.race__lap,.race__pos{font-family:var(--font-pixel);font-size:1rem;color:var(--mk-yellow);text-shadow:3px 3px 0 var(--mk-black),0 0 10px rgba(255,215,0,.6);letter-spacing:.1em;background:#00000080;padding:8px 14px;border:2px solid var(--mk-yellow);border-radius:4px}.race__pos sup{font-size:.55em;vertical-align:super}.race__cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cinematic-btn{font-family:var(--font-pixel);font-size:.65rem;letter-spacing:.12em;padding:.7rem 1.4rem;background:transparent;color:#aaf;border:2px solid #aaf;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.cinematic-btn:hover,.cinematic-btn--active{background:#6464ff2e;color:#fff;box-shadow:0 0 12px #6464ff80}.race__minimap-hud{position:absolute;bottom:1rem;right:1.2rem;width:96px;height:96px;border:2px solid rgba(255,255,255,.35);border-radius:8px;background:#000014b8;overflow:hidden;backdrop-filter:blur(4px)}.race__minimap-bg{width:100%;height:100%;object-fit:contain;filter:brightness(1.1) saturate(1.3);opacity:.9}.race__minimap-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ff5050e6;transform:translate(-50%,-50%);animation:dot-pulse .8s ease-in-out infinite alternate;pointer-events:none}@keyframes dot-pulse{0%{box-shadow:0 0 4px 2px #ff5050cc}to{box-shadow:0 0 10px 4px #ffc832}}@media (prefers-reduced-motion: reduce){.race__stage{box-shadow:0 0 0 4px var(--mk-black)}.race__minimap-dot{animation:none}}.race__info{width:min(1100px,100%);background:#ffffff0a;border:2px solid color-mix(in srgb,var(--info-accent, #ffd700) 50%,transparent);border-radius:12px;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.9rem;backdrop-filter:blur(6px);box-shadow:inset 0 0 40px #00000040,0 0 20px color-mix(in srgb,var(--info-accent, #ffd700) 15%,transparent);animation:tv-slide-in .4s cubic-bezier(.22,.61,.36,1) both}.race__info-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.race__info-cup{font-family:var(--font-pixel);font-size:.6rem;letter-spacing:.2em;color:var(--info-accent, var(--mk-yellow));opacity:.75}.race__info-stars{display:flex;gap:2px;font-size:1.2rem;line-height:1}.star--on{color:var(--mk-yellow);text-shadow:0 0 6px var(--mk-yellow)}.star--off{color:#ffffff26}.race__info-desc{font-family:var(--font-body);font-size:clamp(.85rem,1.4vw,1rem);color:#c8dcffe0;line-height:1.65;max-width:800px}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:#c8dcffb3;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink .8s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.race__info-facts{display:flex;gap:2rem;flex-wrap:wrap;margin-top:.3rem}.race__fact{display:flex;flex-direction:column;gap:.25rem;min-width:60px}.race__fact dt{font-family:var(--font-pixel);font-size:.5rem;letter-spacing:.18em;color:#ffffff61;text-transform:uppercase}.race__fact dd{font-family:var(--font-pixel);font-size:.75rem;color:var(--mk-white);letter-spacing:.08em}@keyframes tv-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.race__fact--wr dd{color:var(--mk-yellow);text-shadow:0 0 8px var(--mk-yellow)}.countdown-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000ab8;animation:cdFadeIn .12s ease both}@keyframes cdFadeIn{0%{opacity:0}to{opacity:1}}.countdown-panel{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.countdown-lights{display:flex;flex-direction:row;gap:1rem;padding:.9rem 1.4rem;background:#0a0a1ed9;border:3px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 0 30px #0009}.cdl{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.15);transition:background .1s,box-shadow .1s}.cdl--red{background:#ff2020;border-color:#ff6060;box-shadow:0 0 18px 6px #ff2020d9;animation:cdlPulse .4s ease}.cdl--go{background:#2f4;border-color:#8f9;box-shadow:0 0 22px 8px #22ff44d9;animation:cdlPulse .35s ease}@keyframes cdlPulse{0%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}.countdown-number{font-family:var(--font-pixel);letter-spacing:.06em;line-height:1;animation:cdNumPop .3s cubic-bezier(.34,1.56,.64,1) both}.countdown-number--num{font-size:clamp(3.5rem,10vw,6rem);color:#ff3030;text-shadow:6px 6px 0 #800000,0 0 30px rgba(255,48,48,.8)}.countdown-number--go{font-size:clamp(2.8rem,9vw,5rem);color:#2f4;text-shadow:6px 6px 0 #006600,0 0 40px rgba(34,255,68,.9)}@keyframes cdNumPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.race__info{padding:1rem 1.2rem}.race__info-facts{gap:1.2rem}}.battle{min-height:100vh;padding:5rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(255,30,30,.45) 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 0% 100%,rgba(59,130,246,.18) 0%,transparent 50%),radial-gradient(ellipse 70% 45% at 100% 100%,rgba(168,85,247,.18) 0%,transparent 50%),radial-gradient(ellipse 80% 55% at 50% 50%,rgba(180,0,30,.12) 0%,transparent 60%),linear-gradient(180deg,#220010,#180010,#0e000a);position:relative;overflow:hidden}.battle:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FF2222 30%,#FF8800 50%,#FF2222 70%,transparent);filter:blur(1px);box-shadow:0 0 12px 2px #ff1e1e99}.battle__header{text-align:center;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.battle__title{font-family:var(--font-pixel);font-size:clamp(1.4rem,3.6vw,2.4rem);color:var(--mk-red);letter-spacing:.12em;text-shadow:4px 4px 0 #800000,8px 8px 0 var(--mk-black),0 0 25px rgba(255,30,30,.8),0 0 50px rgba(255,80,0,.4),0 0 80px rgba(255,0,0,.2)}.battle__sub{font-family:var(--font-pixel);font-size:.72rem;letter-spacing:.22em;color:#ffffff8c}.battle__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:min(920px,100%);position:relative;z-index:1}@media (max-width: 640px){.battle__grid{grid-template-columns:1fr}}.battle__card{position:relative;display:flex;flex-direction:column;background:#080014b3;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:transform .25s cubic-bezier(.34,1.4,.64,1),border-color .25s,box-shadow .25s;backdrop-filter:blur(4px)}.battle__card:before,.battle__card:after{content:"";position:absolute;width:16px;height:16px;z-index:4;pointer-events:none;transition:opacity .25s,width .25s,height .25s;opacity:0}.battle__card:before{top:8px;left:8px;border-top:2px solid var(--arena-color, #fff);border-left:2px solid var(--arena-color, #fff)}.battle__card:after{bottom:8px;right:8px;border-bottom:2px solid var(--arena-color, #fff);border-right:2px solid var(--arena-color, #fff)}.battle__card:hover:before,.battle__card:hover:after,.battle__card--active:before,.battle__card--active:after{opacity:1;width:22px;height:22px}.battle__card:hover{transform:translateY(-6px) scale(1.015);border-color:color-mix(in srgb,var(--arena-color, #fff) 50%,transparent);box-shadow:0 12px 40px #00000080,0 0 30px color-mix(in srgb,var(--arena-color, #fff) 20%,transparent),inset 0 0 20px color-mix(in srgb,var(--arena-color, #fff) 5%,transparent)}.battle__card--active{border-color:var(--arena-color, #fff);box-shadow:0 0 0 1px var(--arena-color, #fff),0 0 40px color-mix(in srgb,var(--arena-color, #fff) 35%,transparent),inset 0 0 30px color-mix(in srgb,var(--arena-color, #fff) 8%,transparent)}.battle__minimap-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000014cc;overflow:hidden}.battle__minimap{width:100%;height:100%;object-fit:contain;padding:1.2rem 2rem;filter:brightness(1.15) saturate(1.3);transition:transform .4s ease,filter .3s ease}.battle__card:hover .battle__minimap{transform:scale(1.08);filter:brightness(1.3) saturate(1.5)}.battle__minimap-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,20,.15) 0%,transparent 40%,color-mix(in srgb,var(--arena-color, #fff) 8%,rgba(0,0,20,.9)) 100%),linear-gradient(to right,rgba(0,0,20,.4) 0%,transparent 25%,transparent 75%,rgba(0,0,20,.4) 100%);pointer-events:none}.battle__card-body{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.2rem 1.4rem;background:linear-gradient(to bottom,#0000,#0000001a)}.battle__icon{width:40px;height:40px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 6px var(--arena-color, #fff))}.battle__card-info{display:flex;flex-direction:column;gap:.35rem}.battle__name{font-family:var(--font-pixel);font-size:.65rem;letter-spacing:.15em;color:var(--arena-color, var(--mk-white));text-shadow:0 0 8px color-mix(in srgb,var(--arena-color, #fff) 70%,transparent),0 0 20px color-mix(in srgb,var(--arena-color, #fff) 30%,transparent)}.battle__desc{font-family:var(--font-body);font-size:.82rem;color:#b4d2ffa6;line-height:1.55;margin:0}.battle__selected-badge{position:absolute;top:.6rem;right:.6rem;font-family:var(--font-pixel);font-size:.42rem;letter-spacing:.14em;color:var(--mk-black);background:var(--arena-color, var(--mk-yellow));padding:4px 8px;border-radius:3px;animation:badgePop .25s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.battle__ready{font-family:var(--font-pixel);font-size:.65rem;letter-spacing:.18em;color:var(--mk-green, #00B543);display:flex;align-items:center;gap:.6rem;animation:readyFadeIn .3s ease both}.battle__ready-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mk-green, #00B543);box-shadow:0 0 8px var(--mk-green, #00B543);animation:blinkDot .8s ease-in-out infinite alternate}@keyframes readyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blinkDot{0%{opacity:.3}to{opacity:1}}@media (max-width: 620px){.battle__grid{grid-template-columns:1fr}}.jukebox{min-height:100vh;padding:5rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;background:radial-gradient(ellipse 110% 60% at 50% 0%,rgba(180,60,255,.45) 0%,transparent 55%),radial-gradient(ellipse 70% 40% at 0% 60%,rgba(0,120,255,.2) 0%,transparent 50%),radial-gradient(ellipse 70% 40% at 100% 60%,rgba(255,0,200,.18) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(120,0,220,.25) 0%,transparent 50%),linear-gradient(180deg,#1a0030,#0d0018,#070010);position:relative;overflow:hidden}.jukebox:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(168,85,247,.06) 0%,transparent 70%);pointer-events:none;animation:floatY 8s ease-in-out infinite}.jukebox__header{text-align:center;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.jukebox__title{font-family:var(--font-pixel);font-size:clamp(1.4rem,3.6vw,2.4rem);color:var(--mk-yellow);letter-spacing:.14em;text-shadow:4px 4px 0 #664400,8px 8px 0 var(--mk-black),0 0 30px rgba(244,184,41,.6),0 0 60px rgba(244,184,41,.2)}.jukebox__sub{font-family:var(--font-pixel);font-size:.62rem;letter-spacing:.24em;color:#fff6}.jukebox__player{width:min(700px,100%);min-height:80px;background:linear-gradient(135deg,#a855f714,#0000),#ffffff0a;border:1px solid rgba(244,184,41,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:1.2rem 1.8rem;backdrop-filter:blur(12px);box-shadow:inset 0 0 30px #0006,inset 0 1px #ffffff0f,0 0 25px #f4b82914,0 4px 30px #0006;position:relative;z-index:1;transition:box-shadow .4s ease,border-color .4s ease}.jukebox__player:has(.jukebox__now-playing){border-color:#f4b82966;box-shadow:inset 0 0 30px #0000004d,inset 0 1px #ffffff14,0 0 35px #f4b82926,0 4px 30px #0006}.jukebox__idle{font-family:var(--font-pixel);font-size:.62rem;letter-spacing:.18em;color:#ffffff59}.jukebox__now-playing{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:center}.jukebox__waveform{display:flex;align-items:flex-end;gap:3px;height:26px}.jukebox__bar{width:3px;min-height:3px;background:var(--mk-yellow);border-radius:2px;transition:height .06s linear;box-shadow:0 0 4px #f4b829b3}.jukebox__now-label{font-family:var(--font-pixel);font-size:.5rem;letter-spacing:.2em;color:#f4b829a6;white-space:nowrap}.jukebox__now-name{font-family:var(--font-pixel);font-size:.72rem;letter-spacing:.1em;color:var(--mk-white);text-shadow:0 0 10px rgba(255,255,255,.4);animation:nameSlideIn .3s cubic-bezier(.34,1.4,.64,1) both}@keyframes nameSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.jukebox__list{display:flex;flex-direction:column;gap:0;width:min(700px,100%);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;position:relative;z-index:1;box-shadow:0 8px 40px #0006}.jukebox__item{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.2rem;background:#ffffff05;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;text-align:left;transition:background .2s,transform .15s,box-shadow .2s;color:inherit;position:relative}.jukebox__item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--track-color, transparent);opacity:0;transition:opacity .2s}.jukebox__item--playing:before{opacity:1}.jukebox__item:last-child{border-bottom:none}.jukebox__item:hover{background:#ffffff0d;transform:translate(3px)}.jukebox__item:hover:before{opacity:.5}.jukebox__item--playing{background:color-mix(in srgb,var(--track-color, #ffd700) 7%,rgba(0,0,0,0));border-bottom-color:color-mix(in srgb,var(--track-color, #ffd700) 15%,transparent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--track-color, #ffd700) 3%,transparent)}.jukebox__num{font-family:var(--font-pixel);font-size:.5rem;letter-spacing:.1em;color:#ffffff47;min-width:22px;flex-shrink:0}.jukebox__item--playing .jukebox__num{color:var(--track-color, var(--mk-yellow))}.jukebox__thumb{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 5px var(--track-color, transparent))}.jukebox__item-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.jukebox__item-name{font-family:var(--font-pixel);font-size:.6rem;letter-spacing:.1em;color:var(--mk-white)}.jukebox__item--playing .jukebox__item-name{color:var(--track-color, var(--mk-yellow));text-shadow:0 0 8px color-mix(in srgb,var(--track-color, #fff) 60%,transparent)}.jukebox__item-cup{font-family:var(--font-pixel);font-size:.42rem;letter-spacing:.14em;color:#ffffff59}.jukebox__play-icon{font-family:var(--font-pixel);font-size:.7rem;color:#ffffff4d;transition:color .15s,text-shadow .15s;flex-shrink:0}.jukebox__item--playing .jukebox__play-icon{color:var(--track-color, var(--mk-yellow));text-shadow:0 0 10px var(--track-color, var(--mk-yellow))}.jukebox__item:hover .jukebox__play-icon{color:var(--mk-white)}@media (max-width: 480px){.jukebox__thumb{display:none}}.app{position:relative;z-index:1;width:100%}.mk-sep{width:100%;height:4px;background:var(--rainbow);background-size:400% 100%;animation:rainbowShift 2s linear infinite;flex-shrink:0;position:relative;box-shadow:0 0 8px #ff64ff99,0 0 20px #6496ff4d,0 2px 12px #00000080}.mk-sep:before,.mk-sep:after{content:"";position:absolute;top:-4px;width:16px;height:12px;background-image:repeating-conic-gradient(#fff 0% 25%,#000 0% 50%);background-size:8px 8px}.mk-sep:before{left:0}.mk-sep:after{right:0}.mk-sep--double{height:6px;border-top:4px solid rgba(0,0,0,.5);border-bottom:4px solid rgba(0,0,0,.5);box-sizing:content-box}.placeholder-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(180deg,transparent 0%,rgba(26,0,80,.6) 100%)}.placeholder-title{font-family:var(--font-pixel);font-size:clamp(1rem,3vw,2rem);color:var(--mk-yellow);text-shadow:var(--pixel-shadow);letter-spacing:.1em;animation:blinkPress 1.5s ease-in-out infinite}.placeholder-sub{font-family:var(--font-body);color:var(--mk-white);opacity:.6;font-size:.9rem}@font-face{font-family:"Super Mario 256";src:url(../assets/fonts/SuperMario256.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"Press Start 2P";src:url(../assets/fonts/PressStart2P.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Nunito;src:url(../assets/fonts/Nunito-Regular.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}:root{--mk-purple: #1A0050;--mk-red: #FF0000;--mk-orange: #FF6B00;--mk-yellow: #FFD700;--mk-green: #00B300;--mk-blue: #0066FF;--mk-pink: #FF69B4;--mk-brown: #3D1A00;--mk-white: #FFFFFF;--mk-black: #000000;--rainbow: linear-gradient( 90deg, #FF0000, #FF6B00, #FFD700, #00FF00, #0066FF, #8B00FF, #FF0000 );--bg-base: #00051A;--bg-surface: #001177;--bg-card: #000620;--font-mario: "Super Mario 256", "Fredoka One", cursive;--font-pixel: "Press Start 2P", monospace;--font-body: "Nunito", system-ui, sans-serif;--glow-red: 0 0 20px rgba(255, 0, 0, .7), 0 0 40px rgba(255, 0, 0, .3);--glow-rainbow: 0 0 30px rgba(255, 215, 0, .8);--glow-star: 0 0 20px #FFD700, 0 0 60px #FF6B00;--pixel-border: 3px solid #000000;--pixel-shadow: 4px 4px 0px #000000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;background-color:var(--bg-base);color:var(--mk-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{cursor:auto}a{color:var(--mk-yellow);text-decoration:none}img,video{max-width:100%;display:block}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes itemBoxSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes boostPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes countdownBoom{0%{transform:scale(3);opacity:0}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes scanline{0%{top:-100%}to{top:100%}}@keyframes blinkPress{0%,to{opacity:1}50%{opacity:0}}.scanline-overlay{position:fixed;inset:0;pointer-events:none;z-index:9998;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,-1%)}to{transform:translate(0)}}.grain-overlay{position:fixed;inset:-20%;width:140%;height:140%;pointer-events:none;z-index:9997;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grainShift .2s steps(2) infinite;mix-blend-mode:overlay}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleShimmer{0%{background-position:-300% center}to{background-position:300% center}}.shimmer-title{background:linear-gradient(105deg,currentColor 30%,rgba(255,255,255,.95) 45%,rgba(255,215,0,1) 50%,rgba(255,255,255,.95) 55%,currentColor 70%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 3.5s linear infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.tilt-card{transform-style:preserve-3d;transition:transform .12s ease-out,box-shadow .12s ease-out;will-change:transform}.tilt-card:hover{z-index:10}.spotlight{position:fixed;inset:0;pointer-events:none;z-index:9996;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),rgba(255,215,0,.04) 0%,rgba(100,60,255,.03) 35%,transparent 65%);transition:background .05s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-image:repeating-conic-gradient(#fff 0% 25%,#111 0% 50%);background-size:10px 10px;border:1px solid #000}::-webkit-scrollbar-thumb:hover{background-image:repeating-conic-gradient(var(--mk-yellow) 0% 25%,#000 0% 50%);background-size:10px 10px}*{scrollbar-width:thin;scrollbar-color:#fff #000}.glass-btn{font-family:var(--font-pixel);font-size:.65rem;letter-spacing:.12em;padding:.7rem 1.4rem;background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.22);border-radius:8px;cursor:pointer;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000026,0 4px 16px #0000004d;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.glass-btn:hover{background:#ffffff24;border-color:#ffffff61;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000026,0 6px 24px #0006,0 0 16px #ffffff1a;transform:translateY(-2px)}.glass-btn:active{transform:translateY(1px);background:#ffffff0d}.glass-btn--active{background:#ffffff24;border-color:#ffffff73;color:#fff;box-shadow:inset 0 1px #ffffff4d,0 0 20px #ffffff26}