.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:.55rem .9rem;background-color:var(--bg-card);border:var(--pixel-border);border-color:var(--mk-yellow);box-shadow:var(--pixel-shadow);font-family:var(--font-pixel);font-size:.7rem;color:var(--mk-yellow);letter-spacing:.1em;transition:transform .12s ease}.mute-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.mute-button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.mute-button__icon{font-size:1rem;line-height:1}.mk-footer{padding:2rem 1.5rem;text-align:center;background:#080820f2;border-top:2px solid rgba(255,100,0,.2)}.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}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 30%,rgba(255,0,170,.15) 0%,transparent 60%),radial-gradient(ellipse 100% 100% at 50% 100%,rgba(0,102,255,.25) 0%,transparent 70%),linear-gradient(180deg,#0d0028,#1a0050 60%,#0a001e);isolation:isolate}.hero__bg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.38;filter:saturate(1.3) brightness(.72);z-index:0;pointer-events:none;user-select:none}.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 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 20%,white,transparent),radial-gradient(1px 1px at 80% 50%,white,transparent),radial-gradient(2px 2px at 30% 80%,var(--mk-yellow),transparent),radial-gradient(1px 1px at 90% 10%,var(--mk-pink),transparent),radial-gradient(2px 2px at 10% 60%,white,transparent),radial-gradient(1px 1px at 70% 90%,var(--mk-yellow),transparent);background-size:200% 200%;opacity:.7;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:center;gap:2.5rem;padding:2rem;text-align:center}.hero__logo{width:clamp(280px,60vw,720px);height:auto;filter:drop-shadow(0 0 20px rgba(255,215,0,.4)) drop-shadow(0 12px 0 rgba(0,0,0,.6));animation:heroLogoBounce 2.4s ease-in-out infinite;user-select:none;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.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)}}.hero__cta{min-height:2.4rem;display:flex;align-items:center}.hero__press{font-family:var(--font-pixel);font-size:clamp(.85rem,1.6vw,1.25rem);color:var(--mk-yellow);letter-spacing:.18em;text-shadow:3px 3px 0 var(--mk-black);animation:blinkPress .85s steps(2,end) infinite}.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}.hero__hint{font-family:var(--font-pixel);font-size:.6rem;color:var(--mk-yellow);opacity:.45;letter-spacing:.2em;margin-top:2rem;animation:blinkPress 2s ease-in-out infinite}.hero__boo{position:absolute;right:9%;bottom:24%;width:78px;height:78px;background-image:url(../assets/images/sprites/boo-5468.gif);background-repeat:no-repeat;background-size:1800px 78px;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:46px;background-image:url(../assets/images/sprites/items-5469.png);background-repeat:repeat-x;background-size:338px 185px;background-position:0 0;mix-blend-mode:screen;opacity:.45;z-index:2;pointer-events:none;animation:itemsScroll 22s linear infinite}@keyframes itemsScroll{0%{background-position-x:0}to{background-position-x:338px}}.hero__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 100% 60% at 50% 100%,transparent 30%,rgba(0,0,0,.8) 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:2.5rem 1rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;overflow:hidden;background:#061500}.select:before,.select:after{content:none}.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,#061500,#185208,#061500,#185208,#061500,#1e6b0a,#061500,#185208,#061500,#1e6b0a,#061500,#185208,#061500,#185208,#061500,#1e6b0a,#061500,#185208,#061500,#185208,#061500 360deg);transform:translate(-50%,-50%) rotate(0);animation:swirlRotate 9s linear infinite}.select__swirl:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 75% at 50% 50%,transparent 0%,rgba(6,21,0,.55) 60%,rgba(6,21,0,.88) 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(1.6rem,4.5vw,3.2rem);color:#ffe832;letter-spacing:.06em;text-shadow:-3px -3px 0 #9A1600,3px -3px 0 #9A1600,-3px 3px 0 #9A1600,3px 3px 0 #9A1600,0 5px 0 rgba(0,0,0,.9),0 0 28px rgba(255,220,0,.5);margin:0;white-space:nowrap}.select__sub{font-family:var(--font-pixel);font-size:.55rem;color:#c8ffa0bf;letter-spacing:.22em;animation:blinkSub 1s step-end infinite;min-height:1.2em}@keyframes blinkSub{0%,to{opacity:.8}50%{opacity:0}}.select__grid-wrap{width:min(1100px,100%);padding:0;background:transparent;border-radius:4px;box-shadow:0 0 0 2px #000c,0 16px 48px #0009}.select__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#000;border-radius:4px;padding:3px}@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:center;gap:0;padding:0;background:#000;border:3px solid rgba(255,255,255,.08);border-radius:2px;cursor:pointer;transition:border-color .1s,background .12s;overflow:hidden;aspect-ratio:1 / 1.12}.mugshot--hover{border-color:#ffffff4d;background:#0a0a0a}.mugshot:focus-visible{outline:3px solid #44AAFF;outline-offset:-3px}.mugshot--selected{border-color:#fff;background:color-mix(in srgb,var(--mug-color) 12%,#000);box-shadow:0 0 0 1px #000,0 0 0 3px color-mix(in srgb,var(--mug-color) 80%,white),0 0 22px color-mix(in srgb,var(--mug-color) 55%,transparent),inset 0 0 14px color-mix(in srgb,var(--mug-color) 12%,transparent);animation:mugColorFlash .8s ease-in-out infinite}@keyframes mugColorFlash{0%,to{box-shadow:0 0 0 1px #000,0 0 0 3px color-mix(in srgb,var(--mug-color) 80%,white),0 0 18px color-mix(in srgb,var(--mug-color) 50%,transparent)}50%{box-shadow:0 0 0 1px #000,0 0 0 4px #fff,0 0 36px color-mix(in srgb,var(--mug-color) 80%,transparent)}}.mugshot__num{position:absolute;bottom:0;left:0;background:color-mix(in srgb,var(--mug-color) 90%,#fff);color:#000;font-family:var(--font-pixel);font-size:.65rem;line-height:1;padding:3px 6px 4px;border-top-right-radius:3px;z-index:5;text-shadow:none;letter-spacing:0;pointer-events:none;font-weight:700}.mugshot__frame{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:6px 4px 2px;background:transparent;min-height:0}.mugshot__icon{display:block;width:88%;height:auto;max-height:88%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.mugshot--hover .mugshot__icon{filter:brightness(1.12)}.mugshot--selected .mugshot__icon{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--mug-color) 70%,white))}.mugshot--selected .mugshot__frame{background:radial-gradient(ellipse 90% 80% at 50% 60%,color-mix(in srgb,var(--mug-color) 18%,transparent) 0%,transparent 70%)}.mugshot__name{font-family:var(--font-pixel);font-size:.5rem;letter-spacing:.06em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:4px 4px 5px;color:#fff;background:#000000d9;border-top:1px solid rgba(255,255,255,.12);text-shadow:1px 1px 0 #000;flex-shrink:0}.mugshot--selected .mugshot__name{color:#fff;background:color-mix(in srgb,var(--mug-color) 40%,rgba(0,0,0,.85));border-top-color:color-mix(in srgb,var(--mug-color) 70%,white);text-shadow:0 0 8px var(--mug-color),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__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}}.cup{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(0,200,255,.1) 0%,transparent 60%),linear-gradient(180deg,#0a001e,#1a0050);position:relative;overflow:hidden}.cup__boo{position:absolute;left:4%;top:18%;width:58px;height:58px;background-image:url(../assets/images/sprites/boo-5468.gif);background-repeat:no-repeat;background-size:1350px 58px;image-rendering:pixelated;mix-blend-mode:screen;opacity:.7;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)}.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:1rem .5rem;background:#0a001e8c;border:3px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:transform .18s 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 18px var(--trophy-color)}.trophy--active{border-color:var(--trophy-color);background:#ffffff12;box-shadow:0 0 0 3px var(--trophy-color),0 0 30px var(--trophy-color);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:#0000008c;border:3px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .22s ease,box-shadow .25s ease}.track:hover,.track:focus-visible{transform:translateY(-4px) scale(1.02);border-color:var(--track-color);outline:none;box-shadow:0 8px 28px #0009,0 0 22px var(--track-color)}.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}.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:4rem 2rem 5rem;display:flex;flex-direction:column;align-items:center;gap:1.8rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,0,170,.1) 0%,transparent 60%),linear-gradient(180deg,#0a001e,#06002a);position:relative}.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)}.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:4px solid var(--mk-yellow);box-shadow:0 0 0 4px var(--mk-black),0 20px 60px #0009,0 0 60px #ff00aa4d;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}}.app{position:relative;z-index:1;width:100%}.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: #0D0028;--bg-surface: #1A0050;--bg-card: #0A001E;--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(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}