:root{--amarillo:#fcd116;--azul:#003893;--rojo:#ce1126;--tinta:#14122b;--papel:#f7f1e6}*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#0d1b2a;height:100%;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}.screen{z-index:10;background:radial-gradient(circle at 50% 30%,#14122b8c,#14122beb);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}#menu{background:linear-gradient(90deg,#091648f0 0%,#091648bd 36%,#09164800 70%);align-items:flex-start;padding-inline:clamp(20px,6vw,96px)}.menu-panel{flex-direction:column;align-items:flex-start;gap:20px;max-width:580px;display:flex}.menu-kicker{letter-spacing:2px;color:var(--tinta);background:var(--amarillo);box-shadow:4px 4px 0 var(--rojo);padding:2px 14px 0 20px;font-family:Bangers,Impact,sans-serif;font-size:20px;transform:skew(-10deg)}.logo{letter-spacing:2px;color:var(--papel);-webkit-text-stroke:3px var(--tinta);paint-order:stroke fill;text-shadow:5px 5px 0 var(--azul), 10px 10px 0 var(--rojo);text-wrap:balance;margin:0;font-family:Bangers,Impact,sans-serif;font-size:clamp(58px,9vw,120px);line-height:.88}.subtitle{color:var(--amarillo);text-shadow:2px 2px 0 var(--tinta);margin:0;font-size:clamp(16px,2vw,21px);font-weight:800}.menu-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:6px;display:flex}.menu-btn{letter-spacing:1.5px;text-align:left;border:3px solid var(--tinta);background:var(--papel);min-width:320px;color:var(--tinta);box-shadow:6px 6px 0 var(--tinta);cursor:pointer;border-radius:6px;padding:8px 30px 6px;font-family:Bangers,Impact,sans-serif;font-size:clamp(28px,3.2vw,40px);transition:transform .12s,box-shadow .12s;transform:skew(-8deg)}.menu-btn>span{display:inline-block;transform:skew(8deg)}.menu-btn.primary{background:var(--amarillo);font-size:clamp(34px,4vw,52px)}.menu-btn:hover,.menu-btn:focus-visible{box-shadow:10px 6px 0 var(--rojo);outline:none;transform:skew(-8deg)translate(10px)}.menu-btn:active{box-shadow:2px 2px 0 var(--tinta);transform:skew(-8deg)translate(4px,3px)}.menu-options{border:3px solid var(--tinta);background:#14122bdb;border-radius:12px;width:min(560px,100%);padding:10px}.menu-track{color:var(--papel);text-shadow:1px 1px 0 var(--tinta);margin:0;font-weight:800}.menu-track strong{color:var(--amarillo)}.menu-flag{height:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.menu-flag i{background:var(--amarillo);flex:2}.menu-flag i:nth-child(2){background:var(--azul);flex:1}.menu-flag i:nth-child(3){background:var(--rojo);flex:1}h2{letter-spacing:1px;color:var(--amarillo);margin:0;font-family:Bangers,Impact,sans-serif;font-size:clamp(32px,5vw,52px)}.btn-primary,.btn-secondary{letter-spacing:1px;cursor:pointer;border:none;border-radius:14px;padding:12px 36px;font-family:Bangers,Impact,sans-serif;font-size:28px;transition:transform .12s}.btn-primary{background:var(--amarillo);color:var(--tinta);box-shadow:0 6px #b08f00}.btn-secondary{background:var(--papel);color:var(--tinta);box-shadow:0 6px #a59c8c}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-primary:active,.btn-secondary:active{transform:translateY(3px)}#select.garage{background:linear-gradient(90deg,#08144600 50%,#08144673 100%);grid-template-rows:auto minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:12px;padding:16px clamp(16px,3vw,36px) 18px;display:grid}.garage-top{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.garage-back{letter-spacing:1px;color:var(--papel);cursor:pointer;background:#14122bb8;border:2px solid #f7f1e673;border-radius:8px;padding:4px 14px 2px;font-family:Bangers,Impact,sans-serif;font-size:22px}.garage-back:hover,.garage-back:focus-visible{border-color:var(--amarillo);outline:none}.garage-title{-webkit-text-stroke:2px var(--tinta);paint-order:stroke fill;text-shadow:4px 4px 0 var(--rojo);font-size:clamp(36px,4vw,56px);transform:skew(-6deg)}.garage-trackname{background:#14122bbf;border-radius:8px;margin:0 0 0 auto;padding:6px 14px;font-weight:800}.garage-trackname strong{color:var(--amarillo)}.garage-body{grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:24px;min-height:0;display:grid}.garage-showcase{cursor:grab;touch-action:none;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:0;display:flex}.garage-showcase:active{cursor:grabbing}.kart-sheet{border:3px solid var(--tinta);cursor:default;background:#14122bd6;border-radius:12px;flex-direction:column;gap:4px;min-width:290px;padding:12px 18px 14px;display:flex;box-shadow:6px 6px #14122b8c}.kart-name{letter-spacing:1px;color:var(--papel);font-family:Bangers,Impact,sans-serif;font-size:clamp(32px,3.4vw,48px);line-height:1}.kart-motto{color:var(--amarillo);font-size:13px;font-weight:700}.kart-stats{gap:7px;margin-top:8px;display:grid}.stat{grid-template-columns:104px 1fr;align-items:center;gap:10px;display:grid}.stat-label{text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:800}.stat-bar{grid-template-columns:repeat(5,1fr);gap:4px;display:grid;transform:skew(-16deg)}.stat-bar i{background:#f7f1e629;border-radius:2px;height:15px;transition:background .2s}.stat-bar i.on{background:var(--amarillo);box-shadow:inset 0 -5px #c9a200}.stat-bar.up i.on:last-of-type{background:#7dff8a;box-shadow:inset 0 -5px #2fae45}.garage-drag{background:#14122b99;border-radius:999px;align-self:center;margin:0 0 6px;padding:4px 14px;font-size:13px;font-weight:700}.garage-menu{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.garage-tabs{flex-direction:column;align-items:stretch;gap:6px;display:flex}.garage-tab{letter-spacing:1.5px;text-align:right;border:3px solid var(--tinta);color:var(--papel);cursor:pointer;background:#14122bcc;border-radius:6px;padding:3px 20px 1px;font-family:Bangers,Impact,sans-serif;font-size:26px;transition:transform .12s,background .12s;transform:skew(-10deg)}.garage-tab>span{display:inline-block;transform:skew(10deg)}.garage-tab:hover{transform:skew(-10deg)translate(-6px)}.garage-tab.active{background:var(--amarillo);color:var(--tinta);box-shadow:6px 5px 0 var(--rojo);transform:skew(-10deg)translate(-16px)}.garage-tab:focus-visible{outline:3px solid var(--papel);outline-offset:2px}.garage-panel{border:3px solid var(--tinta);background:#14122bdb;border-radius:12px;flex:1;min-height:0;padding:12px;overflow-y:auto}.garage-page{flex-direction:column;gap:8px;display:flex}.garage-note{opacity:.85;margin:0;font-size:13px}.garage-foot{flex-direction:column;gap:6px;display:flex}.btn-race{text-wrap:balance;border:3px solid var(--tinta);width:100%;box-shadow:6px 6px 0 var(--rojo);border-radius:8px;padding:12px 18px;font-size:clamp(22px,2.2vw,30px);line-height:1.05;transform:skew(-8deg)}.btn-race:hover{transform:skew(-8deg)translateY(-2px)}.garage-hint{text-align:center;opacity:.75;margin:0;font-size:12px}.part-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.part-row.wheels{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.part-row.tracks,.part-row.quality{grid-template-columns:1fr}.menu-options .part-row.quality{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.part-card{background:var(--papel);color:var(--tinta);cursor:pointer;text-align:left;border:3px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-family:inherit;transition:transform .1s;display:flex}.part-card:hover{transform:translateY(-2px)}.part-card.active{border-color:var(--amarillo);box-shadow:0 0 0 3px var(--tinta) inset;background:#fff4bf}.part-card:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.part-name{font-size:15px;font-weight:800}.part-motto{opacity:.7;font-size:11px}.part-stats{opacity:.8;gap:6px;font-size:11px;font-weight:800;display:flex}.rim{background:radial-gradient(circle, #d9d9d9 0 16%, var(--rim) 18% 52%, #1b1b1f 55%);border-radius:50%;width:28px;height:28px;margin-bottom:4px}.paint{border:2px solid var(--tinta);background:linear-gradient(135deg, var(--c) 64%, var(--a) 64%);border-radius:6px;width:100%;height:30px;margin-bottom:4px}.part-card:disabled{cursor:default;opacity:.55;transform:none}@media (width<=820px){#menu{background:linear-gradient(#091648eb,#09164899)}.menu-actions{align-self:stretch;align-items:stretch}.menu-btn{min-width:0}#select.garage{grid-template-rows:auto auto;padding:12px 16px;overflow-y:auto}.garage-body{grid-template-columns:minmax(0,1fr)}.garage-trackname{margin-left:0;font-size:13px}.ability-slot{flex-basis:100%;min-width:0}.garage-showcase{min-width:0;min-height:40vh}.kart-sheet{min-width:0;padding:8px 12px 10px}.garage-tabs{flex-direction:row;padding:2px 4px 8px;overflow-x:auto}.garage-tab{text-align:center;white-space:nowrap;padding:3px 12px 1px;font-size:20px}.garage-tab.active{transform:skew(-10deg)}.garage-panel{flex:none;overflow:visible}.garage-hint{display:none}}@media (prefers-reduced-motion:reduce){.menu-btn,.garage-tab,.part-card{transition:none}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top{gap:8px;display:flex;position:absolute;top:12px;left:12px}.hud-box{background:#14122bbf;border-radius:10px;flex-direction:column;padding:6px 14px;font-size:22px;font-weight:800;display:flex}.hud-label{color:var(--amarillo);text-transform:uppercase;font-size:11px}.hud-zone{letter-spacing:1px;text-shadow:3px 3px 0 var(--tinta);opacity:0;white-space:nowrap;font-family:Bangers,Impact,sans-serif;font-size:34px;transition:opacity .4s;position:absolute;top:80px;left:50%;transform:translate(-50%)}.hud-zone.show{opacity:1}.hud-countdown{color:var(--amarillo);text-shadow:6px 6px 0 var(--rojo);font-family:Bangers,Impact,sans-serif;font-size:140px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#minimap{background:#14122bb3;border-radius:12px;width:150px;height:150px;position:absolute;top:12px;right:12px}.hud-speed{font-family:Bangers,Impact,sans-serif;font-size:26px;position:absolute;bottom:20px;right:20px}.hud-speed span{color:var(--amarillo);font-size:56px}.hud-boost{color:#6ff;text-shadow:2px 2px 0 var(--tinta);font-family:Bangers,Impact,sans-serif;font-size:32px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hud-estados{flex-direction:column;gap:6px;display:flex;position:absolute;top:150px;left:12px}.estado-chip{border:2px solid var(--tinta);background:#14122bd1;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:13px;font-weight:800;display:flex}.estado-chip.ventaja{border-color:#7dff8a}.estado-chip.control,.estado-chip.lentitud{border-color:#ff8fa3}.estado-chip i{font-size:16px;font-style:normal}.estado-chip b{text-align:right;min-width:3ch;color:var(--amarillo);font-variant-numeric:tabular-nums}body.split .hud-estados{display:none}@media (height<=520px){.hud-estados{top:108px}.estado-chip{padding:2px 8px 2px 4px;font-size:11px}}.hud-item{border:3px solid var(--amarillo);background:#14122bd1;border-radius:14px;align-items:center;gap:10px;padding:6px 16px 6px 8px;display:flex;position:absolute;top:78px;left:12px}.hud-item-icon{background:#fcd11629;border-radius:10px;place-items:center;width:58px;height:58px;font-size:40px;display:grid}.hud-item-icon img{width:54px;height:54px;display:block}.hud-item-text{letter-spacing:.5px;flex-direction:column;font-family:Bangers,Impact,sans-serif;font-size:24px;display:flex}.hud-item-key{color:var(--amarillo);letter-spacing:1px;font-size:13px}.hud-item.rolling .hud-item-icon{animation:.12s linear infinite item-shake}.hud-item.selected{animation:.35s ease-out item-pop}@keyframes item-shake{50%{transform:translateY(-3px)rotate(-8deg)}}@keyframes item-pop{0%{border-color:#fff;transform:scale(1.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hud-item.rolling .hud-item-icon,.hud-item.selected{animation:none}}body:not(.touch-mode) #touch{display:none}#touch{z-index:6;pointer-events:none;position:fixed;inset:0}.touch-steer{pointer-events:auto;touch-action:none;width:46%;height:72%;position:absolute;bottom:0;left:0}.touch-knob{left:max(96px, calc(env(safe-area-inset-left) + 96px));pointer-events:none;background:#14122b59;border:3px solid #f7f1e68c;border-radius:50%;width:130px;height:130px;position:absolute;top:calc(100% - 110px);transform:translate(-50%,-50%)}.touch-knob i{width:62px;height:62px;transform:translateX(var(--dx,0px));background:#fcd116eb;border-radius:50%;margin:-31px;position:absolute;top:50%;left:50%;box-shadow:0 3px #b08f00}.touch-knob.active{border-color:var(--amarillo)}.touch-steer-hint{left:max(16px, env(safe-area-inset-left));opacity:.7;font-size:12px;font-weight:800;position:absolute;bottom:10px}#touch button{pointer-events:auto;border:3px solid var(--tinta);color:#fff;letter-spacing:1px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#14122b9e;border-radius:50%;font-family:Bangers,Impact,sans-serif}#touch button.active{background:var(--amarillo);color:var(--tinta)}.touch-actions{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;grid-template-areas:"item drift""brake drift";align-items:end;gap:12px;display:grid;position:absolute}.t-item{grid-area:item;width:72px;height:72px;font-size:30px}.t-brake{grid-area:brake;width:72px;height:72px;font-size:26px}.t-drift{grid-area:drift;width:112px;height:112px;font-size:22px}.touch-abilities{right:max(16px, env(safe-area-inset-right));pointer-events:none;gap:10px;display:flex;position:absolute;bottom:188px}.touch-abilities button{width:56px;height:56px;font-size:22px}body.touch-mode .hud-speed{bottom:8px;left:50%;right:auto;transform:translate(-50%)}body.touch-mode .hud-boost{bottom:64px}body.touch-mode .hud-abilities{gap:14px;top:10px;bottom:auto;left:50%;transform:translate(-50%)}body.touch-mode .ab-slot{border-radius:12px;width:48px;height:48px}body.touch-mode .ab-slot.ab-ultimate{width:56px;height:56px}.rotate-hint{display:none}@media (orientation:portrait){body.touch-mode.racing .rotate-hint{z-index:20;text-align:center;color:var(--amarillo);letter-spacing:1px;background:#14122bf0;justify-content:center;align-items:center;padding-inline:24px;font-family:Bangers,Impact,sans-serif;font-size:34px;display:flex;position:fixed;inset:0}}@media (height<=520px){.hud-box{padding:4px 10px;font-size:16px}.hud-label{font-size:9px}#minimap{width:100px;height:100px}.hud-speed{font-size:18px}.hud-speed span{font-size:36px}.hud-countdown{font-size:90px}.hud-zone{font-size:24px;top:56px}.hud-item{transform-origin:0 0;top:58px;transform:scale(.8)}}.toast{z-index:30;border:2px solid var(--amarillo);color:var(--papel);pointer-events:none;background:#14122bf0;border-radius:999px;padding:8px 18px;font-weight:800;transition:transform .3s;position:fixed;top:14px;left:50%;transform:translate(-50%,-160%)}.toast.show{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.results-list{background:var(--papel);color:var(--tinta);border-radius:14px;width:min(440px,100%);margin:0;padding:16px 16px 16px 48px;font-size:20px;font-weight:800}.results-list li{padding:4px 0}.results-list li.me{color:var(--rojo)}.results-list .t{float:right;font-weight:600}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hud-abilities{align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:22px;left:12px}.ab-slot{background:#14122bcc;border:3px solid #f7f1e659;border-radius:16px;width:70px;height:70px;position:relative;overflow:visible}.ab-slot.ab-ultimate{border-radius:50%;width:84px;height:84px}.ab-slot.espera{opacity:.45;filter:saturate(.4)}.ab-slot img{border-radius:inherit;width:100%;height:100%;display:block}.ab-cd{border-radius:inherit;background:conic-gradient(#0a0819c7 calc(var(--cd,0) * 360deg), transparent 0);position:absolute;inset:0}.ab-key{background:var(--tinta);min-width:22px;color:var(--amarillo);text-align:center;border-radius:8px;padding:2px 5px;font:800 13px/1 system-ui,sans-serif;position:absolute;top:-8px;right:-8px}.ab-name{text-overflow:ellipsis;white-space:nowrap;max-width:92px;text-shadow:1px 1px 0 var(--tinta);font:700 10px/1.1 system-ui,sans-serif;position:absolute;bottom:-18px;left:50%;overflow:hidden;transform:translate(-50%)}.ab-bar{background:#00000059;border-radius:3px;height:5px;position:absolute;bottom:4px;left:8%;right:8%}.ab-bar i{border-radius:inherit;background:var(--amarillo);width:0;height:100%;display:block}.ab-slot.ready{border-color:var(--amarillo);box-shadow:0 0 12px #fcd1168c}.ab-slot.active{border-color:#fff;box-shadow:0 0 18px #fffc}.hud-blind{opacity:0;pointer-events:none;background:radial-gradient(circle at 6% 12%,#f7c934 0 26px,#0000 27px),radial-gradient(circle at 94% 16%,#f54272 0 34px,#0000 35px),radial-gradient(circle at 10% 88%,#873ccf 0 30px,#0000 31px),radial-gradient(circle at 90% 84%,#f18a2b 0 28px,#0000 29px),radial-gradient(circle at 50% 4%,#e83c3c 0 24px,#0000 25px);transition:opacity .15s;position:absolute;inset:0;box-shadow:inset 0 0 140px 70px #f54272d9}.ability-picker{flex-direction:column;gap:8px;display:flex}.ability-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ability-slot{min-width:110px;font-weight:800}.ability-slot kbd{background:var(--tinta);color:var(--amarillo);border-radius:6px;padding:1px 6px;font-size:12px}.ability-card{background:var(--papel);color:var(--tinta);cursor:pointer;text-align:left;border:3px solid #0000;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:40px auto;align-items:center;column-gap:8px;padding:6px 12px 6px 6px;display:grid}.ability-card img{grid-row:span 2;width:40px;height:40px}.ability-card.active{border-color:var(--rojo)}.ability-card:focus-visible{outline:3px solid var(--azul)}.ability-historia{opacity:.8;max-width:62ch;margin:-2px 0 4px 118px;font-size:13px;line-height:1.3}@media (prefers-reduced-motion:reduce){.hud-blind{transition:none}}@media (height<=520px) and (width>=700px){#select.garage{gap:6px;padding:8px 16px 10px}.garage-title{font-size:28px}.garage-back{padding:2px 10px 0;font-size:18px}.garage-trackname{padding:4px 10px;font-size:13px}.garage-body{grid-template-columns:minmax(0,1fr) minmax(300px,1.1fr);gap:14px}.kart-sheet{gap:2px;min-width:0;padding:8px 12px}.kart-name{font-size:26px}.kart-motto{font-size:11px}.kart-stats{gap:4px;margin-top:4px}.stat{grid-template-columns:84px 1fr}.stat-label{font-size:10px}.stat-bar i{height:10px}.garage-drag,.garage-hint{display:none}.garage-menu{gap:6px}.garage-tabs{flex-direction:row;gap:6px;padding:2px 4px 4px;overflow-x:auto}.garage-tab{text-align:center;white-space:nowrap;padding:2px 10px 0;font-size:17px}.garage-tab.active{box-shadow:3px 3px 0 var(--rojo);transform:skew(-10deg)}.garage-panel{padding:8px}.btn-race{padding:8px 12px;font-size:20px}}.icon-btn{width:40px;height:40px;color:var(--papel);cursor:pointer;background:#14122bbf;border:2px solid #f7f1e673;border-radius:8px;place-items:center;padding:0;display:grid}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--amarillo);color:var(--amarillo);outline:none}.hud-fullscreen{pointer-events:auto;position:absolute;top:12px;right:174px}.menu-tip{max-width:360px;color:var(--papel);opacity:.85;margin:0;font-size:13px;font-weight:700}@media (height<=520px){.hud-fullscreen{width:34px;height:34px;right:122px}.icon-btn svg{width:16px;height:16px}#menu{padding-block:12px;overflow-y:auto}.menu-panel{gap:10px}.menu-kicker{letter-spacing:1px;font-size:13px}.logo{-webkit-text-stroke-width:2px;text-shadow:3px 3px 0 var(--azul), 6px 6px 0 var(--rojo);font-size:clamp(36px,11vh,56px)}.subtitle{font-size:14px}.menu-actions{flex-flow:wrap;align-self:auto;align-items:center;gap:10px;margin-top:0}.menu-btn{min-width:0;box-shadow:4px 4px 0 var(--tinta);padding:6px 16px 4px;font-size:19px}.menu-btn.primary{padding:6px 28px 4px;font-size:28px}.menu-track,.menu-tip{font-size:12px}}.options-title{letter-spacing:1px;color:var(--amarillo);margin:6px 2px;font-family:Bangers,Impact,sans-serif;font-size:20px}.options-title:first-child{margin-top:0}.menu-options{flex-direction:column;display:flex}.menu-options .part-row.quality{margin-bottom:8px}.control-settings{gap:8px;display:grid}.control-row{background:var(--papel);color:var(--tinta);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:8px 12px;display:grid}.control-row label{font-size:15px;font-weight:800}.control-row output{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-weight:800}.control-row input[type=range]{width:100%;height:28px;accent-color:var(--rojo);grid-column:1/-1;margin:0}.control-row input[type=checkbox]{width:26px;height:26px;accent-color:var(--rojo);margin:0}.control-row input:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.control-row small{opacity:.7;grid-column:1/-1;font-size:11px}.t-up{grid-area:up;width:112px;height:112px;font-size:34px;display:none}body.manual-accel .t-up{display:block}body.manual-accel .touch-actions{grid-template-areas:"item drift up""brake drift up"}@media (height<=520px){.control-row{padding:6px 10px}.control-row label{font-size:13px}.control-row small{display:none}}#menu{justify-content:flex-start}.menu-panel{margin-block:auto}#menu,#select.garage,.garage-panel,.menu-options{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.control-row input[type=range],.control-row,.part-card{touch-action:pan-y}@media (height<=520px){#select.garage{overflow:hidden}.garage-body{grid-template-rows:minmax(0,1fr);min-height:0}.garage-panel{flex:1;min-height:0;overflow-y:auto}.garage-showcase{min-height:0}}#menu{overflow-y:auto}.control-row input[type=range]{pointer-events:none}.control-row:not(.toggle){cursor:ew-resize}.garage-tabs,.garage-foot{flex-shrink:0}@media (width<=820px) and (height>=521px){.garage-tabs{min-height:48px}.garage-drag{display:none}}#lobby.lobby{background:linear-gradient(120deg,#091648f0,#091648b3);grid-template-rows:auto minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:14px;padding:16px clamp(16px,3vw,36px) 18px;display:grid;overflow-y:auto}.lobby-body{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.lobby-join{border:3px solid var(--tinta);background:#14122bdb;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:18px;display:grid}.lobby-qr{aspect-ratio:1;background:var(--papel);border-radius:12px;width:clamp(150px,22vw,240px);max-width:100%;padding:8px}.lobby-qr svg{width:100%;height:100%;display:block}.lobby-how{gap:8px;min-width:0;display:grid}.lobby-code{margin:0;font-weight:800}.lobby-code strong{letter-spacing:12px;color:var(--amarillo);text-shadow:4px 4px 0 var(--rojo);font-family:Bangers,Impact,sans-serif;font-size:clamp(54px,7vw,84px);line-height:1;display:block}.lobby-steps{gap:4px;margin:0;padding-left:20px;font-size:15px;display:grid}.lobby-steps strong{color:var(--amarillo);overflow-wrap:anywhere}.lobby-remote{opacity:.85;overflow-wrap:anywhere;margin:0;font-size:13px}.lobby-players{border:3px solid var(--tinta);background:#14122bdb;border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.lobby-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lobby-list li{background:var(--papel);color:var(--tinta);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.lobby-list li.vacio{color:var(--papel);opacity:.7;background:#f7f1e614}.lobby-chip{border:3px solid var(--tinta);min-width:40px;color:var(--tinta);border-radius:8px;place-items:center;padding:2px 8px;font-family:Bangers,Impact,sans-serif;font-size:20px;display:inline-grid}.lobby-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.lobby-name small{opacity:.7;font-weight:700;display:block}.lobby-state{font-size:13px;font-weight:800}.lobby-state.listo{color:#1c8a33}.lobby-note{opacity:.75;margin:0;font-size:12px}#btn-lobby-start:disabled{opacity:.5;cursor:default}@media (width<=900px),(height<=520px){.lobby-body{grid-template-columns:1fr}.lobby-join{grid-template-columns:auto minmax(0,1fr)}}@media (width<=520px){.lobby-join{grid-template-columns:1fr;justify-items:center}}.split-labels{z-index:5;pointer-events:none;position:fixed;inset:0}.split-label{border:2px solid var(--tinta);letter-spacing:1px;font-variant-numeric:tabular-nums;background:#14122bc7;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;font-family:Bangers,Impact,sans-serif;font-size:22px;display:flex;position:absolute}.split-label .lobby-chip{min-width:32px;font-size:16px}.split-label .vel{color:var(--amarillo)}.split-label .item{font-size:20px}.split-label img.item{vertical-align:middle;width:26px;height:26px}.split-divider{background:var(--tinta);position:absolute}body.split .hud-top,body.split .hud-speed,body.split .hud-boost,body.split .hud-item,body.split .hud-abilities,body.split .hud-zone,body.split #touch,body.split .hud-fullscreen{display:none!important}body.split #minimap{border:3px solid var(--tinta);width:170px;height:170px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.lobby-tracks{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.lobby-remote.error{color:#ff8fa3;font-size:14px;font-weight:800}#lobby.lobby{grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px}#lobby .lobby-join{grid-template-columns:auto minmax(0,1fr) minmax(220px,300px);gap:16px;padding:12px 16px}#lobby .lobby-qr{width:clamp(110px,13vw,160px)}#lobby .lobby-code strong{font-size:clamp(42px,5vw,68px)}.lobby-side .lobby-tracks{grid-template-columns:1fr}.lobby-slots{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.slot{border:3px solid var(--tinta);min-width:0;box-shadow:0 0 0 3px var(--color,transparent);background:#14122be6;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.slot header{align-items:center;gap:8px;min-width:0;font-weight:800;display:flex}.slot header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-state{white-space:nowrap;margin-left:auto;font-size:12px}.slot.listo .slot-state{color:#7dff8a}.slot-foto{background:#123a9c;border-radius:10px;position:relative;overflow:hidden}.slot-foto img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.slot-flecha{color:var(--color);text-shadow:2px 2px 0 var(--tinta);font-size:28px;position:absolute;top:50%;transform:translateY(-50%)}.slot-flecha.izq{left:6px}.slot-flecha.der{right:6px}.slot-sello{border:3px solid var(--tinta);color:var(--tinta);letter-spacing:1px;background:#7dff8a;padding:2px 12px 0;font-family:Bangers,Impact,sans-serif;font-size:24px;position:absolute;bottom:8px;right:8px;transform:rotate(-8deg)}.slot-carro{letter-spacing:1px;margin:0;font-family:Bangers,Impact,sans-serif;font-size:26px;line-height:1}.slot-carro small{letter-spacing:0;color:var(--color);font-family:Nunito,system-ui,sans-serif;font-size:12px;font-weight:800}.slot-stats{grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;font-size:10px;font-weight:800;display:grid}.slot-stats .stat-bar i{height:9px}.slot-cats{gap:4px;margin:0;padding:0;list-style:none;display:grid}.slot-cats li{background:#f7f1e614;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:13px;font-weight:800;display:flex}.slot-cats li small{white-space:nowrap;text-overflow:ellipsis;opacity:.9;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex;overflow:hidden}.slot-cats li.activa{background:var(--color);color:var(--tinta)}.slot-muestra{border:2px solid var(--tinta);background:linear-gradient(135deg, var(--c) 60%, var(--a) 60%);border-radius:4px;flex:none;width:16px;height:16px}.slot.vacio{min-height:200px;box-shadow:none;background:#14122b80;border-style:dashed;border-color:#f7f1e64d;justify-content:center}.slot.vacio header{justify-content:center}.slot-libre{text-align:center;opacity:.7;margin:0;font-size:13px}.slot.sin-senal{opacity:.6}.lobby-foot{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.lobby-foot .lobby-note{margin:0;font-size:13px}.lobby-foot .btn-race{width:auto;min-width:280px;margin-left:auto}@media (width<=1000px){.lobby-slots{grid-template-columns:repeat(2,minmax(0,1fr))}#lobby .lobby-join{grid-template-columns:auto minmax(0,1fr)}.lobby-side{grid-column:1/-1}}@media (width<=560px){.lobby-slots{grid-template-columns:1fr}.lobby-foot .btn-race{width:100%;min-width:0}}#lobby.lobby{grid-template-rows:auto auto auto auto;align-content:start;overflow-y:auto}.slot-foto img{aspect-ratio:16/9}.slot-flecha{font-size:22px}@media (height<=760px){#lobby .lobby-join{gap:12px;padding:8px 12px}#lobby .lobby-qr{width:clamp(90px,16vh,130px)}#lobby .lobby-code strong{font-size:clamp(34px,7vh,54px)}.lobby-steps{gap:2px;font-size:13px}.slot{gap:4px;padding:8px}.slot-carro{font-size:22px}.slot-cats li{padding:2px 8px;font-size:12px}}#lobby.lobby{grid-template-rows:repeat(4,max-content)}.lobby-slots{min-height:auto}.lobby-foot{z-index:2;background:linear-gradient(#09164800,#091648fa 30%);margin-inline:-8px;padding:10px 8px 14px;position:sticky;bottom:-18px}#pause.pause{z-index:12;background:#091648b8}.pause-panel{border:3px solid var(--tinta);background:#14122bf0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 26px;display:flex;box-shadow:8px 8px #14122b99}.pause-panel h2{-webkit-text-stroke:2px var(--tinta);paint-order:stroke fill;text-shadow:4px 4px 0 var(--rojo)}.pause-panel .menu-actions{margin-top:0}.pause-panel .menu-btn{min-width:300px}.pause-note{opacity:.85;max-width:360px;margin:0;font-size:14px;font-weight:700}.pause-note:empty{display:none}.pause-hint{opacity:.7;margin:0;font-size:12px}.hud-pause{pointer-events:auto;position:absolute;top:12px;right:222px}body.split .hud-pause{right:12px;display:grid!important}@media (height<=520px){.hud-pause{width:34px;height:34px;right:162px}.pause-panel{gap:8px;padding:12px 16px}.pause-panel .menu-btn{min-width:240px;padding:6px 16px 4px;font-size:20px}.pause-panel .menu-btn.primary{font-size:26px}}html{-webkit-text-size-adjust:100%}body{touch-action:manipulation;-webkit-touch-callout:none}body.racing,body.touch-mode.racing{touch-action:none}.menu-loading{color:var(--amarillo);font-variant-numeric:tabular-nums;background:#14122bcc;border-radius:999px;margin:0;padding:6px 12px;font-size:13px;font-weight:800}.menu-btn.cargando,.btn-race.cargando{position:relative}.menu-btn.cargando:after,.btn-race.cargando:after{content:"";border:3px solid var(--tinta);border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin-top:-8px;animation:.9s linear infinite girar;position:absolute;top:50%;right:14px}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.menu-btn.cargando:after,.btn-race.cargando:after{animation:none}}body.tv .lobby-code strong{font-size:clamp(64px,8vw,120px)}body.tv .lobby-steps{font-size:20px}body.tv .lobby-remote,body.tv .slot header,body.tv .slot-cats li{font-size:16px}body.tv .slot-carro{font-size:30px}body.tv .split-label{font-size:28px}body.tv .hud-countdown{font-size:180px}body.tv .garage-back{font-size:26px}body.tv #btn-lobby-start{font-size:32px}