:root{--cream:#fff4dc;--cedar:#6b4226;--ink:#2b1d0e;--orange:#ff9f1c;--teal:#2ec4b6;--leaf:#8ac926;--berry:#ff5d8f;--ui:1;--font:"Fredoka", "Baloo 2", ui-rounded, "Arial Rounded MT Bold", "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;background:#2b1d0e;margin:0;padding:0;font-weight:600;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block;width:100%!important;height:100%!important}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}img{-webkit-user-drag:none;user-drag:none}.outlined,.hud-lap,.hud-coins,.hud-clock,.hud-speed,.hud-place,.toast,.hud-banner,.hud-banner-sub,.hud-count,.turbo-label,.item-name{color:var(--cream);-webkit-text-stroke:5px var(--cedar);paint-order:stroke fill;text-shadow:0 3px #2b1d0e59}.plaque{background:var(--cream);color:var(--ink);border:4px solid var(--cedar);border-radius:18px;box-shadow:0 6px #2b1d0e47,0 14px 26px #2b1d0e47}.btn{pointer-events:auto;font:700 22px/1 var(--font);letter-spacing:.06em;color:var(--ink);background:var(--orange);border:4px solid var(--cedar);cursor:pointer;box-shadow:0 5px 0 var(--cedar);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:14px 30px 15px;transition:transform 80ms,box-shadow 80ms,filter .12s}.btn:hover,.btn.focus{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--cedar);transform:translateY(4px)}.btn.teal{background:var(--teal)}.btn.green{background:var(--leaf)}.btn.back{background:var(--cream);color:var(--cedar)}.btn.small{box-shadow:0 4px 0 var(--cedar);border-width:3px;padding:9px 18px 10px;font-size:16px}.btn[disabled]{filter:grayscale(.7)brightness(.9);cursor:default;pointer-events:none}.keychip{font:700 15px/1 var(--font);color:var(--ink);background:var(--cream);border:3px solid var(--cedar);box-shadow:0 3px 0 var(--cedar);-webkit-text-stroke:0;text-shadow:none;border-radius:8px;padding:4px 8px 5px;display:inline-block}.hidden{display:none!important}.hud{pointer-events:none;position:absolute;inset:0}.nohud .hud,.nohud .touch-ui,.hud.off>:not(.hud-tips){display:none!important}.hud-tl{left:calc(18px + var(--safe-l));top:calc(14px + var(--safe-t));transform:scale(var(--ui));transform-origin:0 0;align-items:center;gap:22px;display:flex;position:absolute}.hud-lap{font:700 34px/1 var(--font);letter-spacing:.04em}.hud-lap b{color:#ffd23c;font-size:46px}.hud-coins{font:700 36px/1 var(--font);align-items:center;gap:6px;display:flex}.hud-coins .coin-ic{filter:drop-shadow(0 3px #2b1d0e59);width:40px;height:40px}.hud-coins.pulse{animation:.32s ease-out coinPulse}.hud-coins.shake{animation:.4s ease-out shakeX}@keyframes coinPulse{0%{transform:scale(1)}35%{transform:scale(1.32)}to{transform:scale(1)}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-9px)rotate(-3deg)}40%{transform:translate(8px)rotate(3deg)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.hud-standings{left:calc(16px + var(--safe-l));top:calc(50% - 150px * var(--ui));width:190px;height:264px;transform:scale(var(--ui));transform-origin:0 0;position:absolute}.st-row{white-space:nowrap;background:#2b1d0e80;border:3px solid #2b1d0e8c;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 14px 0 6px;transition:transform .28s cubic-bezier(.3,1.4,.5,1);display:flex;position:absolute;top:0;left:0}.st-row.me{background:var(--cream);border-color:var(--cedar);box-shadow:0 3px 0 var(--cedar)}.st-place{text-align:center;width:22px;font:700 19px/1 var(--font);color:var(--cream)}.st-row.me .st-place{color:var(--cedar)}.st-face{border:3px solid var(--cream);background:var(--cream);object-fit:cover;border-radius:50%;width:30px;height:30px}.st-name{font:700 17px/1 var(--font);letter-spacing:.03em;text-shadow:0 2px #2b1d0ecc,0 0 2px #2b1d0ee6}.st-row.me .st-name{text-shadow:none;filter:brightness(.72)saturate(1.3)}.hud-item{left:50%;top:calc(12px + var(--safe-t));transform:translateX(-50%) scale(var(--ui));transform-origin:top;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.item-slot{background:var(--cream);border:5px solid var(--cedar);width:92px;height:92px;box-shadow:0 5px 0 var(--cedar), 0 10px 18px #2b1d0e4d;border-radius:24px;place-items:center;display:grid}.item-slot img{width:74px;height:74px}.hud-item.rolling .item-slot{animation:.16s linear infinite slotWobble}.hud-item.got .item-slot{animation:.4s ease-out slotPop}@keyframes slotWobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes slotPop{0%{transform:scale(.7)}45%{transform:scale(1.22)}to{transform:scale(1)}}.item-meta{align-items:center;gap:8px;min-height:26px;display:flex}.item-name{font:700 19px/1 var(--font);letter-spacing:.08em;-webkit-text-stroke-width:4px}.hud-tr{right:calc(18px + var(--safe-r));top:calc(12px + var(--safe-t));transform:scale(var(--ui));transform-origin:100% 0;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.hud-clock{font:700 36px/1 var(--font);letter-spacing:.03em;font-variant-numeric:tabular-nums}.hud-map{background:#2b1d0e52;border:4px solid #2b1d0e8c;border-radius:22px;width:168px;height:168px}.hud-place{left:calc(22px + var(--safe-l));bottom:calc(10px + var(--safe-b));transform:scale(var(--ui));transform-origin:0 100%;font:700 120px/.9 var(--font);color:#ffd23c;-webkit-text-stroke-width:9px;text-shadow:0 6px #2b1d0e66;position:absolute}.hud-place .suf{-webkit-text-stroke-width:6px;margin-left:3px;font-size:50px}.hud-place.pop .num{animation:.42s cubic-bezier(.3,1.6,.5,1) placePop;display:inline-block}@keyframes placePop{0%{transform:scale(1.7)}to{transform:scale(1)}}.hud-br{right:calc(20px + var(--safe-r));bottom:calc(14px + var(--safe-b));transform:scale(var(--ui));transform-origin:100% 100%;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute}.hud-speed{align-items:baseline;gap:8px;display:flex}.hud-speed .val{font:700 66px/.9 var(--font);font-variant-numeric:tabular-nums;-webkit-text-stroke-width:7px}.hud-speed .unit{font:700 20px/1 var(--font);letter-spacing:.1em;-webkit-text-stroke-width:4px}.speed-bar{border:2px solid var(--cedar);background:#2b1d0e8c;border-radius:9px;width:230px;height:9px;overflow:hidden}.speed-bar i{transform-origin:0;background:linear-gradient(90deg, var(--teal), var(--leaf) 45%, var(--orange) 75%, var(--berry));width:100%;height:100%;display:block}.hud-turbo{flex-direction:column;align-items:flex-end;gap:4px;margin-top:4px;display:flex}.hud-turbo.shake{animation:.4s ease-out shakeX}.pills{gap:7px;display:flex}.pill{border:3px solid var(--cedar);background:#2b1d0e99;border-radius:999px;width:72px;height:22px;transition:box-shadow .15s;overflow:hidden}.pill i{transform-origin:0;background:linear-gradient(180deg, #ffe07a, var(--orange));filter:saturate(.75)brightness(.85);width:100%;height:100%;display:block}.pill.full{border-color:var(--cream);box-shadow:0 0 0 2px var(--cedar), 0 0 14px 3px #ffbe3ce6}.pill.full i{filter:none;background:linear-gradient(#fff2a8,#ffb81c)}.turbo-label{font:700 15px/1 var(--font);letter-spacing:.16em;-webkit-text-stroke-width:4px}.hud-toasts{left:50%;bottom:calc(22% + var(--safe-b));transform:translateX(-50%) scale(var(--ui));transform-origin:bottom;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.toast{font:700 34px/1.05 var(--font);letter-spacing:.06em;white-space:nowrap;animation:1.2s ease-out forwards toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(18px)scale(.6)}12%{opacity:1;transform:translateY(0)scale(1.18)}22%{transform:scale(1)}78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.hud-banner{transform:translate(-50%, -50%) scale(var(--ui));font:700 104px/1 var(--font);letter-spacing:.05em;white-space:nowrap;-webkit-text-stroke-width:12px;text-shadow:0 8px 0 var(--orange);opacity:0;position:absolute;top:27%;left:50%}.hud-banner.show{animation:.5s cubic-bezier(.3,1.5,.5,1) forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%, -50%) scale(calc(var(--ui) * .4)) rotate(-6deg)}to{opacity:1;transform:translate(-50%, -50%) scale(var(--ui)) rotate(-2deg)}}.hud-banner-sub{left:50%;top:calc(27% + 74px * var(--ui));transform:translate(-50%, 0) scale(var(--ui));font:700 34px/1 var(--font);letter-spacing:.08em;opacity:0;transition:opacity .2s;position:absolute}.hud-banner-sub.show{opacity:1}.hud-count{transform:translate(-50%, -50%) scale(var(--ui));font:700 190px/1 var(--font);-webkit-text-stroke-width:16px;text-shadow:0 10px 0 var(--orange);opacity:0;position:absolute;top:34%;left:50%}.hud-count.show{animation:.85s ease-out forwards countIn}.hud-count.go{color:var(--leaf);text-shadow:0 10px 0 var(--cream)}@keyframes countIn{0%{opacity:0;transform:translate(-50%, -50%) scale(calc(var(--ui) * 2.1))}22%{opacity:1;transform:translate(-50%, -50%) scale(var(--ui))}75%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) scale(calc(var(--ui) * .85))}}.hud-warn{transform:translateX(-50%) scale(var(--ui));background:var(--berry);border:6px solid var(--cream);width:92px;height:92px;box-shadow:0 0 0 5px var(--cedar);color:var(--cream);font:700 70px/80px var(--font);text-align:center;border-radius:50%;display:none;position:absolute;bottom:34%;left:50%}.hud-warn.show{animation:.28s steps(2,end) infinite warnBlink;display:block}@keyframes warnBlink{0%{opacity:1}to{opacity:.25}}.hud-flash{opacity:0;background:#fff;position:absolute;inset:0}.hud-flash.show{animation:.55s ease-out flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}.hud-tags{position:absolute;inset:0}.tag{transform-origin:bottom;will-change:transform;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.tag-line{background:#2b1d0e9e;border-radius:999px;align-items:center;gap:5px;padding:3px 11px 3px 4px;display:flex}.tag-badge{background:var(--cream);width:22px;height:22px;color:var(--ink);font:700 15px/22px var(--font);text-align:center;border-radius:50%}.tag-name{font:700 16px/1 var(--font);letter-spacing:.04em}.bubble{background:var(--cream);color:var(--ink);border:3px solid var(--cedar);font:700 17px/1.1 var(--font);white-space:nowrap;border-radius:14px;padding:5px 12px 6px;display:none;position:relative;box-shadow:0 3px #2b1d0e4d}.bubble:after{content:"";background:var(--cream);border-right:3px solid var(--cedar);border-bottom:3px solid var(--cedar);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.show{animation:.22s cubic-bezier(.3,1.6,.5,1) bubbleIn;display:block}@keyframes bubbleIn{0%{transform:scale(.3)}to{transform:scale(1)}}.hud-tips{left:50%;bottom:calc(40px + var(--safe-b));transform:translate(-50%, 30px) scale(var(--ui));transform-origin:bottom;font:600 20px/1.5 var(--font);opacity:0;white-space:nowrap;padding:14px 26px 16px;transition:opacity .35s,transform .35s;position:absolute}.hud-tips.show{opacity:1;transform:translate(-50%, 0) scale(var(--ui))}.hud-tips b{color:#d9690a;letter-spacing:.06em}.debug-hud{font:600 12px/1.3 var(--font);color:var(--cream);text-shadow:0 1px 2px #000;white-space:pre;opacity:.8;position:absolute;top:4px;left:50%;transform:translate(-50%)}.results-wrap{pointer-events:auto;background:radial-gradient(#2b1d0e47,#2b1d0e80);grid-template:100%/100%;place-items:center;animation:.3s ease-out fadeIn;display:grid;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results{width:560px;transform:scale(var(--ui));padding:20px 26px 18px;animation:.45s cubic-bezier(.3,1.4,.5,1) cardIn}@keyframes cardIn{0%{transform:scale(calc(var(--ui) * .7)) translateY(40px);opacity:0}to{transform:scale(var(--ui));opacity:1}}.res-head{justify-content:center;align-items:center;gap:12px;display:flex}.res-trophy{width:62px;height:62px;animation:1.2s ease-in-out infinite alternate trophy}@keyframes trophy{0%{transform:rotate(-7deg)scale(1)}to{transform:rotate(7deg)scale(1.08)}}.res-title{font:700 46px/1 var(--font);letter-spacing:.04em;color:var(--cream);-webkit-text-stroke:8px var(--cedar);paint-order:stroke fill;text-shadow:0 5px 0 var(--orange);white-space:nowrap}.res-sub{text-align:center;font:700 14px/1 var(--font);letter-spacing:.2em;color:var(--cedar);margin:10px 0}.res-list{flex-direction:column;gap:5px;display:flex}.res-row{background:color-mix(in srgb, var(--rc) 24%, #fff8ea);border:3px solid color-mix(in srgb, var(--rc) 70%, var(--cedar));opacity:0;border-radius:999px;align-items:center;gap:10px;height:44px;padding:0 16px 0 8px;animation:.38s cubic-bezier(.3,1.3,.5,1) forwards rowIn;display:flex}@keyframes rowIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.res-row.me{background:color-mix(in srgb, var(--rc) 55%, #fff8ea);border-color:var(--cedar);box-shadow:0 4px 0 var(--cedar);transform:scale(1.03)}.res-place{background:var(--cedar);width:30px;height:30px;color:var(--cream);font:700 18px/30px var(--font);text-align:center;border-radius:50%;flex:none}.res-face{border:3px solid var(--rc);background:var(--cream);border-radius:50%;flex:none;width:36px;height:36px}.res-name{font:700 21px/1 var(--font);letter-spacing:.03em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.res-gain{font:700 18px/1 var(--font);color:#2b8a1e;text-align:right;min-width:40px}.res-value{font:700 21px/1 var(--font);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:96px}.res-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.res-laps{flex-wrap:wrap;gap:6px;display:flex}.res-lap{font:700 15px/1 var(--font);color:var(--ink);font-variant-numeric:tabular-nums;background:#6b422621;border-radius:999px;padding:6px 11px}.res-lap i{letter-spacing:.1em;color:var(--cedar);margin-right:3px;font-size:11px;font-style:normal}.res-lap.best{background:var(--leaf);box-shadow:0 0 0 2px var(--cedar)}.res-coins{font:700 22px/1 var(--font);color:var(--ink);align-items:center;gap:5px;display:flex}.res-coins img{width:30px;height:30px}.res-prompt{text-align:center;font:700 19px/1.2 var(--font);letter-spacing:.1em;color:#d9690a;margin-top:14px;animation:.9s ease-in-out infinite alternate promptPulse}@keyframes promptPulse{0%{opacity:.55}to{opacity:1}}.res-wait{text-align:center;font:600 18px/1.2 var(--font);color:var(--cedar);margin-top:14px}.wordmark{font:700 92px/.86 var(--font);letter-spacing:.02em;color:var(--cream);-webkit-text-stroke:14px var(--cedar);paint-order:stroke fill;text-shadow:0 7px 0 var(--orange), 0 12px 0 #2b1d0e40;flex-direction:column;align-items:flex-start;display:inline-flex}.wm-line{white-space:nowrap;position:relative}.wm-cup{color:#ffe9b8;margin-left:46px}.wm-a{display:inline-block;position:relative}.wm-yuzu{filter:drop-shadow(0 3px #2b1d0e59);width:58px;height:58px;animation:2.6s ease-in-out infinite alternate yuzuBob;position:absolute;top:-40px;left:50%;transform:translate(-50%)rotate(-10deg)}@keyframes yuzuBob{0%{transform:translate(-50%)rotate(-12deg)translateY(0)}to{transform:translate(-50%)rotate(-4deg)translateY(-4px)}}.logo-plaque{font:700 17px/1 var(--font);letter-spacing:.22em;color:var(--cedar);white-space:nowrap;border-width:3px;border-radius:12px;margin-top:14px;padding:6px 16px 7px;display:inline-block}.version-tag{right:calc(9px + var(--safe-r));bottom:calc(5px + var(--safe-b));font:700 12px/1 var(--font);letter-spacing:.14em;-webkit-text-stroke-width:3px;text-shadow:none;white-space:nowrap;pointer-events:none;position:absolute}.title.wide-left .version-tag{display:none}.title{pointer-events:none;position:absolute;inset:0}.title button{pointer-events:auto}.logo{left:calc(34px + var(--safe-l));top:calc(42px + var(--safe-t));transform:scale(var(--ui));transform-origin:0 0;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.title-left{left:calc(34px + var(--safe-l));bottom:calc(30px + var(--safe-b));transform:scale(var(--ui));transform-origin:0 100%;position:absolute}.mode-box{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.mode-box .btn{min-width:300px;padding:17px 38px 18px;font-size:27px}.key-hints{font:700 15px/1 var(--font);letter-spacing:.12em;-webkit-text-stroke-width:4px;margin-top:4px}.touch .key-hints{display:none}.title-right{right:calc(30px + var(--safe-r));bottom:calc(26px + var(--safe-b));transform:scale(var(--ui));transform-origin:100% 100%;flex-direction:column;align-items:flex-end;display:flex;position:absolute}.racer-name{font:700 66px/.95 var(--font);color:var(--rc,var(--cream));-webkit-text-stroke:10px var(--cedar);paint-order:stroke fill;text-shadow:0 6px #2b1d0e59;letter-spacing:.02em}.racer-title{font:700 25px/1 var(--font);letter-spacing:.05em;margin:2px 4px 14px 0}.racer-caption{font:700 14px/1 var(--font);letter-spacing:.24em;-webkit-text-stroke-width:4px;margin:0 4px 8px 0}.carousel{background:#2b1d0e6b;border:3px solid #2b1d0e80;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:flex}.car-arrow{width:38px;height:46px;color:var(--cream);font:700 44px/40px var(--font);cursor:pointer;text-shadow:0 3px 0 var(--cedar);background:0 0;border:0;padding:0}.car-arrow:active{transform:scale(.85)}.car-face{border:4px solid var(--cream);background:var(--cream);cursor:pointer;border-radius:50%;flex:none;width:58px;height:58px;padding:0;transition:transform .16s cubic-bezier(.3,1.6,.5,1),box-shadow .16s,border-color .16s;overflow:hidden}.car-face img{width:100%;height:100%;display:block}.car-face.sel{border-color:var(--rc);box-shadow:0 0 0 3px var(--cedar), 0 0 18px 6px color-mix(in srgb, var(--rc) 80%, transparent);z-index:1;margin:0 9px;transform:scale(1.36)}.muted-note{right:calc(22px + var(--safe-r));top:calc(18px + var(--safe-t));transform:scale(var(--ui));transform-origin:100% 0;font:700 17px/1 var(--font);letter-spacing:.08em;-webkit-text-stroke-width:4px;position:absolute}.title-note{left:50%;top:calc(22px + var(--safe-t));transform:translateX(-50%) scale(var(--ui));transform-origin:top;font:700 18px/1.2 var(--font);white-space:nowrap;padding:10px 20px 11px;animation:.3s ease-out cardIn;position:absolute}.cup-box{flex-direction:column;gap:10px;display:flex}.cup-caption{font:700 15px/1 var(--font);letter-spacing:.2em;-webkit-text-stroke-width:4px}.cup-cards{gap:10px;margin-top:12px;display:flex}.cup-card{pointer-events:auto;cursor:pointer;border-width:4px;flex-direction:column;align-items:center;gap:3px;width:132px;height:172px;padding:8px;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s;display:flex;position:relative}.cup-card.sel{border-color:var(--orange);box-shadow:0 0 0 3px var(--cedar), 0 10px 0 #2b1d0e4d, 0 0 20px 4px #ff9f1ca6;transform:translateY(-9px)scale(1.05)}.cup-card.cup{background:linear-gradient(#fff4dc,#ffe2a8);justify-content:center}.cc-star{font:700 62px/1 var(--font);color:var(--orange);-webkit-text-stroke:5px var(--cedar);paint-order:stroke fill}.cc-num{background:var(--cedar);width:30px;height:30px;color:var(--cream);font:700 17px/30px var(--font);text-align:center;z-index:1;border-radius:50%;position:absolute;top:-9px;left:-9px}.cc-thumb{border:3px solid var(--cedar);background:#c9b08a;border-radius:10px;flex:none;width:110px;height:74px;overflow:hidden}.cc-thumb canvas{width:100%;height:100%;display:block}.cc-name{font:700 16px/1.05 var(--font);color:var(--ink);text-align:center;margin-top:3px}.cc-blurb{font:600 11px/1.15 var(--font);color:var(--cedar);text-align:center}.cup-btns{align-items:center;gap:10px;margin-top:6px;display:flex}.pause-wrap{pointer-events:auto;background:#2b1d0e80;grid-template:100%/100%;place-items:center;animation:.18s ease-out fadeIn;display:grid;position:absolute;inset:0}.pause{width:470px;transform:scale(var(--ui));flex-direction:column;align-items:center;gap:10px;padding:20px 26px 22px;display:flex}.pause-title{font:700 52px/1 var(--font);letter-spacing:.06em;color:var(--cream);-webkit-text-stroke:9px var(--cedar);paint-order:stroke fill;text-shadow:0 5px 0 var(--orange)}.pause-legend{grid-template-columns:1fr;gap:6px;width:100%;margin:6px 0 2px;display:grid}.pl-row{font:600 17px/1.15 var(--font);color:var(--ink);align-items:center;gap:10px;display:flex}.pl-row .keychip{text-align:center;letter-spacing:.05em;min-width:112px;font-size:13px}.pause-hint{font:700 13px/1 var(--font);letter-spacing:.14em;color:var(--cedar);margin:4px 0}.pause-btns{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.pause-btns .btn{padding:12px 10px 13px;font-size:18px}.pause-version{font:600 13px/1 var(--font);letter-spacing:.08em;color:var(--cedar);opacity:.7;margin-top:2px}.loading{z-index:50;pointer-events:auto;background:radial-gradient(at 50% 30%,#ffcf94 0%,#f2a65e 55%,#c9703a 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .45s ease-out;display:flex;position:absolute;inset:0}.loading.out{opacity:0;pointer-events:none}.loading .wordmark{transform:scale(calc(var(--ui) * 1.15));align-items:center}.loading .wm-cup{margin-left:0}.loading .logo-plaque{transform:scale(var(--ui));margin-top:calc(26px * var(--ui))}.load-bar{border:4px solid var(--cedar);background:#2b1d0e66;border-radius:999px;width:min(360px,70vw);height:18px;margin-top:26px;overflow:hidden}.load-bar i{transform-origin:0;background:linear-gradient(180deg, #fff2a8, var(--orange));width:100%;height:100%;transition:transform .25s ease-out;display:block;transform:scaleX(.02)}.load-msg{font:700 18px/1.3 var(--font);letter-spacing:.05em;color:var(--cream);-webkit-text-stroke:4px var(--cedar);paint-order:stroke fill;text-align:center;margin-top:12px;padding:0 20px}.loading.failed .load-bar{display:none}.loading.failed .btn{margin-top:18px}.intro-card{left:50%;top:calc(26px + var(--safe-t));transform:translateX(-50%) scale(var(--ui));transform-origin:top;text-align:center;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute}.intro-card.show{opacity:1}.intro-card .ic-sub{font:700 17px/1 var(--font);letter-spacing:.26em;color:var(--cream);-webkit-text-stroke:4px var(--cedar);paint-order:stroke fill}.intro-card .ic-name{font:700 70px/1.05 var(--font);letter-spacing:.03em;color:var(--cream);-webkit-text-stroke:11px var(--cedar);paint-order:stroke fill;text-shadow:0 6px 0 var(--orange);white-space:nowrap}.intro-card .ic-blurb{font:700 19px/1.2 var(--font);letter-spacing:.08em;color:var(--cream);-webkit-text-stroke:4px var(--cedar);paint-order:stroke fill}.fade{opacity:0;pointer-events:none;z-index:40;background:#2b1d0e;transition:opacity .28s ease-in-out;position:absolute;inset:0}.fade.on{opacity:1}.lobby{pointer-events:auto;flex-direction:column;gap:9px;width:430px;padding:14px 16px;display:flex}.lb-top,.lb-row,.lb-bottom{align-items:center;gap:10px;display:flex}.lb-top{justify-content:space-between}.lb-code{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.lb-label{font:700 13px/1 var(--font);letter-spacing:.2em;color:var(--cedar);white-space:nowrap;align-items:center;gap:8px;display:flex}.lb-count{letter-spacing:.06em;color:var(--cream);background:var(--cedar);border-radius:999px;padding:3px 8px 4px;font-size:12px}.lb-count:empty{display:none}.lb-code b{font:700 34px/1 var(--font);letter-spacing:.12em;color:#d9690a;-webkit-user-select:text;user-select:text}.lb-name{min-width:0;font:700 18px/1 var(--font);color:var(--ink);border:3px solid var(--cedar);-webkit-user-select:text;user-select:text;pointer-events:auto;touch-action:auto;background:#fff;border-radius:999px;outline:none;flex:1;padding:8px 14px 9px}.lb-name:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff9f1c59}.lb-modes{flex-wrap:wrap;gap:6px;display:flex}.chip{pointer-events:auto;font:700 13px/1 var(--font);letter-spacing:.03em;color:var(--cedar);cursor:pointer;background:#6b42261a;border:3px solid #6b422659;border-radius:999px;padding:6px 11px 7px}.chip.sel{background:var(--orange);border-color:var(--cedar);color:var(--ink)}.chip:disabled{cursor:default;opacity:.85}.lb-players{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lb-player{background:color-mix(in srgb, var(--rc) 26%, #fff8ea);border:3px solid color-mix(in srgb, var(--rc) 70%, var(--cedar));border-radius:999px;align-items:center;gap:7px;min-width:0;height:40px;padding:0 10px 0 5px;display:flex}.lb-player.me{border-color:var(--cedar);box-shadow:0 3px 0 var(--cedar)}.lb-player.open{background:#6b42260d;border:3px dashed #6b422661}.lb-player.open .lb-pname{color:#6b4226b8;font-size:14px}.lb-plus{width:30px;height:30px;font:700 19px/1 var(--font);color:#6b42268c;border:2px dashed #6b42266b;border-radius:50%;flex:none;place-items:center;display:grid}.lb-hint{font:600 13px/1.2 var(--font);color:#6b4226d1;margin:-3px 2px 0}.lb-hint:empty{display:none}.lb-player img{border:2px solid var(--rc);border-radius:50%;flex:none;width:30px;height:30px}.lb-pname{min-width:0;font:700 16px/1 var(--font);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-tag{font:700 10px/1 var(--font);letter-spacing:.12em;color:var(--cream);background:var(--cedar);border-radius:999px;flex:none;padding:4px 7px}.lb-tag.host{background:#d9690a}.lb-tag.you{background:var(--teal);color:var(--ink)}.lb-bottom{justify-content:flex-start;min-height:46px}.lb-status{font:600 15px/1.2 var(--font);color:var(--cedar)}.lb-wait{background:color-mix(in srgb, var(--teal) 20%, #fff8ea);border:3px solid var(--teal);min-height:46px;font:700 16px/1.15 var(--font);color:var(--ink);border-radius:999px;flex:1;align-items:center;gap:11px;padding:6px 16px 7px 15px;display:flex}.lb-dots{flex:none;gap:4px;display:inline-flex}.lb-dots b{background:var(--cedar);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite lbDot}.lb-dots b:nth-child(2){animation-delay:.16s}.lb-dots b:nth-child(3){animation-delay:.32s}@keyframes lbDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.title.page-lobby .logo{display:none}.wr-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.title:not(.page-lobby) .wr-tags{display:none}.wr-tag .tag-line{background:var(--cream);border:3px solid color-mix(in srgb, var(--rc) 78%, var(--cedar));gap:6px;padding:4px 12px 5px;box-shadow:0 3px #2b1d0e59}.wr-tag .tag-name{color:var(--ink);white-space:nowrap;font-size:17px}.wr-crown{color:#e08a00;margin:-3px 0 0 -3px;font:400 17px/1 sans-serif}.wr-you{font:700 10px/1 var(--font);letter-spacing:.12em;color:var(--ink);background:var(--teal);border-radius:999px;padding:3px 6px 4px}body{--pz:max(44px, calc(58px * var(--tui,1)));--tlift:0px;--steer-w:330px;--arrows-w:min(264px, var(--steer-w));--pad-w:var(--steer-w)}body.steer-arrows{--pad-w:var(--arrows-w)}.touch-ui{pointer-events:none;--tui:1;position:absolute;inset:0}.touch-ui>*{pointer-events:auto;touch-action:none}.steer-zone{width:50%;position:absolute;top:30%;bottom:0;left:0}body.portrait .steer-zone{top:45%}body.lefty .steer-zone{left:auto;right:0}.steer-home,.arrows{left:calc(18px + var(--safe-l));bottom:calc(18px + var(--tlift) + var(--safe-b));position:absolute}body.lefty .steer-home,body.lefty .arrows{left:auto;right:calc(18px + var(--safe-r))}.touch-ui[data-scheme=arrows] .steer-home,.touch-ui[data-scheme=slider] .arrows{display:none}.steer-home{width:calc(var(--steer-w) * var(--tui));height:calc(96px * var(--tui))}.steer-float{transition:transform .2s ease-out;position:absolute;inset:0}.steer-float.held{transition:none}.steer{width:var(--steer-w);height:96px;transform:scale(var(--tui));transform-origin:0 0;background:#2b1d0e6b;border:4px solid #fff4dcbf;border-radius:999px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #6b4226cc}.steer-arrow{font:700 60px/1 var(--font);color:#fff4dccc;pointer-events:none;position:absolute;top:50%;transform:translateY(-54%)}.steer-arrow.l{left:22px}.steer-arrow.r{right:22px}.steer-knob{background:radial-gradient(circle at 35% 30%, #fff8e8, var(--orange));border:4px solid var(--cedar);width:84px;height:84px;box-shadow:0 4px 0 var(--cedar);pointer-events:none;border-radius:50%;transition:transform .16s cubic-bezier(.3,1.5,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.steer-knob.held{filter:brightness(1.08);transition:none}.arrows{width:calc(var(--arrows-w) * var(--tui));height:calc(112px * var(--tui))}.arrows-in{width:var(--arrows-w);height:112px;transform:scale(var(--tui));transform-origin:0 0;gap:12px;display:flex;position:absolute;top:0;left:0}.arrow-btn{color:#fff4dce6;font:700 84px/1 var(--font);background:#2b1d0e6b;border:4px solid #fff4dcbf;border-radius:30px;flex:1;place-items:center;padding-bottom:12px;display:grid;box-shadow:0 0 0 3px #6b4226cc}.arrow-btn.down{background:var(--orange);border-color:var(--cedar);color:var(--ink);transform:translateY(3px)}.touch-ui>.touch-right{right:calc(16px + var(--safe-r));bottom:calc(16px + var(--tlift) + var(--safe-b));width:300px;height:250px;transform:scale(var(--tui));transform-origin:100% 100%;pointer-events:none;position:absolute}body.lefty .touch-ui>.touch-right{right:auto;left:calc(16px + var(--safe-l));transform-origin:0 100%}.tbtn{border:4px solid var(--cedar);box-shadow:0 5px 0 var(--cedar);color:var(--ink);font:700 17px/1 var(--font);letter-spacing:.06em;text-align:center;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid;position:absolute}.tbtn:before{content:"";border-radius:50%;position:absolute;inset:-7px}.tbtn.down{box-shadow:0 1px 0 var(--cedar);filter:brightness(1.12);transform:translateY(4px)}.tbtn.drift{background:var(--orange);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:140px;height:140px;font-size:24px;display:flex;bottom:0;right:0}.tbtn.drift .ts{letter-spacing:.08em;font-size:13px}.tbtn.drift .ts:empty{display:none}.tbtn.drift[data-mode=rocket] .tl{font-size:20px}.tbtn.drift[data-mode=trick]{background:#ffd23c;animation:.28s ease-in-out infinite alternate trickPulse}@keyframes trickPulse{0%{box-shadow:0 5px 0 var(--cedar), 0 0 0 0 #ffd23ce6}to{box-shadow:0 5px 0 var(--cedar), 0 0 22px 9px #ffd23ce6}}.tbtn.turbo{background:var(--teal);filter:saturate(.5)brightness(.9);flex-direction:column;align-content:center;gap:5px;width:104px;height:104px;bottom:30px;right:150px}.tbtn.turbo.ready{filter:none;box-shadow:0 5px 0 var(--cedar), 0 0 16px 4px #2ec4b6cc}.tbars{gap:4px;display:flex}.tbars i{border:2px solid var(--cedar);background:#2b1d0e66;border-radius:4px;width:16px;height:8px}.tbars i.on{background:#ffe07a}.tbtn.item{background:var(--cream);opacity:.55;width:98px;height:98px;bottom:146px;right:108px}.tbtn.item img{width:70px;height:70px;display:none;position:absolute}.tbtn.item.has{opacity:1;box-shadow:0 5px 0 var(--cedar), 0 0 16px 4px #ffbe3ce6}.tbtn.item.has img{display:block}.tbtn.item.has span{display:none}.tbtn.item.rolling{opacity:.85;animation:.16s linear infinite slotWobble}.tbtn.brake{background:var(--berry);width:88px;height:88px;font-size:15px;bottom:154px;right:6px}body.lefty .tbtn.drift{left:0;right:auto}body.lefty .tbtn.turbo{left:150px;right:auto}body.lefty .tbtn.item{left:108px;right:auto}body.lefty .tbtn.brake{left:6px;right:auto}.tbtn.pause{right:calc(12px + var(--safe-r));top:calc(10px + var(--safe-t));width:var(--pz);height:var(--pz);background:var(--cream);box-shadow:0 4px 0 var(--cedar);gap:calc(var(--pz) * .14);flex-direction:row;justify-content:center;align-items:center;padding:0;display:flex;transform:none}.tbtn.pause.down{transform:translateY(3px)}.tbtn.pause i{width:calc(var(--pz) * .16);height:calc(var(--pz) * .42);background:var(--cedar);border-radius:3px;flex:none;display:block}.touch-ui.preview>*,.touch-ui.preview .tbtn{pointer-events:none}.touch-ui.preview .tbtn.pause{display:none}body.touch .hud-tr{right:calc(24px + var(--pz) + var(--safe-r))}body.touch .hud-map{width:130px;height:130px}body.touch .hud-br{bottom:auto;top:calc(12px + var(--safe-t));right:calc(24px + var(--pz) + 196px * var(--ui) + var(--safe-r));transform-origin:100% 0;transform:scale(calc(var(--ui) * .78))}body.touch .hud-br .turbo-label{display:none}body.touch .hud-place{left:calc(18px + (var(--pad-w) + 22px) * var(--tui,1) + var(--safe-l));bottom:calc(14px + var(--tlift) + var(--safe-b));font-size:92px}body.touch.lefty .hud-place{left:calc(16px + 318px * var(--tui,1) + var(--safe-l))}body.touch.lefty:not(.portrait) .hud-standings{left:auto;right:calc(16px + var(--safe-r));top:calc(50% - 128px * var(--ui));transform-origin:100% 0}body.touch .hud-toasts{bottom:36%}body.touch .item-meta .keychip{display:none}body.touch .hud-tips{transform:translate(-50%, 30px) scale(var(--tm,1))}body.touch .hud-tips.show{transform:translate(-50%, 0) scale(var(--tm,1))}.tips-skip{display:none}body.touch .tips-skip{letter-spacing:.16em;color:var(--cedar);opacity:.75;text-align:center;margin-top:4px;font-size:14px;display:block}body.no-skip .tips-skip{display:none}body.portrait .logo{left:50%;top:calc(26px + var(--safe-t));transform:translateX(-50%) scale(var(--ui));transform-origin:top;align-items:center}body.portrait .title-right{right:50%;bottom:calc(26px + (var(--left-h,250px) + 26px) * var(--mui,var(--ui)) + var(--safe-b));transform:translateX(50%) scale(var(--mui,var(--ui)));transform-origin:bottom;align-items:center}body.portrait .title-left{left:50%;bottom:calc(26px + var(--safe-b));transform:translateX(-50%) scale(var(--mui,var(--ui)));transform-origin:bottom}body.portrait .mode-box,body.portrait .cup-box{align-items:center}body.portrait .cup-btns{justify-content:center}body.portrait .hud-standings{top:calc(96px * var(--ui) + var(--safe-t))}body.portrait .hud-tips{white-space:normal;text-align:center;width:80vw}body.portrait.touch .hud-tips{width:calc(88vw / var(--tm,1))}body.portrait .results{width:520px}body.portrait .intro-card .ic-name{font-size:52px}body.portrait.touch .hud-place{left:calc(18px + var(--safe-l));bottom:calc(126px * var(--tui,1) + var(--tlift) + var(--safe-b))}body.portrait.touch.steer-arrows .hud-place{bottom:calc(142px * var(--tui,1) + var(--tlift) + var(--safe-b))}body.portrait.touch.lefty .hud-place{bottom:calc(292px * var(--tui,1) + var(--tlift) + var(--safe-b))}body.portrait.touch .hud-br{right:calc(18px + var(--safe-r));top:calc(250px * var(--ui) + var(--safe-t))}body.touch{--tap:60px}body.touch .btn:hover:not(:active){filter:none;transform:none}body.touch :is(.title,.pause,.opts,.results) .btn{min-height:var(--tap)}body.touch :is(.title,.pause,.opts,.results) .btn.small{padding:6px 22px 7px;font-size:18px}body.touch .pause-wrap,body.touch .results-wrap{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}body.touch .title-left,body.touch .title-right{transform:scale(calc(var(--tm,1) * var(--tsq,1)))}body.touch.portrait .title-left{bottom:calc(16px + var(--safe-b));transform:translateX(-50%) scale(calc(var(--tm,1) * var(--tsq,1)))}body.touch.portrait .title-right{bottom:calc(16px + (var(--left-h,250px) + 20px) * var(--tm,1) * var(--tsq,1) + var(--safe-b));transform:translateX(50%) scale(calc(var(--tm,1) * var(--tsq,1)))}body.touch.short .title-left{left:calc(16px + var(--safe-l));bottom:calc(14px + var(--safe-b))}body.touch.short .title-right{right:calc(16px + var(--safe-r));bottom:calc(14px + var(--safe-b))}body.touch.short .version-tag{bottom:calc(1px + var(--safe-b));font-size:11px}body.touch.narrow .logo{top:calc(68px + var(--safe-t))}body.touch.tight .title.wide-left .logo,body.touch.short .title.page-lobby .logo,body.touch .muted-note{display:none}body.touch .title-note{top:calc(66px + var(--safe-t));width:max-content;max-width:calc(92vw / var(--tm,1));white-space:normal;text-align:center;transform:translateX(-50%) scale(var(--tm,1));animation:none}body.touch .carousel{gap:6px;padding:8px 10px}body.touch .car-face{width:60px;height:60px}body.touch .car-face.sel{margin:0 9px;transform:scale(1.3)}body.touch .car-arrow{display:none}body.touch.short .title.page-lobby .carousel{border-radius:28px;grid-template-columns:repeat(3,60px);gap:12px 14px;padding:16px;display:grid}body.touch.short .title.page-lobby .car-face.sel{margin:0;transform:scale(1.16)}body.touch.short .title.page-lobby .racer-name{font-size:54px}body.touch.short .title.page-cup .title-right,body.touch.short .title.page-cup .logo-plaque{display:none}@media (max-width:899px) and (orientation:landscape){body.touch .title.page-cup .title-right{display:none}}body.touch.narrow .cup-cards{grid-template-columns:1fr 1fr;gap:10px;width:420px;display:grid}body.touch.narrow .cup-card{width:auto;height:144px}body.touch.narrow .cup-card.sel{transform:scale(1.03)}body.touch.narrow .cup-card.cup{flex-direction:row;grid-column:1/-1;gap:14px;height:66px}body.touch.narrow .cup-card.cup .cc-star{font-size:42px}body.touch.narrow .cup-card.cup .cc-name{margin:0;font-size:22px}body.touch.narrow .cup-card.cup .cc-blurb{font-size:14px}body.touch.narrow .cc-thumb{width:100%;height:78px}body.touch.narrow .cup-btns{flex-wrap:wrap;width:420px}body.touch.narrow .cup-btns .btn.green{flex:auto;padding-left:16px;padding-right:16px}body.touch .lb-name{min-height:var(--tap);padding:8px 20px 9px;font-size:20px}body.touch .lb-top .btn.small{padding-left:18px;padding-right:18px}body.touch .lb-wait{min-height:var(--tap);font-size:18px}body.touch .wr-tags{--wr-tag:var(--tm,1)}body.touch.narrow .title.page-lobby .racer-name{font-size:46px}body.touch.narrow .title.page-lobby .racer-title{margin-bottom:8px;font-size:19px}.lb-stepper,body.touch .lb-modes{display:none}body.touch .lb-stepper{align-items:center;gap:8px;display:flex}.lb-step{pointer-events:auto;border:3px solid var(--cedar);background:var(--cream);width:60px;height:60px;color:var(--cedar);font:700 40px/1 var(--font);box-shadow:0 4px 0 var(--cedar);cursor:pointer;border-radius:50%;flex:none;padding:0 0 6px}.lb-step:active{box-shadow:0 1px 0 var(--cedar);transform:translateY(3px)}.lb-step:disabled{visibility:hidden}.lb-step-label{background:var(--orange);border:3px solid var(--cedar);min-width:0;height:60px;color:var(--ink);font:700 19px/1 var(--font);letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex:1;place-items:center;display:grid}body.touch.typing .title-left{bottom:auto;top:calc(8px + var(--safe-t));transform-origin:0 0}body.touch.typing.portrait .title-left{transform-origin:top}body.touch.typing .logo,body.touch.typing .title-right,body.touch.typing .corner,body.touch.typing .juke-open{visibility:hidden}.pause-wrap{z-index:20}body.touch .pause.plaque{width:440px;transform:scale(calc(var(--tm,1) * var(--sq,1)))}body.touch .pause-hint{letter-spacing:.08em;text-align:center;font-size:14px;line-height:1.3}body.touch .pause-btns{flex-wrap:wrap;display:flex}body.touch .pause-btns .btn{flex:calc(50% - 5px);min-width:0;padding:6px 8px 7px;font-size:19px}body.touch .pause-btns .btn:first-child{flex-basis:100%;font-size:24px}body.touch.short .pause.plaque{grid-template-columns:310px 1fr;align-items:start;gap:8px 22px;width:770px;display:grid}body.touch.short .pause-title{grid-column:1/-1;justify-self:center}body.touch.short .pause-legend{grid-area:2/1;margin:0}body.touch.short .pause-hint{grid-area:3/1;margin:6px 0 0}body.touch.short .pause-btns{grid-area:2/2/span 2}body.touch.short .pause-version{grid-column:1/-1;justify-self:center}body.touch.short .pl-row .keychip{min-width:84px}body.touch .results{transform:scale(calc(var(--tm,1) * var(--sq,1)));animation-name:cardInTouch}@keyframes cardInTouch{0%{transform:scale(calc(var(--tm,1) * var(--sq,1) * .7)) translateY(40px);opacity:0}to{transform:scale(calc(var(--tm,1) * var(--sq,1)));opacity:1}}body.touch.narrow .results{width:450px;padding-left:20px;padding-right:20px}body.touch.narrow .res-title{white-space:normal;text-align:center;font-size:36px}body.touch.narrow .res-trophy{width:50px;height:50px}body.touch .res-prompt{background:var(--orange);border:4px solid var(--cedar);width:-moz-fit-content;width:fit-content;max-width:100%;min-height:56px;box-shadow:0 5px 0 var(--cedar);color:var(--ink);letter-spacing:.06em;border-radius:999px;align-items:center;margin:14px auto 0;padding:8px 28px 9px;animation:none;display:flex}.res-leave{margin:12px auto 0;display:block}.corner{right:calc(16px + var(--safe-r));top:calc(12px * var(--ui) + var(--safe-t));transform:scale(var(--ui));transform-origin:100% 0;gap:10px;display:flex;position:absolute}.cbtn{pointer-events:auto;border:4px solid var(--cedar);background:var(--cream);width:48px;height:48px;color:var(--cedar);box-shadow:0 4px 0 var(--cedar);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.cbtn:active{box-shadow:0 1px 0 var(--cedar);transform:translateY(3px)}.cbtn svg{pointer-events:none;width:26px;height:26px;display:block}.cbtn.off{background:#f1cfc0}body.touch .corner{top:calc(12px + var(--safe-t));transform:none}body:not(.touch) .touch-only{display:none!important}.muted-note{right:calc(16px + 132px * var(--ui) + var(--safe-r));top:calc(26px * var(--ui) + var(--safe-t))}.opts-wrap{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);pointer-events:auto;z-index:26;background:#2b1d0e80;grid-template:100%/100%;place-items:center;animation:.18s ease-out fadeIn;display:grid;position:absolute;inset:0}.opts{width:470px;transform:scale(calc(var(--tm,var(--ui)) * var(--sq,1)));flex-direction:column;gap:10px;padding:18px 24px 22px;display:flex}.opts-title{font:700 44px/1 var(--font);letter-spacing:.06em;color:var(--cream);-webkit-text-stroke:8px var(--cedar);paint-order:stroke fill;text-shadow:0 5px 0 var(--orange);align-self:center}.opts-label{font:700 14px/1 var(--font);letter-spacing:.2em;color:var(--cedar);margin-top:4px}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg button{pointer-events:auto;min-height:60px;color:var(--cedar);font:700 19px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#6b42261a;border:3px solid #6b422659;border-radius:999px;padding:6px 10px 7px}.seg button.sel{background:var(--orange);border-color:var(--cedar);color:var(--ink);box-shadow:0 4px 0 var(--cedar)}.opts-note{min-height:40px;font:600 15px/1.3 var(--font);color:var(--cedar)}.opts .btn{margin-top:6px}body.opts-open .pause.plaque{visibility:hidden}.rotate-hint{font:700 14px/1.2 var(--font);letter-spacing:.04em;white-space:nowrap;pointer-events:auto;z-index:6;border-width:3px;border-radius:999px;align-items:center;gap:10px;padding:9px 16px 10px;display:none;position:absolute;top:24%;left:50%;transform:translate(-50%)}.rotate-hint svg{flex:none;width:26px;height:26px;animation:1.6s ease-in-out infinite rotateNudge}@keyframes rotateNudge{0%,30%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}body.portrait.touch .rotate-hint.show{animation:.3s ease-out fadeIn;display:flex}body.touch .juke-open{right:calc(16px + var(--safe-r));top:calc(72px + var(--safe-t));min-height:60px;transform:scale(var(--tm,1));padding:6px 20px 7px;font-size:18px}body.touch.narrow .juke-open{right:auto;left:calc(16px + var(--safe-l));top:calc(12px + var(--safe-t));transform-origin:0 0}body.touch .juke{transform:scale(calc(var(--tm,1) * var(--sq,1)))}body.touch .juke .btn,body.touch .juke .chip{min-height:var(--tap)}body.touch .juke .btn.small{padding:6px 14px 7px;font-size:16px}body.touch .juke .chip{padding:6px 18px 7px;font-size:16px}body.touch.narrow .juke{width:440px;padding-left:18px;padding-right:18px}body.touch.narrow .juke-row{flex-direction:column;align-items:stretch;gap:4px}body.touch.narrow .juke-track{width:auto}body.touch.narrow .juke .btn.small{font-size:15px}body.touch.short .juke{gap:8px}body.touch.short .juke-sub{display:none}.juke-open{right:calc(22px + var(--safe-r,0px));top:calc(74px * var(--ui) + var(--safe-t,0px));transform:scale(var(--ui));transform-origin:100% 0;pointer-events:auto;display:none;position:absolute}.title:not(.hidden)~.juke-open{display:block}.juke-wrap{pointer-events:auto;z-index:30;background:radial-gradient(#2b1d0e4d,#2b1d0e8c);grid-template:100%/100%;place-items:center;display:grid;position:absolute;inset:0}.juke{width:640px;transform:scale(var(--mui,var(--ui)));flex-direction:column;gap:12px;padding:20px 24px;display:flex}.juke-title{font:700 34px/1 var(--font);letter-spacing:.06em;color:var(--cedar);text-align:center}.juke-sub{font:600 15px/1.2 var(--font);color:var(--cedar);text-align:center;opacity:.85}.juke-list{flex-direction:column;gap:8px;display:flex}.juke-row{align-items:center;gap:12px;display:flex}.juke-track{width:148px;font:700 15px/1.15 var(--font);letter-spacing:.04em;color:var(--ink);flex:none}.juke-pair{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.juke-piece.btn.small{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:9px 8px 10px;font-size:15px;overflow:hidden}.juke-piece.on{background:var(--orange);box-shadow:0 4px 0 var(--cedar), 0 0 0 4px #ff9f1c59}.juke-opts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.juke-opts .chip{font-size:14px}.juke-foot{align-items:center;gap:10px;display:flex}.juke-now{min-width:0;font:700 18px/1.1 var(--font);color:#d9690a;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.intro-card .ic-tune{font:700 16px/1 var(--font);letter-spacing:.14em;color:#ffd98a;-webkit-text-stroke:4px var(--cedar);paint-order:stroke fill;margin-top:8px}