:root:not([data-ui=classic]){@keyframes meter-march{to{background-position:calc(var(--seg) + var(--seg-gap)) 0}}--ink: #111111;--grid: #1d1d1d;--grid-light: #ececec;--tile: #2a2a2a;--white: #ffffff;--mute: #9a9a9a;--mute-ink: #5c5c5c;--red: #ff1c32;--mint: #23e0b4;--seg: 7px;--seg-gap: 4px;--meter: repeating-linear-gradient(90deg, var(--white) 0 var(--seg), transparent var(--seg) calc(var(--seg) + var(--seg-gap)));--seat-orange: #ff8a2a;--seat-blue: #3d7bff;--seat-green: #1fcf7a;--seat-purple: #9b5cff;--coral: var(--red);--sun: var(--white);--electric: var(--white);--purple: var(--red);--paper: var(--mint);--line: 3px;--cut: 0 0 0 3px var(--white), 2px 5px 0 3px rgba(0, 0, 0, .35);--cut-sm: 0 0 0 2px var(--white), 1px 3px 0 2px rgba(0, 0, 0, .3);--outline: 1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink), 0 2px 8px rgba(0, 0, 0, .55);--font-display: "Dela Gothic One", "Arial Black", system-ui, sans-serif;--font-pixel: "DotGothic16", ui-monospace, "Courier New", monospace;--fs-xxl: 46px;--fs-xl: 32px;--fs-l: 22px;--fs-m: 17px;--fs-base: 15px;--fs-sm: 13px;--fs-xs: 12px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);color:var(--white);background:var(--grid);font-family:var(--font-pixel);font-weight:500;font-size:var(--fs-base);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root:not([data-ui=classic]) *{box-sizing:border-box}:root:not([data-ui=classic]) [hidden],:root:not([data-ui=classic]) .classic-only{display:none!important}:root:not([data-ui=classic]),:root:not([data-ui=classic]) body{margin:0;height:100%;background:var(--grid)}:root:not([data-ui=classic]) body{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:root:not([data-ui=classic]) .cap,:root:not([data-ui=classic]) #controls .label{pointer-events:none}:root:not([data-ui=classic]) button{font:inherit;color:inherit;cursor:pointer}:root:not([data-ui=classic]) button:focus-visible,:root:not([data-ui=classic]) input:focus-visible{outline:2px solid var(--red);outline-offset:3px}:root:not([data-ui=classic]) p{margin:0}:root:not([data-ui=classic]) .label{font-family:var(--font-pixel);font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}:root:not([data-ui=classic]) #view,:root:not([data-ui=classic]) #view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}:root:not([data-ui=classic]) body.at-menu #view,:root:not([data-ui=classic]) body.at-menu #hud{display:none}:root:not([data-ui=classic]) .grid-dark,:root:not([data-ui=classic]) .screen,:root:not([data-ui=classic]) .modal{background-color:var(--grid);background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:55px 55px,55px 55px,11px 11px,11px 11px}:root:not([data-ui=classic]) .grid-light{color:var(--ink);background-color:var(--grid-light);background-image:linear-gradient(rgba(0,0,0,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.085) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:55px 55px,55px 55px,11px 11px,11px 11px}:root:not([data-ui=classic]) .sticker{background:var(--white);color:var(--ink);border:var(--line) solid var(--ink);border-radius:4px;box-shadow:var(--cut)}:root:not([data-ui=classic]) .sticker-btn{display:block;width:100%;min-height:50px;padding:0 16px;border:var(--line) solid var(--ink);border-radius:4px;background:var(--red);color:var(--white);font-family:var(--font-display);font-size:var(--fs-m);line-height:1.1;text-transform:uppercase;box-shadow:var(--cut-sm);pointer-events:auto;transition:transform .08s,box-shadow .08s}:root:not([data-ui=classic]) .sticker-btn:active{transform:translateY(2px);box-shadow:0 0 0 2px var(--white)}:root:not([data-ui=classic]) .sticker-btn.small{min-height:46px;font-size:var(--fs-sm)}:root:not([data-ui=classic]) .sticker-btn.mint,:root:not([data-ui=classic]) .sticker-btn.alt,:root:not([data-ui=classic]) .sticker-btn.sun,:root:not([data-ui=classic]) .sticker-btn.paper,:root:not([data-ui=classic]) .sticker-btn.blue{background:var(--white);color:var(--ink)}:root:not([data-ui=classic]) .sticker-btn:disabled{background:var(--tile);color:var(--mute)}:root:not([data-ui=classic]) .text-action,:root:not([data-ui=classic]) #again,:root:not([data-ui=classic]) #courses-go,:root:not([data-ui=classic]) #card-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-height:52px;padding:0 6px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--red);font-family:var(--font-display);font-size:var(--fs-l);letter-spacing:.01em;text-transform:uppercase}:root:not([data-ui=classic]) #again:after,:root:not([data-ui=classic]) #courses-go:after,:root:not([data-ui=classic]) #card-next:after{content:"▶";font-size:.8em;transition:transform .12s}:root:not([data-ui=classic]) #again:active,:root:not([data-ui=classic]) #courses-go:active,:root:not([data-ui=classic]) #card-next:active{transform:none;box-shadow:none}:root:not([data-ui=classic]) #again:active:after,:root:not([data-ui=classic]) #courses-go:active:after,:root:not([data-ui=classic]) #card-next:active:after{transform:translate(5px)}:root:not([data-ui=classic]) .link-btn{min-height:44px;padding:0 14px;border:0;background:none;color:inherit;font-family:var(--font-pixel);font-weight:600;font-size:var(--fs-base);letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}:root:not([data-ui=classic]) .link-btn:active{color:var(--red)}:root:not([data-ui=classic]) .close-btn{position:absolute;top:6px;right:6px;width:48px;height:48px;border:0;background:transparent;color:currentColor;font-family:var(--font-pixel);font-size:30px;line-height:1}:root:not([data-ui=classic]) .burst{filter:drop-shadow(0 5px 0 rgba(0,0,0,.35))}:root:not([data-ui=classic]) .burst>span{display:grid;place-items:center;min-width:240px;padding:30px 46px;background:var(--red);color:var(--white);font-family:var(--font-display);font-size:var(--fs-l);line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0% 32%,15% 28%,7% 4%,27% 20%,35% 3%,45% 19%,59% 7%,66% 21%,85% 0%,82% 26%,100% 17%,90% 44%,100% 64%,85% 67%,96% 97%,72% 79%,63% 100%,52% 82%,35% 96%,30% 78%,9% 93%,16% 71%,0% 68%,8% 50%)}:root:not([data-ui=classic]) .glow,:root:not([data-ui=classic]) #banner .burst>span,:root:not([data-ui=classic]) .noroom-card .burst>span{color:var(--white);font-family:var(--font-display);text-shadow:0 0 4px #fff,0 0 14px rgba(255,255,255,.8),0 0 32px rgba(255,255,255,.45)}:root:not([data-ui=classic]) .bubble,:root:not([data-ui=classic]) #hint,:root:not([data-ui=classic]) .popup.bubble>span{position:relative;display:inline-block;background:var(--white);color:var(--ink);border:var(--line) solid var(--ink);border-radius:2px;box-shadow:0 0 0 2px var(--white);padding:10px 16px;font-family:var(--font-pixel);font-weight:600}:root:not([data-ui=classic]) .bubble:before,:root:not([data-ui=classic]) .bubble:after,:root:not([data-ui=classic]) #hint:before,:root:not([data-ui=classic]) #hint:after,:root:not([data-ui=classic]) .popup.bubble>span:before,:root:not([data-ui=classic]) .popup.bubble>span:after{content:"";position:absolute;clip-path:polygon(0 0,100% 0,60% 42%,100% 40%,26% 100%,42% 54%,6% 58%)}:root:not([data-ui=classic]) .bubble:before,:root:not([data-ui=classic]) #hint:before,:root:not([data-ui=classic]) .popup.bubble>span:before{left:30%;top:100%;width:30px;height:30px;background:var(--ink)}:root:not([data-ui=classic]) .bubble:after,:root:not([data-ui=classic]) #hint:after,:root:not([data-ui=classic]) .popup.bubble>span:after{left:calc(30% + 5px);top:calc(100% - 3px);width:19px;height:21px;background:var(--white)}:root:not([data-ui=classic]) .x-mark{position:absolute;width:12px;height:12px;background:linear-gradient(45deg,transparent 40%,currentColor 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,currentColor 40% 60%,transparent 60%);color:var(--red)}:root:not([data-ui=classic]) #courses-title,:root:not([data-ui=classic]) #garage-title,:root:not([data-ui=classic]) #settings-title,:root:not([data-ui=classic]) #whatsnew-title{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-weight:600;font-size:var(--fs-base);letter-spacing:.1em;text-transform:uppercase;line-height:1}:root:not([data-ui=classic]) #courses-title:before,:root:not([data-ui=classic]) #garage-title:before,:root:not([data-ui=classic]) #settings-title:before,:root:not([data-ui=classic]) #whatsnew-title:before{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 34% 42%,var(--ink) 0 3px,transparent 3.5px),radial-gradient(circle at 68% 42%,var(--ink) 0 3px,transparent 3.5px),var(--white)}:root:not([data-ui=classic]) .group-label{display:flex;align-items:center;gap:10px;margin:22px 0 4px;font-size:var(--fs-xs);color:var(--mute)}:root:not([data-ui=classic]) .group-label:after{content:"";flex:1;height:1px;background:#fff3}:root:not([data-ui=classic]) #hud{position:absolute;inset:0;pointer-events:none}:root:not([data-ui=classic]) button,:root:not([data-ui=classic]) #stick-zone{pointer-events:auto;touch-action:none}:root:not([data-ui=classic]) .screen button,:root:not([data-ui=classic]) .modal button,:root:not([data-ui=classic]) #scorecard button{touch-action:pan-x pan-y}:root:not([data-ui=classic]) #look-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none;cursor:grab}:root:not([data-ui=classic]) header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(14px + var(--safe-l));pointer-events:none}:root:not([data-ui=classic]) .hud-left{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,max-content) auto;align-items:start;justify-content:start;gap:10px 12px}:root:not([data-ui=classic]) .hole-sticker{grid-column:1;min-width:0;max-width:min(230px,44vw);color:var(--white);text-shadow:var(--outline)}:root:not([data-ui=classic]) .hole-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding-bottom:5px;margin-bottom:5px;border-bottom:2px solid var(--white);box-shadow:0 1px 0 var(--ink)}:root:not([data-ui=classic]) #hole-label{font-size:var(--fs-xs);letter-spacing:.1em;white-space:nowrap}:root:not([data-ui=classic]) .mode-tag{padding:1px 5px 0;border:1.5px solid var(--white);border-radius:2px;background:var(--ink);font-size:10px;text-shadow:none}:root:not([data-ui=classic]) #hole-name{font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-l);line-height:1.05;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere}:root:not([data-ui=classic]) #ball-arrow{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;padding-top:2px;color:var(--white)}:root:not([data-ui=classic]) .ba-dial{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--white);color:var(--red);transition:color .2s}:root:not([data-ui=classic]) #ba-needle{display:block;width:26px;height:26px}:root:not([data-ui=classic]) #ba-needle path{stroke:var(--ink)}:root:not([data-ui=classic]) #ball-arrow.seen .ba-dial{color:var(--mint)}:root:not([data-ui=classic]) .ba-text{display:grid;gap:1px;line-height:1;text-shadow:var(--outline)}:root:not([data-ui=classic]) .ba-text .label{font-size:10px;letter-spacing:.1em}:root:not([data-ui=classic]) #ba-dist{font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-base);white-space:nowrap}:root:not([data-ui=classic]) #players{grid-column:1 / -1;display:grid;gap:3px;justify-items:start;max-width:min(260px,56vw)}:root:not([data-ui=classic]) .pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:24px;padding:1px 8px 1px 2px;background:#111111a8;color:var(--white);border-left:4px solid var(--mute);border-radius:1px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.03em}:root:not([data-ui=classic]) .pill.orange{border-left-color:var(--seat-orange)}:root:not([data-ui=classic]) .pill.blue{border-left-color:var(--seat-blue)}:root:not([data-ui=classic]) .pill.green{border-left-color:var(--seat-green)}:root:not([data-ui=classic]) .pill.purple{border-left-color:var(--seat-purple)}:root:not([data-ui=classic]) .pill i{width:10px;height:10px;flex:none;margin-left:4px;border-radius:50%;background:var(--mute)}:root:not([data-ui=classic]) .pill.orange i{background:var(--seat-orange)}:root:not([data-ui=classic]) .pill.blue i{background:var(--seat-blue)}:root:not([data-ui=classic]) .pill.green i{background:var(--seat-green)}:root:not([data-ui=classic]) .pill.purple i{background:var(--seat-purple)}:root:not([data-ui=classic]) .pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:88px;text-transform:uppercase}:root:not([data-ui=classic]) .pill b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-sm)}:root:not([data-ui=classic]) .pill em{font-style:normal;font-size:var(--fs-xs);color:var(--mute)}:root:not([data-ui=classic]) .pill.mine{background:var(--ink)}:root:not([data-ui=classic]) .pill.mine .pill-name{color:var(--white)}:root:not([data-ui=classic]) .pill .car-thumb{width:34px;height:24px;margin:-4px -2px;flex:none}:root:not([data-ui=classic]) .hud-right{flex:none;display:grid;gap:10px;justify-items:end}:root:not([data-ui=classic]) .actions-top{display:flex;gap:8px;align-items:center;pointer-events:auto}:root:not([data-ui=classic]) .icon-btn{width:44px;height:44px;padding:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--white);box-shadow:var(--cut-sm);transition:transform .08s,box-shadow .08s}:root:not([data-ui=classic]) .icon-btn svg{width:20px;height:20px}:root:not([data-ui=classic]) .icon-btn:active{transform:translateY(2px);box-shadow:0 0 0 2px var(--white)}:root:not([data-ui=classic]) .icon-btn.on{background:var(--mint);color:var(--ink)}:root:not([data-ui=classic]) #invite-btn.nudge{animation:nudge 2.4s ease-in-out infinite}:root:not([data-ui=classic]) #score{display:grid;justify-items:end;color:var(--white);text-shadow:var(--outline)}:root:not([data-ui=classic]) #score .label{font-size:10px;letter-spacing:.12em;padding-bottom:3px;border-bottom:2px solid var(--white);box-shadow:0 1px 0 var(--ink)}:root:not([data-ui=classic]) #stroke-num{font-family:var(--font-pixel);font-weight:400;font-size:48px;line-height:1;margin-top:2px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink),0 4px 10px rgba(0,0,0,.4)}:root:not([data-ui=classic]) #stroke-num.pop{animation:pop .28s ease}:root:not([data-ui=classic]) #hint{position:absolute;z-index:2;top:calc(118px + var(--safe-t));left:calc(18px + var(--safe-l));display:block;max-width:min(260px,70vw);padding:10px 14px;font-size:var(--fs-base);line-height:1.25;transform:rotate(-3deg) skew(-4deg);animation:wobble 2.6s ease-in-out infinite}:root:not([data-ui=classic]) #tilt{position:absolute;z-index:2;left:50%;bottom:calc(220px + var(--safe-b));transform:translate(-50%);white-space:nowrap;padding:4px 8px 3px;background:var(--ink);color:var(--white);border-radius:2px;font-family:var(--font-pixel);font-weight:600;letter-spacing:.08em;font-size:var(--fs-xs);text-transform:uppercase}:root:not([data-ui=classic]) #tags{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}:root:not([data-ui=classic]) .tag{position:absolute;display:flex;align-items:center;gap:5px;transform:translate(-50%,-130%);padding:1px 7px 1px 5px;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:2px;font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;white-space:nowrap}:root:not([data-ui=classic]) .tag:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mute);border:1.5px solid var(--ink)}:root:not([data-ui=classic]) .tag[hidden]{display:none}:root:not([data-ui=classic]) .tag.orange:before{background:var(--seat-orange)}:root:not([data-ui=classic]) .tag.blue:before{background:var(--seat-blue)}:root:not([data-ui=classic]) .tag.green:before{background:var(--seat-green)}:root:not([data-ui=classic]) .tag.purple:before{background:var(--seat-purple)}:root:not([data-ui=classic]) #controls{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));pointer-events:none}:root:not([data-ui=classic]) #controls>*{pointer-events:auto}:root:not([data-ui=classic]) #flow-zone,:root:not([data-ui=classic]) #stick-zone,:root:not([data-ui=classic]) #pad-steer,:root:not([data-ui=classic]) #pad-pedals{display:none}:root:not([data-ui=classic]) body[data-controls=flow] #flow-zone{display:block}:root:not([data-ui=classic]) body[data-controls=stick] #stick-zone{display:grid}:root:not([data-ui=classic]) body[data-controls=buttons] #pad-steer,:root:not([data-ui=classic]) body[data-controls=buttons] #pad-pedals{display:flex}:root:not([data-ui=classic]) .cap{position:absolute;bottom:-2px;padding:1px 5px;background:var(--ink);color:var(--white);border-radius:2px;font-family:var(--font-pixel);font-weight:600;letter-spacing:.08em;font-size:var(--fs-xs);text-transform:uppercase}:root:not([data-ui=classic]) #flow-zone{position:fixed;left:0;top:calc(96px + var(--safe-t));bottom:0;width:50vw;touch-action:none}:root:not([data-ui=classic]) #flow-zone .cap{left:calc(30px + var(--safe-l));bottom:calc(12px + var(--safe-b))}:root:not([data-ui=classic]) #flow-ring,:root:not([data-ui=classic]) #flow-dot{position:absolute;left:calc(92px + var(--safe-l));top:calc(100% - 108px - var(--safe-b));transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}:root:not([data-ui=classic]) #flow-ring{width:140px;height:140px;border:2px dashed rgba(255,255,255,.75);background:#1111112e;transition:opacity .15s}:root:not([data-ui=classic]) #flow-dot{width:56px;height:56px;background:radial-gradient(circle,var(--red) 0 7px,var(--white) 8px);border:var(--line) solid var(--ink);box-shadow:var(--cut-sm);opacity:.92}:root:not([data-ui=classic]) #flow-zone.active #flow-ring{border-color:var(--white);border-style:solid}:root:not([data-ui=classic]) #flow-zone.active #flow-dot{opacity:1}:root:not([data-ui=classic]) #flow-zone.active .cap{opacity:0}:root:not([data-ui=classic]) #stick-zone{width:150px;height:150px;display:grid;place-items:center;position:relative}:root:not([data-ui=classic]) #stick-zone .cap{left:50%;transform:translate(-50%)}:root:not([data-ui=classic]) #stick{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,transparent 0 40px,rgba(255,255,255,.18) 41px 42px,transparent 43px),#11111147;border:2px dashed rgba(255,255,255,.75);display:grid;place-items:center}:root:not([data-ui=classic]) #knob{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,var(--red) 0 7px,var(--white) 8px);border:var(--line) solid var(--ink);box-shadow:var(--cut-sm)}:root:not([data-ui=classic]) #pad-steer{gap:12px;align-items:flex-end}:root:not([data-ui=classic]) #pad-steer button,:root:not([data-ui=classic]) #pad-pedals button{width:72px;height:72px;border-radius:4px;border:var(--line) solid var(--ink);box-shadow:var(--cut-sm);background:var(--white);color:var(--ink);font-size:26px;touch-action:none}:root:not([data-ui=classic]) #pad-pedals{flex-direction:column-reverse;gap:10px;grid-area:pedals;align-self:end}:root:not([data-ui=classic]) #pad-pedals #pad-gas{height:92px}:root:not([data-ui=classic]) #pad-pedals #pad-brake{height:56px;font-size:20px;background:var(--ink);color:var(--white)}:root:not([data-ui=classic]) #actions{display:grid;grid-template-columns:auto auto;grid-template-areas:"meters meters" "chip super" "boost jump";gap:10px 12px;align-items:end;justify-items:center;margin-left:auto}:root:not([data-ui=classic]) body[data-controls=buttons] #actions{grid-template-columns:auto auto auto;grid-template-areas:"meters meters meters" "pedals chip super" "pedals boost jump"}:root:not([data-ui=classic]) #jump,:root:not([data-ui=classic]) #boost,:root:not([data-ui=classic]) #super{border:var(--line) solid var(--ink);border-radius:50%;font-family:var(--font-display);font-size:var(--fs-sm);text-transform:uppercase;box-shadow:var(--cut-sm);touch-action:none;transition:transform .06s,box-shadow .06s,background .2s}:root:not([data-ui=classic]) #jump{grid-area:jump;width:96px;height:96px;background:var(--red);color:var(--white);font-size:var(--fs-base)}:root:not([data-ui=classic]) #boost{grid-area:boost;width:78px;height:78px;background:var(--ink);color:var(--white)}:root:not([data-ui=classic]) #super{grid-area:super;width:66px;height:66px;padding:0;background:var(--white);color:var(--ink);font-size:var(--fs-xs)}:root:not([data-ui=classic]) #super.empty{background:var(--tile);color:var(--mute)}:root:not([data-ui=classic]) #super.ready{background:var(--white);animation:ready .9s ease-in-out infinite}:root:not([data-ui=classic]) body.no-super #super,:root:not([data-ui=classic]) body.no-super #super-meter{display:none}:root:not([data-ui=classic]) #jump.held,:root:not([data-ui=classic]) #boost.held,:root:not([data-ui=classic]) #super.held,:root:not([data-ui=classic]) #pad-steer button.held,:root:not([data-ui=classic]) #pad-pedals button.held{transform:translateY(3px) scale(.97);box-shadow:0 0 0 2px var(--white)}:root:not([data-ui=classic]) #meters{grid-area:meters;display:grid;gap:10px;width:100%;max-width:230px;justify-self:end;padding-left:4px}:root:not([data-ui=classic]) .meter{position:relative;display:flex;align-items:center;gap:8px;height:26px}:root:not([data-ui=classic]) .meter-cap{position:relative;z-index:2;flex:none;width:26px;height:26px;display:grid;place-items:center;border:2px solid var(--white);border-radius:50%;background:var(--ink);color:var(--white)}:root:not([data-ui=classic]) .meter-cap svg{width:15px;height:15px}:root:not([data-ui=classic]) .super-meter .meter-cap{color:var(--red)}:root:not([data-ui=classic]) .meter-hearts{display:none}:root:not([data-ui=classic]) .meter-wedge{position:relative;flex:1;min-width:90px;height:16px;transform:skew(-24deg);border:2px solid var(--white);background:var(--ink);box-shadow:0 0 0 2px var(--ink)}:root:not([data-ui=classic]) .meter-bar{position:absolute;inset:2px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 var(--seg),transparent var(--seg) calc(var(--seg) + var(--seg-gap)))}:root:not([data-ui=classic]) .meter-fill{height:100%;width:100%;background:var(--meter);clip-path:inset(0 calc(100% - var(--v, 1) * 100%) 0 0)}:root:not([data-ui=classic]) .super-meter .meter-fill{background:repeating-linear-gradient(90deg,var(--red) 0 var(--seg),transparent var(--seg) calc(var(--seg) + var(--seg-gap)))}:root:not([data-ui=classic]) .meter.full .meter-fill{animation:meter-march .6s linear infinite}:root:not([data-ui=classic]) .meter-max{position:absolute;z-index:3;right:0;top:-14px;padding:0 4px;font-family:var(--font-pixel);font-size:11px;line-height:13px;letter-spacing:.08em;color:var(--ink);background:var(--white);text-transform:uppercase;opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s;pointer-events:none}:root:not([data-ui=classic]) .super-meter .meter-max{background:var(--red);color:var(--white)}:root:not([data-ui=classic]) .meter.full .meter-max{opacity:1;transform:none}:root:not([data-ui=classic]) #chip{grid-area:chip;position:relative;overflow:hidden;width:82px;height:66px;padding:0;display:grid;place-items:center;align-content:center;gap:1px;border:var(--line) solid var(--ink);border-radius:4px;background:var(--white);color:var(--ink);box-shadow:var(--cut-sm);touch-action:none;transition:transform .12s cubic-bezier(.2,1.6,.4,1),opacity .12s,box-shadow .06s;animation:chip-in .25s cubic-bezier(.2,1.6,.4,1)}:root:not([data-ui=classic]) #chip svg,:root:not([data-ui=classic]) .chip-label{position:relative;z-index:1}:root:not([data-ui=classic]) .chip-label{font-family:var(--font-display);font-size:var(--fs-xs);line-height:1;text-transform:uppercase}:root:not([data-ui=classic]) .chip-fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:var(--meter);will-change:transform}:root:not([data-ui=classic]) #chip.charging{transform:scale(1.08)}:root:not([data-ui=classic]) #chip.held{transform:translateY(3px) scale(1.04);box-shadow:0 0 0 2px var(--white)}:root:not([data-ui=classic]) #chip.far{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.4);animation:none}:root:not([data-ui=classic]) body.spectating #chip{display:none}:root:not([data-ui=classic]) #popups{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}:root:not([data-ui=classic]) .popup{position:absolute;left:50%;top:36%;transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) rotate(var(--r, 0deg));pointer-events:none;animation:popup .9s cubic-bezier(.2,1.6,.4,1) forwards}:root:not([data-ui=classic]) .popup>span{display:block;font-family:var(--font-display);line-height:1;text-transform:uppercase;white-space:nowrap}:root:not([data-ui=classic]) .popup.burst>span{min-width:0;padding:22px 34px;font-size:var(--fs-m)}:root:not([data-ui=classic]) .popup.burst.sun,:root:not([data-ui=classic]) .popup.burst.mint{filter:none}:root:not([data-ui=classic]) .popup.burst.sun>span,:root:not([data-ui=classic]) .popup.burst.mint>span{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;padding:0;clip-path:none;background:none;color:var(--white);font-size:40px;transform:skew(-8deg);text-shadow:0 0 4px #fff,0 0 14px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.45),0 3px 0 rgba(0,0,0,.25)}:root:not([data-ui=classic]) .popup.burst.mint>span{font-size:32px}:root:not([data-ui=classic]) .popup.burst.coral>span{background:var(--red);color:var(--white)}:root:not([data-ui=classic]) .popup.burst.electric>span{background:var(--ink);color:var(--white);font-size:var(--fs-l);padding:26px 40px}:root:not([data-ui=classic]) .popup.burst.purple>span{background:var(--red);color:var(--white);font-size:26px;padding:30px 46px}:root:not([data-ui=classic]) .popup.bubble>span{padding:8px 18px 6px;font-family:var(--font-display);font-weight:400;font-size:var(--fs-l);transform:skew(-6deg)}:root:not([data-ui=classic]) .popup.tag>span{padding:4px 10px 3px;background:var(--ink);color:var(--white);border-radius:2px;box-shadow:0 0 0 2px var(--white);font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-m)}:root:not([data-ui=classic]) .popup.tag{top:58%}:root:not([data-ui=classic]) #banner{position:absolute;z-index:4;left:0;right:0;top:50%;translate:0 -50%;display:grid;justify-items:stretch;pointer-events:auto;animation:slam .32s cubic-bezier(.2,1.6,.4,1)}:root:not([data-ui=classic]) #banner .burst{position:relative;z-index:1;margin:0 -8vw -14px;transform:rotate(-4deg);filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}:root:not([data-ui=classic]) #banner .burst>span{width:100%;min-width:0;padding:clamp(34px,9vw,54px) 12vw;font-size:clamp(34px,10vw,64px);letter-spacing:.01em;clip-path:polygon(0% 40%,7% 30%,3% 6%,14% 22%,20% 2%,27% 20%,36% 5%,42% 22%,52% 0%,57% 20%,67% 4%,72% 22%,82% 2%,86% 24%,97% 8%,93% 36%,100% 52%,93% 64%,99% 92%,85% 76%,80% 98%,72% 80%,62% 96%,56% 80%,46% 100%,40% 80%,30% 95%,25% 78%,14% 96%,12% 74%,1% 90%,6% 62%)}:root:not([data-ui=classic]) #banner.oops .burst>span{background:var(--ink)}:root:not([data-ui=classic]) .banner-body{display:grid;grid-template-columns:auto auto;grid-template-areas:"car who" "car strokes" "car par" "next next" "timer timer";justify-content:center;align-items:center;column-gap:14px;padding:26px calc(16px + var(--safe-r)) 10px calc(16px + var(--safe-l));background:#111111e6;color:var(--white);border:0;border-top:2px solid var(--white);border-bottom:2px solid var(--white);border-radius:0;box-shadow:none;text-align:left}:root:not([data-ui=classic]) #banner-car{grid-area:car;display:block;width:104px;height:73px}:root:not([data-ui=classic]) #banner-who{grid-area:who;font-size:var(--fs-xs);color:var(--mute);letter-spacing:.1em}:root:not([data-ui=classic]) #banner-strokes{grid-area:strokes;font-family:var(--font-pixel);font-weight:700;font-size:28px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}:root:not([data-ui=classic]) #banner-par{grid-area:par;justify-self:start;margin-top:3px;padding:2px 8px 1px;border-radius:2px;background:var(--white);color:var(--ink);font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase}:root:not([data-ui=classic]) #banner.ace #banner-par,:root:not([data-ui=classic]) #banner.good #banner-par{background:var(--mint)}:root:not([data-ui=classic]) #banner.oops #banner-par{background:var(--red);color:var(--white)}:root:not([data-ui=classic]) #again{grid-area:next;justify-self:center;margin-top:8px}:root:not([data-ui=classic]) #banner-timer{grid-area:timer;justify-self:center;font-size:var(--fs-xs);color:var(--mute);letter-spacing:.1em}:root:not([data-ui=classic]) body.replaying #banner{top:auto;bottom:calc(10px + var(--safe-b));translate:none;animation:none}:root:not([data-ui=classic]) body.replaying #banner .burst,:root:not([data-ui=classic]) body.replaying #banner-car,:root:not([data-ui=classic]) body.replaying #banner-par{display:none}:root:not([data-ui=classic]) body.replaying .banner-body{grid-template-columns:auto auto auto;grid-template-areas:"who next timer" "strokes next timer";column-gap:16px;padding-top:6px;padding-bottom:6px;background:#111c}:root:not([data-ui=classic]) body.replaying #banner-strokes{font-size:var(--fs-m)}:root:not([data-ui=classic]) body.replaying #again{margin:0;font-size:var(--fs-m);white-space:nowrap}:root:not([data-ui=classic]) body.replaying #banner-timer{white-space:nowrap}@media(max-width:520px){:root:not([data-ui=classic]) body.replaying .banner-body{grid-template-areas:"strokes next" "timer timer";grid-template-columns:auto auto}:root:not([data-ui=classic]) body.replaying #banner-who{display:none}}:root:not([data-ui=classic]) body.replaying #ball-arrow,:root:not([data-ui=classic]) body.replaying #hint{visibility:hidden}:root:not([data-ui=classic]) .replay-badge{position:absolute;z-index:6;left:50%;top:calc(10px + var(--safe-t));transform:translate(-50%);display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 12px;border:2px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--white);box-shadow:var(--cut-sm);font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-base);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:auto}:root:not([data-ui=classic]) .replay-badge b{font-weight:700}:root:not([data-ui=classic]) .replay-badge small{padding:1px 6px;border-radius:2px;background:var(--white);color:var(--ink);font-size:var(--fs-xs)}:root:not([data-ui=classic]) .replay-badge em{font-style:normal;font-size:var(--fs-xs);color:var(--mute)}:root:not([data-ui=classic]) .replay-dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:replay-blink 1s steps(2) infinite}:root:not([data-ui=classic]) #scorecard{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background-color:var(--grid);background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:55px 55px,55px 55px,11px 11px,11px 11px;pointer-events:auto}:root:not([data-ui=classic]) .card-body{position:relative;width:min(440px,100%);max-height:100%;overflow-y:auto;padding:16px 16px 10px;text-align:center;animation:rise .35s cubic-bezier(.2,1.4,.4,1)}:root:not([data-ui=classic]) #card-course{display:inline-block;padding:3px 9px 2px;background:var(--ink);color:var(--white);border-radius:2px;font-size:var(--fs-xs)}:root:not([data-ui=classic]) #card-title{margin:6px 0 10px;font-family:var(--font-pixel);font-weight:700;font-size:32px;line-height:1;letter-spacing:.04em;text-transform:uppercase}:root:not([data-ui=classic]) #card-table{width:100%;border-collapse:collapse;font-weight:600;font-size:var(--fs-base)}:root:not([data-ui=classic]) #card-table th{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:var(--fs-xs);padding:4px;border-bottom:3px solid var(--ink)}:root:not([data-ui=classic]) #card-table td{padding:8px 4px;border-bottom:1px dashed rgba(17,17,17,.3)}:root:not([data-ui=classic]) #card-table td.name{text-align:left;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}:root:not([data-ui=classic]) #card-table td.name .car-thumb{width:40px;height:28px;margin:-8px 4px -8px -4px;vertical-align:middle}:root:not([data-ui=classic]) #card-table .par-row td{font-size:var(--fs-xs);color:var(--mute-ink)}:root:not([data-ui=classic]) #card-table tr.me td{font-weight:700}:root:not([data-ui=classic]) #card-table tr.me td.name{box-shadow:inset 4px 0 0 var(--red);padding-left:10px}:root:not([data-ui=classic]) #card-table td.under span,:root:not([data-ui=classic]) #card-table td.under{color:var(--ink)}:root:not([data-ui=classic]) #card-table td.under{background:var(--mint)}:root:not([data-ui=classic]) #card-table td.over{color:var(--red)}:root:not([data-ui=classic]) #card-table td.total{font-family:var(--font-display);font-weight:400;white-space:nowrap}:root:not([data-ui=classic]) #card-holes-won{margin:12px 0 6px;font-size:var(--fs-xs);color:var(--mute-ink)}:root:not([data-ui=classic]) .card-buttons{display:grid;justify-items:center;gap:0}:root:not([data-ui=classic]) #card-pick{min-height:44px;border:0;box-shadow:none;background:none;color:var(--ink);font-family:var(--font-pixel);font-weight:600;font-size:var(--fs-base);text-transform:none;text-decoration:underline;text-underline-offset:5px;width:auto}:root:not([data-ui=classic]) #card-next-course{margin-top:4px;font-size:var(--fs-xs);color:var(--mute-ink)}:root:not([data-ui=classic]) #scorecard.with-podium{overflow-y:auto;touch-action:pan-y;align-content:safe center;place-items:initial;justify-items:center;gap:18px}:root:not([data-ui=classic]) #scorecard.with-podium .card-body{max-height:none;overflow:visible;padding-top:12px}:root:not([data-ui=classic]) #scorecard.with-podium #card-title{margin:4px 0 6px;font-size:28px}:root:not([data-ui=classic]) #scorecard.with-podium #card-table td{padding-top:6px;padding-bottom:6px}:root:not([data-ui=classic]) .podium{position:relative;width:min(440px,100%);height:clamp(220px,34vh,320px);background:radial-gradient(ellipse at 50% 92%,rgba(255,28,50,.28),transparent 60%);overflow:hidden;animation:rise .45s cubic-bezier(.2,1.4,.4,1)}:root:not([data-ui=classic]) .podium-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 50% 62%,rgba(255,255,255,.06) 0 9deg,transparent 9deg 22deg);animation:spin 40s linear infinite}:root:not([data-ui=classic]) .podium-stage,:root:not([data-ui=classic]) .podium-labels{position:absolute;inset:40px 0 52px}:root:not([data-ui=classic]) .podium-labels{pointer-events:none}:root:not([data-ui=classic]) .podium-tag{position:absolute;display:grid;justify-items:center;gap:3px;max-width:40%;transform:translate(-50%,6px);white-space:nowrap}:root:not([data-ui=classic]) .podium-tag b{display:flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:2px 8px 1px 5px;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:2px;font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase}:root:not([data-ui=classic]) .podium-tag b:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);background:var(--mute)}:root:not([data-ui=classic]) .podium-tag.orange b:before{background:var(--seat-orange)}:root:not([data-ui=classic]) .podium-tag.blue b:before{background:var(--seat-blue)}:root:not([data-ui=classic]) .podium-tag.green b:before{background:var(--seat-green)}:root:not([data-ui=classic]) .podium-tag.purple b:before{background:var(--seat-purple)}:root:not([data-ui=classic]) .podium-tag .label{font-size:var(--fs-xs);color:var(--white)}:root:not([data-ui=classic]) .podium-tag.place-1{z-index:1}:root:not([data-ui=classic]) .podium-tag.place-1 b{font-size:var(--fs-base);padding:3px 10px 2px 6px}:root:not([data-ui=classic]) .podium-tag.place-1 .label{color:var(--white)}:root:not([data-ui=classic]) .podium-banner{position:absolute;z-index:2;left:50%;top:4px;transform:translate(-50%) rotate(-4deg);animation:banner-in .5s .15s cubic-bezier(.2,1.6,.4,1) both}:root:not([data-ui=classic]) .podium-banner>span{min-width:0;padding:16px 36px;font-size:var(--fs-m)}:root:not([data-ui=classic]) .confetti{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}:root:not([data-ui=classic]) .confetti i{position:absolute;top:-14px;width:8px;height:13px;border:1.5px solid var(--ink);border-radius:1px;animation:confetti 3s linear 2 both}:root:not([data-ui=classic]) .confetti i.round{width:10px;height:10px;border-radius:50%}:root:not([data-ui=classic]) #spectate{position:absolute;left:50%;bottom:calc(16px + var(--safe-b));transform:translate(-50%);z-index:3;display:flex;gap:10px;align-items:center;padding:8px 10px 8px 12px;background:var(--ink);color:var(--white);border:2px solid var(--ink);border-radius:4px;box-shadow:var(--cut);pointer-events:auto;white-space:nowrap}:root:not([data-ui=classic]) .spectate-tag{padding:3px 7px 2px;background:var(--red);color:var(--white);border-radius:2px;font-size:var(--fs-xs)}:root:not([data-ui=classic]) #spectate-next{min-height:46px;padding:0 12px;border:2px solid var(--ink);border-radius:4px;background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--white);font-family:var(--font-display);font-size:var(--fs-sm);text-transform:uppercase}:root:not([data-ui=classic]) #spectate-play{width:auto;min-height:46px;padding:0 18px;font-size:var(--fs-sm)}:root:not([data-ui=classic]) body.spectating #controls,:root:not([data-ui=classic]) body.spectating #retry,:root:not([data-ui=classic]) body.spectating #score{display:none}:root:not([data-ui=classic]) .car-thumb{display:inline-block;aspect-ratio:10 / 7;object-fit:contain;pointer-events:none}:root:not([data-ui=classic]) .screen{position:fixed;inset:0;z-index:20;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}:root:not([data-ui=classic]) #menu{display:grid;place-items:center}:root:not([data-ui=classic]) .menu-inner{position:relative;z-index:1;width:min(400px,100%);display:grid;justify-items:stretch;gap:18px}:root:not([data-ui=classic]) .logo{position:relative;display:grid;justify-items:center}:root:not([data-ui=classic]) .logo-kicker,:root:not([data-ui=classic]) .logo-burst,:root:not([data-ui=classic]) .logo-tag{display:none}:root:not([data-ui=classic]) .logo-cluster{position:relative;width:min(380px,100%);aspect-ratio:340 / 224;container-type:inline-size}:root:not([data-ui=classic]) .stk{position:absolute;display:grid;align-content:center;border:var(--line) solid var(--ink);border-radius:1.4cqw;box-shadow:0 0 0 3px var(--white);animation:stick-on .45s cubic-bezier(.2,1.6,.4,1) both}:root:not([data-ui=classic]) .stk b{font-family:var(--font-display);font-weight:400;line-height:.92;text-transform:uppercase}:root:not([data-ui=classic]) .stk .label{font-size:max(9px,2.9cqw);letter-spacing:.08em}:root:not([data-ui=classic]) .stk-main{z-index:2;left:5%;top:13%;width:63%;padding:3.5cqw 4cqw 3cqw;background:var(--ink);color:var(--red);transform:rotate(-4deg);animation-delay:.05s}:root:not([data-ui=classic]) .stk-main .stk-lab{font-size:21cqw;letter-spacing:-.02em}:root:not([data-ui=classic]) .stk-main .stk-golf{font-size:14.2cqw;color:var(--white);letter-spacing:-.01em;margin-top:.6cqw}:root:not([data-ui=classic]) .stk-main .label{order:-1;margin-bottom:2cqw;display:flex;align-items:center;gap:1.6cqw;color:var(--red)}:root:not([data-ui=classic]) .stk-main .x-mark{right:3cqw;top:3cqw;width:4cqw;height:4cqw}:root:not([data-ui=classic]) .hazard{flex:none;width:4.4cqw;height:4cqw}:root:not([data-ui=classic]) .stk-mint{z-index:3;right:3%;top:1%;width:35%;padding:2.4cqw 2.8cqw 3cqw;background:var(--white);color:var(--ink);transform:rotate(7deg);animation-delay:.15s}:root:not([data-ui=classic]) .stk-mint b{font-size:6.8cqw;margin-top:1.2cqw}:root:not([data-ui=classic]) .stk-mint .label{color:var(--red)}:root:not([data-ui=classic]) .stk-mint .x-mark{right:2.4cqw;top:2.2cqw;width:3.2cqw;height:3.2cqw}:root:not([data-ui=classic]) .stk-red{z-index:3;right:1%;bottom:4%;width:38%;padding:2.6cqw 3cqw;background:var(--red);color:var(--ink);transform:rotate(-6deg);animation-delay:.25s}:root:not([data-ui=classic]) .stk-red b{font-size:8.6cqw}:root:not([data-ui=classic]) .stk-red .label{color:var(--white);margin-top:1.2cqw}:root:not([data-ui=classic]) .stk-badge{z-index:4;left:-2%;bottom:3%;width:19%;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--white),inset 0 0 0 2.2cqw var(--ink),inset 0 0 0 2.9cqw var(--red);transform:rotate(-12deg);animation-delay:.35s}:root:not([data-ui=classic]) .stk-badge svg{width:58%;height:58%}:root:not([data-ui=classic]) .stk-hi{z-index:4;left:39%;top:0;padding:1.2cqw 3cqw 1cqw;background:var(--white);color:var(--ink);border-radius:99px;font-family:var(--font-pixel);font-weight:700;font-size:max(10px,4cqw);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-9deg);animation-delay:.42s}:root:not([data-ui=classic]) .logo-cluster>.x-mark{z-index:5}:root:not([data-ui=classic]) .logo-cluster>.x1{left:33%;bottom:3%;color:var(--white)}:root:not([data-ui=classic]) .logo-cluster>.x2{left:25%;top:5%}:root:not([data-ui=classic]) .logo-cluster>.x3{right:0;top:52%;color:var(--white)}:root:not([data-ui=classic]) .menu-buttons{display:grid;counter-reset:menu;border-top:1px solid rgba(255,255,255,.16)}:root:not([data-ui=classic]) .menu-row{display:contents}:root:not([data-ui=classic]) #menu .menu-item{counter-increment:menu;position:relative;display:grid;grid-template-columns:22px 34px minmax(0,1fr);align-items:center;column-gap:6px;width:100%;min-height:58px;margin:0;padding:7px 4px 7px 0;border:0;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;background:none;box-shadow:none;color:var(--white);text-align:left;font-family:var(--font-pixel);font-weight:700;font-size:26px;line-height:1.05;letter-spacing:.05em;text-transform:uppercase;transform:none}:root:not([data-ui=classic]) #menu .menu-item:active{transform:none;box-shadow:none}:root:not([data-ui=classic]) #menu .menu-item:before{content:"▶";grid-column:1;grid-row:1 / span 2;color:var(--red);font-size:16px;visibility:hidden}:root:not([data-ui=classic]) #menu .menu-item:after{content:counter(menu,decimal-leading-zero);grid-column:2;grid-row:1;color:var(--mute);font-size:var(--fs-sm);letter-spacing:.04em;align-self:center}:root:not([data-ui=classic]) #menu .menu-item small{grid-column:3;grid-row:2;margin-top:3px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--mute)}:root:not([data-ui=classic]) #menu .menu-item.cur:before{visibility:visible;animation:cursor 1s steps(2) infinite}:root:not([data-ui=classic]) #menu .menu-item.cur:after{color:var(--red)}:root:not([data-ui=classic]) #menu .menu-item.cur small{color:var(--white)}:root:not([data-ui=classic]) #menu .menu-item:disabled{color:var(--mute)}:root:not([data-ui=classic]) #menu .join-row{grid-template-columns:22px 34px auto minmax(0,1fr) auto;column-gap:8px}:root:not([data-ui=classic]) #menu .join-row:before{grid-row:1}:root:not([data-ui=classic]) #menu .join-row label{grid-column:3;font-size:inherit;font-weight:inherit;letter-spacing:inherit}:root:not([data-ui=classic]) #menu-code{grid-column:4;min-width:0;width:100%;max-width:150px;height:44px;padding:0 6px;border:0;border-bottom:2px dashed var(--white);border-radius:0;background:#ffffff0f;color:var(--white);font-family:var(--font-pixel);font-weight:700;font-size:24px;letter-spacing:.3em;text-transform:uppercase;user-select:text;-webkit-user-select:text}:root:not([data-ui=classic]) #menu-code::placeholder{color:var(--mute)}:root:not([data-ui=classic]) #menu-code:focus-visible{outline:0;border-bottom-style:solid;border-bottom-color:var(--red)}:root:not([data-ui=classic]) #menu .join-row .sticker-btn{grid-column:5;width:auto;min-height:44px;padding:0 14px;border-width:2px;font-size:var(--fs-sm);box-shadow:0 0 0 2px var(--white)}:root:not([data-ui=classic]) .menu-error{min-height:0;margin:6px 0 0 62px;font-size:var(--fs-xs);color:var(--red)}:root:not([data-ui=classic]) .menu-error:empty{display:none}:root:not([data-ui=classic]) .now-playing-row{position:fixed;right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));display:flex;align-items:center;gap:12px}:root:not([data-ui=classic]) .np-text{display:grid;gap:4px;text-align:right}:root:not([data-ui=classic]) .np-text b{font-size:var(--fs-sm);font-weight:700;color:var(--white)}:root:not([data-ui=classic]) .np-text i{font-style:normal;font-size:var(--fs-sm);color:var(--mute);letter-spacing:.08em}:root:not([data-ui=classic]) .cassette{position:relative;flex:none;width:78px;height:50px;padding:5px 6px;background:var(--white);border:2px solid var(--ink);border-radius:5px;box-shadow:0 0 0 3px var(--white),0 0 0 4px #1116;transform:rotate(-5deg)}:root:not([data-ui=classic]) .cas-label{display:block;height:12px;padding:0 4px;background:var(--red);border-radius:2px;font-size:8px;line-height:12px;color:var(--white);text-align:center}:root:not([data-ui=classic]) .cas-window{display:flex;justify-content:space-between;align-items:center;margin:5px 8px 0;height:19px;padding:0 4px;background:var(--ink);border-radius:10px}:root:not([data-ui=classic]) .cas-window em{width:13px;height:13px;border-radius:50%;background:repeating-conic-gradient(var(--white) 0 30deg,var(--ink) 30deg 45deg);animation:spin 3s linear infinite}:root:not([data-ui=classic]) .pile{position:fixed;inset:0;pointer-events:none;overflow:hidden}:root:not([data-ui=classic]) .deco{position:absolute;display:none}:root:not([data-ui=classic]) .deco-ball{display:block;top:calc(7% + var(--safe-t));right:6%;width:40px;height:40px;border:var(--line) solid var(--ink);border-radius:50%;box-shadow:0 0 0 3px var(--white);background-image:radial-gradient(circle,rgba(17,17,17,.3) 2px,transparent 2.5px),radial-gradient(circle at 35% 35%,#fff 0 45%,#d6d6d6 75%);background-size:9px 9px,100% 100%;animation:float 4s ease-in-out infinite}:root:not([data-ui=classic]) .deco-par{display:block;top:calc(14px + var(--safe-t));left:calc(14px + var(--safe-l));padding:3px 7px 2px;background:var(--ink);color:var(--white);border-radius:2px;box-shadow:0 0 0 2px var(--white);font-size:var(--fs-xs)}@media(max-height:760px)and (orientation:portrait){:root:not([data-ui=classic]) .menu-inner{gap:12px}:root:not([data-ui=classic]) #menu .menu-item{min-height:52px;font-size:23px;padding-top:5px;padding-bottom:5px}:root:not([data-ui=classic]) .now-playing-row,:root:not([data-ui=classic]) .deco-ball{display:none}}@media(max-height:660px)and (orientation:portrait){:root:not([data-ui=classic]) .logo-cluster{width:min(300px,100%)}:root:not([data-ui=classic]) #menu .menu-item small{display:none}:root:not([data-ui=classic]) #menu .menu-item{min-height:50px}}@media(orientation:landscape){:root:not([data-ui=classic]) .menu-inner{width:min(860px,100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 40px}:root:not([data-ui=classic]) .logo-cluster{width:min(400px,100%,calc((100vh - 60px)*1.45))}:root:not([data-ui=classic]) .now-playing-row{left:calc(16px + var(--safe-l));right:auto;flex-direction:row-reverse}:root:not([data-ui=classic]) .np-text{text-align:left}:root:not([data-ui=classic]) .deco-ball{display:none}}@media(orientation:landscape)and (max-height:520px){:root:not([data-ui=classic]) #menu .menu-item{min-height:50px;font-size:21px;padding-top:3px;padding-bottom:3px}:root:not([data-ui=classic]) #menu .menu-item small{margin-top:1px}:root:not([data-ui=classic]) .now-playing-row,:root:not([data-ui=classic]) .deco-par{display:none}}@media(orientation:landscape)and (max-height:420px){:root:not([data-ui=classic]) #menu .menu-item{min-height:48px;font-size:19px}:root:not([data-ui=classic]) #menu .menu-item small{display:none}:root:not([data-ui=classic]) #menu-code{height:40px;font-size:20px}}:root:not([data-ui=classic]) #garage{z-index:24;color:var(--white);padding-bottom:0}:root:not([data-ui=classic]) .garage-inner{width:min(980px,100%);min-height:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:6px}:root:not([data-ui=classic]) .garage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}:root:not([data-ui=classic]) .garage-head .kicker{display:none}:root:not([data-ui=classic]) #garage-close{width:auto;min-width:0;min-height:48px;padding:0 6px;border:0;background:none;box-shadow:none;color:var(--red);font-size:var(--fs-m)}:root:not([data-ui=classic]) #garage-close:after{content:" ▶";font-size:.8em}:root:not([data-ui=classic]) .garage-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;gap:8px;min-height:0}:root:not([data-ui=classic]) .garage-pickers{min-width:0}:root:not([data-ui=classic]) .garage-stage{position:relative;height:clamp(250px,46vh,420px);margin:0 calc(-16px - var(--safe-r)) 0 calc(-16px - var(--safe-l));overflow:hidden;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse 46% 16% at 50% 78%,rgba(255,255,255,.1),transparent 70%)}:root:not([data-ui=classic]) #garage-preview{position:absolute;inset:44px 0 64px}:root:not([data-ui=classic]) .stage-label{position:absolute;left:calc(16px + var(--safe-l));top:2px;font-family:var(--font-pixel);font-size:34px;font-weight:700;line-height:1;letter-spacing:.05em;color:var(--white);pointer-events:none}:root:not([data-ui=classic]) .super-tag{display:inline-block;padding:2px 7px 1px;background:var(--red);color:var(--white);border-radius:2px;font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}:root:not([data-ui=classic]) .garage-stage .super-tag{position:absolute;right:calc(16px + var(--safe-r));top:8px;font-size:var(--fs-sm);pointer-events:none}:root:not([data-ui=classic]) .super-tag.mini{font-size:10px;padding:1px 5px 0;justify-self:start}:root:not([data-ui=classic]) .stage-stats{position:absolute;left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));bottom:4px;display:grid;gap:5px;max-width:340px;margin:0 auto;color:var(--white)}:root:not([data-ui=classic]) .stage-stats small{display:-webkit-box;height:2.5em;font-size:var(--fs-xs);line-height:1.25;color:var(--mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}:root:not([data-ui=classic]) .stat{display:flex;align-items:center;gap:10px}:root:not([data-ui=classic]) .stat em{flex:none;width:4.6em;font-style:normal;font-weight:600;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}:root:not([data-ui=classic]) .pips{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}:root:not([data-ui=classic]) .pips i{height:5px;background:#ffffff29}:root:not([data-ui=classic]) .pips i.on{background:var(--white)}:root:not([data-ui=classic]) .garage-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.18)}:root:not([data-ui=classic]) .garage-tabs button{flex:1;min-height:48px;padding:0 6px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:none;color:var(--mute);font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-m);letter-spacing:.1em;text-transform:uppercase}:root:not([data-ui=classic]) .garage-tabs button[aria-selected=true]{color:var(--white);border-bottom-color:var(--red)}:root:not([data-ui=classic]) .garage-tabs button[aria-selected=true]:before{content:"▶ ";color:var(--red);font-size:.7em}:root:not([data-ui=classic]) .pick-group .group-label{display:none}:root:not([data-ui=classic]) #garage[data-tab=car] .pick-group:not([data-group=car]),:root:not([data-ui=classic]) #garage[data-tab=livery] .pick-group:not([data-group=livery]),:root:not([data-ui=classic]) #garage[data-tab=ball] .pick-group:not([data-group=ball]),:root:not([data-ui=classic]) #garage[data-tab=name] .pick-group:not([data-group=name]){display:none}:root:not([data-ui=classic]) .pick-group{padding:12px 0 calc(14px + var(--safe-b))}:root:not([data-ui=classic]) .pick-row{display:flex;gap:12px;margin:0 calc(-16px - var(--safe-r)) 0 calc(-16px - var(--safe-l));padding:6px calc(16px + var(--safe-r)) 10px calc(16px + var(--safe-l));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;touch-action:pan-x pan-y}:root:not([data-ui=classic]) .pick-row::-webkit-scrollbar{display:none}:root:not([data-ui=classic]) .pick-row button{flex:none;width:108px;min-height:84px;padding:8px;display:grid;align-content:space-between;justify-items:start;gap:6px;border:2px solid var(--ink);border-radius:4px;background:var(--white);color:var(--ink);text-align:left;scroll-snap-align:start;box-shadow:0 0 0 2px var(--white);transition:transform .08s,box-shadow .12s}:root:not([data-ui=classic]) .pick-row button:active{transform:translateY(2px)}:root:not([data-ui=classic]) .pick-row button.on{box-shadow:0 0 0 2px var(--white),0 0 0 6px var(--mint)}:root:not([data-ui=classic]) .pick-row b{font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-sm);letter-spacing:.05em;line-height:1.1;text-transform:uppercase}:root:not([data-ui=classic]) .pick-row.cars .stat{display:none}:root:not([data-ui=classic]) .pick-row.cars button{width:112px;gap:3px;align-content:start}:root:not([data-ui=classic]) .pick-row.cars .car-thumb{width:92px;height:64px;margin:-4px 0 -2px;justify-self:center}:root:not([data-ui=classic]) .pick-row.chips button{width:96px}:root:not([data-ui=classic]) .swatch{flex:none;width:40px;height:40px;border:2px solid var(--ink);border-radius:4px;background:var(--white)}:root:not([data-ui=classic]) .livery-stock{background:var(--ink)}:root:not([data-ui=classic]) .livery-stripes{background:linear-gradient(90deg,var(--ink) 0 30%,var(--white) 30% 42%,var(--ink) 42% 58%,var(--white) 58% 70%,var(--ink) 70%)}:root:not([data-ui=classic]) .livery-flames{background:radial-gradient(circle at 30% 120%,var(--white) 0 30%,var(--red) 31% 58%,var(--ink) 59%)}:root:not([data-ui=classic]) .livery-twotone{background:linear-gradient(180deg,var(--white) 0 48%,var(--ink) 48%)}:root:not([data-ui=classic]) .livery-neon{background:var(--ink);box-shadow:inset 0 -5px 0 var(--white)}:root:not([data-ui=classic]) .livery-checker{background:repeating-conic-gradient(var(--ink) 0 25%,var(--white) 0 50%) 0 0 / 12px 12px}:root:not([data-ui=classic]) .livery-number{background:radial-gradient(circle,var(--white) 0 40%,var(--ink) 42%);position:relative}:root:not([data-ui=classic]) .livery-number:after{content:"8";display:grid;place-items:center;height:100%;font-family:var(--font-display);font-size:13px;color:var(--ink)}:root:not([data-ui=classic]) .ball-classic,:root:not([data-ui=classic]) .ball-beach,:root:not([data-ui=classic]) .ball-eight,:root:not([data-ui=classic]) .ball-smile,:root:not([data-ui=classic]) .ball-planet{border-radius:50%}:root:not([data-ui=classic]) .ball-classic{background:radial-gradient(circle,rgba(17,17,17,.35) 1.5px,transparent 2px) 0 0 / 7px 7px,var(--white)}:root:not([data-ui=classic]) .ball-beach{background:conic-gradient(var(--red) 0 60deg,var(--white) 0 120deg,var(--ink) 0 180deg,var(--white) 0 240deg,var(--red) 0 300deg,var(--white) 0)}:root:not([data-ui=classic]) .ball-eight{background:radial-gradient(circle,var(--white) 0 28%,var(--ink) 30%)}:root:not([data-ui=classic]) .ball-smile{background:var(--white);position:relative}:root:not([data-ui=classic]) .ball-smile:after{content:"‿";display:grid;place-items:center;height:100%;font-size:18px;font-weight:700;line-height:1;color:var(--ink)}:root:not([data-ui=classic]) .ball-planet{background:var(--ink);box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 6px var(--white)}:root:not([data-ui=classic]) #garage-name{width:100%;height:56px;padding:0 14px;border:var(--line) solid var(--ink);border-radius:4px;box-shadow:0 0 0 3px var(--white);background:var(--white);color:var(--ink);font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-l);letter-spacing:.08em;text-transform:uppercase;user-select:text;-webkit-user-select:text}:root:not([data-ui=classic]) #garage-name:focus-visible{outline-offset:5px}@media(orientation:landscape){:root:not([data-ui=classic]) .garage-inner{grid-template-rows:auto minmax(0,1fr);height:100%}:root:not([data-ui=classic]) #garage{overflow-y:hidden;padding-bottom:calc(10px + var(--safe-b))}:root:not([data-ui=classic]) .garage-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:22px}:root:not([data-ui=classic]) .garage-stage{height:auto;margin:0;min-height:0}:root:not([data-ui=classic]) .stage-label{left:0}:root:not([data-ui=classic]) .garage-stage .super-tag{right:auto;left:0;top:42px}:root:not([data-ui=classic]) .stage-stats{left:0;right:0}:root:not([data-ui=classic]) .garage-pickers{align-self:center;min-width:0}:root:not([data-ui=classic]) .pick-row{margin:0;padding:6px 4px 10px}:root:not([data-ui=classic]) .pick-group{padding-bottom:6px}}@media(orientation:landscape)and (max-height:430px){:root:not([data-ui=classic]) .stage-label{font-size:24px}:root:not([data-ui=classic]) .garage-stage .super-tag{top:30px}:root:not([data-ui=classic]) #garage-preview{inset:50px 0 54px}:root:not([data-ui=classic]) .stage-stats small{display:none}:root:not([data-ui=classic]) .pick-row button{min-height:70px;width:96px}:root:not([data-ui=classic]) .garage-tabs button{font-size:var(--fs-base)}}@media(max-height:700px)and (orientation:portrait){:root:not([data-ui=classic]) .garage-stage{height:clamp(220px,42vh,300px)}:root:not([data-ui=classic]) .stage-label{font-size:28px}:root:not([data-ui=classic]) #garage-preview{inset:36px 0 60px}:root:not([data-ui=classic]) .pick-row button{min-height:72px}}:root:not([data-ui=classic]) #courses{z-index:22;display:grid;padding-left:0;padding-right:0}:root:not([data-ui=classic]) .courses-inner{position:relative;width:100%;min-height:100%;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:4px}:root:not([data-ui=classic]) .courses-head{display:grid;justify-items:center;text-align:center;padding:34px calc(16px + var(--safe-r)) 0 calc(16px + var(--safe-l))}:root:not([data-ui=classic]) .courses-head .script{display:none}:root:not([data-ui=classic]) #courses-title{position:absolute;left:calc(16px + var(--safe-l));top:0;font-size:var(--fs-sm)}:root:not([data-ui=classic]) #courses-title:before{background:radial-gradient(circle at 34% 42%,var(--white) 0 3px,transparent 3.5px),radial-gradient(circle at 68% 42%,var(--white) 0 3px,transparent 3.5px),var(--ink)}:root:not([data-ui=classic]) .courses-count{margin:10px 0 2px;font-family:var(--font-display);font-size:var(--fs-sm);color:var(--red);letter-spacing:.02em;text-transform:none;transform:rotate(-6deg) skew(-14deg)}:root:not([data-ui=classic]) #courses-name{font-family:var(--font-pixel);font-weight:700;font-size:clamp(30px,10vw,46px);line-height:1;letter-spacing:.05em;text-transform:uppercase}:root:not([data-ui=classic]) .courses-tagline{max-width:36ch;margin-top:8px;font-size:var(--fs-sm);line-height:1.35;color:var(--mute-ink)}:root:not([data-ui=classic]) .courses-stage{position:relative;width:100%;height:auto;min-height:220px;touch-action:pan-y;overflow:hidden}:root:not([data-ui=classic]) .courses-track{position:absolute;inset:0}:root:not([data-ui=classic]) .course-slide{position:absolute;top:50%;left:50%;height:100%;aspect-ratio:4 / 3;max-height:min(72vw,520px);translate:-50% -50%;container-type:inline-size;transition:left .4s cubic-bezier(.3,1.2,.5,1),transform .4s cubic-bezier(.3,1.2,.5,1),opacity .3s}:root:not([data-ui=classic]) .course-slide[data-pos="0"]{transform:none;opacity:1;z-index:2}:root:not([data-ui=classic]) .course-slide[data-pos="-1"]{left:4%;transform:scale(.56);opacity:.45;cursor:pointer}:root:not([data-ui=classic]) .course-slide[data-pos="1"]{left:96%;transform:scale(.56);opacity:.45;cursor:pointer}:root:not([data-ui=classic]) .course-slide:not([data-pos="0"]):not([data-pos="1"]):not([data-pos="-1"]){opacity:0;pointer-events:none;transform:scale(.3)}:root:not([data-ui=classic]) .course-slide:not([data-pos="0"]) .hole-tag,:root:not([data-ui=classic]) .course-slide:not([data-pos="0"]) .isle-arrows,:root:not([data-ui=classic]) .course-slide:not([data-pos="0"]) .now-playing{opacity:0}:root:not([data-ui=classic]) .isle{position:absolute;left:18.75%;top:30%;width:62.5%;height:52%;animation:bob 4s ease-in-out infinite}:root:not([data-ui=classic]) .isle-top{position:absolute;left:0;top:0;width:100%;height:62%;z-index:2;overflow:hidden;border:var(--line) solid var(--ink);border-radius:50%;background:repeating-linear-gradient(115deg,rgba(17,17,17,.07) 0 7%,transparent 7% 14%),var(--white)}:root:not([data-ui=classic]) .isle-side{position:absolute;left:6%;top:30%;width:88%;height:72%;z-index:1;background:var(--ink);clip-path:polygon(0 0,100% 0,92% 38%,80% 56%,68% 72%,56% 100%,44% 82%,32% 66%,18% 48%,6% 30%)}:root:not([data-ui=classic]) .isle-side:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 16%,rgba(255,255,255,.28) 16% 17.5%)}:root:not([data-ui=classic]) .isle-shadow{position:absolute;left:22%;top:112%;width:56%;height:10%;border-radius:50%;background:#11111124;animation:shadow 4s ease-in-out infinite}:root:not([data-ui=classic]) .isle-deco{position:absolute;border:2px solid var(--ink);border-radius:50%}:root:not([data-ui=classic]) .isle-path{position:absolute}:root:not([data-ui=classic]) .course-meadow .d1{left:12%;top:22%;width:13%;aspect-ratio:1;background:var(--ink)}:root:not([data-ui=classic]) .course-meadow .d2{left:22%;top:12%;width:9%;aspect-ratio:1;background:var(--white)}:root:not([data-ui=classic]) .course-meadow .d3{left:58%;top:52%;width:22%;height:26%;border-style:dashed;background:#11111114;border-radius:45% 55% 50% 50%}:root:not([data-ui=classic]) .course-meadow .isle-path{left:30%;top:40%;width:46%;height:18%;border-radius:50%;border:2px dashed rgba(17,17,17,.4)}:root:not([data-ui=classic]) .course-bumper-alley .d1,:root:not([data-ui=classic]) .course-bumper-alley .d2{width:9%;aspect-ratio:1;background:var(--red);box-shadow:inset 0 0 0 3px var(--white)}:root:not([data-ui=classic]) .course-bumper-alley .d1{left:18%;top:26%}:root:not([data-ui=classic]) .course-bumper-alley .d2{left:40%;top:50%}:root:not([data-ui=classic]) .course-bumper-alley .d3{left:60%;top:40%;width:28%;height:40%;background:repeating-linear-gradient(0deg,var(--ink) 0 2px,transparent 2px 6px)}:root:not([data-ui=classic]) .course-long-way .isle-path{left:6%;top:30%;width:88%;height:40%;border:var(--line) dashed var(--ink);border-radius:40% 60% 30% 70%;background:#11111114}:root:not([data-ui=classic]) .course-long-way .d1,:root:not([data-ui=classic]) .course-long-way .d2{width:6%;height:30%;border-radius:3px;background:repeating-linear-gradient(0deg,var(--red) 0 20%,var(--white) 20% 40%)}:root:not([data-ui=classic]) .course-long-way .d1{left:26%;top:18%}:root:not([data-ui=classic]) .course-long-way .d2{left:52%;top:52%}:root:not([data-ui=classic]) .course-long-way .d3{left:76%;top:16%;width:10%;aspect-ratio:1;background:var(--ink)}:root:not([data-ui=classic]) .course-ramp-lab .d1,:root:not([data-ui=classic]) .course-ramp-lab .d2{border-radius:2px;background:var(--ink);clip-path:polygon(0 100%,100% 0,100% 100%);border:0}:root:not([data-ui=classic]) .course-ramp-lab .d1{left:16%;top:30%;width:20%;height:30%}:root:not([data-ui=classic]) .course-ramp-lab .d2{left:50%;top:46%;width:22%;height:30%;background:var(--red)}:root:not([data-ui=classic]) .course-ramp-lab .d3{left:74%;top:18%;width:10%;aspect-ratio:1;background:var(--white)}:root:not([data-ui=classic]) .course-rolling-hills .isle-top{background:radial-gradient(ellipse at 30% 40%,rgba(17,17,17,.12) 0 14%,transparent 15%),radial-gradient(ellipse at 66% 56%,rgba(17,17,17,.12) 0 16%,transparent 17%),var(--white)}:root:not([data-ui=classic]) .course-rolling-hills .d1,:root:not([data-ui=classic]) .course-rolling-hills .d2,:root:not([data-ui=classic]) .course-rolling-hills .d3{border-style:dashed;background:none}:root:not([data-ui=classic]) .course-rolling-hills .d1{left:18%;top:22%;width:24%;height:36%}:root:not([data-ui=classic]) .course-rolling-hills .d2{left:54%;top:40%;width:26%;height:36%}:root:not([data-ui=classic]) .course-rolling-hills .d3{left:40%;top:10%;width:12%;height:18%}:root:not([data-ui=classic]) .course-random .isle-top{background:repeating-conic-gradient(from 10deg,var(--white) 0 30deg,rgba(17,17,17,.1) 0 60deg)}:root:not([data-ui=classic]) .course-random .isle-side{background:var(--red)}:root:not([data-ui=classic]) .course-random .d1,:root:not([data-ui=classic]) .course-random .d2,:root:not([data-ui=classic]) .course-random .d3{width:14%;aspect-ratio:1;background:var(--white);display:grid;place-items:center}:root:not([data-ui=classic]) .course-random .d1{left:14%;top:22%}:root:not([data-ui=classic]) .course-random .d2{left:44%;top:52%}:root:not([data-ui=classic]) .course-random .d3{left:70%;top:18%}:root:not([data-ui=classic]) .course-random .isle-deco:after{content:"?";font-family:var(--font-display);font-size:4cqw;color:var(--ink);line-height:1}:root:not([data-ui=classic]) .course-random .isle-flag i{background:var(--ink)}:root:not([data-ui=classic]) .isle-flag{position:absolute;z-index:3;width:0;height:0}:root:not([data-ui=classic]) .isle-flag:before{content:"";position:absolute;left:0;bottom:0;width:3px;height:7cqw;background:var(--ink)}:root:not([data-ui=classic]) .isle-flag i{position:absolute;left:2px;bottom:calc(7cqw - 4.6cqw);width:5cqw;height:4.4cqw;display:grid;place-items:center;padding-right:1cqw;background:var(--red);border:2px solid var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);color:var(--white);font-family:var(--font-display);font-style:normal;font-size:2.2cqw;transform:translateY(-2.6cqw)}:root:not([data-ui=classic]) .isle-arrows{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;z-index:3;pointer-events:none;transition:opacity .3s}:root:not([data-ui=classic]) .hole-tag{position:absolute;z-index:4;display:grid;justify-items:start;gap:.6cqw;max-width:34%;color:var(--ink);transform:rotate(var(--r, 0deg));transition:opacity .3s}:root:not([data-ui=classic]) .hole-tag .label:first-child{padding:.5cqw 1.6cqw .3cqw;background:var(--ink);color:var(--white);border-radius:2px;font-size:max(10px,2.7cqw);letter-spacing:.08em}:root:not([data-ui=classic]) .hole-tag b{font-family:var(--font-pixel);font-weight:700;font-size:max(11px,3.2cqw);line-height:1.1;padding-left:.4cqw;text-transform:uppercase;letter-spacing:.03em}:root:not([data-ui=classic]) .hole-tag .par{font-size:max(10px,2.6cqw);color:var(--red);padding-left:.4cqw}:root:not([data-ui=classic]) .now-playing{position:absolute;z-index:4;left:50%;bottom:1%;translate:-50% 0;padding:.6cqw 2cqw .4cqw;background:var(--mint);color:var(--ink);border:2px solid var(--ink);border-radius:2px}:root:not([data-ui=classic]) .now-playing b{font-size:max(10px,2.6cqw);letter-spacing:.1em}:root:not([data-ui=classic]) .now-playing em{display:none}:root:not([data-ui=classic]) .arrow-btn{position:absolute;z-index:5;top:50%;width:48px;height:72px;margin-top:-36px;padding:0;display:grid;place-items:center;border:0;background:none;color:var(--ink)}:root:not([data-ui=classic]) .arrow-btn svg{width:18px;height:40px}:root:not([data-ui=classic]) .arrow-btn.prev{left:calc(6px + var(--safe-l))}:root:not([data-ui=classic]) .arrow-btn.next{right:calc(6px + var(--safe-r))}:root:not([data-ui=classic]) .arrow-btn:active{color:var(--red);transform:scale(.92)}:root:not([data-ui=classic]) .courses-foot{width:min(480px,100%);display:grid;justify-items:center;gap:6px;padding:0 calc(16px + var(--safe-r)) 0 calc(16px + var(--safe-l));text-align:center}:root:not([data-ui=classic]) .mode-pick{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px}:root:not([data-ui=classic]) .mode-pick .group-label{display:none}:root:not([data-ui=classic]) .mode-choices{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);border-radius:3px;background:var(--white)}:root:not([data-ui=classic]) .mode-chip{min-height:44px;padding:0 4px;border:0;border-left:2px solid var(--ink);background:none;color:var(--ink);font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase}:root:not([data-ui=classic]) .mode-chip:first-child{border-left:0}:root:not([data-ui=classic]) .mode-chip.on{background:var(--mint)}:root:not([data-ui=classic]) .mode-chip:disabled{cursor:default;color:var(--mute-ink)}:root:not([data-ui=classic]) .mode-chip.on:disabled{color:var(--ink)}:root:not([data-ui=classic]) .mode-blurb{grid-column:1 / -1;grid-row:2;min-height:1.3em;font-size:var(--fs-xs);color:var(--mute-ink);text-align:left}:root:not([data-ui=classic]) .open-toggle{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 2px;border:0;background:none;color:var(--ink);text-align:left}:root:not([data-ui=classic]) .open-toggle .switch{flex:none;position:relative;width:40px;height:22px;border:2px solid var(--ink);border-radius:2px;background:var(--white);transition:background .15s}:root:not([data-ui=classic]) .open-toggle .switch i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:1px;background:var(--ink);transition:transform .15s}:root:not([data-ui=classic]) .open-toggle[aria-checked=true] .switch{background:var(--mint)}:root:not([data-ui=classic]) .open-toggle[aria-checked=true] .switch i{transform:translate(18px)}:root:not([data-ui=classic]) .open-toggle .open-text{display:grid}:root:not([data-ui=classic]) .open-toggle b{font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;line-height:1.15;max-width:7.5em}:root:not([data-ui=classic]) .open-toggle small{display:none}:root:not([data-ui=classic]) .open-toggle:disabled{cursor:default;opacity:.6}:root:not([data-ui=classic]) #courses-go{font-size:clamp(19px,5.8vw,28px);min-height:56px;white-space:nowrap}:root:not([data-ui=classic]) .courses-note{font-size:var(--fs-xs);color:var(--mute-ink)}:root:not([data-ui=classic]) #courses-close{color:var(--ink)}@media(orientation:portrait)and (max-height:700px){:root:not([data-ui=classic]) .courses-head{padding-top:28px}:root:not([data-ui=classic]) .courses-count,:root:not([data-ui=classic]) .courses-tagline{margin-top:4px}:root:not([data-ui=classic]) .courses-stage{min-height:190px}:root:not([data-ui=classic]) #courses-go{min-height:50px}}@media(orientation:landscape){:root:not([data-ui=classic]) #courses{padding-top:calc(10px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}:root:not([data-ui=classic]) .courses-head{padding-top:0}:root:not([data-ui=classic]) #courses-name{font-size:clamp(26px,6vh,40px)}:root:not([data-ui=classic]) .courses-stage{min-height:150px}:root:not([data-ui=classic]) .courses-foot{width:min(820px,100%);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode go" "mode note" "close close";align-items:center;column-gap:24px;row-gap:0}:root:not([data-ui=classic]) .mode-pick{grid-area:mode}:root:not([data-ui=classic]) #courses-go{grid-area:go}:root:not([data-ui=classic]) .courses-note{grid-area:note}:root:not([data-ui=classic]) #courses-close{grid-area:close;min-height:40px}}@media(orientation:landscape)and (max-height:430px){:root:not([data-ui=classic]) .courses-count,:root:not([data-ui=classic]) .courses-tagline{display:none}:root:not([data-ui=classic]) #courses-title{top:-2px}:root:not([data-ui=classic]) #courses-close{position:absolute;top:-6px;right:calc(8px + var(--safe-r));white-space:nowrap}:root:not([data-ui=classic]) .courses-foot{grid-template-areas:"mode go" "mode note"}:root:not([data-ui=classic]) #courses-go{min-height:48px;font-size:22px}:root:not([data-ui=classic]) .mode-blurb{display:none}}:root:not([data-ui=classic]) .modal{position:fixed;inset:0;z-index:30;overflow-y:auto;touch-action:pan-y;padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) calc(20px + var(--safe-b)) calc(16px + var(--safe-l))}:root:not([data-ui=classic]) .modal .sheet{position:relative;width:min(560px,100%);margin:0 auto;padding:6px 0 0;color:var(--white);background:none;border:0;border-radius:0;box-shadow:none;animation:fade-in .2s ease-out}:root:not([data-ui=classic]) .kicker{font-size:var(--fs-xs);color:var(--mute)}:root:not([data-ui=classic]) #settings-title,:root:not([data-ui=classic]) #whatsnew-title{min-height:36px;margin-bottom:4px}:root:not([data-ui=classic]) .modal .close-btn{top:-6px;right:-8px;color:var(--white)}:root:not([data-ui=classic]) #settings .sheet{display:flex;flex-direction:column;text-align:left;counter-reset:section}:root:not([data-ui=classic]) #settings-title{order:0}:root:not([data-ui=classic]) #settings .group-label,:root:not([data-ui=classic]) #settings .choices,:root:not([data-ui=classic]) #settings .hint-small,:root:not([data-ui=classic]) .settings-room{order:2}:root:not([data-ui=classic]) #settings .settings-room .group-label{order:0}:root:not([data-ui=classic]) .whatsnew-btn{order:3}:root:not([data-ui=classic]) #settings .credits{order:4}:root:not([data-ui=classic]) #settings .group-label{counter-increment:section}:root:not([data-ui=classic]) #settings .group-label:before{content:counter(section,decimal-leading-zero);color:var(--red)}:root:not([data-ui=classic]) #settings .choices{display:grid}:root:not([data-ui=classic]) #settings .choices button,:root:not([data-ui=classic]) .settings-room .sticker-btn,:root:not([data-ui=classic]) #settings .whatsnew-btn{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;row-gap:2px;width:100%;min-height:56px;margin:0;padding:8px 2px 8px 22px;border:0;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0;background:none;box-shadow:none;color:var(--white);text-align:left;font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-m);letter-spacing:.06em;text-transform:uppercase;transform:none}:root:not([data-ui=classic]) #settings .choices button:before,:root:not([data-ui=classic]) .settings-room .sticker-btn:before,:root:not([data-ui=classic]) #settings .whatsnew-btn:before{content:"▶";position:absolute;left:0;top:50%;translate:0 -50%;color:var(--red);font-size:12px;visibility:hidden}:root:not([data-ui=classic]) #settings .choices button:is(:hover,:focus-visible,:active):before,:root:not([data-ui=classic]) .settings-room .sticker-btn:is(:hover,:focus-visible,:active):before,:root:not([data-ui=classic]) #settings .whatsnew-btn:is(:hover,:focus-visible,:active):before{visibility:visible}:root:not([data-ui=classic]) #settings .choices button:focus-visible,:root:not([data-ui=classic]) .settings-room .sticker-btn:focus-visible,:root:not([data-ui=classic]) #settings .whatsnew-btn:focus-visible{outline:0;background:#ffffff0d}:root:not([data-ui=classic]) #settings .choices button b{grid-column:1;font-weight:700}:root:not([data-ui=classic]) #settings .choices button span{grid-column:1;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--mute)}:root:not([data-ui=classic]) #settings .choices button:after{content:"";grid-column:2;grid-row:1 / span 2;width:22px;height:22px;border:2px solid var(--mute);border-radius:2px}:root:not([data-ui=classic]) #settings .choices button.on:after{content:"✓";display:grid;place-items:center;border-color:var(--mint);background:var(--mint);color:var(--ink);font-size:14px}:root:not([data-ui=classic]) #settings #reflect-toggle:after{width:42px;height:24px;border-radius:2px;background:radial-gradient(circle at 10px 50%,var(--mute) 0 6px,transparent 6.5px);content:""}:root:not([data-ui=classic]) #settings #reflect-toggle.on:after{background:radial-gradient(circle at 30px 50%,var(--ink) 0 6px,transparent 6.5px),var(--mint);content:""}:root:not([data-ui=classic]) #settings #reflect-toggle:disabled{opacity:.45}:root:not([data-ui=classic]) #settings #ballcam-toggle:after{width:42px;height:24px;border-radius:2px;background:radial-gradient(circle at 10px 50%,var(--mute) 0 6px,transparent 6.5px);content:""}:root:not([data-ui=classic]) #settings #ballcam-toggle.on:after{background:radial-gradient(circle at 30px 50%,var(--ink) 0 6px,transparent 6.5px),var(--mint);content:""}:root:not([data-ui=classic]) #settings .hint-small{margin:10px 0 0 22px;font-size:var(--fs-xs);color:var(--mute);text-transform:none;letter-spacing:.03em}:root:not([data-ui=classic]) #settings .hint-small a{color:var(--white)}:root:not([data-ui=classic]) #settings .credits{margin-top:26px}:root:not([data-ui=classic]) .settings-room{display:grid;margin:0;padding:0;border:0}:root:not([data-ui=classic]) .settings-room .group-label{margin-top:18px}:root:not([data-ui=classic]) .settings-room .sticker-btn:after,:root:not([data-ui=classic]) .whatsnew-btn:after{content:"▶";grid-column:2;color:var(--red);font-size:14px}:root:not([data-ui=classic]) #settings-course{color:var(--white)}:root:not([data-ui=classic]) #settings .whatsnew-btn{display:flex;gap:10px;margin-top:18px;border-top:1px solid rgba(255,255,255,.12)}:root:not([data-ui=classic]) #settings .whatsnew-btn:after{margin-left:auto}:root:not([data-ui=classic]) .whatsnew-btn .news-dot{display:none}:root:not([data-ui=classic]) .whatsnew-btn.has-news .news-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--red)}:root:not([data-ui=classic]) .has-news{position:relative}:root:not([data-ui=classic]) .has-news:after{content:"";position:absolute;top:-5px;right:-5px;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--white);pointer-events:none}:root:not([data-ui=classic]) #settings .whatsnew-btn.has-news:after{content:"▶";position:static;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none}:root:not([data-ui=classic]) #menu .menu-item.has-news:after{position:static;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none}:root:not([data-ui=classic]) #menu .menu-item.has-news small:after{content:" · new";color:var(--red)}:root:not([data-ui=classic]) #whatsnew .sheet{width:min(620px,100%)}:root:not([data-ui=classic]) .update{padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}:root:not([data-ui=classic]) .update:first-child{border-top:0}:root:not([data-ui=classic]) .update-version{margin:0;font-size:var(--fs-xs);color:var(--mute)}:root:not([data-ui=classic]) .update-title{margin:4px 0 8px;font-family:var(--font-pixel);font-weight:700;font-size:var(--fs-l);letter-spacing:.04em;text-transform:uppercase;line-height:1.15}:root:not([data-ui=classic]) .update ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:var(--fs-sm);line-height:1.4;color:var(--white)}:root:not([data-ui=classic]) .update li::marker{content:"▪ ";color:var(--mute)}:root:not([data-ui=classic]) .update.latest li::marker{color:var(--red)}:root:not([data-ui=classic]) .new-badge{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:2px;background:var(--red);color:var(--white);font-weight:700;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;vertical-align:3px}:root:not([data-ui=classic]) #invite{display:grid;place-items:center;background:#111111d1}:root:not([data-ui=classic]) #invite .sheet{width:min(360px,100%);padding:18px 16px 16px;text-align:center;color:var(--ink);background:var(--white);border:var(--line) solid var(--ink);border-radius:4px;box-shadow:var(--cut);user-select:text;-webkit-user-select:text}:root:not([data-ui=classic]) #invite .close-btn{top:4px;right:4px;color:var(--ink)}:root:not([data-ui=classic]) #invite .kicker{color:var(--mute-ink)}:root:not([data-ui=classic]) #invite-title{margin-top:12px;font-family:var(--font-pixel);font-weight:700;font-size:24px;letter-spacing:.04em;text-transform:uppercase}:root:not([data-ui=classic]) #invite-lead{margin:4px 0 12px;font-size:var(--fs-xs);color:var(--mute-ink)}:root:not([data-ui=classic]) #invite-qr{width:min(210px,56vw,40vh);aspect-ratio:1;margin:0 auto;padding:6px;background:var(--white);border:2px solid var(--ink);border-radius:2px}:root:not([data-ui=classic]) #invite-qr svg{display:block;width:100%;height:100%}:root:not([data-ui=classic]) #invite-url{margin:12px 0;font-size:var(--fs-sm);word-break:break-all;color:var(--mute-ink)}:root:not([data-ui=classic]) #invite .row{display:flex;gap:12px;justify-content:center}:root:not([data-ui=classic]) #invite .row .sticker-btn{flex:1;width:auto}:root:not([data-ui=classic]) .room-code{margin:6px auto 2px;width:fit-content;padding:6px 12px 4px 20px;font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.22em;background:var(--red);color:var(--white);border:var(--line) solid var(--ink);border-radius:4px;box-shadow:0 0 0 3px var(--white),0 0 0 5px var(--ink);transform:rotate(-3deg)}:root:not([data-ui=classic]) #loading{z-index:40;display:grid;place-items:center}:root:not([data-ui=classic]) .loading-card{display:grid;justify-items:center;gap:30px}:root:not([data-ui=classic]) .loading-ball{width:52px;height:52px;border:var(--line) solid var(--ink);border-radius:50%;background-image:radial-gradient(circle,rgba(17,17,17,.3) 2px,transparent 2.5px),radial-gradient(circle at 35% 35%,#fff 0 45%,#d6d6d6 75%);background-size:9px 9px,100% 100%;box-shadow:0 0 0 3px var(--white);animation:bounce .7s cubic-bezier(.3,0,.7,1) infinite alternate}:root:not([data-ui=classic]) .loading-card .bubble{transform:perspective(600px) rotateY(-14deg) rotate(-4deg);font-family:var(--font-display);font-weight:400;font-size:var(--fs-m);text-transform:uppercase}:root:not([data-ui=classic]) #noroom{z-index:45;display:grid;place-items:center}:root:not([data-ui=classic]) .noroom-card{width:min(340px,100%);display:grid;justify-items:center}:root:not([data-ui=classic]) .noroom-card .burst{filter:none;transform:rotate(-5deg);z-index:1;margin-bottom:18px}:root:not([data-ui=classic]) .noroom-card .burst>span{padding:0;background:none;clip-path:none;font-size:var(--fs-xxl);transform:skew(-8deg)}:root:not([data-ui=classic]) .noroom-card .sticker{width:100%;padding:20px 16px 10px;text-align:center;display:grid;gap:14px}:root:not([data-ui=classic]) #full{z-index:45;display:grid;place-items:center;text-align:center}:root:not([data-ui=classic]) .full-card{display:grid;justify-items:center;gap:34px;max-width:320px}:root:not([data-ui=classic]) .full-card .bubble{font-family:var(--font-display);font-weight:400;font-size:var(--fs-l);text-transform:uppercase;transform:perspective(600px) rotateY(-14deg) rotate(-4deg)}:root:not([data-ui=classic]) .full-card .label{font-size:var(--fs-sm);line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:.02em}@media(max-width:520px){:root:not([data-ui=classic]) .hud-left{grid-template-columns:minmax(0,1fr);gap:8px}:root:not([data-ui=classic]) #ball-arrow{grid-column:1;grid-row:2}:root:not([data-ui=classic]) .actions-top{gap:7px}:root:not([data-ui=classic]) .icon-btn{width:44px;height:44px}:root:not([data-ui=classic]) #cam-btn{display:none}:root:not([data-ui=classic]) #hole-name{font-size:var(--fs-m)}:root:not([data-ui=classic]) #stroke-num{font-size:40px}}@media(max-width:720px)and (orientation:portrait){:root:not([data-ui=classic]) #jump{width:86px;height:86px}:root:not([data-ui=classic]) #boost{width:70px;height:70px}:root:not([data-ui=classic]) #super{width:60px;height:60px}:root:not([data-ui=classic]) #chip{width:72px;height:60px}:root:not([data-ui=classic]) #stick-zone{width:140px;height:140px}:root:not([data-ui=classic]) #stick{width:112px;height:112px}:root:not([data-ui=classic]) .meter-wedge{min-width:70px}:root:not([data-ui=classic]) body[data-controls=buttons] #pad-steer button{width:64px;height:64px}:root:not([data-ui=classic]) body[data-controls=buttons] #pad-pedals button{width:64px}:root:not([data-ui=classic]) body[data-controls=buttons] #pad-pedals #pad-gas{height:84px}:root:not([data-ui=classic]) body[data-controls=buttons] #actions{grid-template-columns:auto auto;grid-template-areas:"meters meters" "chip super" "pedals boost" "pedals jump";gap:8px 10px}:root:not([data-ui=classic]) body[data-controls=buttons] #jump{width:72px;height:72px}:root:not([data-ui=classic]) body[data-controls=buttons] #boost{width:64px;height:64px}:root:not([data-ui=classic]) body[data-controls=buttons] #super{width:56px;height:56px}:root:not([data-ui=classic]) body[data-controls=buttons] #chip{width:64px;height:56px}:root:not([data-ui=classic]) body[data-controls=buttons] #meters{padding-left:0}}@media(orientation:portrait){:root:not([data-ui=classic]) #hint{top:auto;bottom:calc(270px + var(--safe-b))}:root:not([data-ui=classic]) body[data-controls=buttons] #hint{bottom:calc(340px + var(--safe-b))}:root:not([data-ui=classic]) #tilt{top:calc(140px + var(--safe-t));bottom:auto;left:auto;right:calc(12px + var(--safe-r));max-width:150px;white-space:normal;text-align:right;line-height:1.4;transform:none}}@media(orientation:landscape){:root:not([data-ui=classic]) #tilt{display:none}:root:not([data-ui=classic]) #hint{top:auto;bottom:calc(min(232px,40vh) + var(--safe-b))}}@media(orientation:landscape)and (max-height:500px){:root:not([data-ui=classic]) #jump{width:84px;height:84px}:root:not([data-ui=classic]) #boost{width:68px;height:68px}:root:not([data-ui=classic]) #super{width:58px;height:58px}:root:not([data-ui=classic]) #chip{width:74px;height:58px}:root:not([data-ui=classic]) #actions{gap:8px 12px}:root:not([data-ui=classic]) #pad-steer button,:root:not([data-ui=classic]) #pad-pedals button{width:66px;height:66px}:root:not([data-ui=classic]) #pad-pedals #pad-gas{height:80px}:root:not([data-ui=classic]) #pad-pedals #pad-brake{height:50px}:root:not([data-ui=classic]) #hint{width:250px;left:calc(50% - 125px);bottom:calc(30px + var(--safe-b))}:root:not([data-ui=classic]) #stroke-num{font-size:38px}:root:not([data-ui=classic]) #hole-name{font-size:var(--fs-m)}:root:not([data-ui=classic]) #banner .burst>span{padding:22px 12vw;font-size:34px}:root:not([data-ui=classic]) .banner-body{padding-top:18px}:root:not([data-ui=classic]) #banner-strokes{font-size:var(--fs-l)}:root:not([data-ui=classic]) #banner-car{width:80px;height:56px}:root:not([data-ui=classic]) #scorecard{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}:root:not([data-ui=classic]) .card-body{width:min(620px,100%);padding:10px 14px 6px}:root:not([data-ui=classic]) #card-title{margin:2px 0 4px;font-size:24px}:root:not([data-ui=classic]) #card-table td{padding:3px 4px}:root:not([data-ui=classic]) #card-table th{padding:2px 4px}:root:not([data-ui=classic]) #card-holes-won{margin:6px 0 2px}:root:not([data-ui=classic]) .card-buttons{grid-template-columns:auto auto;justify-content:center;column-gap:20px}:root:not([data-ui=classic]) #card-next{min-height:44px;font-size:var(--fs-m);white-space:nowrap}:root:not([data-ui=classic]) #card-pick{white-space:nowrap}:root:not([data-ui=classic]) #card-next-course{margin-top:2px}:root:not([data-ui=classic]) #scorecard.with-podium .card-body{width:100%}}@media(orientation:landscape)and (min-width:640px){:root:not([data-ui=classic]) #scorecard.with-podium{grid-template-columns:minmax(0,460px) minmax(0,440px);align-items:center;justify-content:center;max-width:100%}:root:not([data-ui=classic]) #scorecard.with-podium .podium{height:min(420px,calc(100vh - 40px - var(--safe-t) - var(--safe-b)));width:100%;max-width:460px;justify-self:end}:root:not([data-ui=classic]) #scorecard.with-podium .card-body{max-height:calc(100vh - 40px - var(--safe-t) - var(--safe-b));overflow-y:auto}}@media(prefers-reduced-motion:reduce){:root:not([data-ui=classic]) *,:root:not([data-ui=classic]) *:before,:root:not([data-ui=classic]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}:root:not([data-ui=classic]) body:not([data-controls=flow]) #flow-zone,:root:not([data-ui=classic]) body:not([data-controls=stick]) #stick-zone,:root:not([data-ui=classic]) body:not([data-controls=buttons]) #pad-steer,:root:not([data-ui=classic]) body:not([data-controls=buttons]) #pad-pedals{display:none}@keyframes nudge{0%,70%,to{box-shadow:0 0 0 2px #fff,0 0 0 2px #ff1c3200}35%{box-shadow:0 0 0 2px #fff,0 0 0 8px #ff1c32cc}}@keyframes pop{50%{transform:scale(1.3) rotate(-6deg)}}@keyframes wobble{50%{transform:rotate(-1deg) skew(-4deg) translateY(-3px)}}@keyframes ready{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 2px #fff0}50%{box-shadow:0 0 0 2px #fff,0 0 18px 6px #ffffffbf}}@keyframes popup{0%{opacity:0;scale:.3}18%{opacity:1;scale:1.15}30%{scale:1}75%{opacity:1}to{opacity:0;scale:1.05;translate:0 -24px}}@keyframes slam{0%{scale:1.6;opacity:0}to{scale:1;opacity:1}}@keyframes rise{0%{translate:0 40px;opacity:0}to{translate:0 0;opacity:1}}@keyframes fade-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes stick-on{0%{scale:1.5;opacity:0}to{scale:1;opacity:1}}@keyframes cursor{50%{opacity:.25}}@keyframes float{50%{translate:0 -10px;rotate:6deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-2.5%)}}@keyframes shadow{50%{transform:scale(.9);opacity:.7}}@keyframes bounce{0%{transform:translateY(-34px) rotate(0)}to{transform:translateY(0) rotate(180deg) scale(1.08,.92)}}@keyframes chip-in{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes banner-in{0%{transform:translate(-50%) scale(.3) rotate(-20deg);opacity:0}to{transform:translate(-50%) rotate(-4deg);opacity:1}}@keyframes confetti{0%{top:-14px;transform:translate(0) rotate(0);opacity:1}85%{opacity:1}to{top:104%;transform:translate(var(--drift, 0px)) rotate(var(--spin, 540deg));opacity:0}}@keyframes replay-blink{50%{opacity:.2}}:root[data-ui=classic]{--ink: #15111c;--ink-2: #221b2e;--paper: #fff7e6;--white: #ffffff;--coral: #ff3b5c;--mint: #1fe0b0;--sun: #ffd23f;--electric: #3d7bff;--purple: #9b5cff;--orange: #ff8a2a;--seat-orange: #ff8a2a;--seat-blue: #3d7bff;--seat-green: #1fcf7a;--seat-purple: #9b5cff;--line: 3px;--line-thick: 4px;--drop: 5px 5px 0 var(--ink);--drop-sm: 3px 3px 0 var(--ink);--font-display: "Bungee", "Arial Black", system-ui, sans-serif;--font-text: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;--fs-hero: clamp(46px, 14vw, 66px);--fs-xxl: 42px;--fs-xl: 32px;--fs-l: 24px;--fs-m: 18px;--fs-base: 15px;--fs-sm: 13px;--fs-xs: 11px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);color:var(--paper);background:var(--ink);font-family:var(--font-text);font-weight:700;font-size:var(--fs-base);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root[data-ui=classic] *{box-sizing:border-box}:root[data-ui=classic] [hidden]{display:none!important}:root[data-ui=classic],:root[data-ui=classic] body{margin:0;height:100%;background:var(--ink)}:root[data-ui=classic] body{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:root[data-ui=classic] .cap,:root[data-ui=classic] #controls .label{pointer-events:none}:root[data-ui=classic] button{font:inherit;color:inherit;cursor:pointer}:root[data-ui=classic] button:focus-visible,:root[data-ui=classic] input:focus-visible{outline:3px solid var(--sun);outline-offset:3px}:root[data-ui=classic] p{margin:0}:root[data-ui=classic] .label{font-family:var(--font-text);font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}:root[data-ui=classic] #view,:root[data-ui=classic] #view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}:root[data-ui=classic] body.at-menu #view,:root[data-ui=classic] body.at-menu #hud{display:none}:root[data-ui=classic] .grid-dark{background-color:var(--ink);background-image:radial-gradient(circle at 15% 10%,rgba(255,59,92,.22),transparent 38%),radial-gradient(circle at 90% 85%,rgba(31,224,176,.2),transparent 42%),linear-gradient(rgba(255,247,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,247,230,.06) 1px,transparent 1px);background-size:auto,auto,24px 24px,24px 24px}:root[data-ui=classic] .grid-light{color:var(--ink);background-color:#fbf8f1;background-image:linear-gradient(rgba(21,17,28,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(21,17,28,.07) 1px,transparent 1px);background-size:22px 22px,22px 22px}:root[data-ui=classic] .sticker{background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:16px;box-shadow:var(--drop)}:root[data-ui=classic] .sticker-btn{display:block;width:100%;min-height:52px;padding:0 16px;border:var(--line) solid var(--ink);border-radius:14px;background:var(--coral);color:var(--white);font-family:var(--font-display);font-size:var(--fs-m);line-height:1.1;text-shadow:2px 2px 0 var(--ink);box-shadow:4px 4px 0 var(--ink);pointer-events:auto;transition:transform .08s,box-shadow .08s}:root[data-ui=classic] .sticker-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] .sticker-btn.big{min-height:64px;font-size:var(--fs-l);border-width:var(--line-thick);box-shadow:6px 6px 0 var(--ink)}:root[data-ui=classic] .sticker-btn.small{min-height:46px;font-size:var(--fs-base)}:root[data-ui=classic] .sticker-btn.mint,:root[data-ui=classic] .sticker-btn.alt{background:var(--mint);color:var(--ink);text-shadow:none}:root[data-ui=classic] .sticker-btn.sun{background:var(--sun);color:var(--ink);text-shadow:none}:root[data-ui=classic] .sticker-btn.paper{background:var(--paper);color:var(--ink);text-shadow:none}:root[data-ui=classic] .sticker-btn.blue{background:var(--electric)}:root[data-ui=classic] .sticker-btn:disabled{background:#b9b3c2;color:#5d566a;text-shadow:none}:root[data-ui=classic] .link-btn{min-height:44px;padding:0 14px;border:0;background:none;color:inherit;font-size:var(--fs-sm);text-decoration:underline wavy var(--coral) 2px;text-underline-offset:6px}:root[data-ui=classic] .close-btn{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:30px;line-height:1}:root[data-ui=classic] .burst{filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(6px 6px 0 var(--ink))}:root[data-ui=classic] .burst>span{display:grid;place-items:center;min-width:240px;padding:34px 40px;background:var(--sun);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0% 18%,13% 22%,9% 2%,27% 15%,37% 0%,47% 14%,60% 1%,66% 17%,84% 4%,82% 24%,100% 22%,90% 41%,100% 56%,85% 63%,95% 86%,74% 79%,66% 100%,54% 83%,41% 98%,34% 80%,15% 95%,18% 75%,0% 76%,10% 52%,1% 38%,11% 33%)}:root[data-ui=classic] .burst.coral>span{background:var(--coral);color:var(--white);text-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] .bubble{position:relative;display:inline-block;background:var(--white);color:var(--ink);border:var(--line) solid var(--ink);border-radius:20px;box-shadow:var(--drop-sm);padding:10px 16px;font-weight:800}:root[data-ui=classic] .bubble:before,:root[data-ui=classic] .bubble:after{content:"";position:absolute;left:22px;width:0;height:0;border-style:solid}:root[data-ui=classic] .bubble:before{bottom:-17px;border-width:17px 16px 0 0;border-color:var(--ink) transparent transparent transparent}:root[data-ui=classic] .bubble:after{bottom:-11px;left:25px;border-width:12px 11px 0 0;border-color:var(--white) transparent transparent transparent}:root[data-ui=classic] #hud{position:absolute;inset:0;pointer-events:none}:root[data-ui=classic] button,:root[data-ui=classic] #stick-zone{pointer-events:auto;touch-action:none}:root[data-ui=classic] .screen button,:root[data-ui=classic] .modal button,:root[data-ui=classic] #scorecard button{touch-action:pan-x pan-y}:root[data-ui=classic] #look-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none;cursor:grab}:root[data-ui=classic] header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}:root[data-ui=classic] .hud-left{min-width:0;display:grid;gap:8px;justify-items:start}:root[data-ui=classic] .hud-right{display:grid;gap:8px;justify-items:end}:root[data-ui=classic] .hole-sticker{max-width:min(260px,46vw);padding:6px 12px 8px;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:12px;box-shadow:var(--drop-sm);transform:rotate(-2deg);transform-origin:left top}:root[data-ui=classic] .hole-meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin:-15px 0 4px -4px}:root[data-ui=classic] #hole-label{display:inline-block;padding:3px 7px 2px;background:var(--ink);color:var(--sun);border-radius:6px;font-size:var(--fs-xs);white-space:nowrap;transform:rotate(-2deg)}:root[data-ui=classic] .mode-tag{padding:2px 6px 1px;border:2px solid var(--ink);border-radius:6px;background:var(--coral);color:var(--white);font-size:var(--fs-xs);transform:rotate(4deg)}:root[data-ui=classic] .mode-tag[data-mode=classic]{background:var(--mint);color:var(--ink)}:root[data-ui=classic] .mode-tag[data-mode=junior]{background:var(--sun);color:var(--ink)}:root[data-ui=classic] #hole-name{font-family:var(--font-display);font-size:var(--fs-m);line-height:1.05;overflow-wrap:anywhere}:root[data-ui=classic] #players{display:flex;flex-wrap:wrap;gap:5px;max-width:min(300px,52vw)}:root[data-ui=classic] .pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px 2px 4px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);font-size:var(--fs-sm);font-weight:800}:root[data-ui=classic] .pill i{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--ink);background:#ccc}:root[data-ui=classic] .pill.orange i{background:var(--seat-orange)}:root[data-ui=classic] .pill.blue i{background:var(--seat-blue)}:root[data-ui=classic] .pill.green i{background:var(--seat-green)}:root[data-ui=classic] .pill.purple i{background:var(--seat-purple)}:root[data-ui=classic] .pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}:root[data-ui=classic] .pill b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-sm)}:root[data-ui=classic] .pill em{font-style:normal;font-family:var(--font-text);font-weight:900;font-size:var(--fs-xs);color:#b26b00}:root[data-ui=classic] .pill.mine{background:var(--sun)}:root[data-ui=classic] .pill.mine em{color:var(--ink)}:root[data-ui=classic] .actions-top{display:flex;gap:7px;align-items:center;pointer-events:auto}:root[data-ui=classic] .icon-btn{width:46px;height:46px;padding:0;display:grid;place-items:center;border:var(--line) solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:var(--drop-sm);transition:transform .08s,box-shadow .08s}:root[data-ui=classic] .icon-btn:nth-child(odd){transform:rotate(-3deg)}:root[data-ui=classic] .icon-btn:nth-child(2n){transform:rotate(2deg)}:root[data-ui=classic] .icon-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] .icon-btn.on{background:var(--sun)}:root[data-ui=classic] #retry{background:var(--coral);color:var(--white)}:root[data-ui=classic] #garage-btn{background:var(--mint)}:root[data-ui=classic] #invite-btn.nudge{animation:c-nudge 2.4s ease-in-out infinite}:root[data-ui=classic] #score{display:grid;justify-items:center;min-width:74px;padding:4px 12px 6px;background:var(--sun);color:var(--ink);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--drop-sm);transform:rotate(3deg)}:root[data-ui=classic] #score .label{font-size:var(--fs-xs)}:root[data-ui=classic] #stroke-num{font-family:var(--font-display);font-size:var(--fs-xl);line-height:.95}:root[data-ui=classic] #stroke-num.pop{animation:c-pop .28s ease}:root[data-ui=classic] #hint{position:absolute;z-index:2;top:calc(118px + var(--safe-t));left:calc(18px + var(--safe-l));max-width:min(260px,70vw);padding:10px 14px;background:var(--white);color:var(--ink);border:var(--line) solid var(--ink);border-radius:18px;box-shadow:var(--drop-sm);font-size:var(--fs-base);font-weight:800;line-height:1.25;transform:rotate(-3deg);animation:c-wobble 2.6s ease-in-out infinite}:root[data-ui=classic] #hint:before,:root[data-ui=classic] #hint:after{content:"";position:absolute;left:26px;border-style:solid}:root[data-ui=classic] #hint:before{bottom:-18px;border-width:18px 16px 0 0;border-color:var(--ink) transparent transparent transparent}:root[data-ui=classic] #hint:after{bottom:-11px;left:29px;border-width:12px 11px 0 0;border-color:var(--white) transparent transparent transparent}:root[data-ui=classic] #tilt{position:absolute;z-index:2;left:50%;bottom:calc(220px + var(--safe-b));transform:translate(-50%) rotate(1.5deg);white-space:nowrap;padding:5px 10px 4px;background:var(--ink);color:var(--sun);border:2px solid var(--sun);border-radius:8px;font-family:var(--font-text);font-weight:900;letter-spacing:.08em;font-size:var(--fs-xs);text-transform:uppercase;opacity:.9}:root[data-ui=classic] #tags{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}:root[data-ui=classic] .tag{position:absolute;transform:translate(-50%,-130%) rotate(-3deg);padding:1px 7px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:7px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);font-size:var(--fs-xs);white-space:nowrap}:root[data-ui=classic] .tag[hidden]{display:none}:root[data-ui=classic] .tag.orange{background:var(--seat-orange)}:root[data-ui=classic] .tag.blue{background:var(--seat-blue);color:var(--white)}:root[data-ui=classic] .tag.green{background:var(--seat-green)}:root[data-ui=classic] .tag.purple{background:var(--seat-purple);color:var(--white)}:root[data-ui=classic] #controls{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));pointer-events:none}:root[data-ui=classic] #controls>*{pointer-events:auto}:root[data-ui=classic] #flow-zone,:root[data-ui=classic] #stick-zone,:root[data-ui=classic] #pad-steer,:root[data-ui=classic] #pad-pedals{display:none}:root[data-ui=classic] body[data-controls=flow] #flow-zone{display:block}:root[data-ui=classic] body[data-controls=stick] #stick-zone{display:grid}:root[data-ui=classic] body[data-controls=buttons] #pad-steer,:root[data-ui=classic] body[data-controls=buttons] #pad-pedals{display:flex}:root[data-ui=classic] .cap{position:absolute;bottom:-2px;font-family:var(--font-text);font-weight:900;letter-spacing:.08em;font-size:var(--fs-xs);text-transform:uppercase;text-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] #flow-zone{position:fixed;left:0;top:calc(96px + var(--safe-t));bottom:0;width:50vw;touch-action:none}:root[data-ui=classic] #flow-zone .cap{left:calc(30px + var(--safe-l));bottom:calc(12px + var(--safe-b));opacity:.85}:root[data-ui=classic] #flow-ring,:root[data-ui=classic] #flow-dot{position:absolute;left:calc(92px + var(--safe-l));top:calc(100% - 108px - var(--safe-b));transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}:root[data-ui=classic] #flow-ring{width:140px;height:140px;border:3px dashed rgba(255,247,230,.55);background:#15111c1f;transition:opacity .15s}:root[data-ui=classic] #flow-dot{width:56px;height:56px;background:var(--paper);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);opacity:.9}:root[data-ui=classic] #flow-zone.active #flow-ring{border-color:var(--sun)}:root[data-ui=classic] #flow-zone.active #flow-dot{opacity:1;background:var(--sun)}:root[data-ui=classic] #flow-zone.active .cap{opacity:0}:root[data-ui=classic] #stick-zone{width:150px;height:150px;display:grid;place-items:center;position:relative}:root[data-ui=classic] #stick{width:120px;height:120px;border-radius:50%;background:#15111c40;border:3px dashed rgba(255,247,230,.6);display:grid;place-items:center}:root[data-ui=classic] #knob{width:60px;height:60px;border-radius:50%;background:var(--paper);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] #pad-steer{gap:10px;align-items:flex-end}:root[data-ui=classic] #pad-steer button,:root[data-ui=classic] #pad-pedals button{width:72px;height:72px;border-radius:20px;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--paper);color:var(--ink);font-size:26px;touch-action:none}:root[data-ui=classic] #pad-left{transform:rotate(-3deg)}:root[data-ui=classic] #pad-right{transform:rotate(3deg)}:root[data-ui=classic] #pad-pedals{flex-direction:column-reverse;gap:8px;grid-area:pedals;align-self:end}:root[data-ui=classic] #pad-pedals #pad-gas{background:var(--sun);height:92px}:root[data-ui=classic] #pad-pedals #pad-brake{height:56px;font-size:20px}:root[data-ui=classic] #actions{display:grid;grid-template-columns:auto auto;grid-template-areas:"meters meters" ". super" "boost jump";gap:8px 10px;align-items:end;justify-items:center;margin-left:auto}:root[data-ui=classic] body[data-controls=buttons] #actions{grid-template-columns:auto auto auto;grid-template-areas:"meters meters meters" "pedals . super" "pedals boost jump"}:root[data-ui=classic] #jump,:root[data-ui=classic] #boost,:root[data-ui=classic] #super{border:var(--line) solid var(--ink);border-radius:50%;font-family:var(--font-display);font-size:var(--fs-base);box-shadow:4px 4px 0 var(--ink);touch-action:none;transition:transform .06s,box-shadow .06s,background .2s}:root[data-ui=classic] #jump{grid-area:jump;width:96px;height:96px;background:var(--mint);color:var(--ink)}:root[data-ui=classic] #boost{grid-area:boost;width:78px;height:78px;background:var(--coral);color:var(--white);text-shadow:2px 2px 0 var(--ink);font-size:var(--fs-sm)}:root[data-ui=classic] #super{grid-area:super;width:66px;height:66px;padding:0;background:var(--purple);color:var(--white);font-size:var(--fs-sm);text-shadow:2px 2px 0 var(--ink)}:root[data-ui=classic] #super.empty{background:#6d6378;color:#d9d2e3;text-shadow:none}:root[data-ui=classic] #super.ready{background:var(--purple);animation:c-ready .9s ease-in-out infinite}:root[data-ui=classic] body.no-super #super,:root[data-ui=classic] body.no-super #super-meter{display:none}:root[data-ui=classic] #jump.held,:root[data-ui=classic] #boost.held,:root[data-ui=classic] #super.held,:root[data-ui=classic] #pad-steer button.held,:root[data-ui=classic] #pad-pedals button.held{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] #meters{grid-area:meters;display:grid;gap:6px;justify-self:stretch;padding-left:14px}:root[data-ui=classic] .meter{position:relative;display:flex;align-items:center;height:26px}:root[data-ui=classic] .meter-cap{position:relative;z-index:1;flex:none;width:30px;height:30px;margin-right:-8px;display:grid;place-items:center;border:var(--line) solid var(--ink);border-radius:50%;background:var(--sun);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}:root[data-ui=classic] .super-meter .meter-cap{background:var(--purple);color:var(--white)}:root[data-ui=classic] .meter-bar{flex:1;height:16px;min-width:90px;border:var(--line) solid var(--ink);border-radius:4px;background:#15111c99;box-shadow:2px 2px 0 var(--ink);overflow:hidden;transform:skew(-18deg)}:root[data-ui=classic] .meter-fill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--mint),var(--sun) 55%,var(--coral));background-size:var(--meter-w, 100%) 100%;will-change:transform}:root[data-ui=classic] .super-meter .meter-fill{background:linear-gradient(90deg,var(--electric),var(--purple) 60%,#ff5cd6)}:root[data-ui=classic] .meter-max{position:absolute;right:-6px;top:-12px;font-family:var(--font-display);font-size:var(--fs-base);color:var(--coral);text-transform:uppercase;-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink);transform:rotate(-10deg) scale(.6);opacity:0;transition:opacity .15s,transform .2s cubic-bezier(.2,1.8,.4,1)}:root[data-ui=classic] .super-meter .meter-max{color:var(--sun)}:root[data-ui=classic] .meter.full .meter-max{opacity:1;transform:rotate(-10deg) scale(1)}:root[data-ui=classic] #popups{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}:root[data-ui=classic] .popup{position:absolute;left:50%;top:36%;transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) rotate(var(--r, 0deg));pointer-events:none;animation:c-popup .9s cubic-bezier(.2,1.6,.4,1) forwards}:root[data-ui=classic] .popup>span{display:block;font-family:var(--font-display);line-height:1;text-transform:uppercase;white-space:nowrap}:root[data-ui=classic] .popup.burst>span{min-width:0;padding:22px 26px;font-size:var(--fs-l)}:root[data-ui=classic] .popup.burst.coral>span{background:var(--coral);color:var(--white);text-shadow:2px 2px 0 var(--ink)}:root[data-ui=classic] .popup.burst.electric>span{background:var(--electric);color:var(--white);text-shadow:2px 2px 0 var(--ink)}:root[data-ui=classic] .popup.burst.purple>span{background:var(--purple);color:var(--white);text-shadow:3px 3px 0 var(--ink);font-size:var(--fs-xl);padding:28px 34px}:root[data-ui=classic] .popup.burst.mint>span{background:var(--mint)}:root[data-ui=classic] .popup.bubble{padding:0;border:0;background:none;box-shadow:none}:root[data-ui=classic] .popup.bubble>span{position:relative;padding:10px 18px 8px;background:var(--white);color:var(--ink);border:var(--line) solid var(--ink);border-radius:22px;box-shadow:var(--drop-sm);font-size:var(--fs-l)}:root[data-ui=classic] .popup.tag>span{padding:4px 10px 2px;background:var(--mint);color:var(--ink);border:var(--line) solid var(--ink);border-radius:8px;box-shadow:var(--drop-sm);font-size:var(--fs-m)}:root[data-ui=classic] .popup.tag{top:58%}:root[data-ui=classic] #banner{position:absolute;z-index:4;left:50%;top:calc(14% + var(--safe-t));transform:translate(-50%);width:min(330px,calc(100vw - 32px));display:grid;justify-items:center;pointer-events:auto;animation:c-slap .32s cubic-bezier(.2,1.6,.4,1)}:root[data-ui=classic] #banner .burst{transform:rotate(-6deg);z-index:1;margin-bottom:-20px}:root[data-ui=classic] #banner .burst>span{font-size:var(--fs-xl)}:root[data-ui=classic] #banner.ace .burst>span{background:var(--mint)}:root[data-ui=classic] #banner.oops .burst>span{background:var(--coral);color:var(--white);font-size:var(--fs-xxl);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink),0 0 14px rgba(255,255,255,.9)}:root[data-ui=classic] .banner-body{width:100%;padding:28px 18px 14px;text-align:center;transform:rotate(1.5deg)}:root[data-ui=classic] #banner-who{font-size:var(--fs-xs)}:root[data-ui=classic] #banner-strokes{margin-top:4px;font-family:var(--font-display);font-size:var(--fs-xl)}:root[data-ui=classic] #banner-par{display:inline-block;margin:4px 0 14px;padding:2px 10px;border:2px solid var(--ink);border-radius:8px;background:var(--electric);color:var(--white);font-family:var(--font-display);font-size:var(--fs-base);transform:rotate(-2deg)}:root[data-ui=classic] #banner-timer{margin-top:10px;font-size:var(--fs-xs);opacity:.7}:root[data-ui=classic] #scorecard{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#15111c99;pointer-events:auto}:root[data-ui=classic] .card-body{position:relative;width:min(440px,100%);max-height:100%;overflow-y:auto;padding:18px 16px 14px;text-align:center;transform:rotate(-1deg);animation:c-rise .35s cubic-bezier(.2,1.4,.4,1);background-image:linear-gradient(rgba(21,17,28,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(21,17,28,.05) 1px,transparent 1px);background-size:18px 18px}:root[data-ui=classic] #card-course{display:inline-block;padding:3px 10px;background:var(--mint);border:2px solid var(--ink);border-radius:8px;font-size:var(--fs-xs);transform:rotate(-3deg)}:root[data-ui=classic] #card-title{margin:6px 0 10px;font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;color:var(--coral);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] #card-table{width:100%;border-collapse:collapse;font-weight:800;font-size:var(--fs-base)}:root[data-ui=classic] #card-table th{font-family:var(--font-text);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:var(--fs-xs);padding:4px;border-bottom:3px solid var(--ink)}:root[data-ui=classic] #card-table td{padding:8px 4px;border-bottom:2px dashed rgba(21,17,28,.25)}:root[data-ui=classic] #card-table td.name{text-align:left;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-ui=classic] #card-table .par-row td{font-family:var(--font-text);font-weight:900;font-size:var(--fs-xs);opacity:.6}:root[data-ui=classic] #card-table tr.orange td.name{color:#e5540c}:root[data-ui=classic] #card-table tr.blue td.name{color:var(--electric)}:root[data-ui=classic] #card-table tr.green td.name{color:#0a9e6a}:root[data-ui=classic] #card-table tr.purple td.name{color:var(--purple)}:root[data-ui=classic] #card-table tr.me td{background:#ffd23f59}:root[data-ui=classic] #card-table td.under{color:#0a9e78}:root[data-ui=classic] #card-table td.over{color:var(--coral)}:root[data-ui=classic] #card-table td.total{font-family:var(--font-display);font-weight:400;white-space:nowrap}:root[data-ui=classic] #card-holes-won{margin:12px 0 14px;font-size:var(--fs-xs);opacity:.75}:root[data-ui=classic] .card-buttons{display:grid;gap:10px}:root[data-ui=classic] #card-next-course{margin-top:10px;font-size:var(--fs-xs);opacity:.6}:root[data-ui=classic] #spectate{position:absolute;left:50%;bottom:calc(16px + var(--safe-b));transform:translate(-50%) rotate(-1deg);z-index:3;display:flex;gap:10px;align-items:center;padding:8px 10px 8px 12px;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:16px;box-shadow:var(--drop);pointer-events:auto;white-space:nowrap}:root[data-ui=classic] .spectate-tag{padding:3px 7px 2px;background:var(--ink);color:var(--sun);border-radius:6px;font-size:var(--fs-xs)}:root[data-ui=classic] #spectate-next{min-height:46px;padding:0 12px;border:var(--line) solid var(--ink);border-radius:12px;background:var(--white);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);font-size:var(--fs-base)}:root[data-ui=classic] #spectate-play{width:auto;min-height:46px;padding:0 18px;font-size:var(--fs-base)}:root[data-ui=classic] body.spectating #controls,:root[data-ui=classic] body.spectating #retry,:root[data-ui=classic] body.spectating #score{display:none}:root[data-ui=classic] .modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#15111c9e}:root[data-ui=classic] .modal .sheet{position:relative;width:min(360px,100%);max-height:100%;overflow-y:auto;padding:18px 16px 16px;animation:c-rise .3s cubic-bezier(.2,1.4,.4,1);transform:rotate(-1deg)}:root[data-ui=classic] .kicker{font-size:var(--fs-xs);opacity:.7}:root[data-ui=classic] #invite .sheet{text-align:center;user-select:text;-webkit-user-select:text}:root[data-ui=classic] #invite-title{margin-top:8px;font-family:var(--font-display);font-size:var(--fs-m)}:root[data-ui=classic] #invite-lead{margin:4px 0 10px;font-size:var(--fs-xs);opacity:.7}:root[data-ui=classic] #invite-qr{width:min(210px,56vw,40vh);aspect-ratio:1;margin:0 auto;padding:6px;background:var(--white);border:var(--line) solid var(--ink);border-radius:12px;box-shadow:var(--drop-sm);transform:rotate(1.5deg)}:root[data-ui=classic] #invite-qr svg{display:block;width:100%;height:100%}:root[data-ui=classic] #invite-url{margin:12px 0 14px;font-size:var(--fs-sm);font-weight:700;word-break:break-all;opacity:.75}:root[data-ui=classic] #invite .row{display:flex;gap:10px;justify-content:center}:root[data-ui=classic] #invite .row .sticker-btn{flex:1;width:auto}:root[data-ui=classic] #invite .row #invite-copy{background:var(--ink);text-shadow:none}:root[data-ui=classic] .room-code{margin:4px auto 2px;width:fit-content;padding:4px 14px 2px 20px;font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.22em;background:var(--sun);border:var(--line) solid var(--ink);border-radius:10px;box-shadow:var(--drop-sm);transform:rotate(-3deg)}:root[data-ui=classic] #settings .sheet{text-align:left}:root[data-ui=classic] #settings-title{margin:0 0 4px;font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;color:var(--electric);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] .group-label{display:block;margin:14px 0 6px;font-size:var(--fs-xs);opacity:.7}:root[data-ui=classic] #settings .choices{display:grid;gap:8px}:root[data-ui=classic] #settings .choices button{display:grid;gap:2px;min-height:48px;text-align:left;padding:9px 12px;border:var(--line) solid var(--ink);border-radius:12px;background:var(--white);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] #settings .choices button b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-base)}:root[data-ui=classic] #settings .choices button span{font-size:var(--fs-sm);opacity:.75}:root[data-ui=classic] #settings .choices button.on{background:var(--mint);transform:rotate(-1deg)}:root[data-ui=classic] #settings .choices button.on b:after{content:" ✓"}:root[data-ui=classic] #settings .hint-small{margin:12px 0 0;font-size:var(--fs-xs);opacity:.6}:root[data-ui=classic] .settings-room{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:2px dashed rgba(21,17,28,.3)}:root[data-ui=classic] .screen{position:fixed;inset:0;z-index:20;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}:root[data-ui=classic] #menu{display:grid;place-items:center}:root[data-ui=classic] .menu-inner{position:relative;z-index:1;width:min(380px,100%);display:grid;justify-items:center;gap:22px}:root[data-ui=classic] .logo{display:grid;justify-items:center;position:relative}:root[data-ui=classic] .logo-kicker{position:absolute;z-index:2;top:4px;left:-2px;padding:2px 10px;background:var(--white);color:var(--coral);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--drop-sm);font-family:var(--font-display);font-size:var(--fs-m);transform:rotate(-12deg)}:root[data-ui=classic] .logo-burst{transform:rotate(-5deg);animation:c-logo-in .6s cubic-bezier(.2,1.6,.4,1)}:root[data-ui=classic] .logo-burst>span{padding:48px 54px 44px;background:var(--coral);color:var(--sun);font-size:var(--fs-hero);line-height:.88;-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);white-space:normal}:root[data-ui=classic] .logo-tag{margin-top:6px;padding:4px 10px 3px;background:var(--ink);border:2px solid var(--mint);border-radius:8px;color:var(--mint);font-size:var(--fs-xs);text-align:center;transform:rotate(1.5deg)}:root[data-ui=classic] .menu-buttons{width:100%;display:grid;gap:14px}:root[data-ui=classic] #menu-quick{transform:rotate(-1.5deg);font-size:var(--fs-xl)}:root[data-ui=classic] #menu-quick,:root[data-ui=classic] #menu-play{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1}:root[data-ui=classic] #menu-quick small,:root[data-ui=classic] #menu-play small{font-size:var(--fs-xs);letter-spacing:.06em;text-shadow:none;opacity:.85}:root[data-ui=classic] #menu-play{transform:rotate(1deg);font-size:var(--fs-l);min-height:58px}:root[data-ui=classic] .join-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px;transform:rotate(1deg)}:root[data-ui=classic] .join-row label{padding-left:6px;font-size:var(--fs-sm)}:root[data-ui=classic] .join-row .sticker-btn{width:auto;min-height:48px;padding:0 16px}:root[data-ui=classic] #menu-code{min-width:0;width:100%;height:48px;border:var(--line) solid var(--ink);border-radius:10px;padding:0 10px;font-family:var(--font-display);font-size:var(--fs-l);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:var(--white);user-select:text;-webkit-user-select:text}:root[data-ui=classic] .menu-error{min-height:1em;margin:-6px 0 -4px;font-size:var(--fs-xs);color:var(--coral);text-align:center}:root[data-ui=classic] .menu-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}:root[data-ui=classic] #menu-garage{transform:rotate(2deg)}:root[data-ui=classic] #menu-settings{transform:rotate(-2deg)}:root[data-ui=classic] .pile{position:fixed;inset:0;pointer-events:none;overflow:hidden}:root[data-ui=classic] .deco{position:absolute;display:block;border:var(--line) solid var(--ink);box-shadow:var(--drop-sm)}:root[data-ui=classic] .deco-ball{top:9%;right:7%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 40%,#e9e4f0 41%);background-image:radial-gradient(circle,rgba(21,17,28,.25) 2px,transparent 2.5px),radial-gradient(circle at 35% 35%,#fff 0 45%,#ddd6e6 70%);background-size:10px 10px,100% 100%;animation:c-float 4s ease-in-out infinite}:root[data-ui=classic] .deco-flag{bottom:11%;left:6%;width:6px;height:90px;background:var(--paper);border-width:2px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-8deg)}:root[data-ui=classic] .deco-flag i{position:absolute;top:-2px;left:4px;width:46px;height:30px;background:var(--coral);border:var(--line) solid var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}:root[data-ui=classic] .deco-fore{top:6%;left:6%;padding:6px 14px 4px;background:var(--white);color:var(--ink);border-radius:18px;font-family:var(--font-display);font-size:var(--fs-m);transform:rotate(-10deg)}:root[data-ui=classic] .deco-par{bottom:20%;right:5%;padding:4px 8px 3px;background:var(--mint);color:var(--ink);border-radius:6px;font-size:var(--fs-xs);transform:rotate(12deg)}:root[data-ui=classic] .deco-star{top:38%;left:-14px;width:64px;height:64px;border:0;box-shadow:none;background:var(--sun);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:c-spin 14s linear infinite}:root[data-ui=classic] .deco-tape{bottom:3%;right:8%;width:132px;height:80px;padding:8px;background:var(--purple);border-radius:10px;transform:rotate(-7deg);color:var(--white)}:root[data-ui=classic] .deco-tape b,:root[data-ui=classic] .deco-tape i{display:block;font-style:normal;font-size:var(--fs-xs)}:root[data-ui=classic] .deco-tape i{color:var(--sun)}:root[data-ui=classic] .deco-tape em{position:absolute;bottom:9px;width:22px;height:22px;border:var(--line) solid var(--ink);border-radius:50%;background:repeating-conic-gradient(var(--paper) 0 30deg,#cfc6dc 30deg 60deg);animation:c-spin 3s linear infinite}:root[data-ui=classic] .deco-tape em:first-of-type{left:22px}:root[data-ui=classic] .deco-tape em:last-of-type{right:22px}:root[data-ui=classic] .deco-heart{border:0;box-shadow:none;color:var(--coral);font-size:26px;text-shadow:2px 2px 0 var(--ink);animation:c-float 3s ease-in-out infinite}:root[data-ui=classic] .deco-heart.h1{top:20%;right:22%}:root[data-ui=classic] .deco-heart.h2{top:26%;right:14%;font-size:18px;color:var(--mint);animation-delay:-1s}:root[data-ui=classic] .deco-heart.h3{bottom:30%;left:12%;font-size:20px;color:var(--sun);animation-delay:-2s}@media(max-height:640px){:root[data-ui=classic] .deco-tape,:root[data-ui=classic] .deco-flag,:root[data-ui=classic] .deco-par{display:none}:root[data-ui=classic] .logo-burst>span{padding:34px 46px 30px;font-size:var(--fs-xxl)}:root[data-ui=classic] .menu-inner{gap:14px}}@media(orientation:landscape)and (max-height:560px){:root[data-ui=classic] .menu-inner{width:min(760px,100%);grid-template-columns:1fr 1fr;align-items:center;gap:18px}:root[data-ui=classic] .logo-burst>span{font-size:var(--fs-xxl)}}:root[data-ui=classic] #garage{z-index:24;color:var(--paper)}:root[data-ui=classic] .garage-inner{width:min(980px,100%);margin:0 auto;display:grid;gap:12px}:root[data-ui=classic] .garage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}:root[data-ui=classic] .garage-head .kicker{color:var(--mint);opacity:1}:root[data-ui=classic] #garage-title{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;color:var(--sun);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--coral);transform:rotate(-3deg)}:root[data-ui=classic] #garage-close{width:auto;min-width:96px}:root[data-ui=classic] .garage-body{display:grid;gap:14px}:root[data-ui=classic] .garage-stage{position:relative;height:min(42vh,300px);min-height:190px;overflow:hidden;background:radial-gradient(circle at 50% 120%,rgba(255,59,92,.45),transparent 60%),linear-gradient(rgba(21,17,28,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(21,17,28,.06) 1px,transparent 1px),var(--paper);background-size:auto,20px 20px,20px 20px,auto;transform:rotate(-1deg)}:root[data-ui=classic] #garage-preview{position:absolute;inset:0}:root[data-ui=classic] .stage-label{position:absolute;left:10px;top:10px;padding:3px 8px 2px;background:var(--ink);color:var(--sun);border-radius:6px;font-size:var(--fs-xs);pointer-events:none}:root[data-ui=classic] .super-tag{display:inline-block;padding:2px 8px 1px;background:var(--purple);color:var(--white);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);font-size:var(--fs-sm);transform:rotate(4deg)}:root[data-ui=classic] .garage-stage .super-tag{position:absolute;right:12px;top:10px;font-size:var(--fs-base);pointer-events:none}:root[data-ui=classic] .super-tag.mini{font-size:var(--fs-xs);padding:1px 6px 0;justify-self:start}:root[data-ui=classic] .garage-pickers .group-label{color:var(--mint);opacity:1}:root[data-ui=classic] .garage-tabs+.pick-group .group-label{margin-top:0}:root[data-ui=classic] .pick-group{display:contents}:root[data-ui=classic] .lab-only{display:none!important}:root[data-ui=classic] #garage-name{width:100%;height:50px;padding:0 14px;border:var(--line) solid var(--ink);border-radius:12px;box-shadow:var(--drop-sm);background:var(--white);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-m);user-select:text;-webkit-user-select:text}:root[data-ui=classic] .pick-row{display:grid;gap:8px}:root[data-ui=classic] .pick-row.cars{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-ui=classic] .pick-row.chips{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}:root[data-ui=classic] .pick-row button{min-height:48px;padding:8px;border:var(--line) solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left;transition:transform .08s}:root[data-ui=classic] .pick-row button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] .pick-row button.on{background:var(--sun);transform:rotate(-1.5deg)}:root[data-ui=classic] .pick-row.cars button{display:grid;gap:4px;align-content:start}:root[data-ui=classic] .pick-row.cars b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-base)}:root[data-ui=classic] .pick-row.cars small{font-size:var(--fs-xs);line-height:1.25;opacity:.75}:root[data-ui=classic] .stat{display:flex;align-items:center;gap:6px}:root[data-ui=classic] .stat em{flex:none;width:4.4em;font-family:var(--font-text);font-weight:900;font-style:normal;font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;opacity:.75}:root[data-ui=classic] .pips{flex:none;display:flex;gap:2px}:root[data-ui=classic] .pips i{width:9px;height:7px;border:1.5px solid var(--ink);border-radius:2px;background:var(--white)}:root[data-ui=classic] .pips i.on{background:var(--coral)}:root[data-ui=classic] .stat-power .pips i.on{background:var(--electric)}:root[data-ui=classic] .stage-stats{position:absolute;left:10px;bottom:10px;display:grid;gap:3px;max-width:62%;padding:6px 8px;border:2px solid var(--ink);border-radius:10px;background:var(--paper);box-shadow:var(--drop-sm)}:root[data-ui=classic] .stage-stats{width:min(62%,230px);max-width:none}:root[data-ui=classic] .stage-stats small{display:block;min-height:2.4em;font-size:var(--fs-xs);line-height:1.2;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-ui=classic] .podium-tag{max-width:40%}:root[data-ui=classic] .pick-row.chips button{display:flex;align-items:center;gap:8px}:root[data-ui=classic] .pick-row.chips b{font-size:var(--fs-sm);font-weight:800;line-height:1.1}:root[data-ui=classic] .swatch{flex:none;width:26px;height:26px;border:2px solid var(--ink);border-radius:7px;background:var(--seat-orange)}:root[data-ui=classic] .livery-stripes{background:linear-gradient(90deg,var(--seat-orange) 0 30%,var(--white) 30% 42%,var(--seat-orange) 42% 58%,var(--white) 58% 70%,var(--seat-orange) 70%)}:root[data-ui=classic] .livery-flames{background:radial-gradient(circle at 30% 110%,var(--sun) 0 35%,var(--coral) 36% 60%,var(--seat-orange) 61%)}:root[data-ui=classic] .livery-twotone{background:linear-gradient(180deg,var(--white) 0 48%,var(--seat-orange) 48%)}:root[data-ui=classic] .livery-neon{background:var(--seat-orange);box-shadow:inset 0 -4px #fff,0 0 8px 2px var(--seat-orange)}:root[data-ui=classic] .livery-checker{background:repeating-conic-gradient(var(--ink) 0 25%,var(--white) 0 50%) 0 0 / 12px 12px}:root[data-ui=classic] .livery-number{background:radial-gradient(circle,var(--white) 0 40%,var(--seat-orange) 42%);position:relative}:root[data-ui=classic] .livery-number:after{content:"8";display:grid;place-items:center;height:100%;font-family:var(--font-display);font-size:12px;color:var(--ink)}:root[data-ui=classic] .ball-classic,:root[data-ui=classic] .ball-beach,:root[data-ui=classic] .ball-eight,:root[data-ui=classic] .ball-smile,:root[data-ui=classic] .ball-planet{border-radius:50%}:root[data-ui=classic] .ball-classic{background:radial-gradient(circle at 35% 35%,#fff 0 40%,#d9d2e3 80%)}:root[data-ui=classic] .ball-beach{background:conic-gradient(var(--coral) 0 60deg,var(--white) 0 120deg,var(--sun) 0 180deg,var(--white) 0 240deg,var(--electric) 0 300deg,var(--white) 0)}:root[data-ui=classic] .ball-eight{background:radial-gradient(circle at 50% 50%,#fff 0 28%,var(--ink) 30%)}:root[data-ui=classic] .ball-smile{background:var(--sun);position:relative}:root[data-ui=classic] .ball-smile:after{content:"‿";display:grid;place-items:center;height:100%;font-size:14px;font-weight:900;line-height:1;color:var(--ink)}:root[data-ui=classic] .ball-planet{background:radial-gradient(circle at 35% 35%,#c9a6ff,var(--purple) 70%);box-shadow:0 0 0 2px var(--sun) inset}@media(min-width:760px),(orientation:landscape)and (min-width:640px){:root[data-ui=classic] .garage-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}:root[data-ui=classic] .garage-stage{height:min(72vh,440px);position:sticky;top:0}}@media(orientation:landscape)and (max-height:560px){:root[data-ui=classic] .garage-inner{gap:6px}:root[data-ui=classic] #garage-title{font-size:var(--fs-l)}:root[data-ui=classic] .garage-stage{height:calc(100vh - 110px - var(--safe-t) - var(--safe-b));min-height:0}:root[data-ui=classic] .garage-pickers .group-label{margin-top:8px}}:root[data-ui=classic] #courses{z-index:22;display:grid}:root[data-ui=classic] .courses-inner{width:min(720px,100%);margin:auto;display:grid;justify-items:center;gap:4px}:root[data-ui=classic] .courses-head{display:grid;justify-items:center;position:relative}:root[data-ui=classic] .script{font-family:var(--font-display);font-size:var(--fs-m);color:var(--coral);position:absolute;left:-6px;top:-12px;z-index:1;transform:rotate(-10deg);-webkit-text-stroke:.5px var(--ink)}:root[data-ui=classic] #courses-title{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1}:root[data-ui=classic] .courses-count{margin-top:6px;font-size:var(--fs-xs);opacity:.6}:root[data-ui=classic] .courses-stage{position:relative;width:100%;max-width:560px;aspect-ratio:4 / 3;container-type:inline-size;touch-action:pan-y}:root[data-ui=classic] .courses-track{position:absolute;inset:0}:root[data-ui=classic] .course-slide{position:absolute;inset:0;transition:transform .4s cubic-bezier(.3,1.3,.5,1),opacity .3s}:root[data-ui=classic] .course-slide[data-offset="0"]{transform:none;opacity:1;z-index:2}:root[data-ui=classic] .course-slide[data-offset="-1"]{transform:translate(-62%) scale(.5);opacity:.28;filter:grayscale(.4)}:root[data-ui=classic] .course-slide[data-offset="1"]{transform:translate(62%) scale(.5);opacity:.28;filter:grayscale(.4)}:root[data-ui=classic] .course-slide:not([data-offset="0"]) .hole-tag,:root[data-ui=classic] .course-slide:not([data-offset="0"]) .isle-arrows{opacity:0}:root[data-ui=classic] .isle{position:absolute;left:18.75%;top:30%;width:62.5%;height:52%;animation:c-bob 4s ease-in-out infinite}:root[data-ui=classic] .isle-top{position:absolute;left:0;top:0;width:100%;height:62%;border:var(--line-thick) solid var(--ink);border-radius:50%;overflow:hidden;background:repeating-linear-gradient(115deg,rgba(255,255,255,.14) 0 7%,transparent 7% 14%),#3ccf6a;z-index:2}:root[data-ui=classic] .isle-side{position:absolute;left:6%;top:30%;width:88%;height:72%;background:linear-gradient(#a8643a,#7a4426 60%,#5a301b);border:var(--line-thick) solid var(--ink);clip-path:polygon(0 0,100% 0,92% 38%,80% 56%,68% 72%,56% 100%,44% 82%,32% 66%,18% 48%,6% 30%);z-index:1}:root[data-ui=classic] .isle-side:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 18%,rgba(0,0,0,.18) 18% 21%)}:root[data-ui=classic] .isle-shadow{position:absolute;left:22%;top:112%;width:56%;height:10%;border-radius:50%;background:#15111c29;animation:c-shadow 4s ease-in-out infinite}:root[data-ui=classic] .isle-deco{position:absolute;border:var(--line) solid var(--ink);border-radius:50%}:root[data-ui=classic] .isle-path{position:absolute}:root[data-ui=classic] .course-meadow .d1{left:12%;top:22%;width:13%;aspect-ratio:1;background:#1f9e4c}:root[data-ui=classic] .course-meadow .d2{left:22%;top:12%;width:9%;aspect-ratio:1;background:#27b357}:root[data-ui=classic] .course-meadow .d3{left:58%;top:52%;width:22%;height:26%;background:#f4dc8f;border-radius:45% 55% 50% 50%}:root[data-ui=classic] .course-meadow .isle-path{left:30%;top:40%;width:46%;height:18%;border-radius:50%;background:#ffffff47}:root[data-ui=classic] .course-bumper-alley .isle-top{background:repeating-linear-gradient(115deg,rgba(255,255,255,.14) 0 7%,transparent 7% 14%),#31c4a0}:root[data-ui=classic] .course-bumper-alley .d1{left:18%;top:26%;width:9%;aspect-ratio:1;background:var(--coral);box-shadow:0 0 0 3px var(--sun) inset}:root[data-ui=classic] .course-bumper-alley .d2{left:40%;top:50%;width:9%;aspect-ratio:1;background:var(--coral);box-shadow:0 0 0 3px var(--sun) inset}:root[data-ui=classic] .course-bumper-alley .d3{left:60%;top:40%;width:28%;height:40%;background:#5ab8ff;box-shadow:0 0 0 5px #3ccf6a inset}:root[data-ui=classic] .course-long-way .isle-top{background:repeating-linear-gradient(115deg,rgba(255,255,255,.14) 0 7%,transparent 7% 14%),#8bd94a}:root[data-ui=classic] .course-long-way .isle-path{left:6%;top:30%;width:88%;height:40%;border:var(--line) dashed var(--ink);border-radius:40% 60% 30% 70%;background:#ffd23f66}:root[data-ui=classic] .course-long-way .d1{left:26%;top:18%;width:6%;height:30%;border-radius:4px;background:var(--purple)}:root[data-ui=classic] .course-long-way .d2{left:52%;top:52%;width:6%;height:30%;border-radius:4px;background:var(--purple)}:root[data-ui=classic] .course-long-way .d3{left:76%;top:16%;width:10%;aspect-ratio:1;background:#1f9e4c}:root[data-ui=classic] .course-random .isle-top{background:repeating-conic-gradient(from 10deg,#ff7ab8 0 30deg,var(--sun) 0 60deg,var(--mint) 0 90deg,#8ab4ff 0 120deg)}:root[data-ui=classic] .course-random .isle-side{background:linear-gradient(var(--purple),#5b2fb0)}:root[data-ui=classic] .course-random .d1,:root[data-ui=classic] .course-random .d2,:root[data-ui=classic] .course-random .d3{width:14%;aspect-ratio:1;background:var(--white);display:grid;place-items:center}:root[data-ui=classic] .course-random .d1{left:14%;top:22%}:root[data-ui=classic] .course-random .d2{left:44%;top:52%}:root[data-ui=classic] .course-random .d3{left:70%;top:18%}:root[data-ui=classic] .course-random .isle-deco:after{content:"?";font-family:var(--font-display);font-size:4cqw;color:var(--ink);line-height:1}:root[data-ui=classic] .course-random .isle-flag i{background:var(--purple)}:root[data-ui=classic] .isle-flag{position:absolute;z-index:3;width:0;height:0}:root[data-ui=classic] .isle-flag:before{content:"";position:absolute;left:0;bottom:0;width:3px;height:7cqw;background:var(--ink)}:root[data-ui=classic] .isle-flag i{position:absolute;left:2px;bottom:calc(7cqw - 4.6cqw);width:5cqw;height:4.4cqw;display:grid;place-items:center;padding-right:1cqw;background:var(--coral);border:2px solid var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);color:var(--white);font-family:var(--font-display);font-style:normal;font-size:2.2cqw;transform:translateY(-2.6cqw)}:root[data-ui=classic] .isle-arrows{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;z-index:3;pointer-events:none;transition:opacity .3s}:root[data-ui=classic] .hole-tag{position:absolute;z-index:4;display:grid;gap:.3cqw;padding:1.4cqw 2.4cqw 1.6cqw;max-width:34%;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:1.6cqw;box-shadow:.9cqw .9cqw 0 var(--ink);transform:rotate(var(--r, 0deg));transition:opacity .3s}:root[data-ui=classic] .hole-tag .label{font-size:max(9px,2.4cqw);opacity:.7}:root[data-ui=classic] .hole-tag b{font-family:var(--font-display);font-weight:400;font-size:max(12px,3.8cqw);line-height:1.05}:root[data-ui=classic] .hole-tag .par{color:var(--coral);opacity:1}:root[data-ui=classic] .course-slide .hole-tag:nth-of-type(1){background:var(--mint)}:root[data-ui=classic] .course-slide .hole-tag:nth-of-type(3){background:var(--sun)}:root[data-ui=classic] .now-playing{position:absolute;z-index:4;left:3%;bottom:3%;width:24%;aspect-ratio:5 / 3;padding:1.4cqw;background:var(--purple);color:var(--white);border:var(--line) solid var(--ink);border-radius:1.6cqw;box-shadow:.9cqw .9cqw 0 var(--ink);transform:rotate(-6deg)}:root[data-ui=classic] .now-playing b{display:block;font-size:max(8px,2.2cqw)}:root[data-ui=classic] .now-playing em{position:absolute;bottom:14%;width:22%;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:repeating-conic-gradient(var(--paper) 0 30deg,#cfc6dc 30deg 60deg);animation:c-spin 3s linear infinite}:root[data-ui=classic] .now-playing em:first-of-type{left:18%}:root[data-ui=classic] .now-playing em:last-of-type{right:18%}:root[data-ui=classic] .arrow-btn{position:absolute;z-index:5;top:50%;width:48px;height:48px;margin-top:-24px;border:var(--line) solid var(--ink);border-radius:50%;background:var(--white);color:var(--ink);box-shadow:var(--drop-sm);font-size:18px}:root[data-ui=classic] .arrow-btn.prev{left:0}:root[data-ui=classic] .arrow-btn.next{right:0}:root[data-ui=classic] .arrow-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] .courses-foot{width:min(380px,100%);display:grid;justify-items:center;gap:8px;text-align:center}:root[data-ui=classic] #courses-name{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;color:var(--coral);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] .courses-tagline{font-size:var(--fs-base);font-weight:700;opacity:.8}:root[data-ui=classic] .mode-pick{width:100%}:root[data-ui=classic] .mode-pick .group-label{margin:4px 0 6px}:root[data-ui=classic] .mode-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}:root[data-ui=classic] .mode-chip{min-height:46px;border:var(--line) solid var(--ink);border-radius:12px;background:var(--white);color:var(--ink);box-shadow:var(--drop-sm);font-family:var(--font-display);font-size:var(--fs-base)}:root[data-ui=classic] .mode-chip.on.mode-party{background:var(--coral);color:var(--white);text-shadow:2px 2px 0 var(--ink)}:root[data-ui=classic] .mode-chip.on.mode-classic{background:var(--mint)}:root[data-ui=classic] .mode-chip.on.mode-junior{background:var(--sun)}:root[data-ui=classic] .mode-chip.on{transform:rotate(-2deg)}:root[data-ui=classic] .mode-chip:disabled{cursor:default;opacity:.55;box-shadow:none}:root[data-ui=classic] .mode-chip.on:disabled{opacity:1}:root[data-ui=classic] .mode-blurb{min-height:1.3em;margin-top:6px;font-size:var(--fs-sm);opacity:.75}:root[data-ui=classic] .open-toggle{width:100%;display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;border:var(--line) solid var(--ink);border-radius:12px;background:var(--white);color:var(--ink);box-shadow:var(--drop-sm);text-align:left}:root[data-ui=classic] .open-toggle .switch{flex:none;position:relative;width:46px;height:26px;border:var(--line) solid var(--ink);border-radius:999px;background:var(--paper);transition:background .15s}:root[data-ui=classic] .open-toggle .switch i{position:absolute;top:2px;left:2px;width:18px;height:18px;border:2px solid var(--ink);border-radius:50%;background:var(--white);transition:transform .15s}:root[data-ui=classic] .open-toggle[aria-checked=true]{background:var(--mint)}:root[data-ui=classic] .open-toggle[aria-checked=true] .switch{background:var(--electric)}:root[data-ui=classic] .open-toggle[aria-checked=true] .switch i{transform:translate(20px)}:root[data-ui=classic] .open-toggle .open-text{display:grid;gap:2px}:root[data-ui=classic] .open-toggle b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-base)}:root[data-ui=classic] .open-toggle small{font-size:var(--fs-sm);opacity:.75}:root[data-ui=classic] .open-toggle:disabled{cursor:default;opacity:.6;box-shadow:none}:root[data-ui=classic] #courses-go{margin-top:4px}:root[data-ui=classic] .courses-note{font-size:var(--fs-xs);opacity:.6}@media(orientation:landscape)and (max-height:820px){:root[data-ui=classic] .courses-inner{width:min(980px,100%);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"head head" "stage foot";align-items:center;column-gap:18px}:root[data-ui=classic] .courses-head{grid-area:head}:root[data-ui=classic] .courses-stage{grid-area:stage;max-width:min(100%,calc((100vh - 110px) * 4 / 3))}:root[data-ui=classic] .courses-foot{grid-area:foot}:root[data-ui=classic] #courses-title{font-size:var(--fs-l)}:root[data-ui=classic] .script{font-size:var(--fs-base)}:root[data-ui=classic] #courses-name{font-size:var(--fs-l)}}:root[data-ui=classic] #loading{z-index:40;display:grid;place-items:center}:root[data-ui=classic] .loading-card{display:grid;justify-items:center;gap:26px}:root[data-ui=classic] .loading-ball{width:56px;height:56px;border:var(--line) solid var(--ink);border-radius:50%;background-image:radial-gradient(circle,rgba(21,17,28,.25) 2px,transparent 2.5px),radial-gradient(circle at 35% 35%,#fff 0 45%,#ddd6e6 70%);background-size:10px 10px,100% 100%;box-shadow:var(--drop-sm);animation:c-bounce .7s cubic-bezier(.3,0,.7,1) infinite alternate}:root[data-ui=classic] .loading-card .bubble{transform:rotate(-3deg);font-family:var(--font-display);font-weight:400;font-size:var(--fs-m)}:root[data-ui=classic] #noroom{z-index:45;display:grid;place-items:center}:root[data-ui=classic] .noroom-card{width:min(340px,100%);display:grid;justify-items:center}:root[data-ui=classic] .noroom-card .burst{transform:rotate(-5deg);z-index:1;margin-bottom:-22px}:root[data-ui=classic] .noroom-card .burst>span{font-size:var(--fs-xxl);-webkit-text-stroke:2px var(--ink)}:root[data-ui=classic] .noroom-card .sticker{width:100%;padding:30px 16px 10px;text-align:center;display:grid;gap:12px;transform:rotate(1deg)}:root[data-ui=classic] .noroom-card p{font-weight:700}:root[data-ui=classic] #full{z-index:45;display:grid;place-items:center;text-align:center}:root[data-ui=classic] .full-card{display:grid;justify-items:center;gap:26px;max-width:320px}:root[data-ui=classic] .full-card .bubble{font-family:var(--font-display);font-weight:400;font-size:var(--fs-l);transform:rotate(-3deg)}:root[data-ui=classic] .full-card .label{font-size:var(--fs-sm);line-height:1.6;opacity:.8;text-transform:none}@media(max-width:520px){:root[data-ui=classic] .actions-top{gap:6px}:root[data-ui=classic] .icon-btn{width:44px;height:44px;border-radius:12px}:root[data-ui=classic] #cam-btn{display:none}:root[data-ui=classic] #hole-name{font-size:var(--fs-base)}:root[data-ui=classic] #stroke-num{font-size:var(--fs-l)}}@media(max-width:720px)and (orientation:portrait){:root[data-ui=classic] #jump{width:86px;height:86px}:root[data-ui=classic] #boost{width:70px;height:70px}:root[data-ui=classic] #super{width:60px;height:60px}:root[data-ui=classic] #stick-zone{width:140px;height:140px}:root[data-ui=classic] #stick{width:112px;height:112px}:root[data-ui=classic] .meter-bar{min-width:70px}:root[data-ui=classic] body[data-controls=buttons] #pad-steer button{width:64px;height:64px}:root[data-ui=classic] body[data-controls=buttons] #pad-pedals button{width:64px}:root[data-ui=classic] body[data-controls=buttons] #pad-pedals #pad-gas{height:84px}:root[data-ui=classic] body[data-controls=buttons] #actions{grid-template-columns:auto auto;grid-template-areas:"meters meters" "pedals super" "pedals boost" "pedals jump";gap:6px 8px}:root[data-ui=classic] body[data-controls=buttons] #jump{width:72px;height:72px}:root[data-ui=classic] body[data-controls=buttons] #boost{width:64px;height:64px}:root[data-ui=classic] body[data-controls=buttons] #super{width:56px;height:56px}:root[data-ui=classic] body[data-controls=buttons] #meters{padding-left:0}}@media(orientation:landscape){:root[data-ui=classic] #tilt{display:none}:root[data-ui=classic] #hint{top:auto;bottom:calc(min(222px,40vh) + var(--safe-b))}}@media(orientation:landscape)and (max-height:500px){:root[data-ui=classic] #jump{width:84px;height:84px}:root[data-ui=classic] #boost{width:68px;height:68px}:root[data-ui=classic] #super{width:58px;height:58px}:root[data-ui=classic] #actions{gap:6px 10px}:root[data-ui=classic] #pad-steer button,:root[data-ui=classic] #pad-pedals button{width:66px;height:66px}:root[data-ui=classic] #pad-pedals #pad-gas{height:80px}:root[data-ui=classic] #pad-pedals #pad-brake{height:50px}:root[data-ui=classic] #banner{top:calc(6px + var(--safe-t))}:root[data-ui=classic] .banner-body{padding-top:24px}:root[data-ui=classic] #banner-strokes{font-size:var(--fs-l)}:root[data-ui=classic] #banner .burst>span{padding:26px 34px;font-size:var(--fs-l)}}@media(prefers-reduced-motion:reduce){:root[data-ui=classic] *,:root[data-ui=classic] *:before,:root[data-ui=classic] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}@media(max-width:520px){:root[data-ui=classic] .deco-par{display:none}}:root[data-ui=classic] .garage-head{position:sticky;top:calc(-16px - var(--safe-t));z-index:3;margin:calc(-16px - var(--safe-t)) -16px 0;padding:calc(12px + var(--safe-t)) 16px 8px;background:linear-gradient(var(--ink) 80%,rgba(21,17,28,0))}:root[data-ui=classic] body:not([data-controls=flow]) #flow-zone,:root[data-ui=classic] body:not([data-controls=stick]) #stick-zone,:root[data-ui=classic] body:not([data-controls=buttons]) #pad-steer,:root[data-ui=classic] body:not([data-controls=buttons]) #pad-pedals{display:none}:root[data-ui=classic] .hud-left{padding-top:8px}:root[data-ui=classic] .courses-head{padding-top:10px}:root[data-ui=classic] .hud-left{flex:1 1 auto}:root[data-ui=classic] .hud-right{flex:none}:root[data-ui=classic] .hole-sticker{max-width:min(260px,100%)}:root[data-ui=classic] #meters{width:100%;max-width:230px;justify-self:end}@media(orientation:portrait){:root[data-ui=classic] #hint{top:auto;bottom:calc(222px + var(--safe-b))}:root[data-ui=classic] #tilt{top:calc(132px + var(--safe-t));bottom:auto;left:auto;right:calc(12px + var(--safe-r));max-width:150px;white-space:normal;text-align:right;line-height:1.4;transform:rotate(2deg)}}@media(orientation:landscape)and (max-height:500px){:root[data-ui=classic] #scorecard{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}:root[data-ui=classic] .card-body{width:min(620px,100%);padding:10px 14px}:root[data-ui=classic] #card-title{margin:2px 0 4px;font-size:var(--fs-l)}:root[data-ui=classic] #card-table td{padding:3px 4px}:root[data-ui=classic] #card-table th{padding:2px 4px}:root[data-ui=classic] #card-holes-won{margin:6px 0 8px}:root[data-ui=classic] .card-buttons{grid-template-columns:1fr 1fr}:root[data-ui=classic] .card-buttons .sticker-btn{min-height:46px;font-size:var(--fs-base)}:root[data-ui=classic] #card-next-course{margin-top:6px}}:root[data-ui=classic] .courses-stage{overflow-x:clip;overflow-y:visible}:root[data-ui=classic] #actions{grid-template-areas:"meters meters" "chip super" "boost jump"}:root[data-ui=classic] body[data-controls=buttons] #actions{grid-template-areas:"meters meters meters" "pedals chip super" "pedals boost jump"}:root[data-ui=classic] #chip{grid-area:chip;position:relative;overflow:hidden;width:82px;height:66px;padding:0;display:grid;place-items:center;align-content:center;gap:1px;border:var(--line) solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-4deg);touch-action:none;transition:transform .12s cubic-bezier(.2,1.6,.4,1),opacity .12s,box-shadow .06s;animation:c-chip-in .25s cubic-bezier(.2,1.6,.4,1)}:root[data-ui=classic] #chip svg,:root[data-ui=classic] .chip-label{position:relative;z-index:1}:root[data-ui=classic] .chip-label{font-family:var(--font-display);font-size:var(--fs-sm);line-height:1}:root[data-ui=classic] .chip-fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--mint),var(--sun) 55%,var(--coral));will-change:transform}:root[data-ui=classic] #chip.charging{background:#fff;transform:rotate(-4deg) scale(1.08)}:root[data-ui=classic] #chip.held{transform:rotate(-4deg) translate(3px,3px) scale(1.04);box-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] #chip.far{visibility:hidden;opacity:0;pointer-events:none;transform:rotate(-4deg) scale(.4);animation:none}:root[data-ui=classic] body.spectating #chip{display:none}@media(max-width:720px)and (orientation:portrait){:root[data-ui=classic] #chip{width:72px;height:60px}:root[data-ui=classic] body[data-controls=buttons] #actions{grid-template-areas:"meters meters" "chip super" "pedals boost" "pedals jump"}:root[data-ui=classic] body[data-controls=buttons] #chip{width:64px;height:56px}}@media(orientation:landscape)and (max-height:500px){:root[data-ui=classic] #chip{width:74px;height:58px}}:root[data-ui=classic] .whatsnew-btn{position:relative;width:auto;min-height:36px;margin:6px 0 2px;padding:0 14px;font-size:var(--fs-base)}:root[data-ui=classic] .has-news{position:relative}:root[data-ui=classic] .has-news:after{content:"";position:absolute;top:-4px;right:-4px;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--coral);pointer-events:none}:root[data-ui=classic] .whatsnew-btn .news-dot{display:none}:root[data-ui=classic] #whatsnew .sheet{width:min(420px,100%)}:root[data-ui=classic] #whatsnew-title{margin:0 0 8px;font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;color:var(--coral);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink)}:root[data-ui=classic] .update{padding:10px 0;border-top:2px dashed rgba(21,17,28,.25)}:root[data-ui=classic] .update:first-child{border-top:0}:root[data-ui=classic] .update-version{margin:0;font-size:var(--fs-xs);opacity:.7}:root[data-ui=classic] .update-title{margin:2px 0 6px;font-family:var(--font-display);font-size:var(--fs-m)}:root[data-ui=classic] .update ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:var(--fs-sm);line-height:1.35}:root[data-ui=classic] .update.latest .update-title{color:var(--electric)}:root[data-ui=classic] .new-badge{display:inline-block;margin-left:6px;padding:1px 6px;border:1.5px solid var(--ink);border-radius:6px;background:var(--sun);color:var(--ink);font-weight:900;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}:root[data-ui=classic] #ball-arrow{display:flex;align-items:center;gap:7px;padding:3px 12px 3px 3px;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--drop-sm);transform:rotate(-2deg);transform-origin:left center}:root[data-ui=classic] .ba-dial{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:var(--sun);color:var(--coral);transition:background .2s}:root[data-ui=classic] #ba-needle{display:block}:root[data-ui=classic] #ball-arrow.seen .ba-dial{background:var(--mint)}:root[data-ui=classic] .ba-text{display:grid;gap:1px;line-height:1}:root[data-ui=classic] .ba-text .label{font-size:var(--fs-xs);opacity:.7}:root[data-ui=classic] #ba-dist{font-family:var(--font-display);font-weight:400;font-size:var(--fs-m);white-space:nowrap}:root[data-ui=classic] .car-thumb{display:inline-block;aspect-ratio:10 / 7;object-fit:contain;pointer-events:none}:root[data-ui=classic] .pill{padding-left:2px}:root[data-ui=classic] .pill .car-thumb{width:36px;height:25px;margin:-5px -2px;flex:none}:root[data-ui=classic] #card-table td.name .car-thumb{width:40px;height:28px;margin:-8px 4px -8px -4px;vertical-align:middle}:root[data-ui=classic] #banner-car{display:block;width:104px;height:73px;margin:-10px auto -2px}:root[data-ui=classic] #scorecard.with-podium{overflow-y:auto;touch-action:pan-y;align-content:safe center;place-items:initial;justify-items:center;gap:14px}:root[data-ui=classic] #scorecard.with-podium .card-body{max-height:none;overflow:visible;padding-top:12px}:root[data-ui=classic] #scorecard.with-podium #card-title{margin:4px 0 6px;font-size:var(--fs-l)}:root[data-ui=classic] #scorecard.with-podium #card-table td{padding-top:6px;padding-bottom:6px}:root[data-ui=classic] .podium{position:relative;width:min(440px,100%);height:clamp(220px,34vh,320px);border:var(--line) solid var(--ink);border-radius:18px;box-shadow:var(--drop);background:radial-gradient(ellipse at 50% 85%,#3b2350 0,var(--ink) 70%);overflow:hidden;transform:rotate(1deg);animation:c-rise .45s cubic-bezier(.2,1.4,.4,1)}:root[data-ui=classic] .podium-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 50% 62%,rgba(255,210,63,.16) 0 9deg,transparent 9deg 22deg);animation:c-spin 40s linear infinite}:root[data-ui=classic] .podium-stage,:root[data-ui=classic] .podium-labels{position:absolute;inset:40px 0 52px}:root[data-ui=classic] .podium-labels{pointer-events:none}:root[data-ui=classic] .podium-tag{position:absolute;display:grid;justify-items:center;gap:2px;max-width:34%;transform:translate(-50%,6px) rotate(-2deg);white-space:nowrap}:root[data-ui=classic] .podium-tag b{max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:2px 8px 1px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);font-weight:400;font-size:var(--fs-sm)}:root[data-ui=classic] .podium-tag.orange b{background:var(--seat-orange)}:root[data-ui=classic] .podium-tag.blue b{background:var(--seat-blue);color:var(--white)}:root[data-ui=classic] .podium-tag.green b{background:var(--seat-green)}:root[data-ui=classic] .podium-tag.purple b{background:var(--seat-purple);color:var(--white)}:root[data-ui=classic] .podium-tag .label{font-size:var(--fs-xs);color:var(--paper);text-shadow:1px 1px 0 var(--ink)}:root[data-ui=classic] .podium-tag.place-1{z-index:1;transform:translate(-50%,6px) rotate(1.5deg)}:root[data-ui=classic] .podium-tag.place-1 b{font-size:var(--fs-m);padding:3px 10px 2px}:root[data-ui=classic] .podium-tag.place-1 .label{color:var(--sun)}:root[data-ui=classic] .podium-banner{position:absolute;z-index:2;left:50%;top:6px;transform:translate(-50%) rotate(-4deg);animation:c-banner-in .5s .15s cubic-bezier(.2,1.6,.4,1) both}:root[data-ui=classic] .podium-banner>span{min-width:0;padding:14px 26px;font-size:var(--fs-l);background:var(--sun)}:root[data-ui=classic] .confetti{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}:root[data-ui=classic] .confetti i{position:absolute;top:-14px;width:8px;height:13px;border:1.5px solid var(--ink);border-radius:2px;animation:c-confetti 3s linear 2 both}:root[data-ui=classic] .confetti i.round{width:10px;height:10px;border-radius:50%}@media(orientation:landscape)and (min-width:640px){:root[data-ui=classic] #scorecard.with-podium{grid-template-columns:minmax(0,460px) minmax(0,440px);align-items:center;justify-content:center;max-width:100%}:root[data-ui=classic] #scorecard.with-podium .podium{height:min(420px,calc(100vh - 40px - var(--safe-t) - var(--safe-b)));width:100%;max-width:460px;justify-self:end}:root[data-ui=classic] #scorecard.with-podium .card-body{max-height:calc(100vh - 40px - var(--safe-t) - var(--safe-b));overflow-y:auto}}@media(orientation:landscape)and (max-height:500px){:root[data-ui=classic] #scorecard.with-podium .card-body{width:100%}}@media(orientation:landscape)and (max-height:500px){:root[data-ui=classic] #hint{width:250px;left:calc(50% - 125px);bottom:calc(18px + var(--safe-b))}}:root[data-ui=classic] .replay-badge{position:absolute;z-index:6;left:50%;top:calc(10px + var(--safe-t));transform:translate(-50%) rotate(-2deg);display:flex;align-items:center;gap:8px;padding:6px 12px;border:var(--line) solid var(--ink);border-radius:12px;background:var(--ink);color:var(--white);box-shadow:var(--drop-sm);font-family:var(--font-display);font-size:var(--fs-m);pointer-events:auto}:root[data-ui=classic] .replay-badge b{font-weight:400;letter-spacing:.04em}:root[data-ui=classic] .replay-badge small{padding:1px 6px;border-radius:6px;background:var(--sun);color:var(--ink);font-size:var(--fs-xs)}:root[data-ui=classic] .replay-badge em{font-style:normal;font-family:var(--font-text);font-weight:900;font-size:var(--fs-xs);opacity:.8}:root[data-ui=classic] .replay-dot{width:10px;height:10px;border-radius:50%;background:var(--coral);animation:c-replay-blink 1s steps(2) infinite}:root[data-ui=classic] body.replaying #banner{top:auto;bottom:calc(12px + var(--safe-b));transform:translate(-50%) scale(.62);transform-origin:50% 100%;animation:none}:root[data-ui=classic] body.replaying #banner .burst,:root[data-ui=classic] body.replaying #banner-car,:root[data-ui=classic] body.replaying #banner-par{display:none}:root[data-ui=classic] body.replaying #ball-arrow,:root[data-ui=classic] body.replaying #hint{visibility:hidden}@keyframes c-nudge{0%,70%,to{box-shadow:3px 3px 0 var(--ink),0 0 #ffd23f00}35%{box-shadow:3px 3px 0 var(--ink),0 0 0 7px #ffd23fb3}}@keyframes c-pop{50%{transform:scale(1.3) rotate(-6deg)}}@keyframes c-wobble{50%{transform:rotate(-1deg) translateY(-3px)}}@keyframes c-ready{0%,to{box-shadow:4px 4px 0 var(--ink),0 0 #9b5cff00}50%{box-shadow:4px 4px 0 var(--ink),0 0 0 8px #9b5cff8c}}@keyframes c-popup{0%{opacity:0;scale:.3}18%{opacity:1;scale:1.15}30%{scale:1}75%{opacity:1}to{opacity:0;scale:1.05;translate:0 -24px}}@keyframes c-slap{0%{transform:translate(-50%) scale(.4) rotate(-12deg);opacity:0}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes c-rise{0%{transform:translateY(40px) rotate(4deg);opacity:0}to{transform:translateY(0) rotate(-1deg);opacity:1}}@keyframes c-logo-in{0%{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:rotate(-5deg);opacity:1}}@keyframes c-float{50%{transform:translateY(-10px) rotate(6deg)}}@keyframes c-spin{to{transform:rotate(360deg)}}@keyframes c-bob{50%{transform:translateY(-2.5%)}}@keyframes c-shadow{50%{transform:scale(.9);opacity:.7}}@keyframes c-bounce{0%{transform:translateY(-34px) rotate(0)}to{transform:translateY(0) rotate(180deg) scale(1.08,.92)}}@keyframes c-chip-in{0%{transform:rotate(-12deg) scale(.4)}to{transform:rotate(-4deg) scale(1)}}@keyframes c-banner-in{0%{transform:translate(-50%) scale(.3) rotate(-20deg);opacity:0}to{transform:translate(-50%) rotate(-4deg);opacity:1}}@keyframes c-confetti{0%{top:-14px;transform:translate(0) rotate(0);opacity:1}85%{opacity:1}to{top:104%;transform:translate(var(--drift, 0px)) rotate(var(--spin, 540deg));opacity:0}}@keyframes c-replay-blink{50%{opacity:.2}}:root[data-ui=classic] .logo-cluster,:root[data-ui=classic] .now-playing-row,:root[data-ui=classic] .meter-hearts{display:none}:root[data-ui=classic] .meter-wedge{display:contents}:root[data-ui=classic] .meter-fill{transform:scaleX(var(--v, 1))}:root[data-ui=classic] .arrow-btn svg{display:block;width:12px;height:24px;margin:auto}:root[data-ui=classic] .courses-head{text-align:center}:root[data-ui=classic] .courses-head .script{position:static;margin:0 0 -12px -170px}:root[data-ui=classic] .courses-head #courses-name{margin-top:10px}:root[data-ui=classic] .courses-head .courses-tagline{max-width:34ch}:root[data-ui=classic] #settings #reflect-toggle:disabled{opacity:.5;box-shadow:none}