:root{--ink: #1e2a33;--paper: #ffffff;--pick: #f2cd37;--pick-ink: #1e2a33;--focus: #0055bf;--space: #070a24;color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #e6edf2;--paper: #1c2730;color-scheme:dark}}html,body{margin:0;height:100%;background:var(--space);overflow:hidden}#app{position:relative;height:100%}#app canvas{display:block;touch-action:none}[hidden]{display:none!important}.panel{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;width:288px;max-height:calc(100% - 24px - env(safe-area-inset-top,0px));overflow:auto;box-sizing:border-box;padding:14px 14px 12px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);font:500 14px/1.35 Bricolage Grotesque,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}.panel *{box-sizing:border-box}.panel h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.panel .hint{margin:4px 0;font-size:12.5px;opacity:.72}.panel h2{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 6px;font-size:13px;font-weight:700}.panel h2 span{font-weight:500;opacity:.72}.panel button{font:inherit;color:inherit;cursor:pointer}.seg{display:flex;gap:4px}.seg button,.actions button{flex:1;min-height:34px;padding:4px 6px;background:var(--paper);border:2px solid var(--ink);border-radius:7px;font-weight:650;font-size:13px}.seg button[aria-pressed=true],.actions .primary{background:var(--pick);color:var(--pick-ink)}.swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;justify-items:center}.stud{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid var(--ink);background:var(--c);box-shadow:inset 0 -4px #00000038,inset 0 3px #ffffff59}.stud[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.stud.trans{background:linear-gradient(color-mix(in srgb,var(--c) 60%,transparent),color-mix(in srgb,var(--c) 60%,transparent)),repeating-conic-gradient(#fff 0,#fff 25%,#c8ced3 0,#c8ced3 50%) 50% / 10px 10px}.parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;margin-top:6px}.part{aspect-ratio:1;min-width:0;padding:0;display:grid;place-items:center;background:var(--paper);border:2px solid transparent;border-radius:8px}.part:hover{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.part[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb,var(--pick) 35%,var(--paper))}.part img{width:100%;height:auto}.tools{display:grid;gap:4px;margin-top:12px}.seg button:disabled{opacity:.4;cursor:default}.panel kbd{padding:0 4px;border:1px solid currentColor;border-radius:4px;font:inherit;font-size:11.5px}.status{margin:8px 0 0;font-size:12.5px;min-height:1.35em}.status [data-out=message]{font-weight:700}.warn{margin:6px 0 0;padding:6px 8px;border-radius:7px;font-size:12.5px;background:color-mix(in srgb,#ff3b4e 18%,var(--paper))}.warn button{padding:0;border:0;background:none;text-decoration:underline;font-weight:700}.panel details{margin-top:10px;border-top:2px solid color-mix(in srgb,var(--ink) 15%,transparent);padding-top:8px}.panel summary{cursor:pointer;font-size:13px;font-weight:700}.panel details .seg{margin-top:6px}.seg.tabs button{padding:4px 2px;font-size:12px}.seg.wrap{flex-wrap:wrap}.seg.wrap button{flex:1 1 30%;display:inline-flex;align-items:center;justify-content:center;gap:5px}.trail-chip{width:14px;height:14px;border-radius:50%;background:var(--t);border:1.5px solid var(--ink);flex:none}[data-rarity=common]{--rar: #8b97a3}[data-rarity=rare]{--rar: #3fa8ff}[data-rarity=epic]{--rar: #b14dff}[data-rarity=legendary]{--rar: #ffb000}[data-rarity=mythic]{--rar: #ff3b4e}[data-rarity=prestige]{--rar: #18c8a0}.part[data-rarity]{box-shadow:inset 0 -4px 0 var(--rar)}.stud[data-rarity]{box-shadow:0 0 0 2px var(--rar),inset 0 -4px #00000038,inset 0 3px #ffffff59}.seg [data-rarity]{box-shadow:inset 0 -3px 0 var(--rar)}.panel .locked{position:relative;opacity:.38;filter:grayscale(.6);cursor:help}.panel .locked:after{content:"🔒";position:absolute;right:1px;bottom:1px;font-size:11px;line-height:1;filter:none}.stud[data-finish=metal]{background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--c) 40%,color-mix(in srgb,var(--c) 60%,#000))}.stud[data-finish=chrome]{background:linear-gradient(160deg,#fff 0 18%,var(--c) 40%,color-mix(in srgb,var(--c) 40%,#000) 60%,var(--c) 80%,#fff)}.stud[data-finish=pearl]{background:conic-gradient(from 30deg,var(--c),#d8f0ff,var(--c),#ffe0f4,var(--c))}.stud[data-finish=glow]{box-shadow:0 0 10px 2px var(--c),inset 0 -4px #00000026}.stud[data-finish=rainbow]{background:conic-gradient(#ff3b4e,#ffe14a,#4fe36b,#3fd8ff,#b14dff,#ff3b4e);animation:hue 3s linear infinite}@keyframes hue{to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){.stud[data-finish=rainbow]{animation:none}}.panel button:focus-visible,.panel input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.panel input[type=range]{width:100%;margin:0;accent-color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.actions .primary{flex-basis:100%}.actions .go{background:var(--ink);color:var(--paper);font-size:15px;font-weight:800}.panel{animation:slide-left .4s cubic-bezier(.2,.9,.3,1) both}@keyframes slide-left{0%{transform:translate(-40px);opacity:0}}@media(max-width:640px){.panel{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;right:10px;width:auto;max-height:44%}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ink);font:500 14px/1.35 Bricolage Grotesque,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}.hud>*{position:absolute;margin:0}.hud-speed,.hud-exit,.hud-hint{background:var(--paper);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink)}.hud-speed{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:6px 14px;font-weight:700}.hud-speed b{display:inline-block;min-width:3ch;text-align:right;font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}.hud-hint{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:6px 10px;font-size:12.5px}.hud-exit{top:calc(16px + env(safe-area-inset-top,0px));left:16px;padding:6px 14px;font:inherit;font-weight:700;color:inherit;cursor:pointer;pointer-events:auto}.hud-exit:focus-visible,.hud-mute:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hud-mute{top:calc(16px + env(safe-area-inset-top,0px));left:112px;width:38px;height:34px;padding:0;font-size:17px;cursor:pointer;pointer-events:auto;background:var(--paper);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink)}@media(max-width:640px){.hud-hint{display:none}}.hud-fade{top:0;right:0;bottom:0;left:0;background:#070a24;opacity:0}.hud-flash{top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}.hud-flash.on{animation:hud-flash .6s ease-out}@keyframes hud-flash{0%{opacity:.7}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hud-flash.on{animation-duration:.3s}}.hud-race{top:calc(16px + env(safe-area-inset-top,0px));right:16px;padding:6px 14px;text-align:right;background:var(--paper);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink)}.hud-lap{font-size:15px;font-weight:700}.hud-lap b{font-size:30px;font-weight:800}.hud-time{font-weight:700;font-variant-numeric:tabular-nums}.hud-banner,.hud-wrong{left:0;right:0;text-align:center;font-weight:800;color:var(--pick);letter-spacing:-.02em;-webkit-text-stroke:3px #1e2a33;paint-order:stroke fill;text-shadow:5px 5px 0 #1e2a33}.hud-banner{top:26%;font-size:clamp(56px,14vw,140px);line-height:1}.hud-banner.pop{animation:pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}}.hud-wrong{top:16%;font-size:clamp(32px,7vw,64px);color:#ff3b4e;animation:blink .6s steps(2) infinite}@keyframes blink{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.hud-banner.pop,.hud-wrong{animation:none}}.hud-finish{top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 32px));box-sizing:border-box;padding:16px 18px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);pointer-events:auto}.hud-finish h2{margin:0 0 8px;font-size:30px;font-weight:800}.hud-finish ol{margin:0;padding:0;list-style:none}.hud-finish li,.hud-finish .total{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.hud-finish li{padding:3px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.hud-finish .total{margin:8px 0 0;font-weight:700;font-size:17px}.hud-finish .record{margin:6px 0 0;font-weight:800;color:#c98a00}.hud-finish .actions{display:flex;gap:6px;margin-top:14px}.hud-finish button{flex:1;min-height:38px;font:inherit;font-weight:700;color:inherit;cursor:pointer;background:var(--paper);border:2px solid var(--ink);border-radius:7px}.hud-finish button.primary{background:var(--pick);color:var(--pick-ink)}.hud-finish button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hud-place{top:calc(64px + env(safe-area-inset-top,0px));left:16px;font-weight:800;font-size:20px;color:var(--pick);-webkit-text-stroke:2px #1e2a33;paint-order:stroke fill;text-shadow:3px 3px 0 #1e2a33}.hud-place b{font-size:52px;letter-spacing:-.02em}.hud-finish{max-height:calc(100% - 32px);overflow:auto}.hud-finish h3{margin:12px 0 4px;font-size:13px;font-weight:700;opacity:.72}.hud-finish li.you{font-weight:800}.stud-icon{display:inline-block;width:.9em;height:.9em;margin:0 .15em 0 .4em;vertical-align:-.1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c0,#f2cd37 45%,#a87a00);box-shadow:inset 0 -2px #00000040}.reward{margin-top:12px}.reward:empty{display:none}.reward-guest{margin:0;font-size:13px;opacity:.8}.reward-rank{display:flex;align-items:center;gap:10px}.reward-rank>div{flex:1;display:grid;line-height:1.1}.reward-level{font-size:18px;font-weight:800}.reward-prestige{font-size:12px;font-weight:700;color:#8a5cff}.reward-studs{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.xpbar{position:relative;height:16px;margin:8px 0 6px;overflow:hidden;background:color-mix(in srgb,var(--ink) 15%,transparent);border:2px solid var(--ink);border-radius:99px}.xpbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3fd8ff,#8a5cff,#ff4fd8)}.xpbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.reward-lines{margin:0;padding:0;list-style:none}.hud-finish .reward-lines li{font-size:13px;animation:line-in .35s calc(var(--i) * .18s) both cubic-bezier(.2,1.4,.4,1)}@keyframes line-in{0%{opacity:0;transform:translate(-12px)}}.reward-pop{min-height:1.4em;margin-top:6px;text-align:center;font-weight:800;color:#8a5cff}.reward-pop.go{animation:level-pop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes level-pop{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.35)}}.emblem{flex:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .35))}.emblem.em-prestige{filter:drop-shadow(0 0 4px rgb(255 220 120 / .6)) drop-shadow(0 2px 2px rgb(0 0 0 / .35))}.emblem.em-master{animation:master-glow 2.4s ease-in-out infinite}.emblem .em-spin{transform-origin:50px 50px;animation:em-spin 12s linear infinite}@keyframes master-glow{50%{filter:drop-shadow(0 0 10px #ff4fd8) drop-shadow(0 0 4px #ffd23a)}}@keyframes em-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hud-finish .reward-lines li,.reward-pop.go,.emblem.em-master,.emblem .em-spin{animation:none}}.hud-item{top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:72px;height:72px;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 55%,transparent);border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink)}.hud-item .icon{font-size:42px;line-height:1}.hud-item .key{position:absolute;bottom:-10px;right:-10px;padding:1px 7px;font-size:12px;font-weight:800;background:var(--paper);border:2px solid var(--ink);border-radius:6px;opacity:.4}.hud-item.full{background:var(--pick)}.hud-item.full .key{opacity:1}.hud-item.rolling .icon{filter:blur(1px)}.touch{position:absolute;inset:auto 0 0 0;height:0}.touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.touch-steer,.touch-buttons button{position:absolute;pointer-events:auto;color:var(--ink);font:inherit;font-weight:800;background:color-mix(in srgb,var(--paper) 70%,transparent);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.touch-steer{--x: 0;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(42vw,260px);height:92px;border-radius:46px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;box-sizing:border-box;font-size:22px}.touch-steer:after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:var(--pick);border:2px solid var(--ink);transform:translate(calc(-50% + var(--x) * min(15vw,90px)),-50%)}.touch-buttons button{width:76px;height:76px;border-radius:50%;font-size:14px}.touch-buttons button.down,.touch-steer.down{background:var(--pick)}.touch-buttons [data-t=drift]{right:16px;bottom:calc(110px + env(safe-area-inset-bottom,0px));width:92px;height:92px}.touch-buttons [data-t=brake]{right:120px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:64px;height:64px}.touch-buttons [data-t=item]{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:80px;height:80px}.hud.touch-mode .hud-hint{display:none}.hud.touch-mode .hud-speed{bottom:auto;top:calc(104px + env(safe-area-inset-top,0px));padding:2px 10px}.hud.touch-mode .hud-speed b{font-size:22px}.hud.touch-mode .hud-item .key{display:none}.menu{--skew: skewX(-8deg);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;text-transform:uppercase;font:800 16px/1 Bricolage Grotesque,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}.menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(7 10 36 / .8),rgb(7 10 36 / .35) 38%,transparent 62%)}.menu>*{position:absolute}.menu button,.menu input{pointer-events:auto;font-family:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit;cursor:pointer}.menu button:disabled{cursor:default}.menu-top{top:calc(20px + env(safe-area-inset-top,0px));left:32px;right:24px;display:flex;align-items:flex-start;justify-content:space-between}.menu-logo{display:flex;flex-direction:column;transform:var(--skew);font-size:30px;line-height:.85;letter-spacing:-.02em}.menu-logo b{font-size:46px;color:var(--pick);-webkit-text-stroke:2px #1e2a33;paint-order:stroke fill;text-shadow:4px 4px 0 #1e2a33}.menu-chip{display:flex;align-items:center;gap:8px;max-width:46vw;padding:8px 16px;color:#fff;font-size:15px;letter-spacing:.04em;background:#ffffff1a;border:2px solid rgb(255 255 255 / .35);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.menu-chip{padding:6px 14px 6px 8px}.chip-emblem{display:grid;place-items:center;min-width:34px}.chip-text{display:grid;min-width:0;text-align:left;line-height:1.15}.chip-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-level{font-size:11px;opacity:.8;letter-spacing:.06em}.chip-level:empty{display:none}.chip-xp{height:4px;margin-top:3px;border-radius:9px;background:#fff3;overflow:hidden}.chip-xp i{display:block;height:100%;background:linear-gradient(90deg,#3fd8ff,#8a5cff,#ff4fd8)}.chip-studs{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.menu-rank{display:flex;gap:12px;align-items:center}.menu-rank .menu-note{margin:0 0 14px}.menu-chip:hover,.menu-chip:focus-visible{background:#ffffff38;border-color:#fff;outline:none}.menu-home{top:50%;left:18px;transform:translateY(-46%);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.menu-item{position:relative;padding:6px 34px 8px 16px;transform:var(--skew);text-align:left;color:#fff;background:none;border:0;font-size:clamp(22px,2.2vw,30px);letter-spacing:0;text-shadow:3px 3px 0 rgb(0 0 0 / .35);animation:slide-left .5s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i) * 70ms)}.menu-item small{display:block;margin-top:3px;font-size:12px;font-weight:600;letter-spacing:.08em;opacity:.65}.menu-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--pick);box-shadow:5px 5px #1e2a33;transform:scaleX(0);transform-origin:left;transition:transform .18s cubic-bezier(.2,.9,.3,1)}.menu-item:not(:disabled):is(:hover,:focus-visible){color:#1e2a33;text-shadow:none;outline:none}.menu-item:not(:disabled):is(:hover,:focus-visible):before{transform:scaleX(1)}.menu-item:disabled{opacity:.4}.menu-play{right:36px;bottom:calc(36px + env(safe-area-inset-bottom,0px));padding:14px 56px 16px;transform:var(--skew);font-size:clamp(24px,2.4vw,34px);letter-spacing:.03em;color:#1e2a33;background:var(--pick);border:3px solid #1e2a33;box-shadow:7px 7px #1e2a33;transition:transform .12s,box-shadow .12s,background .12s;animation:play-in .6s .25s cubic-bezier(.2,1.4,.4,1) both}.menu-play:hover,.menu-play:focus-visible{background:#ffe14a;transform:var(--skew) translate(-2px,-2px);box-shadow:10px 10px #1e2a33;outline:none}.menu-play:focus-visible{outline:3px solid #fff;outline-offset:4px}.menu-play:active{transform:var(--skew) translate(4px,4px);box-shadow:3px 3px #1e2a33}@keyframes play-in{0%{transform:var(--skew) scale(.6);opacity:0}}.menu-panel{top:50%;left:32px;transform:translateY(-46%);width:min(360px,calc(100% - 64px));max-height:calc(100% - 140px);overflow:auto;box-sizing:border-box;padding:20px 22px 22px;text-transform:none;background:#0e1438c7;border:2px solid rgb(255 255 255 / .18);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slide-left .4s cubic-bezier(.2,.9,.3,1) both}.menu-panel h2{margin:0 0 14px;font-size:34px;text-transform:uppercase;transform:var(--skew);color:var(--pick)}.menu-panel label,.menu-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.menu-panel output{opacity:.7}.menu-panel input:not([type=range]){flex-basis:100%;padding:10px 12px;color:#fff;font-size:18px;text-transform:none;cursor:text;background:#0000004d;border:2px solid rgb(255 255 255 / .25);border-radius:8px}.menu-panel input[type=range]{flex-basis:100%;margin:0;accent-color:var(--pick)}.menu-panel input:focus-visible{outline:3px solid var(--pick);outline-offset:2px}.menu-seg{display:flex;gap:4px}.menu-seg button{min-width:64px;min-height:36px;padding:4px 12px;font-size:14px;color:#fff;background:#ffffff14;border:2px solid rgb(255 255 255 / .25);border-radius:7px}.menu-seg button:hover{border-color:#fff}.menu-seg button[aria-pressed=true]{background:var(--pick);color:#1e2a33;border-color:var(--pick)}.menu-seg button:focus-visible,.menu-back:focus-visible{outline:3px solid #fff;outline-offset:2px}.menu-back{width:100%;min-height:44px;margin-top:4px;font-size:20px;color:#1e2a33;background:var(--pick);border:2px solid #1e2a33;border-radius:8px;box-shadow:4px 4px #1e2a33}.menu-note,.menu-error{margin:0 0 14px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}.menu-note{opacity:.85}.menu-note b{font-weight:800}.menu-error{color:#ff8a95;font-weight:700}.menu-error:empty{display:none}.menu-panel form{margin:0}.menu-panel .menu-seg{margin-bottom:14px}.menu-panel .menu-seg button{flex:1}.menu-back+.menu-back,.menu-join+.menu-back{margin-top:10px}.menu-panel .menu-ghost{color:#fff;background:transparent;border-color:#ffffff59;box-shadow:none}.menu-panel .menu-ghost:hover{border-color:#fff}.menu-panel h2 span{color:#fff;letter-spacing:.12em}.menu-join{display:flex;gap:6px;margin:14px 0 0}.menu-panel .menu-join input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.25em;font-weight:800}.menu-join button{padding:0 20px;font-size:18px;color:#1e2a33;background:var(--pick);border:2px solid #1e2a33;border-radius:8px}.menu-join button:focus-visible{outline:3px solid #fff;outline-offset:2px}.menu-players{margin:0 0 14px;padding:0;list-style:none}.menu-players li{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;padding:9px 12px;font-size:16px;text-transform:none;background:#ffffff12;border-radius:8px}.menu-player{display:flex;align-items:center;gap:8px;min-width:0}.menu-players li.you{box-shadow:inset 0 0 0 2px var(--pick)}.menu-players li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-players li span:last-child{flex:none;font-size:13px;opacity:.6}.menu-players li span.ok{color:#7dffa0;opacity:1}@media(max-width:640px){.menu:before{background:linear-gradient(0deg,rgb(7 10 36 / .9),rgb(7 10 36 / .4) 45%,transparent 65%)}.menu-top{left:16px;right:16px}.menu-logo{font-size:20px}.menu-logo b{font-size:30px}.menu-home{top:auto;transform:none;left:8px;bottom:calc(104px + env(safe-area-inset-bottom,0px));gap:0}.menu-item{padding:5px 24px 6px 12px}.menu-item small{display:none}.menu-play{left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));padding:12px}.menu-panel{top:auto;transform:none;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:auto;right:16px;max-height:70%}}@media(max-height:500px)and (min-width:641px){.menu-top{top:calc(12px + env(safe-area-inset-top,0px))}.menu-logo{font-size:18px}.menu-logo b{font-size:28px}.menu-home{top:auto;transform:none;bottom:14px;gap:0}.menu-item{padding:4px 24px 5px 12px}.menu-item small{display:none}.menu-play{right:20px;bottom:18px;padding:10px 36px 12px}.menu-panel{top:12px;transform:none;max-height:calc(100% - 24px);padding:14px 18px}.menu-panel h2{font-size:24px;margin-bottom:8px}.menu-panel label,.menu-row{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.panel,.menu-item,.menu-play,.menu-panel{animation:none}.menu-item:before{transition:none}}.menu-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:auto;pointer-events:auto;text-transform:none;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 20% 0%,rgb(177 77 255 / .28),transparent 55%),radial-gradient(ellipse at 90% 100%,rgb(63 216 255 / .18),transparent 50%),#070a24;animation:page-in .3s ease-out both}@keyframes page-in{0%{opacity:0}}.menu.page-open .menu-top{visibility:hidden}.page-head{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto 18px}.page-head h2{margin:0;flex:1;font-size:clamp(30px,5vw,48px);text-transform:uppercase;transform:var(--skew);color:var(--pick)}.page-back{flex:none;white-space:nowrap;padding:8px 16px;font:inherit;font-size:15px;font-weight:800;color:#fff;text-transform:uppercase;background:#ffffff1a;border:2px solid rgb(255 255 255 / .35);border-radius:999px}.page-back:is(:hover,:focus-visible){background:#ffffff38;border-color:#fff;outline:none}.page-body{max-width:1100px;margin:0 auto}.store-studs{display:flex;align-items:center;margin:0;padding:6px 16px;border-radius:999px;font-size:18px;font-weight:800;background:#ffffff1a;white-space:nowrap}.store-studs b{font-variant-numeric:tabular-nums;margin-right:6px}.store-guest{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.store-guest .menu-note{margin:0}.store-guest .menu-back{width:auto;margin:0;padding:8px 24px}.store-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,42vw),1fr));gap:18px}.store-pack{display:grid;justify-items:center;gap:4px;padding:16px 10px 14px;color:#fff;text-transform:none;font:inherit;background:#ffffff0d;border:2px solid rgb(255 255 255 / .14);border-radius:16px;transition:border-color .2s,background .2s}.store-pack-art{position:relative;display:block;width:100%;max-width:230px;transition:transform .25s cubic-bezier(.2,1.4,.4,1)}.store-pack-art img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;filter:drop-shadow(0 10px 16px rgb(0 0 0 / .55))}.store-pack-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .5) 50%,transparent 65%) -150% 0 / 250% 100% no-repeat}.store-pack:not(:disabled):is(:hover,:focus-visible){border-color:var(--pick);background:#ffffff17;outline:none}.store-pack:not(:disabled):is(:hover,:focus-visible) .store-pack-art{transform:translateY(-8px) rotate(-2deg) scale(1.03)}.store-pack:not(:disabled):is(:hover,:focus-visible) .store-pack-art:after{animation:shine .9s ease-out}@keyframes shine{0%{opacity:1;background-position:-150% 0}to{opacity:1;background-position:150% 0}}.store-pack:disabled{opacity:.5;cursor:not-allowed}.store-pack-name{margin-top:8px;font-size:19px;font-weight:800;letter-spacing:.02em;text-align:center}.store-pack small{font-size:12.5px;opacity:.7;text-align:center}.store-price{margin-top:6px;padding:4px 16px;border-radius:99px;background:var(--pick);color:#1e2a33;font-weight:800;font-size:16px}.store-price .stud-icon{margin-left:0}.store-foot{margin-top:22px;font-size:13.5px;line-height:1.45;opacity:.85}.store-foot p{margin:6px 0}.store-foot [data-pity]{font-weight:800;color:var(--pick)}.store-odds{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none}.store-odds li{padding:3px 10px;border-radius:99px;border:2px solid var(--rar);color:var(--rar);font-weight:800}.store-odds b{color:#fff}.page-tabs,.board-pick{margin-bottom:14px;max-width:520px}.page-tabs button,.board-pick button{flex:1}.board{margin:0;padding:0;list-style:none}.board li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;margin-bottom:4px;padding:7px 14px;background:#ffffff0f;border-radius:10px;font-size:16px;font-weight:700}.board li>span:first-child{font-weight:800;opacity:.8}.board li.top>span:first-child{font-size:22px;opacity:1}.board li>span:last-child{font-variant-numeric:tabular-nums;text-align:right;opacity:.9}.board li.win>span:nth-child(2){color:var(--pick)}.board .emblem,.menu-player .emblem{filter:none}.board li.you{box-shadow:inset 0 0 0 2px var(--pick);background:#f2cd371f}.board li.board-gap{display:block;text-align:center;background:none;opacity:.5}.board-who{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-card{display:flex;align-items:center;gap:16px;margin-bottom:16px}.me-card>div{display:grid;gap:2px;flex:1;max-width:420px}.me-card b{font-size:26px}.me-card small{font-size:14px;opacity:.8}.me-card .chip-xp{height:8px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:20px}.stat-tile{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:#ffffff12}.stat-tile b{font-size:24px;font-variant-numeric:tabular-nums}.stat-tile small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.race-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.race-lists h3{margin:0 0 8px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.race-lists .board li{grid-template-columns:36px 1fr auto;font-size:14px}@media(prefers-reduced-motion:reduce){.menu-page,.store-pack-art,.store-pack-art:after{animation:none;transition:none}}.opening{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;font:800 16px/1.3 Bricolage Grotesque,ui-rounded,system-ui,sans-serif}.op-hint{position:absolute;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));margin:0;text-align:center;font-size:clamp(16px,3vw,22px);letter-spacing:.04em;text-shadow:0 2px 8px rgb(0 0 0 / .8);animation:hint-pulse 1.6s ease-in-out infinite}@keyframes hint-pulse{50%{opacity:.55}}.op-banner{position:absolute;left:0;right:0;top:9%;text-align:center;opacity:0;font-size:clamp(40px,9vw,96px);letter-spacing:-.01em;text-transform:uppercase;-webkit-text-stroke:3px #10141a;paint-order:stroke fill;text-shadow:0 0 30px currentColor,5px 5px 0 #10141a}.op-banner[data-rarity=legendary]{color:#ffc23a}.op-banner[data-rarity=epic]{color:#c56bff}.op-banner[data-rarity=mythic],.op-banner[data-rarity=prestige]{color:#fff;background:linear-gradient(90deg,#ff3b4e,#ffe14a,#4fe36b,#3fd8ff,#b14dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(4px 4px 0 #10141a) drop-shadow(0 0 18px rgb(255 255 255 / .6))}.op-banner.go{animation:banner 2.4s cubic-bezier(.2,1.4,.4,1) both}@keyframes banner{0%{opacity:0;transform:scale(.2) rotate(-6deg)}15%{opacity:1;transform:scale(1.15) rotate(2deg)}25%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.op-labels{position:absolute;top:0;right:0;bottom:0;left:0}.op-label{position:absolute;left:0;top:0;padding:3px 10px;border-radius:99px;font-size:14px;white-space:nowrap;background:#1e2a33;border:2px solid rgb(255 255 255 / .3)}.op-label.new{background:var(--pick);color:#1e2a33;border-color:#1e2a33;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.op-skip,.op-actions button{pointer-events:auto;font:inherit;cursor:pointer;color:#fff;background:#ffffff1f;border:2px solid rgb(255 255 255 / .4);border-radius:10px}.op-skip{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px;padding:6px 16px}.op-summary{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));translate:-50% 0;width:min(560px,calc(100% - 32px));text-align:center;animation:pop .5s cubic-bezier(.2,1.4,.4,1)}.op-summary h2{margin:0;font-size:28px;text-transform:uppercase;color:var(--pick);text-shadow:3px 3px 0 #10141a}.op-dupes{margin:4px 0 12px;font-weight:700;text-shadow:0 2px 6px rgb(0 0 0 / .8)}.op-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.op-actions button{flex:1 1 150px;min-height:44px;padding:6px 12px}.op-actions button.primary{background:var(--pick);color:#1e2a33;border-color:#1e2a33}.op-actions button:disabled{opacity:.4;cursor:not-allowed}.op-skip:focus-visible,.op-actions button:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.op-hint,.op-banner.go,.op-label.new{animation:none}.op-banner.go{opacity:1}}