:root{--sky-top:#4db8f2;--sky-bottom:#8ed6ff;--sky-pale:#cfeeff;--lawn:#58b947;--lawn-light:#8be36a;--lawn-deep:#2f8a2a;--lawn-line:#1c5418;--white:#fff;--sand-light:#fff3d1;--sand:#f4d9a0;--sand-lip:#d2a85a;--sand-line:#7a5320;--timber:#e0a35c;--timber-deep:#b9753a;--ink:#1f2440;--ink-soft:#474c6b;--raspberry:#ee3a78;--tomato:#f2542d;--sky:#2d9cdb;--sunflower:#f2c14e;--mint:#6fcf97;--tomato-light:#ff7a52;--tomato-deep:#a92a0c;--tomato-line:#6e1a06;--sunflower-light:#ffe07a;--sunflower-lip:#c98a12;--sunflower-line:#6b4700;--mint-light:#b9f2cf;--off:#b9c7d3;--off-light:#d6e0e8;--off-line:#5d6b7a;--focus:var(--white);--sticker:0 3px 0 var(--ink), 3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 -3px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink), 0 6px 0 var(--ink), 2px 5px 0 var(--ink), -2px 5px 0 var(--ink);--font-display:"Fredoka Variable", "Fredoka", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs--1:clamp(.8125rem, .775rem + .19vw, 1rem);--fs-0:clamp(1rem, .95rem + .25vw, 1.25rem);--fs-1:clamp(1.125rem, 1.05rem + .375vw, 1.5rem);--fs-2:clamp(1.375rem, 1.25rem + .625vw, 2rem);--fs-3:clamp(1.75rem, 1.55rem + 1vw, 2.75rem);--fs-4:clamp(2.25rem, 1.9rem + 1.75vw, 4rem);--fs-5:clamp(3rem, 2.2rem + 4vw, 7rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--gutter:1rem;--page:36rem;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-pill:999px;--line-w:3px;--lift-sm:4px;--lift-md:6px;--lift-lg:9px;--glow:#124a7a52;--t-press:70ms;--t-fast:.15s;--t-med:.2s;--t-slow:.25s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.3, 1.7, .5, 1)}[data-seat="1"]{--seat:var(--raspberry)}[data-seat="2"]{--seat:var(--sky)}[data-seat="3"]{--seat:var(--sunflower)}[data-seat="4"]{--seat:var(--mint)}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:block;font-weight:300 700;src:url(/fonts/fredoka-latin.woff2)format("woff2-variations")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#474322;height:100%}body,#app{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-body);font-size:var(--fs-0);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;line-height:1.4;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background: radial-gradient(ellipse 120% 70% at 50% 45%, #10281e57, #10281e00 75%), var(--backdrop-portrait,none) center / cover no-repeat, #7a9a3c;position:fixed;inset:0}@media (min-aspect-ratio:1){body:before{background:radial-gradient(ellipse 90% 80% at 50% 45%, #10281e4d, #10281e00 75%), var(--backdrop-landscape,none) center / cover no-repeat, #7a9a3c}}.backdrop-fx{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.stage{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.stage.hidden{visibility:hidden}.screen{z-index:1;min-height:100vh;min-height:100dvh;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));position:relative}.page{gap:var(--sp-5);width:100%;max-width:calc(var(--page) + 2 * var(--gutter));flex-direction:column;margin-inline:auto;display:flex}.page section{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}h1,h2,p{margin:0}h1{font:700 var(--fs-3) / 1.08 var(--font-display);letter-spacing:.01em;color:var(--white);text-shadow:var(--sticker);text-wrap:balance;padding-bottom:6px}h2{font:700 var(--fs-1) / 1.2 var(--font-display);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:.125rem .625rem;display:flex}.hint{font:500 var(--fs-0) / 1.3 var(--font-body)}h1,h2,button,summary,.tagline{font-synthesis-weight:none}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;width:1.5rem;height:1.5rem;display:block}:focus{outline:none}:focus-visible{outline:4px solid var(--ink);outline-offset:4px}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(.5)rotate(-5deg)}65%{opacity:1;transform:scale(1.06)rotate(1.5deg)}}@keyframes thunk{0%{transform:translateY(-6px)scale(1.05)}}@keyframes stamp{0%{opacity:0;transform:scale(1.9)rotate(-18deg)}}@keyframes bump{0%{transform:scale(1.5)rotate(4deg)}55%{transform:scale(.92)rotate(-6deg)}}@keyframes tick{0%{transform:scale(1.35)}}@keyframes shake{0%{transform:scale(1.22)rotate(-5deg)}12%{transform:scale(1.1)rotate(5deg)}24%{transform:rotate(-4deg)}36%{transform:rotate(3deg)}48%,to{transform:rotate(0)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-18px)rotate(-3deg)scale(.94)}}@keyframes slap{0%{opacity:0;transform:scale(.88)rotate(4deg)}}@keyframes blink{50%{opacity:.25}}@keyframes march{to{background-position:-28px 100%}}@keyframes turn{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes punch{0%{opacity:0;transform:rotate(-14deg)scale(.3)}60%{opacity:1;transform:rotate(-2deg)scale(1.18)}}@keyframes count-in{0%{opacity:0;transform:scale(2)}55%{opacity:1;transform:scale(.9)}}@keyframes rise-pop{0%{opacity:0;transform:translateY(28px)scale(.88)}65%{opacity:1;transform:translateY(-4px)scale(1.03)}}@keyframes hop{0%,55%,to{transform:translateY(0)scaleY(1)}8%{transform:translateY(3%)scaleY(.94)}28%{transform:translateY(-16%)scaleY(1.03)}48%{transform:translateY(2%)scaleY(.95)}}@keyframes hop-shadow{0%,55%,to{opacity:.22;transform:scaleX(1)}28%{opacity:.12;transform:scaleX(.7)}}@keyframes burst{0%{opacity:1;transform:scale(.1)}55%{opacity:1;transform:scale(1)translateY(0)rotate(12deg)}to{opacity:0;transform:scale(1.08)translateY(70px)rotate(30deg)}}.seats>li,.order>li,.rivals>li,.standings tbody tr,.standings-list>li{animation:rise var(--t-slow) var(--ease-pop) backwards}.drops>.drop,.slots>.slot{animation:pop var(--t-slow) var(--ease-pop) backwards}:is(.seats,.order,.rivals,.slots,.drops,.standings tbody,.standings-list)>:nth-child(2){animation-delay:50ms}:is(.seats,.order,.rivals,.slots,.drops,.standings tbody,.standings-list)>:nth-child(3){animation-delay:.1s}:is(.seats,.order,.rivals,.slots,.drops,.standings tbody,.standings-list)>:nth-child(4){animation-delay:.15s}:is(.seats,.order,.rivals,.slots,.drops,.standings tbody,.standings-list)>:nth-child(n+5){animation-delay:.2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.confetti{display:none}}.tagline,.home label,.page>.note,.big-clock{color:var(--white);text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink), 1.5px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink), 0 4px 0 var(--ink)}.policy-links{color:var(--white);text-shadow:0 1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 -1px 0 var(--ink), 0 2px 3px var(--ink);flex-wrap:wrap;justify-content:center;gap:12px;padding:0 12px;font-size:14px;display:flex}.policy-links a{min-height:44px;color:inherit;text-underline-offset:3px;align-items:center;padding:0 4px;text-decoration:underline;display:inline-flex}.no-3d{z-index:0;border-radius:var(--r-md);width:min(26rem,82vw);color:var(--ink);font:600 var(--fs-0) / 1.35 var(--font-body);text-align:center;box-shadow:0 0 0 var(--line-w) var(--ink);pointer-events:none;background:#ffffffe6;margin:0;padding:.75rem 1rem;position:fixed;top:38%;left:50%;translate:-50% -50%}.primary,.secondary,.chip,.icon-btn,.part-card,.seat,.order li,.panel,.course,.gear-sheet>summary,.gear-body,.room-code,.clock,.count{--face-a:var(--white);--face-b:var(--sand-light);--lip:var(--sand-lip);--line:var(--sand-line);--lift:var(--lift-md);--ring:0 0 0 0 transparent;background:linear-gradient(180deg, var(--face-a), var(--face-b));color:var(--ink);box-shadow:inset var(--ring), inset 0 3px 0 #fff9, inset 0 -4px 0 #00000012, 0 var(--lift) 0 var(--lip), 0 0 0 var(--line-w) var(--line), 0 var(--lift) 0 var(--line-w) var(--line), 0 calc(var(--lift) + 10px) 14px -4px var(--glow)}button{font:inherit;color:inherit;cursor:pointer;appearance:none;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default;opacity:1}.primary,.secondary,.ghost,.chip,.icon-btn,.mini,button.part-card,.gear-sheet>summary{transition:transform var(--t-med) var(--ease-pop), box-shadow var(--t-med) var(--ease-out), background-color var(--t-fast) var(--ease-out)}:is(.primary,.secondary,.chip,.icon-btn,button.part-card,.gear-sheet>summary):active:not(:disabled){--glow:transparent;transform:translateY(calc(var(--lift) - 2px)) scale(.94);box-shadow:inset var(--ring), inset 0 3px 0 #0000001a, inset 0 -4px 0 #00000012, 0 2px 0 var(--lip), 0 0 0 var(--line-w) var(--line), 0 2px 0 var(--line-w) var(--line), 0 4px 6px -2px var(--glow);transition-duration:var(--t-press)}.primary,.secondary,.ghost{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);width:100%;min-height:3.5rem;font:700 var(--fs-1) / 1.15 var(--font-display);letter-spacing:.01em;text-align:center;text-wrap:balance;padding:.5rem 1.25rem;display:flex}.primary{--face-a:var(--sunflower-light);--face-b:#f7b733;--lip:var(--sunflower-lip);--line:var(--sunflower-line);--glow:#8c5a0061}.primary.go{--face-a:var(--lawn-light);--face-b:#4fb53a;--lip:var(--lawn-deep);--line:var(--lawn-line);--glow:#145a146b}.secondary{--lift:var(--lift-sm)}.secondary.copied{--face-a:var(--mint-light);--face-b:var(--mint);--lip:#2f8f5a;--line:#1c5a38}.big{--lift:var(--lift-lg);border-radius:var(--r-lg);min-height:4.25rem;font-size:var(--fs-2)}.giant{--lift:11px;min-height:5.25rem;font-size:var(--fs-3);letter-spacing:.02em;border-radius:28px}:is(.primary,.secondary):disabled{--face-a:var(--off-light);--face-b:var(--off);--lip:#8fa0af;--line:var(--off-line);--lift:2px;--glow:transparent;font-size:var(--fs-1);transform:translateY(4px)}.ghost{border:var(--line-w) dashed var(--ink);border-radius:var(--r-pill);min-height:3rem;font-size:var(--fs-0);background-color:#ffffff59}.ghost:active:not(:disabled){transition-duration:var(--t-press);background-color:#ffffffb3;transform:scale(.94)}.mini{border-radius:var(--r-pill);min-height:2.75rem;font:600 var(--fs--1) / 1 var(--font-display);box-shadow:inset 0 0 0 2px var(--ink);background-color:#fff9;flex:none;padding:0 .875rem}.mini:active:not(:disabled){background-color:var(--white);transition-duration:var(--t-press);transform:scale(.92)}.icon-btn{--lift:var(--lift-sm);border-radius:var(--r-md);flex:none;place-items:center;width:3rem;height:3rem;display:grid}.icon-btn .icon{width:1.75rem;height:1.75rem}.icon-btn[aria-pressed=false]{--face-a:var(--off-light);--face-b:var(--off);--lip:#8fa0af;--line:var(--off-line)}.chips,.tracks{padding:var(--line-w);flex-wrap:wrap;gap:1rem .75rem;display:flex}.chip{--lift:var(--lift-sm);border-radius:var(--r-pill);min-height:2.875rem;font:600 var(--fs-0) / 1.1 var(--font-display);align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}.chip.on,.chip[aria-pressed=true]{--face-a:var(--sunflower-light);--face-b:var(--sunflower);--lip:var(--sunflower-lip);--line:var(--ink);--lift:2px;font-weight:700;transform:translateY(2px)}.chip.on:before,.chip[aria-pressed=true]:before{content:"";border:solid var(--ink);border-width:0 3px 3px 0;flex:none;width:.4rem;height:.8rem;margin:-.2rem .1rem 0 .15rem;transform:rotate(45deg)}.toggle,.assist{align-items:center;gap:var(--sp-3);min-height:3.5rem;font:600 var(--fs-0) / 1.25 var(--font-display);cursor:pointer;display:flex}:is(.toggle,.assist)>.icon{width:2rem;height:2rem}:is(.toggle,.assist)>span{flex:1;min-width:0}:is(.toggle,.assist) input{appearance:none;border-radius:var(--r-pill);background:var(--off);width:4rem;height:2.75rem;box-shadow:inset 0 0 0 var(--line-w) var(--ink), inset 0 6px 0 #0000001f;cursor:pointer;transition:background-color var(--t-fast) var(--ease-out);flex:none;margin:0;position:relative}:is(.toggle,.assist) input:before{content:"";background:var(--white);width:1.75rem;height:1.75rem;box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);transition:transform var(--t-med) var(--ease-pop);border-radius:50%;position:absolute;top:.5rem;left:.375rem}:is(.toggle,.assist) input:checked{background:var(--lawn)}:is(.toggle,.assist) input:checked:before{transform:translate(1.5rem)}:is(.toggle,.assist) input:checked:after{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:.4rem;height:.85rem;position:absolute;top:.725rem;left:.8rem;transform:rotate(45deg)}:is(.toggle,.assist) input:active:before{transform:scale(.85)}:is(.toggle,.assist) input:checked:active:before{transform:translate(1.5rem)scale(.85)}.code-row{padding:var(--line-w) var(--line-w) var(--lift-sm);align-items:stretch;gap:.875rem;display:flex}.code-input{border-radius:var(--r-md);background:var(--white);min-width:0;min-height:3.5rem;color:var(--ink);font:700 var(--fs-2) / 1 var(--font-display);letter-spacing:.16em;text-indent:.16em;text-align:center;text-transform:uppercase;box-shadow:0 0 0 var(--line-w) var(--ink), inset 0 6px 0 #1f244024;-webkit-user-select:text;user-select:text;appearance:none;border:0;flex:1 1 0;padding:0 .5rem}.code-input::placeholder{color:var(--ink-soft);opacity:.45}.code-input:focus-visible{outline-offset:5px}.code-row :is(.primary,.secondary){flex:none;width:auto;min-width:6rem}.plate{--plate-size:2.25rem;vertical-align:middle;width:var(--plate-size);height:var(--plate-size);padding:calc(var(--plate-size) * .15);border-radius:calc(var(--plate-size) * .26);background:var(--seat,var(--off));box-shadow:0 0 0 max(2px, calc(var(--plate-size) * .06)) var(--ink), 0 max(2px, calc(var(--plate-size) * .08)) 0 max(2px, calc(var(--plate-size) * .06)) var(--ink);animation:stamp var(--t-slow) var(--ease-pop) backwards;flex:none;display:inline-grid;transform:rotate(-4deg)}.plate[data-seat="2"],.plate[data-seat="4"]{transform:rotate(3deg)}.plate-num{border-radius:calc(var(--plate-size) * .14);background:var(--white);color:var(--ink);font:700 calc(var(--plate-size) * .6) / 1 var(--font-display);font-variant-numeric:lining-nums;place-items:center;display:grid;position:relative}.plate-num:after{content:"";height:max(1.5px, calc(var(--plate-size) * .045));background:var(--white);position:absolute;top:40%;left:0;right:0}.plate-sm{--plate-size:1.75rem}.plate-lg{--plate-size:3rem}.plate-xl{--plate-size:6.5rem}.banner{top:max(.5rem, env(safe-area-inset-top));z-index:10;margin:var(--line-w);border-radius:var(--r-md);background:linear-gradient(180deg, #c93411, var(--tomato-deep));color:var(--white);font:600 var(--fs-0) / 1.25 var(--font-display);box-shadow:inset 0 3px 0 #ffffff40, 0 0 0 var(--line-w) var(--ink), 0 5px 0 var(--line-w) var(--ink);animation:drop-in var(--t-slow) var(--ease-pop);align-items:center;gap:.625rem;padding:.75rem 1rem;display:flex;position:sticky}.banner:before{content:"";background:var(--sunflower);width:.875rem;height:.875rem;box-shadow:0 0 0 2px var(--ink);border-radius:50%;flex:none;animation:1.2s ease-in-out infinite blink}.note,.hazards{font-weight:600;line-height:1.4}.note.watching{border:var(--line-w) dashed var(--ink);border-radius:var(--r-md);text-align:center;text-wrap:balance;background:#ffffff8c;padding:.875rem 1rem}.state{border-radius:var(--r-pill);min-height:1.875rem;color:var(--ink);font:600 var(--fs--1) / 1 var(--font-display);background:#ffffffb3;flex:none;align-items:center;gap:.3rem;padding:.125rem .625rem;display:inline-flex;box-shadow:inset 0 0 0 2px #1f244073}.state.ready{background:var(--lawn-light);box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);animation:stamp var(--t-slow) var(--ease-pop) backwards;font-weight:700;transform:rotate(-4deg)}.state .icon{width:1.1em;height:1.1em}.panel{gap:var(--sp-3);margin:var(--line-w) var(--line-w) var(--lift-md);padding:var(--sp-4);border-radius:var(--r-lg);flex-direction:column;display:flex}.actions{padding:var(--line-w) var(--line-w) .75rem;flex-direction:column;gap:1.5rem;margin-top:auto;display:flex}.actions:empty{display:none}.actions.sticky{z-index:4;padding-bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + .875rem);position:sticky;bottom:0}@media (max-height:560px){.actions.sticky{position:static}}.top-bar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--line-w) var(--line-w) var(--lift-sm);display:flex}.field-row{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:3.5rem;font:600 var(--fs-0) / 1.25 var(--font-display);flex-wrap:wrap;display:flex}.stage-window{width:calc(100% - 2 * var(--line-w));aspect-ratio:16/10;margin:var(--line-w) var(--line-w) var(--lift-md);border:6px solid var(--white);background:linear-gradient(#0000 0 64%, var(--lawn) 64% 100%), repeating-linear-gradient(90deg, var(--timber) 0 18px, var(--timber-deep) 18px 21px) 0 62% / 100% 22% no-repeat, linear-gradient(var(--sky-pale), #9fdcff);box-shadow:0 0 0 var(--line-w) var(--ink), 0 var(--lift-md) 0 var(--line-w) var(--ink), 0 18px 18px -6px var(--glow), inset 0 0 0 2px #1f244040;border-radius:28px;position:relative;overflow:hidden}.stage-window.square{aspect-ratio:1}.stage-window.wide{aspect-ratio:21/9}.stage-window>canvas,.stage-window>img,.stage-window>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shed-glyph{aspect-ratio:1;width:auto;height:82%;margin-left:-1px;position:absolute;bottom:4%;left:50%;overflow:visible;transform:translate(-50%)}.shed-glyph .shed-body,.shed-glyph .shed-legs{transform-box:view-box;transform-origin:50% 90%;animation:hop 1.6s var(--ease-out) infinite}.shed-glyph .shed-shadow{transform-box:fill-box;transform-origin:50%;animation:hop-shadow 1.6s var(--ease-out) infinite}.confetti{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:4.5rem;left:50%}.confetti:before,.confetti:after{content:"";background:var(--tomato);width:10px;height:10px;box-shadow:-120px -70px 0 0 var(--sky), -92px -118px 0 1px var(--sunflower), -58px -84px 0 -1px var(--mint), -34px -136px 0 0 var(--tomato), 28px -128px 0 1px var(--sky), 64px -92px 0 -1px var(--sunflower), 98px -122px 0 0 var(--mint), 126px -62px 0 1px var(--tomato), -132px -8px 0 -1px var(--sunflower), 136px 0 0 0 var(--sky), -78px 22px 0 0 var(--mint), 82px 30px 0 -1px var(--white);animation:burst 1.1s var(--ease-out) .15s both;border-radius:2px;position:absolute;top:-5px;left:-5px}.confetti:after{background:var(--sunflower);box-shadow:-104px -100px 0 0 var(--tomato), -70px -142px 0 -1px var(--white), -18px -98px 0 1px var(--sky), 44px -150px 0 0 var(--mint), 80px -60px 0 0 var(--tomato), 116px -104px 0 -1px var(--sunflower), -140px -44px 0 0 var(--mint), 140px -34px 0 1px var(--white), -40px 34px 0 0 var(--sky), 36px 40px 0 0 var(--tomato);border-radius:50%;animation-duration:1.3s;animation-delay:.24s;transform:rotate(8deg)}.mute{z-index:5;top:max(.5rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));background:var(--white);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;box-shadow:0 0 0 var(--line-w) var(--ink), 0 3px 0 var(--line-w) var(--ink);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}@media (max-width:720px){.mute.in-room{top:calc(max(var(--gutter), env(safe-area-inset-top)) + var(--line-w) + .125rem);right:calc(max(var(--gutter), env(safe-area-inset-right)) + var(--line-w));position:absolute}}@media (min-width:640px) and (max-width:720px){.mute.in-room{top:calc(max(1.5rem, env(safe-area-inset-top)) + var(--line-w) + .125rem);right:calc(max(1.5rem, env(safe-area-inset-right), (100vw - var(--page)) / 2) + var(--line-w))}}.mute svg{width:1.5rem;height:1.5rem}.mute.off{background:var(--sand);color:var(--ink-soft)}.mute:active{box-shadow:0 0 0 var(--line-w) var(--ink), 0 1px 0 var(--line-w) var(--ink);transform:translateY(2px)}.sound-chip{z-index:20;left:max(.75rem, env(safe-area-inset-left));border-radius:var(--r-pill);background:var(--sunflower);min-height:2.75rem;color:var(--ink);cursor:pointer;font:700 clamp(1rem, 1.6vw, 1.75rem) / 1 var(--font-display);box-shadow:0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);border:0;align-items:center;gap:.5em;padding:.5em 1em .55em .75em;animation:2.4s ease-in-out infinite sound-chip-nudge;display:inline-flex;position:fixed;top:50%;translate:0 -50%}.sound-chip svg{flex:none;width:1.4em;height:1.4em}@keyframes sound-chip-nudge{0%,70%,to{transform:none}80%{transform:translate(.35rem)}90%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sound-chip{animation:none}}.hero{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;display:flex}.bunting{width:min(100%,24rem);height:auto;margin-bottom:-.5rem;display:block}.brand{width:100%;text-shadow:none;padding:0;line-height:0}.wordmark{filter:drop-shadow(0 10px 8px #141e0a73);width:min(92%,24rem);height:auto;animation:drop-in var(--t-slow) var(--ease-pop) backwards;margin-inline:auto;display:block}.wordmark-sm{filter:none;width:8.5rem}.tagline{font:600 var(--fs-1) / 1.3 var(--font-display);text-wrap:balance}.hero-sm{justify-content:flex-start;gap:var(--sp-4);text-align:left;flex-direction:row}.hero-sm .brand{flex:none;width:auto}.home{justify-content:center;gap:var(--sp-4)}.home .stage-window{width:auto;max-height:30vh;max-width:calc(100% - 2 * var(--line-w));align-self:center;height:30vh;min-height:8rem}.home .giant{margin-bottom:var(--sp-3)}.home .join{gap:var(--sp-2)}.home .join h2{font-size:var(--fs-0)}.connecting{text-align:center;justify-content:center}.waiting{background:repeating-linear-gradient(90deg, var(--ink) 0 14px, transparent 14px 28px) 0 100% / calc(100% + 28px) 5px no-repeat;padding-bottom:1rem;animation:.7s linear infinite march}.waiting.trouble{background-image:repeating-linear-gradient(90deg, var(--tomato-deep) 0 14px, transparent 14px 28px)}.room-title{text-shadow:none;flex-direction:column;align-items:center;gap:.25rem;padding:0;display:flex}.room-label{font:700 var(--fs-1) / 1.1 var(--font-display);letter-spacing:.12em;text-indent:.12em;text-transform:uppercase;color:var(--white);text-shadow:var(--sticker);padding-bottom:6px}.room-code{--face-a:#fff6c9;--face-b:var(--sunflower-light);--lip:var(--sunflower-lip);--line:var(--ink);--lift:var(--lift-lg);margin:var(--line-w) var(--line-w) var(--lift-lg);border-radius:var(--r-lg);font:700 clamp(3rem, 16vw, 6rem) / 1.05 var(--font-display);letter-spacing:.1em;text-indent:.1em;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;-webkit-user-select:text;user-select:text;animation:drop-in var(--t-slow) var(--ease-pop) backwards;padding:.1em .3em .14em;display:block;transform:rotate(-1.5deg)}.seats,.rivals,.order{padding:var(--line-w) var(--line-w) var(--lift-md);margin:0;list-style:none}.rivals,.order{flex-direction:column;gap:1.125rem;display:flex}.who{font-weight:500;font-size:var(--fs-0)}.page .course{gap:var(--sp-2);margin:var(--line-w) var(--line-w) var(--lift-md);border-radius:var(--r-lg);padding:.875rem}.course h2{font-size:var(--fs-0);font-weight:600}.course-name{font:700 var(--fs-2) / 1.1 var(--font-display)}.course-hazards{gap:.75rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.hazard{align-items:center;gap:.75rem;min-width:0;display:flex}.hazard-sign{background:linear-gradient(180deg, var(--sunflower-light), var(--sunflower));width:3.5rem;height:3.5rem;color:var(--ink);box-shadow:inset 0 3px 0 #ffffff8c, inset 0 0 0 var(--line-w) var(--ink), inset 0 0 0 6px var(--sunflower-light);border-radius:14px;flex:none;place-items:center;display:grid}.hazard-icon{width:2.25rem;height:2.25rem}.hazard-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.hazard-text strong{font:700 var(--fs-1) / 1.2 var(--font-display)}.preview{justify-content:center}.preview>h1{text-align:center}.preview .course{gap:var(--sp-3);text-align:center;padding:1.25rem 1rem 1.375rem}.preview .course h2{justify-content:center}.preview .course-name{font-size:var(--fs-3)}.preview .course-hazards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:.5rem}.preview .hazard{animation:pop var(--t-slow) var(--ease-pop) backwards;flex-direction:column;align-items:stretch;gap:.625rem}.preview .hazard:nth-child(2){animation-delay:.12s}.preview .hazard-sign{border-radius:var(--r-lg);width:auto;height:auto;padding:1rem .5rem}.preview .hazard-icon{width:clamp(3.5rem,18vmin,9rem);height:clamp(3.5rem,18vmin,9rem)}.preview .hazard-text strong{font-size:var(--fs-2)}@media (orientation:landscape) and (max-height:480px){.preview{column-gap:var(--sp-5);row-gap:var(--sp-3);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-auto-rows:auto;align-content:center;align-items:center;max-width:52rem;padding-block:.75rem;display:grid}.preview>.course{align-self:center;gap:var(--sp-2);grid-area:1/1/span 5;padding:.75rem .875rem .875rem}.preview>:not(.course){grid-column:2}.preview .course-name{font-size:var(--fs-2)}.preview .course-hazards{margin-top:.25rem}.preview .hazard{gap:.375rem}.preview .hazard-sign{padding:.5rem}.preview .hazard-icon{width:clamp(2.75rem,15vmin,4rem);height:clamp(2.75rem,15vmin,4rem)}.preview .hazard-text strong{font-size:var(--fs-1)}.preview>.big-clock{text-align:center;flex-direction:column;gap:.5rem}.preview>.tagline{text-align:center}}.big-clock{font:700 var(--fs-2) / 1.2 var(--font-display);justify-content:center;align-items:center;gap:.875rem;display:flex}.count{--line:var(--ink);min-width:4.25rem;height:4.25rem;margin-bottom:var(--lift-md);font-size:var(--fs-4);font-variant-numeric:tabular-nums;text-shadow:none;animation:tick var(--t-slow) var(--ease-pop);border-radius:2.125rem;flex:none;place-items:center;padding:0 .5rem;line-height:1;display:grid}.yard-top{z-index:5;justify-content:space-between;align-items:center;gap:var(--sp-3);margin:calc(-1 * max(var(--gutter), env(safe-area-inset-top))) calc(-1 * var(--gutter)) 0;padding:max(.625rem, env(safe-area-inset-top)) calc(var(--gutter) + var(--line-w)) 1.25rem;background:linear-gradient(to bottom, var(--sky-top) 72%, #4db8f200);order:-1;display:flex;position:sticky;top:0}.yard-top h1{font-size:var(--fs-3)}.yard>.banner{top:calc(max(.625rem, env(safe-area-inset-top)) + 4.75rem)}.clock{--line:var(--ink);border-radius:var(--r-md);min-width:4.5rem;height:3.5rem;font:700 2.25rem / 1 var(--font-display);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 .75rem;display:grid}.clock.hurry{--face-a:var(--tomato-light);--face-b:var(--tomato);--lip:var(--tomato-deep);color:var(--white);text-shadow:0 2px 0 var(--tomato-line);animation:shake 1s var(--ease-out) infinite}.yard .course{padding:.75rem .875rem}.yard .course-name{font-size:var(--fs-1)}.yard-cols,.yard-side{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.drops,.slots{padding:var(--line-w) var(--line-w) var(--lift-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,8.25rem),1fr));gap:1.25rem .875rem;display:grid}.part-card{border-radius:var(--r-md);text-align:left;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic facts""name name""desc desc""owner owner";align-content:start;gap:.375rem .5rem;padding:.625rem;display:grid;position:relative}.part-pic{aspect-ratio:1;object-fit:contain;background:linear-gradient(180deg, var(--sky-pale), #9fdcff);border-radius:12px;grid-area:pic;place-items:center;width:clamp(3.5rem,18vw,5.5rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #1f24404d,inset 0 5px #1f244014}.part-pic>.icon{opacity:.6;width:62%;height:62%}.part-pic>img,.part-pic>canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.part-facts{flex-direction:column;grid-area:facts;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.slot-tag{align-items:center;gap:.2rem;max-width:100%;display:inline-flex}.slot-tag .icon{width:1.125rem;height:1.125rem}.slot-name{font:700 .75rem / 1 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.part-name{font:700 var(--fs-1) / 1.1 var(--font-display);grid-area:name}.part-tradeoff{font-size:var(--fs--1);color:var(--ink-soft);grid-area:desc;line-height:1.3}.stat-pips{flex-direction:column;gap:.2rem;display:flex}.stat{align-items:center;gap:.25rem;display:flex}.stat-icon{width:1rem;height:1rem}.pips{gap:2px;display:flex}.pip{width:6px;height:9px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:2px}.pip.on{background:var(--ink)}button.part-card:disabled{--lift:2px;--glow:transparent;transform:translateY(4px)}.drop.taken{--ring:0 0 0 4px var(--seat,var(--off));--face-a:#ffffff80;--face-b:#fff6;--lip:transparent;--line:#1f24408c;--lift:0px;--glow:transparent;transform:none}.drops>.drop.taken:nth-child(n){animation:thunk var(--t-med) var(--ease-pop);animation-delay:0s}.drop.taken .part-pic{opacity:.5;filter:grayscale(.6)}.drop.taken .part-tradeoff{display:none}.drop.taken.mine{--face-a:var(--white);--face-b:var(--sand-light);--line:var(--ink)}.drop.taken.mine .part-pic{opacity:1;filter:none}.taken-by{font:700 var(--fs-0) / 1 var(--font-display);grid-area:owner;align-items:center;gap:.5rem;padding-top:.125rem;display:flex}.slots[data-seat]>.slot{--ring:0 0 0 4px var(--seat);--line:var(--ink)}.slot.grabbed{--face-a:#fff6c9;--face-b:var(--sunflower-light);--lip:var(--sunflower-lip)}@media (max-width:359px){.part-card{padding:.5rem}.part-pic{width:3rem}.part-tradeoff{display:none}.pip{width:5px}.pips{gap:1.5px}}.rivals li{border-radius:var(--r-md);min-height:3.25rem;box-shadow:inset 6px 0 0 var(--seat,var(--off)), 0 0 0 2px #1f244080;background:#ffffff9e;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .625rem;display:flex}.build-line{min-width:0;font-size:var(--fs-0);flex:1;font-weight:500;line-height:1.3}.results-main,.results-side{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.winner{isolation:isolate;align-items:center;gap:var(--sp-4);padding-top:var(--sp-5);text-align:center;flex-direction:column;display:flex;position:relative}.winner h1{font-size:var(--fs-4)}.winner:before{content:"";z-index:-1;pointer-events:none;left:50%;top:calc(var(--sp-5) + 3.25rem);background:repeating-conic-gradient(#ffffff80 0 10deg, #fff0 10deg 20deg);width:20rem;height:20rem;position:absolute;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 96%);mask-image:radial-gradient(closest-side,#000 30%,#0000 96%)}.winner.you-won:before{background:repeating-conic-gradient(#ffe07ae6 0 10deg, #fff0 10deg 20deg);animation:40s linear infinite turn}.page .moment{gap:var(--sp-2);margin:.75rem var(--line-w) var(--lift-lg);border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), #fff8e4);box-shadow:0 0 0 4px var(--ink), 0 var(--lift-lg) 0 4px var(--ink), 0 22px 18px -6px var(--glow);animation:slap var(--t-slow) var(--ease-pop) .12s backwards;padding:1.5rem 1.125rem 1.25rem;position:relative;transform:rotate(-1.5deg)}.moment:before{content:"";background:var(--sunflower);width:6rem;height:1.625rem;box-shadow:inset 0 0 0 2px var(--ink);position:absolute;top:-.9rem;left:50%;transform:translate(-50%)rotate(-3deg)}.moment h2{font-size:var(--fs-0);color:var(--tomato-deep);letter-spacing:.06em;text-transform:uppercase}.moment p{font:700 var(--fs-2) / 1.2 var(--font-display);text-wrap:balance}.moment .fix{border-left:5px solid var(--sunflower);font:500 var(--fs-0) / 1.4 var(--font-body);color:var(--ink-soft);text-wrap:pretty;padding-left:.75rem}.order li{--ring:8px 0 0 0 var(--seat,var(--off));--lift:var(--lift-sm);--line:var(--ink);border-radius:var(--r-md);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"rank plate name points""rank plate time points";align-items:center;column-gap:.75rem;min-height:4rem;padding:.5rem .875rem .5rem 1.125rem;display:grid}.order .plate{grid-area:plate}.order .rank{min-width:2.2em;font:700 var(--fs-2) / 1 var(--font-display);grid-area:rank}.order .name{font:700 var(--fs-1) / 1.2 var(--font-display);grid-area:name;align-self:end}.order .time{color:var(--ink-soft);font-variant-numeric:tabular-nums;grid-area:time;align-self:start}.order .points{font:700 var(--fs-1) / 1 var(--font-display);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:points}.order li:first-child{--face-a:var(--sunflower-light);--face-b:var(--sunflower);--lip:var(--sunflower-lip);--lift:var(--lift-md)}.order li.me{--line-w:5px}@media (max-width:359px){.order li{column-gap:.5rem;padding-right:.625rem}.order .rank{min-width:0}}@media (min-width:560px){.order li{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"rank plate name time points"}.order .name,.order .time{align-self:center}}.standings{border-collapse:separate;border-spacing:0 .625rem;font-variant-numeric:tabular-nums;width:100%}.standings th{text-align:left;font:600 var(--fs--1) / 1.2 var(--font-display);padding:0 .75rem}.standings td{background:linear-gradient(180deg, var(--white), var(--sand-light));font:700 var(--fs-1) / 1.2 var(--font-display);box-shadow:inset 0 3px 0 var(--ink), inset 0 -3px 0 var(--ink);padding:.625rem .75rem}.standings td:first-child{border-radius:var(--r-md) 0 0 var(--r-md);box-shadow:inset 3px 0 0 var(--ink), inset 0 3px 0 var(--ink), inset 0 -3px 0 var(--ink), inset 11px 0 0 var(--seat,var(--off));padding-left:1.25rem}.standings td:last-child{border-radius:0 var(--r-md) var(--r-md) 0;box-shadow:inset -3px 0 0 var(--ink), inset 0 3px 0 var(--ink), inset 0 -3px 0 var(--ink);text-align:right}.standings tbody tr:first-child td{background:linear-gradient(180deg, var(--sunflower-light), var(--sunflower))}.podium{padding:var(--line-w);justify-content:center;align-items:flex-end;gap:.75rem;display:flex}.podium-step{--h:4rem;max-width:8rem;font:700 var(--fs-1) / 1.2 var(--font-display);text-align:center;animation:rise var(--t-slow) var(--ease-pop) backwards;flex-direction:column;flex:1 1 0;align-items:center;gap:.5rem;display:flex}.podium-step:after{content:"";width:100%;height:var(--h);border-radius:var(--r-sm) var(--r-sm) 0 0;background:linear-gradient(180deg, var(--timber), var(--timber-deep));box-shadow:inset 0 4px 0 #fff6, 0 0 0 var(--line-w) var(--ink)}.podium-step.p1{--h:7.5rem;order:2;animation-delay:.3s}.podium-step.p2{--h:5.5rem;order:1;animation-delay:.15s}.podium-step.p3{--h:4rem;order:3}.podium-step.p4{--h:2.5rem;order:4}@media (min-width:640px){.screen{--gutter:1.5rem}.home{column-gap:var(--sp-7);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:center;align-items:center;max-width:62rem;display:grid}.home>.hero{grid-area:1/1}.home>.stage-window{width:calc(100% - 2 * var(--line-w));grid-area:2/1/span 2;height:auto;max-height:46vh}.home>:not(.hero,.stage-window){grid-column:2}.home .wordmark{width:min(96%,30rem)}.room-code{font-size:clamp(3.5rem,10vw,7rem)}.yard{max-width:72rem}.yard .course-hazards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.yard-cols{column-gap:var(--sp-6);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;display:grid}.yard>.actions{width:100%;max-width:var(--page);align-self:center}.preview{max-width:52rem}}@media (orientation:landscape) and (max-height:480px) and (min-width:640px){.home{row-gap:var(--sp-2);column-gap:var(--sp-5);padding-top:max(.625rem, env(safe-area-inset-top));padding-bottom:max(.625rem, env(safe-area-inset-bottom));padding-right:calc(max(.5rem, env(safe-area-inset-right)) + 2.75rem + var(--sp-3))}.home>.hero{gap:var(--sp-1);grid-row:1/span 5}.home .wordmark{width:auto;max-width:96%;max-height:calc(100vh - 5rem);max-height:calc(100dvh - 5rem)}.home .tagline{font-size:var(--fs-0)}.home .giant{--lift:8px;min-height:3.75rem;font-size:var(--fs-2);margin-bottom:0}.home .join{gap:var(--sp-1)}.home .code-entry .code-tiles{--tile-fs:clamp(1.375rem, 3.6vw, 1.875rem)}.home .ghost{min-height:2.75rem}.home .policy-links{margin-top:0}}@media (min-width:900px){.results{column-gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:start;max-width:72rem;display:grid}.results>.banner,.results>.actions{grid-column:1/-1}.results>.actions{width:100%;max-width:var(--page);justify-self:center}.winner:before{width:28rem;height:28rem}}.on-display .room-label{font-size:var(--fs-3)}.on-display .room-code{font-size:clamp(4rem,18vw,20rem)}.on-display .tagline{font-size:var(--fs-3);-webkit-user-select:text;user-select:text}.on-display .state{font-size:var(--fs-0);min-height:2.2em;padding-inline:.8em}.part-pic img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.podium-step .award{font-size:var(--fs--1);opacity:.85;flex:1}.podium-step{align-items:center;gap:var(--space-3,12px);display:flex}.seat-tile,.band-seat{--seat-light:var(--seat);--seat-deep:var(--ink-soft);--seat-edge:var(--seat)}@supports (color:color-mix(in srgb, red, blue)){.seat-tile,.band-seat{--seat-light:color-mix(in srgb, var(--seat) 70%, white);--seat-deep:color-mix(in srgb, var(--seat) 58%, var(--ink));--seat-edge:color-mix(in srgb, var(--seat) 76%, var(--ink))}}.code-tiles{grid-template-columns:repeat(var(--n,5), minmax(0, 1.3em));justify-content:center;gap:max(.2em, calc(2 * var(--line-w) + 4px));width:100%;padding:var(--line-w) var(--line-w) var(--lift-sm);font:700 var(--tile-fs,clamp(1.5rem, 8.5vw, 2.25rem)) / 1 var(--font-display);font-variant-numeric:lining-nums;display:grid}.code-tile{aspect-ratio:4/5;background:linear-gradient(180deg, #fff6c9, var(--sunflower-light));min-width:0;color:var(--ink);box-shadow:inset 0 .08em 0 #ffffffb3, 0 var(--lift-sm) 0 var(--sunflower-lip), 0 0 0 var(--line-w) var(--ink), 0 var(--lift-sm) 0 var(--line-w) var(--ink);animation:pop var(--t-slow) var(--ease-pop) backwards;border-radius:.24em;place-items:center;display:grid}.code-tile:nth-child(odd){transform:rotate(-2deg)}.code-tile:nth-child(2n){transform:rotate(1.5deg)}.code-tile:nth-child(2){animation-delay:40ms}.code-tile:nth-child(3){animation-delay:80ms}.code-tile:nth-child(4){animation-delay:.12s}.code-tile:nth-child(5){animation-delay:.16s}.code-tile:nth-child(6){animation-delay:.2s}.code-tile.blank{outline:var(--line-w) dashed var(--ink);outline-offset:0;background:#ffffff8c;animation:none;transform:none;box-shadow:inset 0 .12em #1f24401a}.home .join{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.home .join label{cursor:pointer}.code-entry{border-radius:var(--r-md);flex:1 1 0;align-items:center;min-width:0;display:grid;position:relative}.code-entry .code-tiles{--tile-fs:clamp(1.375rem, 7.5vw, 2.125rem);padding:0}.code-entry-input{opacity:0;width:100%;height:100%;font:700 1rem / 1 var(--font-display);text-transform:uppercase;cursor:text;appearance:none;-webkit-user-select:text;user-select:text;border:0;margin:0;padding:0;position:absolute;inset:0}.code-entry:focus-within{outline:4px solid var(--ink);outline-offset:7px}.code-entry:focus-within .code-tile.next{background:var(--white);outline-style:solid}.code-entry:focus-within .code-tile.next:after{content:"";background:var(--ink);border-radius:1px;width:.09em;height:.8em;animation:1s step-end infinite blink}@media (max-width:639.98px){.home{gap:var(--sp-3)}.home .bunting{width:min(78%,18rem)}.home .wordmark{width:min(78%,19rem)}.home .stage-window{height:22.5vh;min-height:6rem;max-height:22.5vh}.home .giant{min-height:4.5rem;margin-bottom:var(--sp-2)}}@media (max-width:639.98px) and (max-height:600px){.home .stage-window{height:17vh;min-height:5rem;max-height:17vh}.home .giant{min-height:4rem}}.lobby{--lobby-gap:var(--sp-4);gap:var(--lobby-gap)}.page.lobby{height:100vh;height:100dvh}.lobby-scroll{overscroll-behavior:contain;gap:var(--lobby-gap);min-height:0;margin:-.5rem calc(-1 * var(--gutter)) 0;padding:.5rem var(--gutter) .75rem;flex-direction:column;flex:auto;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 .5rem calc(100% - .75rem),#0000);mask-image:linear-gradient(#0000,#000 .5rem calc(100% - .75rem),#0000)}.lobby-scroll>*{flex:none}.lobby-top{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:3rem;padding:var(--line-w) var(--line-w) var(--lift-sm);display:flex}.lobby-back{border-radius:var(--r-pill);min-height:3rem;font:700 var(--fs-0) / 1 var(--font-display);box-shadow:inset 0 0 0 var(--line-w) var(--ink);transition:transform var(--t-med) var(--ease-pop), background-color var(--t-fast) var(--ease-out);background-color:#fff9;align-items:center;gap:.375rem;padding:0 1rem 0 .75rem;display:inline-flex}.lobby-back:active{background-color:var(--white);transition-duration:var(--t-press);transform:scale(.94)}.lobby-back .icon{width:1.25rem;height:1.25rem}.lobby-back,.lobby-gear{flex:none}.lobby-gear{margin-left:auto}.lobby-gear .icon{transition:transform var(--t-slow) var(--ease-pop)}.lobby-gear[aria-expanded=true]{--face-a:var(--sunflower-light);--face-b:var(--sunflower);--lip:var(--sunflower-lip);--line:var(--ink)}.lobby-gear[aria-expanded=true] .icon{transform:rotate(90deg)}.code-head{gap:var(--sp-3);min-width:0;padding:0 var(--line-w) var(--lift-md);flex-direction:column;display:flex}.code-card{border-radius:var(--r-lg);width:100%;min-height:3rem;transition:transform var(--t-med) var(--ease-pop);flex-direction:column;align-items:center;padding:0;display:flex}.code-card:active{transition-duration:var(--t-press);transform:translateY(3px)scale(.97)}.code-label{min-width:0;font:700 var(--fs-1) / 1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--white);text-shadow:var(--sticker);flex-direction:column;flex:1 1 0;align-items:center;gap:.5rem;display:flex}.lobby-top>.code-label:last-child{padding-right:5.5rem}@media (max-width:720px){.lobby-top{padding-right:calc(var(--line-w) + 2.75rem + var(--sp-3))}.lobby-top>.code-label:last-child{padding-right:2.5rem}}.code-hint{border-radius:var(--r-pill);min-height:1.375rem;color:var(--ink);font:600 var(--fs--1) / 1 var(--font-display);letter-spacing:0;text-shadow:none;text-transform:none;background:#ffffffbf;align-items:center;padding:.125rem .625rem;display:inline-flex;box-shadow:inset 0 0 0 2px #1f244073}.code-label.copied .code-hint{background:var(--lawn-light);box-shadow:inset 0 0 0 2.5px var(--ink);font-weight:700}.primary.copied{--face-a:var(--mint-light);--face-b:var(--mint);--lip:#2f8f5a;--line:#1c5a38;--glow:#145a1459}.lobby .racers{gap:var(--sp-2)}.ready-count{font-size:var(--fs-2);color:var(--white);text-shadow:var(--sticker);font-variant-numeric:lining-nums tabular-nums;justify-content:center;padding-bottom:6px}.seat-grid{padding:.625rem var(--line-w) var(--lift-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.375rem .875rem;margin:0;list-style:none;display:grid}.seat-grid>li{animation:rise-pop .32s var(--ease-out) backwards}.seat-grid>li:nth-child(2){animation-delay:50ms}.seat-grid>li:nth-child(3){animation-delay:.1s}.seat-grid>li:nth-child(4){animation-delay:.15s}.seat-tile{--me-ring:0 0 0 0 transparent;border-radius:var(--r-lg);background:linear-gradient(180deg, var(--seat-light), var(--seat,var(--off)));min-width:0;min-height:7.5rem;color:var(--ink);text-align:center;box-shadow:inset var(--me-ring), inset 0 4px 0 #ffffff73, inset 0 -5px 0 #0000001a, 0 var(--lift-md) 0 var(--seat-deep), 0 0 0 var(--line-w) var(--ink), 0 var(--lift-md) 0 var(--line-w) var(--ink), 0 calc(var(--lift-md) + 10px) 14px -4px var(--glow);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .5rem .5rem;display:flex;position:relative}.seat-tile.me{--line-w:4px;--me-ring:0 0 0 4px var(--white)}.seat-plate{display:grid}.seat-tile .plate{--plate-size:clamp(2.75rem, 13vw, 4rem)}.seat-name{border-radius:var(--r-sm);background:var(--white);max-width:100%;font:700 var(--fs-1) / 1.15 var(--font-display);overflow-wrap:anywhere;box-shadow:0 0 0 2.5px var(--ink);padding:.2rem .625rem .25rem}.seat-name .who{white-space:nowrap}.host-mark{z-index:2;border-radius:var(--r-sm);background:var(--ink);color:var(--white);font:700 .75rem / 1 var(--font-display);letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;box-shadow:0 0 0 2px var(--white);padding:.3rem .5rem;position:absolute;top:-.5rem;left:-.375rem;transform:rotate(-6deg)}.seat-status{border-radius:var(--r-pill);font:600 var(--fs--1) / 1.1 var(--font-display);background:#ffffffb8;padding:.25rem .625rem}.ready-ribbon{z-index:1;background:linear-gradient(180deg, var(--lawn-light), #4fb53a);color:var(--ink);font:700 var(--fs-2) / 1 var(--font-display);letter-spacing:.06em;text-indent:.06em;text-transform:uppercase;box-shadow:inset 0 3px 0 #ffffff80, 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);animation:stamp var(--t-slow) var(--ease-pop) backwards;border-radius:6px;align-self:stretch;margin:.375rem -.875rem 0;padding:.3rem .25rem .35rem;position:relative;transform:rotate(-5deg)}@keyframes lobby-hop{0%,to{transform:translateY(0)scaleY(1)}15%{transform:translateY(3px)scaleY(.9)}45%{transform:translateY(-16px)scaleY(1.05)}75%{transform:translateY(2px)scaleY(.94)}}.seat-tile.is-ready .seat-plate{transform-origin:50% 100%;animation:lobby-hop .52s var(--ease-out) 80ms}.seat-tile.away{filter:saturate(.3)}.seat-tile.away>:not(.seat-remove){opacity:.55}.seat-tile.empty{border:4px dashed var(--seat-edge);box-shadow:none;background:#ffffff73}.seat-ghost{font:700 3.75rem / 1 var(--font-display);font-variant-numeric:lining-nums;color:var(--seat-edge);opacity:.5}.seat-tile.empty .seat-status{font-size:var(--fs-0);background:0 0;padding:0}.seat-dice{--line:var(--ink);z-index:2;position:absolute;top:-.625rem;right:-.5rem}.seat-dice .icon{transition:transform var(--t-slow) var(--ease-pop)}.seat-dice:active .icon{transform:rotate(200deg)scale(.9)}.seat-remove{z-index:2;min-width:3rem;min-height:3rem;font:700 var(--fs--1) / 1 var(--font-display);color:var(--ink);place-items:center;padding:0 .25rem;display:grid;position:absolute;top:-1.125rem;right:-.5rem}.seat-remove:before{content:"";z-index:-1;border-radius:var(--r-pill);background:var(--white);box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);transition:transform var(--t-med) var(--ease-pop);position:absolute;inset:.5rem 0}.seat-remove{padding-inline:.75rem}.seat-remove:active:before{transition-duration:var(--t-press);transform:translateY(2px)scale(.94)}.lobby-note{text-align:center}.courses-tag{border-radius:var(--r-pill);width:-moz-fit-content;width:fit-content;font:700 var(--fs--1) / 1.2 var(--font-display);color:var(--ink-soft);background:#ffffff8c;align-self:center;margin:.25rem auto 0;padding:.25rem .75rem}.on-display .courses-tag{font-size:var(--fs-1);margin:.5rem 0 0;padding:.375rem 1rem}.pack-line{min-height:2.75rem;font:700 var(--fs--1) / 1.2 var(--font-display);color:var(--ink-soft);place-items:center;margin:0 auto;padding:0 .5rem;display:grid}.pack-line span{border-radius:var(--r-pill);text-underline-offset:.2em;background:#ffffff8c;padding:.25rem .75rem;-webkit-text-decoration:underline #474c6b66;text-decoration:underline #474c6b66}.pack-line[aria-pressed=false] span{background:#ffffff59}.lobby-bar{z-index:4;margin:auto calc(-1 * var(--gutter)) calc(-1 * max(1.25rem, env(safe-area-inset-bottom)));padding:1rem calc(var(--gutter) + var(--line-w)) calc(max(.75rem, env(safe-area-inset-bottom)) + .875rem);border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:inset 0 3px 0 #ffffffb3, 0 calc(-1 * var(--line-w)) 0 var(--ink), 0 -10px 16px -6px var(--glow);flex-direction:column;flex:none;gap:1.25rem;display:flex;position:relative}.lobby-ready{--lift:var(--lift-lg);border-radius:var(--r-lg);min-height:4rem;font-size:var(--fs-2)}.lobby-ready.is-on{--face-a:var(--mint-light);--face-b:var(--lawn-light);--lip:var(--lawn-deep);--line:var(--lawn-line);--lift:var(--lift-sm);font-size:var(--fs-1)}.lobby-ready.small{min-height:3rem;font-size:var(--fs-0);border-radius:var(--r-md)}.lobby-ready .icon{width:1.25em;height:1.25em}.lobby-start{text-transform:uppercase;letter-spacing:.08em;text-indent:.08em;position:relative}.lobby-start:not(:active){animation:1.1s ease-in-out infinite lobby-pulse}.lobby-start:after{content:"";border-radius:inherit;pointer-events:none;border:4px solid var(--white);opacity:0;animation:1.1s ease-out infinite lobby-ring;position:absolute;inset:-4px}@keyframes lobby-pulse{50%{transform:scale(1.035)}}@keyframes lobby-ring{0%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.06,1.3)}}.lobby-wait{text-align:center;min-height:1.5rem;font:600 var(--fs-0) / 1.3 var(--font-display);color:var(--ink-soft);text-wrap:balance}.lobby-bar .note.watching{background:#fff9}@media (max-height:720px) and (max-width:639.98px){.lobby{--lobby-gap:var(--sp-2)}.code-head{gap:var(--sp-2)}.code-head .primary{min-height:3rem}.seat-grid{gap:1.125rem .875rem;padding-top:.5rem}.ready-count{font-size:var(--fs-1)}.seat-tile{gap:.25rem;min-height:7rem;padding:.5rem}.seat-tile .plate{--plate-size:2.75rem}.lobby-start{--lift:var(--lift-lg);min-height:4.25rem;font-size:var(--fs-3)}.lobby-bar{padding-top:.75rem;padding-bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + .75rem);gap:1rem}}@media (max-height:430px){.page.lobby{height:auto}.lobby-scroll{flex:none;overflow:visible;-webkit-mask-image:none;mask-image:none}}@media (orientation:landscape) and (max-height:480px) and (min-width:600px){.page.lobby{height:100vh;column-gap:var(--sp-4);row-gap:var(--sp-2);max-width:none;height:100dvh;padding-top:max(.625rem, env(safe-area-inset-top));padding-bottom:max(.625rem, env(safe-area-inset-bottom));--lobby-gap:var(--sp-2);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(11rem,30vw,16.5rem);display:grid}.page.lobby>*{grid-column:1/-1}.page.lobby>.lobby-top{padding-right:var(--line-w);grid-area:1/1}.page.lobby>.lobby-scroll{flex:none;grid-area:2/1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 .5rem calc(100% - .75rem),#0000);mask-image:linear-gradient(#0000,#000 .5rem calc(100% - .75rem),#0000)}.page.lobby>.lobby-bar{margin:0 0 var(--line-w);padding:.875rem .875rem calc(.875rem + var(--lift-sm));border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #ffffffb3, 0 0 0 var(--line-w) var(--ink), 0 6px 14px -4px var(--glow);grid-area:1/2/-1;align-self:end;gap:1rem}.lobby .code-head{align-items:center;gap:var(--sp-3);flex-direction:row}.lobby .code-head .code-card{--tile-fs:clamp(1.375rem, 4.2vw, 2rem);flex:1 1 0;min-width:0}.lobby .code-head .primary{flex:none;width:auto;min-height:3rem;padding-inline:1rem}.lobby .ready-count{font-size:var(--fs-1)}.lobby .seat-grid{gap:1rem .875rem;padding-top:.625rem}.lobby .seat-tile{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:.125rem .5rem;min-height:4rem;padding:.375rem 2.25rem .375rem .625rem;display:grid}.lobby .seat-tile>.seat-plate,.lobby .seat-tile>.seat-ghost{grid-area:1/1/span 2}.lobby .seat-tile>:not(.seat-plate,.seat-ghost,.host-mark,.seat-dice,.seat-remove){grid-column:2}.lobby .seat-tile.empty>.seat-status{grid-row:1/span 2}.lobby .seat-tile .plate{--plate-size:2.5rem}.lobby .seat-ghost{font-size:2.5rem}.lobby .seat-name{font-size:var(--fs-0);padding:.1rem .5rem .15rem}.lobby .ready-ribbon{font-size:var(--fs-0);place-self:center start;margin:0;padding:.2rem .5rem .25rem}.lobby .lobby-start{--lift:var(--lift-lg);min-height:4rem;font-size:var(--fs-3)}.lobby .lobby-ready{min-height:3.5rem;font-size:var(--fs-1)}.lobby .lobby-ready.is-on{font-size:var(--fs-0)}}.lobby-scrim{z-index:20;cursor:default;width:100%;height:100%;animation:lobby-fade var(--t-fast) var(--ease-out) backwards;background:#1f244073;position:fixed;inset:0}@keyframes lobby-fade{0%{opacity:0}}.page .lobby-sheet{z-index:21;top:calc(max(var(--gutter), env(safe-area-inset-top)) + 4rem);right:max(var(--gutter), env(safe-area-inset-right));width:min(22rem, calc(100% - 2 * var(--gutter) - 2 * var(--line-w)));gap:var(--sp-2);--line:var(--ink);transform-origin:100% 0;animation:pop var(--t-slow) var(--ease-pop) backwards;margin:0;position:absolute}.lobby-sheet:focus-visible{outline-offset:6px}.lobby-sheet .toggle+.toggle{padding-top:var(--sp-2);border-top:2px dashed #7a532073}.lobby-sheet .secondary{margin:var(--sp-2) var(--line-w) var(--lift-sm);width:auto}.lobby.on-display{--u:min(1vw, 1.7778vh);width:100%;max-width:none;height:100vh;grid-template-rows:minmax(0,1fr) auto;height:100dvh;padding:0;display:grid;overflow:hidden}.lobby.on-display>.banner{z-index:10;font-size:clamp(1rem, calc(2 * var(--u)), 2.5rem);position:absolute;top:1rem;left:1rem;right:1rem}.tv-main{justify-content:center;align-items:center;gap:calc(1.6 * var(--u));min-width:0;min-height:0;padding:max(calc(2 * var(--u)), env(safe-area-inset-top)) max(calc(2 * var(--u)), 1rem) calc(2 * var(--u));flex-direction:column;display:flex}.tv-label{font-size:clamp(1.125rem, calc(2.6 * var(--u)), 4.5rem);letter-spacing:.14em;text-indent:.14em;text-transform:uppercase}.tv-plaque{--tile-fs:clamp(2.5rem, calc(8 * var(--u)), 16rem);width:100%}.tv-plaque .code-tiles{--line-w:clamp(3px, calc(.3 * var(--u)), 8px);--lift-sm:clamp(4px, calc(.6 * var(--u)), 14px);gap:max(.22em,12px)}.tv-how{justify-content:center;align-items:center;gap:calc(1.2 * var(--u)) calc(3 * var(--u));flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.qr{width:clamp(7.5rem, calc(16 * var(--u)), 28rem);aspect-ratio:1;border-radius:clamp(8px, calc(.9 * var(--u)), 24px);background:var(--white);height:auto;box-shadow:0 0 0 clamp(3px, calc(.3 * var(--u)), 8px) var(--ink), 0 clamp(5px, calc(.6 * var(--u)), 14px) 0 clamp(3px, calc(.3 * var(--u)), 8px) var(--ink);flex:none;display:block}.tv-text{align-items:flex-start;gap:calc(1.4 * var(--u));flex-direction:column;min-width:0;max-width:100%;display:flex}.tv-join{align-items:flex-start;gap:calc(.5 * var(--u));font:700 clamp(1rem, calc(2.2 * var(--u)), 3.75rem) / 1.1 var(--font-display);color:var(--white);text-shadow:var(--sticker);flex-direction:column;padding-bottom:6px;display:flex}.tv-address{background:var(--white);max-width:100%;color:var(--ink);text-shadow:none;font-size:clamp(1.125rem, calc(3.4 * var(--u)), 6rem);overflow-wrap:anywhere;box-shadow:0 0 0 clamp(3px, calc(.3 * var(--u)), 8px) var(--ink), 0 clamp(4px, calc(.5 * var(--u)), 12px) 0 clamp(3px, calc(.3 * var(--u)), 8px) var(--ink);-webkit-user-select:text;user-select:text;border-radius:.3em;padding:.12em .4em .16em}.tv-waiting{font:700 clamp(1.125rem, calc(3 * var(--u)), 5rem) / 1.1 var(--font-display);color:var(--white);text-shadow:var(--sticker);padding-bottom:6px}.tv-waiting.all-ready{animation:punch var(--t-slow) var(--ease-pop) backwards}.seat-band{border-top:clamp(3px, calc(.35 * var(--u)), 8px) solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));height:max(22vh,6.5rem);margin:0;padding:0;list-style:none;display:grid}.band-seat{justify-content:center;align-items:center;gap:calc(1.4 * var(--u));min-width:0;padding:calc(.8 * var(--u)) calc(1.2 * var(--u));background:linear-gradient(180deg, var(--seat-light), var(--seat,var(--off)));box-shadow:inset 0 clamp(3px, calc(.4 * var(--u)), 10px) 0 #fff6;animation:rise-pop .32s var(--ease-out) backwards;display:flex}.band-seat+.band-seat{border-left:clamp(3px, calc(.35 * var(--u)), 8px) solid var(--ink)}.band-seat .plate{--plate-size:clamp(2.25rem, calc(6.5 * var(--u)), 11rem)}.band-text{align-items:flex-start;gap:calc(.7 * var(--u));flex-direction:column;min-width:0;display:flex}.band-name{background:var(--white);max-width:100%;font:700 clamp(.875rem, calc(2.5 * var(--u)), 4.5rem) / 1.1 var(--font-display);overflow-wrap:anywhere;box-shadow:0 0 0 clamp(2px, calc(.22 * var(--u)), 6px) var(--ink);border-radius:.3em;padding:.12em .4em .16em}.band-state{font:700 clamp(.875rem, calc(2.5 * var(--u)), 4.5rem) / 1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:#fff9;border-radius:.3em;padding:.14em .5em .18em}.band-seat.is-ready .band-state{background:linear-gradient(180deg, var(--lawn-light), #4fb53a);box-shadow:inset 0 .08em 0 #ffffff80, 0 0 0 clamp(2px, calc(.25 * var(--u)), 6px) var(--ink), 0 clamp(3px, calc(.3 * var(--u)), 8px) 0 clamp(2px, calc(.25 * var(--u)), 6px) var(--ink);animation:stamp var(--t-slow) var(--ease-pop) backwards;transform:rotate(-4deg)}.band-plate{flex:none;display:grid}.band-seat.is-ready .band-plate{transform-origin:50% 100%;animation:lobby-hop .52s var(--ease-out) 80ms}.band-seat.away{filter:saturate(.3)}.band-seat.away>*{opacity:.6}.band-seat.empty{background:linear-gradient(#ffffff9e, #ffffff9e), var(--seat,var(--off));box-shadow:none}.band-seat.empty .plate{opacity:.6}.band-seat.empty .band-name{box-shadow:none;color:var(--ink-soft);background:0 0;padding-inline:0}@media (max-aspect-ratio:1){.band-seat{text-align:center;flex-direction:column;gap:.375rem}.band-text,.tv-text,.tv-join{text-align:center;align-items:center}}@media (prefers-reduced-motion:reduce){.lobby-start,.lobby-start:after,.seat-tile.is-ready .seat-plate,.band-seat.is-ready .band-plate,.code-tile.next:after{animation:none!important}.lobby-start:after{opacity:.9;transform:none}}.home-hut{aspect-ratio:1;pointer-events:none;align-self:center;height:27vh;min-height:8rem;max-height:20rem;position:relative}.home-hut img{object-fit:contain;filter:drop-shadow(0 10px 8px #141e0a59);transform-origin:50% 100%;width:100%;height:100%;animation:hop 3.2s var(--ease-out) infinite}.home-hut:after{content:"";filter:blur(4px);z-index:-1;height:7%;animation:hop-shadow 3.2s var(--ease-out) infinite;background:#141e0a4d;border-radius:50%;position:absolute;bottom:3%;left:22%;right:22%}@media (max-height:700px){.home-hut{height:21vh}}@media (min-width:640px) and (min-aspect-ratio:1){.home>.home-hut{grid-area:2/1/span 2;height:min(46vh,26rem)}.home>:not(.hero,.home-hut,.stage-window){grid-column:2}}@media (prefers-reduced-motion:reduce){.home-hut img,.home-hut:after{animation:none}}.buildyard{z-index:1;--pad:max(.75rem, env(safe-area-inset-left), env(safe-area-inset-right));grid-template-rows:auto minmax(9.5rem,1fr) auto;min-height:0;display:grid;position:fixed;inset:0;overflow:hidden}.by-top{padding:max(.625rem, env(safe-area-inset-top)) var(--pad) 0;flex-direction:column;gap:.5rem;display:flex}.by-top>.banner{margin:var(--line-w);position:static}.by-timer{height:2.5rem;margin:0 var(--line-w);align-items:center;padding-right:3.5rem;display:flex;position:relative}.by-timer-track{border-radius:var(--r-pill);height:1.375rem;box-shadow:inset 0 3px 0 #1f244024, 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);background:#ffffffd9;flex:1;overflow:hidden}.by-timer-track>i{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--lawn-light), var(--lawn));min-width:.75rem;height:100%;transition:width .26s linear, background-color var(--t-slow);display:block;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #0000001f}.by-timer>b{border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), var(--sand-light));min-width:3.75rem;height:2.5rem;color:var(--ink);font:700 1.625rem / 1 var(--font-display);font-variant-numeric:tabular-nums;box-shadow:inset 0 3px 0 #fff9, 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);place-items:center;padding:0 .5rem;display:grid;position:absolute;top:50%;right:0;translate:0 -50%}.by-timer.warn .by-timer-track>i{background:linear-gradient(180deg, var(--sunflower-light), #f7a733)}.by-timer.hurry .by-timer-track>i{background:linear-gradient(180deg, var(--tomato-light), var(--tomato))}.by-timer.hurry>b{background:linear-gradient(180deg, var(--tomato-light), var(--tomato));color:var(--white);text-shadow:0 2px 0 var(--tomato-line);animation:tick var(--t-slow) var(--ease-pop)}.by-course{margin:0 var(--line-w) var(--lift-sm);border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), var(--sand-light));color:var(--ink);box-shadow:inset 0 3px 0 #fff9, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-sm) 0 var(--line-w) var(--sand-line);flex-direction:column;gap:.375rem;padding:.5rem .625rem .5625rem;display:flex}.by-course h1{font:700 var(--fs-0) / 1.1 var(--font-display);color:var(--ink);text-shadow:none;letter-spacing:.01em}.by-course ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.by-course li{align-items:center;gap:.5rem;min-width:0;display:flex}.by-course .hazard-sign{border-radius:10px;width:2.5rem;height:2.5rem}.by-course .hazard-icon{width:1.625rem;height:1.625rem}.by-hazard-text{min-width:0;color:var(--ink-soft);flex-direction:column;font-size:.75rem;line-height:1.2;display:flex}.by-hazard-text strong{font:700 .9375rem / 1.15 var(--font-display);color:var(--ink)}.by-window{pointer-events:none;min-height:0;position:relative}.by-rivals{top:.375rem;right:var(--pad);gap:.5rem;margin:0;padding:0;list-style:none;display:flex;position:absolute}.by-rivals li{place-items:center;display:grid;position:relative}.by-rivals .plate{--plate-size:1.75rem}.by-rivals .icon{background:var(--lawn);width:1.125rem;height:1.125rem;color:var(--white);box-shadow:0 0 0 2px var(--ink);animation:stamp var(--t-slow) var(--ease-pop);border-radius:50%;padding:2px;position:absolute;bottom:-.45rem;right:-.4rem}.by-got{white-space:nowrap;animation:punch .32s var(--ease-pop), fade-up .3s .8s var(--ease-out) forwards;flex-direction:column;align-items:center;gap:.125rem;margin:0;display:flex;position:absolute;top:42%;left:50%;translate:-50% -50%;rotate:-5deg}.by-got strong{font:700 clamp(2.5rem, 13vw, 4.5rem) / 1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--seat,var(--sunflower));text-shadow:var(--sticker)}.by-got span{border-radius:var(--r-pill);background:var(--ink);color:var(--white);font:700 var(--fs-0) / 1.1 var(--font-display);padding:.25rem .75rem}@keyframes fade-up{to{opacity:0;transform:translateY(-18px)}}.by-title{left:var(--pad);z-index:2;max-width:calc(100% - 2 * var(--pad) - 6.5rem);border-radius:var(--r-md);background:var(--white);color:var(--ink);box-shadow:inset 0 -3px 0 var(--seat,var(--sunflower)), 0 0 0 var(--line-w) var(--ink), 0 3px 0 var(--line-w) var(--ink);flex-direction:column;align-items:flex-start;gap:.0625rem;margin:0;padding:.25rem .625rem .3125rem;display:flex;position:absolute;top:.375rem;rotate:-1.5deg}.by-title span{font:700 .625rem / 1.1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.by-title strong{font:700 var(--fs-0) / 1.1 var(--font-display);text-wrap:balance;animation:thunk .26s var(--ease-pop);display:block}.by-title.proud{text-align:center;width:max-content;max-width:calc(100% - 2 * var(--pad));box-shadow:inset 0 -5px 0 var(--seat,var(--sunflower)), 0 0 0 var(--line-w) var(--ink), 0 5px 0 var(--line-w) var(--ink), 0 .5rem 1rem #1f24404d;animation:punch .42s var(--ease-pop) backwards;align-items:center;padding:.4rem 1rem .55rem;top:2.75rem;left:50%;translate:-50%;rotate:-2deg}.by-title.proud span{font-size:var(--fs--1);color:var(--ink)}.by-title.proud strong{font-size:var(--fs-2);animation:none}.by-panel{min-height:0;max-height:58dvh;padding:0 var(--pad) max(.75rem, env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:inset 0 3px 0 #ffffffa6, 0 calc(-1 * var(--line-w)) 0 var(--sand-line), 0 -10px 18px -6px #124a7a4d;flex-direction:column;gap:.5rem;display:flex;position:relative}.watching .by-panel{padding-top:.625rem}.by-slots{margin:-1.75rem var(--line-w) 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.slot-tab{--lip:var(--sand-lip);--line:var(--ink);--lift:4px;background:linear-gradient(180deg, var(--white), var(--sand-light));min-width:0;color:var(--ink);box-shadow:inset 0 0 0 3px var(--seat,transparent), 0 var(--lift) 0 var(--lip), 0 0 0 var(--line-w) var(--line), 0 var(--lift) 0 var(--line-w) var(--line);transition:transform var(--t-med) var(--ease-pop);animation:thunk var(--t-med) var(--ease-pop);border-radius:14px;flex-direction:column;align-items:center;gap:.125rem;padding:.3125rem .25rem .25rem;display:flex;position:relative}.slot-tab .part-pic{border-radius:10px;width:min(100%,3.5rem)}.slot-tab.grabbed{background:linear-gradient(180deg, #fff6c9, var(--sunflower-light));--lip:var(--sunflower-lip);animation:bump .38s var(--ease-pop)}.slot-tab.swappable:active{transform:translateY(3px)scale(.95)}.slot-tab-tag{background:var(--ink);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.5rem;left:-.25rem}.slot-tab-tag .icon{width:.9375rem;height:.9375rem}.slot-tab-name{max-width:100%;font:600 .6875rem / 1.15 var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-tab-swap{border-radius:var(--r-pill);background:var(--ink);gap:2px;padding:3px 4px;display:flex;position:absolute;top:-.375rem;right:-.25rem}.slot-tab-swap i{background:#ffffff59;border-radius:50%;width:6px;height:6px}.slot-tab-swap i.on{background:var(--sunflower)}.by-tray-head{margin:.125rem var(--line-w) -.25rem;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.by-tray-head h2{font:700 .875rem / 1.2 var(--font-display);color:var(--sand-line);text-shadow:none;letter-spacing:.02em}.by-grabs{font:700 .8125rem / 1 var(--font-display);color:var(--ink);align-items:center;gap:.25rem;margin:0;display:flex}.by-grabs span{margin-right:.125rem}.by-grabs i{width:.875rem;height:.875rem;box-shadow:inset 0 0 0 2px var(--ink);transition:background-color var(--t-fast);background:#fff9;border-radius:50%}.by-grabs i.on{background:var(--lawn);box-shadow:inset 0 0 0 2px var(--ink), inset 0 3px 0 2px #fff6}.by-grabs.spent{color:var(--tomato-deep)}.by-tray{overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:.625rem .5rem;min-height:6.5rem;padding:.5rem .3125rem;display:grid;overflow-y:auto}.by-tray::-webkit-scrollbar{display:none}.by-empty{text-align:center;font:600 var(--fs-0) / 1.3 var(--font-display);color:var(--sand-line);grid-column:1/-1;align-self:center;margin:0}.tile{--lip:var(--sand-lip);--line:var(--ink);--lift:5px;background:linear-gradient(180deg, var(--white), var(--sand-light));min-width:0;color:var(--ink);box-shadow:inset 0 3px 0 #fff9, 0 var(--lift) 0 var(--lip), 0 0 0 var(--line-w) var(--line), 0 var(--lift) 0 var(--line-w) var(--line);margin-bottom:var(--lift);transition:transform var(--t-med) var(--ease-pop), box-shadow var(--t-fast);animation:tile-fall .42s var(--ease-pop);border-radius:14px;flex-direction:column;align-items:center;gap:.1875rem;padding:.3125rem .25rem;display:flex;position:relative}@keyframes tile-fall{0%{opacity:0;transform:translateY(-46px)rotate(-7deg)scale(.9)}70%{opacity:1;transform:translateY(3px)rotate(1deg)scale(1.03)}}.tile.gap{background:0 0;border-radius:14px;min-height:5rem;animation:none;box-shadow:inset 0 0 0 2px #7a532047}.tile .part-pic{border-radius:10px;width:100%}button.tile:active:not(:disabled){--lift:1px;transition-duration:var(--t-press);transform:translateY(4px)scale(.95)}button.tile:disabled:not(.taken,.kept){--lift:2px;filter:saturate(.55);opacity:.8;transform:translateY(3px)}.watching button.tile:disabled:not(.taken,.kept){filter:none;opacity:1}.tile-slot{background:var(--ink);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.4375rem;left:-.25rem}.tile-slot .icon{width:.9375rem;height:.9375rem}.tile-name{max-width:calc(100% + .375rem);font:600 .6875rem / 1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-inline:-.1875rem;overflow:hidden}.facts{justify-content:center;gap:.1875rem;min-height:1.375rem;display:flex}.fact{border-radius:var(--r-pill);height:1.375rem;color:var(--ink);background:#dfe9f2;align-items:center;gap:1px;padding:0 .25rem 0 .1875rem;display:inline-flex;box-shadow:inset 0 0 0 1.5px #1f24408c}.fact .icon{width:.9375rem;height:.9375rem}.fact-arrow{fill:currentColor;width:.6875rem;height:.6875rem}.fact.good{background:#c9f5b8}.fact.good .fact-arrow{fill:#1d7a16}.fact.bad{background:#ffd2c4}.fact.bad .fact-arrow{fill:#b3260a}.tile.risky{--line:var(--tomato-deep);background:linear-gradient(#fff1ec,#ffd9cc)}.tile-warn{background:var(--tomato);width:1.5rem;height:1.5rem;color:var(--white);font:700 1rem / 1 var(--font-display);box-shadow:0 0 0 2px var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.4375rem;right:-.25rem}.tile.for-me{--line:var(--seat);box-shadow:inset 0 3px 0 #fff9, 0 var(--lift) 0 var(--lip), 0 0 0 4px var(--seat), 0 var(--lift) 0 4px var(--seat), 0 0 0 7px #ffffffe6;animation:tile-fall .42s var(--ease-pop), beckon .7s .42s ease-in-out infinite alternate}@keyframes beckon{to{transform:translateY(-4px)scale(1.04)}}.tile.kept{--lift:2px;transform:translateY(3px)}.tile.kept .part-pic,.tile.kept .facts,.tile.kept .tile-name{opacity:.45}.tile-ribbon{white-space:nowrap;border-radius:var(--r-pill);background:var(--seat,var(--sunflower));color:var(--ink);font:700 .75rem / 1.1 var(--font-display);box-shadow:0 0 0 2px var(--ink), 0 3px 0 2px var(--ink);align-items:center;gap:.25rem;padding:.1875rem .5rem;display:inline-flex;position:absolute;top:34%;left:50%;translate:-50% -50%;rotate:-6deg}.tile-ribbon .plate{--plate-size:1.125rem}.tile.taken{--line:var(--ink);--lip:var(--ink);--lift:2px;background:var(--seat,var(--off));animation:thunk var(--t-med) var(--ease-pop)}.tile.taken .part-pic{opacity:.55}.tile.taken.mine .part-pic{opacity:1}.tile.taken .facts,.tile.taken .tile-name{visibility:hidden}.tile-stamp{white-space:nowrap;background:var(--white);color:var(--ink);font:700 .8125rem / 1 var(--font-display);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);animation:stamp .26s var(--ease-pop);border-radius:10px;align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-8deg}.tile-stamp .plate{--plate-size:1.125rem}.by-done{margin:0 var(--line-w);padding-bottom:var(--lift-lg)}.by-done .big{min-height:3.5rem;font-size:var(--fs-2)}.by-panel>.note{text-align:center;margin:0}@media (max-width:339px){.by-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.by-hazard-text>span{display:none}}@media (max-height:620px){.by-hazard-text>span{display:none}.by-course{flex-direction:row;justify-content:space-between;align-items:center}.by-course ul{display:flex}}@media (min-width:900px) and (min-height:480px),(orientation:landscape) and (max-height:479.98px) and (min-width:600px){.buildyard:not(.on-display){padding-right:var(--pad);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(24rem,30rem);column-gap:1rem}.buildyard:not(.on-display) .by-top{grid-column:1}.buildyard:not(.on-display) .by-window{grid-area:2/1}.buildyard:not(.on-display) .by-panel{border-radius:var(--r-lg);max-height:calc(100dvh - 2rem);box-shadow:inset 0 3px 0 #ffffffa6, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-md) 0 var(--line-w) var(--sand-line), 0 18px 24px -8px #124a7a59;grid-area:1/2/-1;align-self:center;padding:1rem}.buildyard:not(.on-display) .by-slots{margin-top:.25rem}.buildyard:not(.on-display) .by-tray{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:479.98px) and (min-width:600px){.buildyard:not(.on-display){grid-template-columns:minmax(0,1fr) minmax(22rem,26rem);column-gap:.5rem}.buildyard:not(.on-display) .by-panel{max-height:none;margin:.5rem 0 calc(.5rem + var(--lift-md));align-self:stretch;gap:.375rem;padding:.5rem .625rem}.buildyard:not(.on-display) .by-tray{flex:1 1 0;min-height:0}.buildyard:not(.on-display) .by-done{padding-bottom:var(--lift-md)}.buildyard:not(.on-display) .by-done .big{min-height:3rem}.buildyard:not(.on-display) .by-course h1{flex:0 auto;min-width:min-content}.buildyard:not(.on-display) .by-course ul{flex-wrap:wrap;flex:0 auto;gap:.25rem .5rem;min-width:0}.buildyard:not(.on-display) .by-course li{gap:.375rem}.buildyard:not(.on-display) .by-hazard-text strong{font-size:.875rem}.buildyard:not(.on-display) .by-course .hazard-sign{width:2rem;height:2rem}.buildyard:not(.on-display) .by-course .hazard-icon{width:1.375rem;height:1.375rem}}.buildyard.on-display{--pad:4vw;grid-template-rows:auto minmax(0,1fr) auto}.on-display .by-top{padding-top:max(2.5vh, env(safe-area-inset-top));flex-direction:row;align-items:center;gap:2vw}.on-display .by-timer{flex:1;order:2;height:clamp(2.5rem,5vh,4.5rem);padding-right:clamp(4.5rem,8vw,9rem)}.on-display .by-timer-track{height:clamp(1.375rem,2.8vh,2.5rem)}.on-display .by-timer>b{min-width:clamp(4rem,7vw,8rem);height:clamp(2.5rem,5vh,4.5rem);font-size:clamp(1.625rem,3.4vh,3.25rem)}.on-display .by-course{flex-direction:row;flex:none;align-items:center;gap:1.5vw;margin-bottom:0;padding:.75rem 1.25rem}.on-display .by-course h1{font-size:var(--fs-3)}.on-display .by-course ul{gap:1.5vw;display:flex}.on-display .by-hazard-text{font-size:var(--fs--1)}.on-display .by-hazard-text strong{font-size:var(--fs-1)}.on-display .by-course .hazard-sign{width:clamp(2.5rem,4vw,4.5rem);height:clamp(2.5rem,4vw,4.5rem)}.on-display .by-course .hazard-icon{width:64%;height:64%}.by-names{justify-content:center;gap:2vw;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:1.5vh;left:0;right:0}.by-names li{border-radius:var(--r-pill);background:var(--white);color:var(--ink);font:700 var(--fs-1) / 1 var(--font-display);box-shadow:inset 0 0 0 3px var(--seat), 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .5rem;display:flex}.by-names li.done{background:var(--mint-light)}.by-name{flex-direction:column;gap:.15em;display:flex}.by-name small{font:600 .62em / 1.05 var(--font-body);color:var(--ink-soft);animation:thunk .26s var(--ease-pop)}.by-names li.done .by-name small{color:var(--ink)}.by-names .icon{width:1.25em;height:1.25em;color:var(--lawn-deep)}.on-display .by-panel{max-height:max(34vh,18.25rem);padding:1rem var(--pad) max(1.25rem, env(safe-area-inset-bottom))}.on-display .by-tray-head h2{font-size:var(--fs-1)}.on-display .by-tray{grid-template-columns:repeat(auto-fill,minmax(clamp(6rem,9vw,11rem),1fr));gap:1rem}.on-display .tile-name{font-size:var(--fs--1)}.on-display .fact{height:1.75rem}.on-display .fact .icon{width:1.25rem;height:1.25rem}.on-display .tile-stamp{font-size:var(--fs-0)}@media (prefers-reduced-motion:reduce){.tile,.slot-tab,.by-got,.tile-stamp,.tile.for-me,.by-title,.by-title strong,.by-name small{animation:none}}.cup-end{z-index:1;--pad:max(.75rem, env(safe-area-inset-left), env(safe-area-inset-right));flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.cup-end-top{padding:max(.875rem, env(safe-area-inset-top)) var(--pad) 0;text-align:center;position:relative}.cup-end-top>.banner{text-align:left;position:static}.cup-end-top h1{font-size:var(--fs-3);animation:punch .42s var(--ease-pop);text-wrap:balance;rotate:-2deg}.cup-end-top{flex:none}.cup-end-window{pointer-events:none;flex:1 1 0;min-height:6.5rem}.cup-end-panel{min-height:0;padding:.875rem var(--pad) max(.875rem, env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:inset 0 3px 0 #ffffffa6, 0 calc(-1 * var(--line-w)) 0 var(--sand-line), 0 -10px 18px -6px #124a7a4d;animation:rise-pop .42s var(--ease-pop);flex-direction:column;flex:0 auto;gap:.75rem;display:flex}.cup-table{padding:var(--line-w);flex-direction:column;gap:.5rem;margin:0;list-style:none;display:flex}.cup-table li{border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), var(--sand-light));min-height:3.25rem;color:var(--ink);box-shadow:inset 7px 0 0 var(--seat), 0 0 0 var(--line-w) var(--ink), 0 3px 0 var(--line-w) var(--ink);align-items:center;gap:.625rem;padding:.375rem .75rem .375rem .5rem;display:flex}.cup-table li:first-child{background:linear-gradient(180deg, #fff6c9, var(--sunflower-light))}.cup-table li.me{box-shadow:inset 7px 0 0 var(--seat), 0 0 0 4px var(--seat), 0 0 0 7px var(--ink), 0 3px 0 7px var(--ink);margin-inline:4px}.cup-place{min-width:2.5rem;font:700 var(--fs-1) / 1 var(--font-display);padding-left:.5rem}.cup-name{min-width:0;font:700 var(--fs-0) / 1.15 var(--font-display);flex-direction:column;flex:1;display:flex}.cup-name .who{display:none}.cup-award{font:600 var(--fs--1) / 1.2 var(--font-body);color:var(--ink-soft)}.cup-award:before{content:none}.cup-hut{font:600 var(--fs--1) / 1.2 var(--font-body);color:var(--ink-soft)}.cup-award.story{color:var(--ink)}.cup-award.story b{font:700 var(--fs--1) / 1.2 var(--font-display);border-radius:var(--r-pill);background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 2px var(--seat,var(--sunflower));vertical-align:top;text-wrap:balance;overflow-wrap:break-word;border-radius:.9em;max-width:100%;margin-right:.15em;padding:.05em .5em .1em;display:inline-block}.cup-badge{filter:drop-shadow(0 3px 2px #1f24404d);width:3.25rem;height:auto;animation:stamp .32s .4s var(--ease-pop) backwards;flex:none;margin-block:-.5rem;rotate:6deg}@media (prefers-reduced-motion:reduce){.cup-badge{animation:none}}.cup-points{font:700 var(--fs-2) / 1 var(--font-display);font-variant-numeric:tabular-nums}.cup-points:after{content:" pts";font-size:.5em}.cup-end-panel>.cup-table{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 auto;gap:.5rem;min-height:5rem;margin-block:-4px -.5rem;padding-block:7px 0;overflow-y:auto}.cup-end-panel>.cup-table::-webkit-scrollbar{display:none}.cup-end-panel>.cup-table>li{flex:none}.cup-end-panel>.cup-table:after{content:"";pointer-events:none;background:linear-gradient(#f8e4b400,#f8e4b4 90%);flex:none;height:.875rem;margin-top:-.25rem;position:sticky;bottom:0}.cup-end-panel>.cup-end-actions,.cup-end-panel>.keepsake-open{flex:none}.cup-end-actions{margin:0 var(--line-w);padding-bottom:var(--lift-lg);grid-template-columns:2fr 1fr;gap:.75rem;display:grid}.cup-end-actions>:only-child{grid-column:1/-1}.cup-end-actions .big,.cup-end-actions .secondary{min-height:3.5rem}.cup-end .cup-table>li{animation:rise .32s var(--ease-pop) backwards}.cup-end.settled .cup-table>li{animation:none}.cup-end-window{position:relative}.cup-replay{right:var(--pad);pointer-events:auto;border-radius:var(--r-pill);background:var(--white);min-height:2.75rem;color:var(--ink);font:700 var(--fs--1) / 1.1 var(--font-display);box-shadow:0 0 0 var(--line-w) var(--ink), 0 3px 0 var(--line-w) var(--ink);animation:rise .26s var(--ease-pop) backwards;border:0;padding:.25rem .875rem;position:absolute;bottom:.375rem}.cup-replay:before{content:"";border-block:.3125rem solid #0000;border-left:.5rem solid var(--tomato);width:0;height:0;margin-right:.375rem;display:inline-block}.cup-end.replaying .cup-replay{top:.375rem;bottom:auto}.cup-end.replaying .cup-replay:before{content:none}.cup-end.replaying .cup-end-panel>.cup-table{display:none}.cup-end.replaying .cup-end-window .race-end-moment{max-width:calc(100% - 1.5rem);bottom:.625rem}@media (prefers-reduced-motion:reduce){.cup-end .cup-table>li,.cup-replay{animation:none}}@media (max-height:680px){.cup-end-window{min-height:6rem}.cup-replay{min-height:2.5rem;bottom:.25rem}.cup-end:not(.replaying) .cup-replay-more{display:none}.cup-end-top h1{font-size:var(--fs-2)}}@media (min-width:900px) and (min-height:480px),(orientation:landscape) and (max-height:480px){.cup-end{padding-right:var(--pad);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(22rem,28rem);column-gap:1rem;display:grid}.cup-end-window{grid-area:2/1;min-height:0}.cup-end.replaying .cup-end-panel>.cup-table{display:flex}.cup-end-panel{max-height:calc(100% - 2 * var(--lift-md));border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #ffffffa6, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-md) 0 var(--line-w) var(--sand-line);grid-area:1/2/-1;align-self:center;padding:1rem}.cup-end-top h1{font-size:var(--fs-4)}}@media (orientation:landscape) and (max-height:480px){.cup-end-top h1{font-size:var(--fs-2)}.cup-end-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.625rem .75rem;display:grid}.cup-end-panel>.cup-table{grid-column:1/-1}.cup-end-panel>.cup-end-actions{margin:0 0 0 var(--line-w)}.cup-end-panel>.keepsake-open{white-space:normal;align-self:start;max-width:7.5rem;min-height:3.5rem;line-height:1.1}.cup-end-panel>.cup-end-actions:last-child{grid-column:1/-1}}.race-end{z-index:1;--pad:max(.75rem, env(safe-area-inset-left), env(safe-area-inset-right));grid-template-rows:auto minmax(10rem,1fr) minmax(0,max-content);display:grid;position:fixed;inset:0;overflow:hidden}.race-end-top{padding:max(.75rem, env(safe-area-inset-top)) var(--pad) .25rem;text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.race-end-top>.banner{text-align:left;align-self:stretch;position:static}.race-end-count{border-radius:var(--r-pill);background:var(--ink);color:var(--white);font:700 var(--fs--1) / 1.1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:.25rem .75rem}.race-end-top h1{font-size:var(--fs-3);text-wrap:balance;animation:punch .42s var(--ease-pop);rotate:-2deg}.race-end-window{pointer-events:none;min-height:0;position:relative}.race-end-moment{border-radius:var(--r-md);background:var(--white);width:max-content;max-width:calc(100% - 2.75rem);color:var(--ink);font:700 var(--fs-0) / 1.15 var(--font-display);text-wrap:balance;box-shadow:0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);animation:slap .3s .2s var(--ease-pop) backwards;align-items:center;gap:.5rem;margin:0;padding:.4375rem .875rem .4375rem .4375rem;display:flex;position:absolute;bottom:.875rem;left:50%;translate:-50%;rotate:-1.5deg}.replay-tag{background:var(--tomato);color:var(--white);font:700 .6875rem / 1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;flex:none;padding:.25rem .5rem}.replay-tag:before{content:"";background:var(--white);border-radius:50%;width:.4375rem;height:.4375rem;margin-right:.3125rem;animation:1.2s ease-in-out infinite blink;display:inline-block}.race-end-panel{padding:.875rem var(--pad) max(.875rem, env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:inset 0 3px 0 #ffffffa6, 0 calc(-1 * var(--line-w)) 0 var(--sand-line), 0 -10px 18px -6px #124a7a4d;flex-direction:column;gap:.625rem;min-height:0;display:flex}.race-end-panel>.cup-table{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 auto;min-height:4.5rem;margin-block:-4px -.625rem;padding-block:7px .625rem;overflow-y:auto}.race-end-panel>.cup-table::-webkit-scrollbar{display:none}.race-end-panel>.cup-table>li,.race-end-panel>.cup-end-actions{flex:none}.race-end .cup-table li{animation:rise .26s var(--ease-pop) backwards}.cup-time{font:600 var(--fs--1) / 1.2 var(--font-body);color:var(--ink-soft);font-variant-numeric:tabular-nums}.cup-gain{border-radius:var(--r-pill);background:var(--seat);color:var(--ink);font:700 var(--fs-0) / 1 var(--font-display);box-shadow:0 0 0 2px var(--ink);animation:bump .38s .5s var(--ease-pop) backwards;padding:.1875rem .5rem}.race-end-panel .cup-end-actions{grid-template-columns:1fr}.race-end-panel .cup-end-actions:empty{display:none}.cup-quit{min-height:2.75rem;font:600 var(--fs--1) / 1 var(--font-body);color:var(--ink-soft);text-underline-offset:3px;flex:none;align-self:center;margin-block:-.5rem;padding:0 .75rem;text-decoration:underline}.cup-quit:active{color:var(--ink)}.cup-quit-ask{margin:0 var(--line-w);flex-direction:column;flex:none;gap:.5rem;display:flex}.cup-quit-ask p{font:700 var(--fs-0) / 1.25 var(--font-display);color:var(--ink);text-align:center;text-wrap:balance}.cup-quit-answers{padding-bottom:var(--lift-lg);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.cup-quit-answers .big{min-height:3.5rem}.cup-quit-answers .cup-quit{text-align:center;justify-self:center;margin-block:0;line-height:1.15}@media (max-height:600px){.race-end{grid-template-rows:auto minmax(7.5rem,1fr) minmax(0,max-content)}}@media (min-width:900px) and (min-height:480px),(orientation:landscape) and (max-height:480px){.race-end{padding-right:var(--pad);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(22rem,28rem);column-gap:1rem}.race-end-window{grid-area:2/1}.race-end-panel{max-height:calc(100% - 2 * var(--lift-md));border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #ffffffa6, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-md) 0 var(--line-w) var(--sand-line);grid-area:1/2/-1;align-self:center;padding:1rem}}@media (orientation:landscape) and (max-height:480px){.race-end{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);column-gap:.75rem}.race-end-top h1{font-size:var(--fs-2)}.race-end-panel{gap:.5rem;padding:.625rem .75rem}}@media (prefers-reduced-motion:reduce){.race-end .cup-table li,.cup-gain,.race-end-moment,.race-end-top h1,.cup-end-top h1{animation:none}}.tile-gadget{background:var(--sunflower-light);color:var(--ink);font:700 .625rem / 1.15 var(--font-display);text-align:center;text-wrap:balance;border-radius:.375rem;margin-top:.125rem;padding:.1rem .25rem;display:block}.tile.kept .tile-gadget{opacity:.45}.tile.taken .tile-gadget{visibility:hidden}.by-fresh{z-index:3;border-radius:var(--r-md);pointer-events:none;background:var(--white);width:max-content;max-width:calc(100% - 2rem);color:var(--ink);text-align:center;box-shadow:0 0 0 var(--line-w) var(--ink), 0 5px 0 var(--line-w) var(--ink), 0 .5rem 1rem #1f24404d;animation:slap .3s var(--ease-pop) backwards;flex-direction:column;align-items:center;gap:.15rem;margin:0;padding:.5rem 1rem .6rem;display:flex;position:absolute;top:38%;left:50%;translate:-50% -50%;rotate:-2deg}.by-fresh strong{font:700 var(--fs-2) / 1.05 var(--font-display);text-wrap:balance}.by-fresh span{font:600 var(--fs-0) / 1.2 var(--font-body)}@media (prefers-reduced-motion:reduce){.by-fresh{animation:none}}@media (max-height:740px) and (max-width:899.98px),(max-height:479.98px){.by-title.proud,.by-fresh{top:auto;bottom:calc(100% + .375rem);translate:-50%}.by-title.proud{padding:.3rem .875rem .5rem}.by-title.proud strong,.by-fresh strong{font-size:var(--fs-1)}.by-fresh{padding:.375rem .875rem .5rem}.by-fresh span{font-size:var(--fs--1)}.by-got{left:var(--pad);transform-origin:0 100%;align-items:flex-start;top:auto;bottom:2.25rem;translate:none;rotate:-4deg}.by-got strong{font-size:clamp(1.5rem,7.5vw,2.125rem)}.by-got span{font-size:var(--fs--1);padding:.1875rem .625rem}}.workshop{z-index:1;--pad:max(.75rem, env(safe-area-inset-left), env(safe-area-inset-right));grid-template-rows:auto minmax(11rem,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:fixed;inset:0;overflow:hidden}.ws-top{padding:max(.5rem, env(safe-area-inset-top)) var(--pad) 0;flex-direction:column;gap:.375rem;display:flex}.ws-top>.banner{margin:var(--line-w);position:static}.ws-bar{margin:0 var(--line-w);align-items:center;gap:.5rem;display:flex}.ws-phase{border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), var(--sand-light));color:var(--ink);box-shadow:inset 0 3px 0 #fff9, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-sm) 0 var(--line-w) var(--sand-line);flex-direction:column;margin:0;padding:.3125rem .625rem .375rem;display:flex}.ws-phase span{font:700 .625rem / 1.1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}.ws-phase strong{font:700 var(--fs-1) / 1.05 var(--font-display)}.ws-courses{flex:1;justify-content:center;gap:.375rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ws-courses li{border-radius:var(--r-pill);box-shadow:0 0 0 2px var(--ink);background:#ffffffd1;align-items:center;gap:.1875rem;padding:.1875rem .3125rem .1875rem .1875rem;display:flex}.ws-courses li>b{background:var(--ink);width:1.25rem;height:1.25rem;color:var(--white);font:700 .75rem / 1 var(--font-display);border-radius:50%;place-items:center;display:grid}.ws-courses .hazard-sign{border-radius:6px;width:1.5rem;height:1.5rem}.ws-courses .hazard-icon{width:1rem;height:1rem}.ws-courses li.raced{opacity:.55}.ws-courses li.next{background:var(--sunflower-light);box-shadow:0 0 0 2px var(--ink), 0 3px 0 2px var(--ink)}.ws-clock{text-align:center;border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), var(--sand-light));min-width:4rem;color:var(--ink);font:700 1.375rem / 1.2 var(--font-display);font-variant-numeric:tabular-nums;box-shadow:inset 0 3px 0 #fff9, 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);margin:0;padding:.3125rem .5rem}.ws-clock.soon{background:linear-gradient(180deg, var(--sunflower-light), #f7a733)}.ws-clock.closing{background:linear-gradient(180deg, var(--tomato-light), var(--tomato));color:var(--white);text-shadow:0 2px 0 var(--tomato-line)}.ws-course{margin:0 var(--line-w);border-radius:var(--r-md);color:var(--ink-soft);box-shadow:0 0 0 2px var(--sand-line);background:#ffffffdb;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem;padding:.25rem .625rem .3125rem;font-size:.75rem;line-height:1.25;display:flex}.ws-course strong{font:700 .9375rem / 1.2 var(--font-display);color:var(--ink)}.ws-window{touch-action:pan-y;cursor:grab;min-height:0;position:relative}.ws-window:active{cursor:grabbing}.ws-title{left:var(--pad);border-radius:var(--r-md);background:linear-gradient(180deg, var(--white), var(--sand-light));max-width:58%;color:var(--ink);box-shadow:0 0 0 var(--line-w) var(--seat,var(--ink)), 0 var(--lift-sm) 0 var(--line-w) var(--seat,var(--ink));pointer-events:none;margin:0;padding:.3125rem .625rem .375rem;position:absolute;top:.5rem;rotate:-2deg}.ws-title span{font:700 .625rem / 1.1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);display:block}.ws-title strong{font:700 var(--fs-0) / 1.1 var(--font-display);text-wrap:balance;animation:thunk .26s var(--ease-pop);display:block}.ws-title.proud span{color:var(--lawn-deep)}.ws-rivals{top:.375rem;right:var(--pad);gap:.5rem;margin:0;padding:0;list-style:none;display:flex;position:absolute}.ws-rival{width:2.75rem;height:2.75rem;box-shadow:0 0 0 2px var(--ink);cursor:pointer;background:#ffffffd1;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.ws-rival .plate{--plate-size:1.75rem}.ws-rival.on{background:var(--sunflower-light);box-shadow:0 0 0 3px var(--ink), 0 3px 0 3px var(--ink)}.ws-rival .icon{background:var(--lawn);width:1.125rem;height:1.125rem;color:var(--white);box-shadow:0 0 0 2px var(--ink);border-radius:50%;padding:2px;position:absolute;bottom:-.25rem;right:-.25rem}.ws-view-tools{gap:.5rem;display:flex;position:absolute;bottom:.5rem;left:50%;translate:-50%}.ws-tool{border-radius:var(--r-pill);min-width:2.75rem;height:2.75rem;color:var(--ink);font:700 .875rem / 1 var(--font-display);white-space:nowrap;box-shadow:0 0 0 2px var(--ink), 0 3px 0 2px var(--ink);cursor:pointer;background:#ffffffe6;border:0;place-items:center;padding:0 .625rem;display:grid}.ws-tool .icon{width:1.375rem;height:1.375rem}.ws-tool:active{box-shadow:0 0 0 2px var(--ink), 0 1px 0 2px var(--ink);transform:translateY(2px)}.ws-tool[aria-pressed=true]{background:var(--sunflower-light)}.ws-back{border-radius:var(--r-pill);background:var(--ink);min-height:2.75rem;color:var(--white);font:700 .875rem / 1 var(--font-display);cursor:pointer;border:0;padding:0 .875rem;position:absolute;top:.5rem;left:50%;translate:-50%}.ws-panel{min-width:0;min-height:0;max-height:58dvh;padding:.5rem var(--pad) max(.5rem, env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:0 -3px 0 var(--sand-line), inset 0 3px 0 #fff9;color:var(--ink);border-radius:22px 22px 0 0;flex-direction:column;gap:.4375rem;display:flex}.ws-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.ws-tab{min-width:0;min-height:3.25rem;color:var(--ink-soft);font:700 .6875rem / 1.1 var(--font-display);cursor:pointer;background:#ffffff8c;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:.0625rem;padding:.25rem .125rem .1875rem;display:flex;box-shadow:inset 0 0 0 2px #7a532059}.ws-tab .icon{width:1.25rem;height:1.25rem}.ws-tab small{max-width:100%;font:600 .5625rem / 1.1 var(--font-body);text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);overflow:hidden}.ws-tab.on{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink), 0 3px 0 var(--ink)}.ws-choices{overscroll-behavior:contain;min-width:0;min-height:0;margin:0 -.25rem;padding:.3125rem .25rem .25rem;overflow:hidden auto}.ws-parts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.ws-part{animation:none}.ws-part.on{--line:var(--seat,var(--ink));box-shadow:inset 0 3px 0 #fff9, 0 var(--lift) 0 var(--lip), 0 0 0 4px var(--seat,var(--ink)), 0 var(--lift) 0 4px var(--seat,var(--ink))}.ws-part.over{filter:saturate(.5);opacity:.72}.ws-part[aria-disabled=true]:not(.on):not(.over){filter:saturate(.6);opacity:.8}.ws-fitted{font:700 .625rem / 1 var(--font-display);color:var(--lawn-deep);align-items:center;gap:.1875rem;margin-top:.125rem;display:inline-flex}.ws-fitted .icon{width:.75rem;height:.75rem}.ws-says{color:var(--ink-soft);margin:.4375rem .125rem 0;font-size:.8125rem;line-height:1.3}.ws-says strong{color:var(--ink)}.ws-hint{color:var(--ink-soft);margin:.25rem .125rem 0;font-size:.75rem;line-height:1.3;list-style:none}.ws-tricks{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ws-tricks .ws-hint{grid-column:1/-1}.ws-trick{text-align:left;background:var(--white);width:100%;min-height:4.5rem;color:var(--ink);box-shadow:0 0 0 2px var(--sand-line), 0 3px 0 2px var(--sand-line);cursor:pointer;border:0;border-radius:14px;flex-direction:column;gap:.1875rem;padding:.5rem .625rem;display:flex}.ws-trick.on{box-shadow:0 0 0 4px var(--ink), 0 3px 0 4px var(--ink);background:var(--mint-light)}.ws-trick.copy:not(.on){background:#fff8e3}.ws-trick-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;display:flex}.ws-trick-head strong{font:700 1rem / 1.1 var(--font-display)}.ws-trick-from{font:600 .6875rem / 1 var(--font-body);color:var(--ink-soft);align-items:center;gap:.25rem;display:inline-flex}.ws-trick-from .plate{--plate-size:1.125rem}.ws-trick-does{font-size:.8125rem;line-height:1.25}.ws-trick-cost{color:var(--ink-soft);font-size:.75rem;line-height:1.25}.ws-trick-copy{background:var(--sunflower-light);font:700 .75rem / 1.25 var(--font-display);border-radius:8px;margin-top:.125rem;padding:.25rem .375rem}.ws-style{flex-direction:column;gap:.4375rem;display:flex}.ws-swatches,.ws-picks{border:0;flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;margin:0;padding:0;display:flex}.ws-swatches legend,.ws-picks legend{float:left;width:5.25rem;font:700 .8125rem / 1.1 var(--font-display);padding:0}.ws-swatch{background:var(--paint);width:2rem;height:2rem;box-shadow:0 0 0 2px var(--ink);cursor:pointer;border:0;border-radius:50%;padding:0}.ws-swatch.on{box-shadow:0 0 0 2px var(--white), 0 0 0 5px var(--ink)}.ws-pick{border-radius:var(--r-pill);background:var(--white);min-height:2rem;color:var(--ink);font:700 .75rem / 1.1 var(--font-display);box-shadow:0 0 0 2px var(--sand-line);cursor:pointer;border:0;padding:.25rem .625rem}.ws-pick.on{background:var(--ink);color:var(--white);box-shadow:0 0 0 2px var(--ink)}.ws-test{flex-direction:column;gap:.4375rem;min-width:0;display:flex}.ws-test-courses{flex-wrap:wrap;gap:.375rem;display:flex}.ws-strip{height:2.75rem;box-shadow:inset 0 0 0 2px var(--sand-line);background:linear-gradient(#e9d3a0,#dcbf82);border-radius:10px;margin:.125rem .625rem 0;position:relative}.ws-strip:after{content:"";background:repeating-linear-gradient(180deg, var(--ink) 0 6px, var(--white) 6px 12px);border-radius:0 10px 10px 0;width:6px;position:absolute;top:0;bottom:0;right:0}.ws-strip-zone{background:#ffffff80;border-radius:6px;place-items:center;display:grid;position:absolute;top:2px;bottom:2px;overflow:hidden}.ws-strip-zone .hazard-icon{opacity:.8;width:1.125rem;height:1.125rem}.ws-strip-zone.mud{color:var(--white);background:#9a6b3f}.ws-strip-zone.ice{background:#bfe6ff}.ws-strip-zone.wind{background:#d9eef7}.ws-strip-zone.bridge{color:var(--white);background:#b9753a}.ws-strip-zone.trampolines{background:#ffd0e0}.ws-strip-zone.seesaw{background:#ffe07a}.ws-strip-ring{width:.875rem;height:.875rem;box-shadow:inset 0 0 0 3px var(--sunflower), 0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.ws-strip-hut{background:var(--seat,var(--ink));width:1.5rem;height:1.5rem;box-shadow:0 0 0 2px var(--ink);border-radius:6px 6px 3px 3px;position:absolute;top:50%;translate:-50% -50%}.ws-strip-hut:before{content:"";background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%);height:9px;position:absolute;top:-7px;left:-3px;right:-3px}.ws-test-row{align-items:center;gap:.625rem;display:flex}.ws-test-go{flex:none;width:auto;min-height:2.75rem;padding-inline:1rem}.ws-test-says{color:var(--ink-soft);margin:0;font-size:.8125rem;line-height:1.3}.ws-test-says strong{font:700 1.25rem / 1 var(--font-display);color:var(--ink)}.ws-test-says .better{color:var(--lawn-deep);font-weight:700}.ws-test-says .worse{color:var(--tomato-deep);font-weight:700}.ws-test-notes{flex-wrap:wrap;gap:.3125rem;margin:0;padding:0;list-style:none;display:flex}.ws-test-notes li{border-radius:var(--r-pill);background:var(--white);font:600 .75rem / 1.2 var(--font-body);box-shadow:0 0 0 1.5px var(--sand-line);padding:.1875rem .5rem}.ws-earlier h3{font:700 .8125rem / 1.1 var(--font-display);margin:.125rem 0 .1875rem}.ws-earlier p{justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.75rem;line-height:1.25;display:flex}.ws-pairs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.ws-pairs li{color:var(--ink-soft);background:#ffffff80;border-radius:10px;flex-direction:column;gap:.0625rem;padding:.25rem .5rem .3125rem;font-size:.6875rem;line-height:1.25;display:flex;box-shadow:inset 0 0 0 1.5px #7a532059}.ws-pairs strong{font:700 .75rem / 1.1 var(--font-display);color:var(--ink-soft)}.ws-pairs li.on{background:var(--sunflower-light);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);animation:thunk .26s var(--ease-pop)}.ws-pairs li.on strong{color:var(--ink)}.ws-foot{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .625rem;display:grid}.ws-budget{font:600 .75rem / 1.2 var(--font-body);color:var(--ink-soft);white-space:nowrap;gap:.625rem;margin:0;display:flex}.ws-budget b{font:700 .875rem / 1 var(--font-display);color:var(--ink)}.ws-note{min-height:1.125rem;font:700 .75rem / 1.5 var(--font-display);color:var(--tomato-deep);text-align:right;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity var(--t-slow);margin:0;overflow:hidden}.ws-note.on{opacity:1}.ws-actions{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);gap:.625rem;display:grid}.ws-undo{min-height:3.25rem;padding-inline:1rem}.ws-ready{min-height:3.25rem}.ws-ready .icon{vertical-align:-.125rem;width:1.125rem;height:1.125rem}.ws-mini{border-radius:var(--r-pill);background:var(--ink);min-height:2rem;color:var(--white);font:700 .75rem / 1 var(--font-display);white-space:nowrap;cursor:pointer;border:0;padding:.25rem .625rem}.ws-mini.quiet{color:var(--ink-soft);background:0 0;text-decoration:underline}.ws-mini:disabled{opacity:.45;cursor:default}.ws-saved{background:var(--mint-light);box-shadow:inset 0 0 0 2px var(--lawn-deep);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;line-height:1.3;display:flex}.ws-saved>span{flex:1;min-width:9rem}.ws-saved em{color:var(--ink-soft);font-style:normal;display:block}.workshop.is-locked .ws-part:not(.on),.workshop.is-locked .ws-trick:not(.on),.workshop.is-locked .ws-swatch:not(.on),.workshop.is-locked .ws-style .ws-pick:not(.on){filter:saturate(.4);opacity:.6;cursor:default}.workshop.watching{grid-template-rows:auto minmax(0,1fr) auto}.workshop.watching .ws-window{cursor:default}.ws-names{padding:0 var(--pad);flex-wrap:wrap;justify-content:center;gap:.625rem;margin:0;list-style:none;display:flex;position:absolute;bottom:.75rem;left:0;right:0}.ws-names li{border-radius:var(--r-pill);background:var(--white);color:var(--ink);box-shadow:0 0 0 3px var(--seat,var(--ink)), 0 4px 0 3px var(--seat,var(--ink));align-items:center;gap:.5rem;padding:.375rem .75rem .4375rem .4375rem;display:flex}.ws-names .icon{background:var(--lawn);width:1.25rem;height:1.25rem;color:var(--white);border-radius:50%;padding:2px}.ws-name{font:700 var(--fs-0) / 1.1 var(--font-display);flex-direction:column;display:flex}.ws-name small{font:600 .75rem / 1.2 var(--font-body);color:var(--ink-soft)}.ws-watch-line{padding:.625rem var(--pad) max(.75rem, env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:0 -3px 0 var(--sand-line);color:var(--ink);font:700 var(--fs-0) / 1.3 var(--font-display);text-align:center;margin:0}.workshop.on-display{--tv:max(1rem, 2.3vh)}.workshop.on-display .ws-phase span,.workshop.on-display .ws-course,.workshop.on-display .ws-name small{font-size:var(--tv)!important}.workshop.on-display .ws-phase strong,.workshop.on-display .ws-clock,.workshop.on-display .ws-course strong{font-size:max(var(--fs-3), 4.2vh)!important}.workshop.on-display .ws-name,.workshop.on-display .ws-watch-line{font-size:max(var(--fs-1), 3vh)!important}.workshop.on-display .ws-courses li>b{font-size:var(--tv)!important}.workshop.on-display .ws-names .plate{--plate-size:max(2.25rem, 5vh)}.workshop.on-display .ws-courses li>b{width:calc(var(--tv) * 1.6);height:calc(var(--tv) * 1.6)}.workshop.on-display .ws-phase strong{font-size:var(--fs-3)}.workshop.on-display .ws-phase span{font-size:var(--fs--1)}.workshop.on-display .ws-clock{font-size:var(--fs-3);min-width:7rem}.workshop.on-display .ws-course{font-size:var(--fs-0)}.workshop.on-display .ws-course strong{font-size:var(--fs-2)}.workshop.on-display .ws-courses li>b{width:2rem;height:2rem;font-size:1.125rem}.workshop.on-display .ws-courses .hazard-sign{width:2.5rem;height:2.5rem}.workshop.on-display .ws-courses .hazard-icon{width:1.75rem;height:1.75rem}.workshop.on-display .ws-name{font-size:var(--fs-1)}.workshop.on-display .ws-name small{font-size:var(--fs--1)}.workshop.on-display .ws-watch-line{font-size:var(--fs-1)}@media (max-height:640px) and (orientation:portrait){.ws-course,.ws-tab small{display:none}.ws-tab{min-height:2.75rem}.ws-panel{max-height:62dvh}.ws-pairs li span{display:none}.ws-pairs li.on span{display:block}}@media (orientation:landscape) and (max-height:560px),(min-width:900px){.workshop:not(.watching){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(26rem,52vw)}.workshop:not(.watching) .ws-top{grid-column:1}.workshop:not(.watching) .ws-window{grid-area:2/1}.workshop:not(.watching) .ws-panel{max-height:none;padding-top:max(.5rem, env(safe-area-inset-top));box-shadow:-3px 0 0 var(--sand-line), inset 3px 0 0 #fff9;border-radius:22px 0 0 22px;grid-area:1/2/-1}.workshop:not(.watching) .ws-choices{flex:1}}@media (orientation:landscape) and (max-height:560px){.ws-course{display:none}.ws-phase span{letter-spacing:.04em;font-size:.5625rem}.ws-courses li:not(.next) .hazard-sign{display:none}.ws-courses li:not(.next){padding:.1875rem}.ws-tab small{display:none}.ws-tab{min-height:2.5rem}.ws-pairs li span{display:none}.ws-pairs li.on span{display:block}.ws-undo,.ws-ready{min-height:2.75rem}.ws-title{max-width:46%}}@media (prefers-reduced-motion:reduce){.ws-title strong,.ws-pairs li.on{animation:none}}.craft-pace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.craft-pace .secondary{min-height:3rem;font-size:.8125rem;line-height:1.2}.craft-pace .secondary.is-on{box-shadow:0 0 0 4px var(--ink)}.cup-trick{font:600 .75rem / 1.2 var(--font-body);color:var(--ink-soft);display:block}.craft-did{color:var(--ink);background:#fff9;border-radius:12px;margin:.375rem 0 0;padding:.375rem .625rem;font-size:.8125rem;line-height:1.35;box-shadow:inset 0 0 0 2px #7a53204d}.craft-did span{color:var(--ink-soft);display:block}.showroom{margin:0 var(--line-w);color:var(--ink);background:#ffffff9e;border-radius:14px;flex-direction:column;flex:none;gap:.375rem;padding:.4375rem .5rem .5rem;display:flex;box-shadow:inset 0 0 0 2px #7a53204d}.showroom-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.showroom h2{font:700 .9375rem / 1.1 var(--font-display);margin:0}.showroom-who{gap:.375rem;display:flex}.showroom-who .ws-rival{width:2.25rem;height:2.25rem}.showroom-who .ws-rival .plate{--plate-size:1.5rem}.showroom-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.showroom-stage{background:var(--white);min-width:0;box-shadow:0 0 0 2px var(--seat,var(--sand-line));border-radius:10px;flex-direction:column;gap:.125rem;padding:.3125rem .375rem .375rem;font-size:.6875rem;line-height:1.2;display:flex}.showroom-race{font:700 .5625rem / 1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.showroom-parts{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.showroom-parts .part-pic{border-radius:5px;grid-area:auto;width:100%;box-shadow:inset 0 0 0 1px #1f244040}.showroom-title{font:700 .75rem / 1.1 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.showroom-trick{font-weight:700}.showroom-change{color:var(--ink-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.showroom-save{color:var(--ink-soft);align-items:center;gap:.5rem;margin:0;font-size:.6875rem;line-height:1.25;display:flex}.showroom-save .secondary{flex:none;width:auto;min-height:2.5rem;padding-inline:.875rem;font-size:.875rem}.showroom-save span{flex:1;min-width:0}.cup-end-panel:has(.showroom)>.cup-table{min-height:8.5rem}.showroom.on-display{gap:.3125rem}.showroom.on-display .showroom-row{grid-template-columns:6.5rem repeat(3,minmax(0,1fr));align-items:stretch}.showroom.on-display .showroom-name{min-width:0;font:700 .875rem / 1.1 var(--font-display);align-items:center;gap:.375rem;display:flex}.showroom.on-display .showroom-name .plate{--plate-size:1.5rem;flex:none}.showroom.on-display .showroom-change{-webkit-line-clamp:1;line-clamp:1}.showroom.on-display .showroom-title{display:none}@media (max-height:700px) and (orientation:portrait){.showroom-change{display:none}}.race{pointer-events:none;--chip:2.75rem;--sign:1.375rem;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}.hud{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));padding-top:calc(var(--chip) + .875rem);align-items:center;gap:1.5rem;display:flex;position:absolute}.place{min-width:2.2em;font:700 var(--fs-4) / 1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;color:var(--seat,var(--white));text-shadow:var(--sticker);animation:bump var(--t-slow) var(--ease-pop);flex:none;padding-bottom:6px;transform:rotate(-5deg)}.track-strip{border-radius:var(--r-pill);min-width:0;height:1.5rem;box-shadow:0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink), inset 0 4px 0 #0003;background:repeating-linear-gradient(90deg,#ffffffd9 0 10px,#fff0 10px 22px) 0/100% 3px no-repeat,linear-gradient(#6b5a4e,#58483e);flex:1;margin-right:1.5rem;position:relative}.track-fill{border-radius:var(--r-pill);background:#ffffff61;max-width:100%;position:absolute;top:0;bottom:0;left:0}.track-sign{z-index:0;width:var(--sign);height:var(--sign);margin:calc(var(--sign) / -2) 0 0 calc(var(--sign) / -2);background:var(--sunflower);color:var(--ink);box-shadow:0 0 0 2px var(--ink);transition:transform var(--t-med) var(--ease-pop);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%}.track-sign .hazard-icon{stroke-width:4.5px;width:76%;height:76%}.track-sign.next{background:var(--sunflower-light);transform:scale(1.25)}.track-marker{z-index:1;place-items:center;width:0;height:0;transition:left .3s linear;display:grid;position:absolute;top:50%}.track-marker .plate{--plate-size:1.5rem;animation:none}.track-marker.me{z-index:2}.track-marker.me .plate{--plate-size:2rem;box-shadow:0 0 0 2px var(--ink), 0 0 0 5px var(--seat,var(--white)), 0 0 0 7px var(--ink)}.finish-flag{z-index:0;width:2.5rem;height:2.5rem;color:var(--ink);place-items:center;margin-top:-1.5rem;display:grid;position:absolute;top:50%;right:-1.75rem}.flag-icon{filter:drop-shadow(0 2px #fffc);width:2.25rem;height:2.25rem}.next-chip{z-index:3;width:var(--chip);height:var(--chip);margin-left:calc(var(--chip) / -2);border-radius:var(--r-md);background:linear-gradient(180deg, var(--sunflower-light), var(--sunflower));color:var(--ink);box-shadow:inset 0 3px 0 #fff9, 0 5px 0 var(--sunflower-lip), 0 0 0 var(--line-w) var(--ink), 0 5px 0 var(--line-w) var(--ink);animation:chip-in .38s var(--ease-pop);place-items:center;display:grid;position:absolute;bottom:calc(100% + .875rem);transform:rotate(-4deg)}.next-chip .hazard-icon{stroke-width:3.5px;width:76%;height:76%}.next-chip:after{content:"";left:50%;top:calc(100% + 5px + var(--line-w) - 1px);background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:.875rem;height:.5rem;margin-left:-.4375rem;position:absolute}@keyframes chip-in{0%{opacity:0;transform:translateY(-1.75rem)rotate(-16deg)scale(.6)}60%{opacity:1;transform:translateY(2px)rotate(-1deg)scale(1.1)}}.shed-anchor{visibility:hidden;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.shed-stack{flex-direction:column;align-items:center;gap:.5rem;width:max-content;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)}.you{border-radius:var(--r-sm);background:var(--seat,var(--white));color:var(--white);font:700 var(--fs-0) / 1.1 var(--font-display);letter-spacing:.08em;text-indent:.08em;text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 1.5px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink);box-shadow:inset 0 2px 0 #ffffff73, 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);margin-bottom:.875rem;padding:.2rem .7rem .25rem;animation:.52s ease-in-out infinite alternate bob;position:relative}.you:before,.you:after,.shed-tag:before{content:"";left:50%;top:calc(100% + 4px + var(--line-w) - 1px);background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:1.125rem;height:.75rem;margin-left:-.5625rem;position:absolute}.you:after{background:var(--seat,var(--white));width:.5rem;height:.3125rem;margin-left:-.25rem}@keyframes bob{to{transform:translateY(-7px)}}.sticker{border-radius:var(--r-sm);background:var(--white);color:var(--ink);font:700 clamp(1.125rem, 2vw, 2.5rem) / 1.1 var(--font-display);white-space:nowrap;box-shadow:0 .2em 0 var(--seat,var(--sunflower)), 0 0 0 var(--line-w) var(--ink), 0 .2em 0 var(--line-w) var(--ink);animation:sticker-in var(--t-slow) var(--ease-pop);padding:.12em .55em .2em;rotate:-7deg}.sticker.lean{rotate:6deg}@keyframes sticker-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.16)}}.sticker.mine{z-index:30;border-radius:var(--r-md);max-width:calc(100% - 2rem);box-shadow:0 .16em 0 var(--seat,var(--sunflower)), 0 0 0 4px var(--ink), 0 .16em 0 4px var(--ink), 0 .5em .4em -.1em #1f244059;padding:.1em .5em .18em;font-size:clamp(2rem,11vw,4.25rem);position:absolute;top:21%;left:50%;translate:-50%}.race{--count:clamp(3.5rem, 19vw, 4.75rem);--count-top:6.5rem}.race .shed-anchor{transition:opacity .22s var(--ease-out)}.race.counting .shed-anchor,.race.go-beat .shed-anchor{opacity:0;transition:none}.race-count,.race-go{font-family:var(--font-display);text-align:center;text-wrap:balance;padding:0 1rem;font-weight:700;line-height:1;position:absolute;left:0;right:0}.race-count{top:var(--count-top);font-size:var(--count);font-variant-numeric:lining-nums;color:var(--sunflower);text-shadow:4px 0 0 var(--ink), -4px 0 0 var(--ink), 0 4px 0 var(--ink), 0 -4px 0 var(--ink), 3px 3px 0 var(--ink), -3px 3px 0 var(--ink), 3px -3px 0 var(--ink), -3px -3px 0 var(--ink), 0 .09em 0 var(--sunflower-lip), 4px .09em 0 var(--ink), -4px .09em 0 var(--ink), 0 calc(.09em + 4px) 0 var(--ink);animation:count-in var(--t-slow) var(--ease-pop)}.race-title{left:50%;top:calc(var(--count-top) + var(--count) + .5rem);border-radius:var(--r-md);background:var(--white);width:max-content;max-width:calc(100% - 2rem);color:var(--ink);text-align:center;pointer-events:none;box-shadow:inset 0 -5px 0 var(--seat,var(--sunflower)), 0 0 0 var(--line-w) var(--ink), 0 5px 0 var(--line-w) var(--ink), 0 .5rem 1rem #1f24404d;animation:rise-pop .42s var(--ease-pop) backwards;flex-direction:column;align-items:center;gap:.1rem;margin:0;padding:.4rem 1rem .55rem;display:flex;position:absolute;translate:-50%;rotate:-2deg}.race-title span{font:700 var(--fs--1) / 1.1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.race-title strong{font:700 var(--fs-2) / 1.05 var(--font-display);text-wrap:balance}.race-lineup{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:1.5vw;margin:0;padding:0 2vw;list-style:none;display:flex;position:absolute;bottom:15vh;left:0;right:0}.race-lineup li{border-radius:var(--r-md);background:var(--white);color:var(--ink);box-shadow:inset 0 -5px 0 var(--seat,var(--sunflower)), 0 0 0 var(--line-w) var(--ink), 0 5px 0 var(--line-w) var(--ink);animation:rise-pop .42s var(--ease-pop) backwards;align-items:center;gap:.6rem;padding:.5rem 1.1rem .6rem .6rem;display:flex}.race-lineup li:nth-child(2){animation-delay:.12s}.race-lineup li:nth-child(3){animation-delay:.24s}.race-lineup li:nth-child(4){animation-delay:.36s}.race-lineup span{flex-direction:column;gap:.1em;display:flex}.race-lineup small{font:700 var(--fs--1) / 1.1 var(--font-body);color:var(--ink-soft)}.race-lineup strong{font:700 var(--fs-1) / 1.05 var(--font-display)}.race-lineup .plate{--plate-size:2.25rem;animation:none}@media (prefers-reduced-motion:reduce){.race-title,.race-lineup li{animation:none}}.race-go{letter-spacing:.02em;color:var(--white);text-shadow:4px 0 0 var(--ink), -4px 0 0 var(--ink), 0 4px 0 var(--ink), 0 -4px 0 var(--ink), 3px 3px 0 var(--ink), -3px 3px 0 var(--ink), 3px -3px 0 var(--ink), -3px -3px 0 var(--ink), 0 .13em 0 var(--seat,var(--tomato)), 4px .13em 0 var(--ink), -4px .13em 0 var(--ink), 0 calc(.13em + 4px) 0 var(--ink);animation:punch var(--t-slow) var(--ease-pop);font-size:clamp(2.75rem,15vw,8rem);top:24%;transform:rotate(-5deg)}.finish-banner{background:linear-gradient(180deg, var(--sunflower-light), var(--sunflower));color:var(--ink);box-shadow:inset 0 4px 0 #ffffff8c, 0 10px 0 var(--sunflower-lip), 0 0 0 5px var(--ink), 0 10px 0 5px var(--ink), 0 30px 18px -6px #1f244066;animation:banner-in .42s var(--ease-pop);flex-direction:column;align-items:center;gap:.125rem;padding:.75rem 10vw .875rem;display:flex;position:absolute;top:25%;left:-8vw;right:-8vw;transform:rotate(-4deg)}.finish-banner strong{font:700 clamp(1.75rem, 9.5vw, 4.5rem) / 1.1 var(--font-display);letter-spacing:.02em;white-space:nowrap}.finish-place{border-radius:var(--r-md);background:var(--seat,var(--white));color:var(--white);text-shadow:3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 3px 0 var(--ink), 0 -3px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink);box-shadow:inset 0 3px 0 #fff6, 0 0 0 4px var(--ink), 0 5px 0 4px var(--ink);margin-left:.12em;padding:0 .3em .04em;display:inline-block;rotate:5deg}.finish-time{font:600 var(--fs-1) / 1.2 var(--font-display);font-variant-numeric:tabular-nums}@keyframes banner-in{0%{opacity:0;transform:translate(-70%)rotate(-11deg)}65%{opacity:1;transform:translate(2%)rotate(-3deg)}}.hop,.hop-note{left:0;right:0;bottom:calc(max(1.25rem, env(safe-area-inset-bottom)) + 1.5rem);margin-inline:auto;position:absolute}.hop{--rim:12px;--edge:16px;--lip:12px;pointer-events:auto;touch-action:none;background:radial-gradient(90% 60% at 50% 8%, #fff6, #fff0 70%), linear-gradient(180deg, var(--tomato-light), var(--tomato) 55%, #e2441f);width:min(74vw,21rem);height:7.25rem;color:var(--white);font-family:var(--font-display);text-shadow:0 3px 0 var(--tomato-line), 2px 0 0 var(--tomato-line), -2px 0 0 var(--tomato-line), 0 -2px 0 var(--tomato-line);box-shadow:inset 0 4px 0 #ffffff73, inset 0 -6px 0 #0000001a, 0 var(--lip) 0 var(--tomato-deep), 0 0 0 5px var(--ink), 0 var(--lip) 0 5px var(--ink), 0 0 0 var(--rim) var(--seat,var(--white)), 0 var(--lip) 0 var(--rim) var(--seat,var(--white)), 0 0 0 var(--edge) var(--ink), 0 var(--lip) 0 var(--edge) var(--ink), 0 calc(var(--lip) + 18px) 18px 6px #1f244066;transition:transform var(--t-med) var(--ease-pop), box-shadow var(--t-med) var(--ease-out);border-radius:3.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-weight:700;line-height:1;display:flex}.hop-word{letter-spacing:.08em;text-indent:.08em;font-size:3.125rem}.hop-sub{letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;text-shadow:0 2px 0 var(--tomato-line), 1.5px 0 0 var(--tomato-line), -1.5px 0 0 var(--tomato-line);font-size:1rem}.hop:after{content:"";inset:calc(var(--edge) * -1) calc(var(--edge) * -1) calc((var(--edge) + var(--lip)) * -1);pointer-events:none;box-shadow:0 0 0 3px #ffffffd9, 0 0 22px 10px var(--seat,var(--white));opacity:.7;border-radius:6rem;animation:1.8s ease-in-out infinite hop-glow;position:absolute}@keyframes hop-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}.hop.window:after{box-shadow:0 0 0 6px var(--white), 0 0 34px 18px var(--seat,var(--white)), 0 0 60px 26px #ffffff8c;opacity:1;animation:.34s ease-in-out infinite hop-now}.hop.window .hop-word{animation:.34s ease-in-out infinite hop-nudge}@keyframes hop-now{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes hop-nudge{50%{transform:translateY(-3px)scale(1.08)}}.hop:active:not(:disabled){--lip:2px;box-shadow:inset 0 5px 0 #00000029, inset 0 -6px 0 #0000001a, 0 var(--lip) 0 var(--tomato-deep), 0 0 0 5px var(--ink), 0 var(--lip) 0 5px var(--ink), 0 0 0 var(--rim) var(--seat,var(--white)), 0 var(--lip) 0 var(--rim) var(--seat,var(--white)), 0 0 0 var(--edge) var(--ink), 0 var(--lip) 0 var(--edge) var(--ink), 0 8px 8px 2px #1f244066;transition-duration:50ms;transform:translateY(10px)scale(.94)}.hop.used{color:var(--off-light);text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 1.5px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink);box-shadow:inset 0 0 0 7px var(--off), inset 0 0 0 10px var(--ink), 0 0 0 5px var(--ink);background:#1f24404d}.hop.used:after{content:none}.hop.used .hop-word{letter-spacing:.04em;text-indent:.04em;font-size:2.375rem}.hop.used .hop-sub{text-shadow:inherit}.hop.off{filter:grayscale(.85)brightness(.8);opacity:.6}.hop.off:after{content:none}.link-chip{width:-moz-fit-content;width:fit-content;left:0;right:0;bottom:calc(max(1.25rem, env(safe-area-inset-bottom)) + 1.5rem + 7.25rem + 1.75rem);border-radius:var(--r-pill);color:var(--white);font:600 var(--fs-0) / 1.25 var(--font-display);pointer-events:none;background:#1f2440db;margin-inline:auto;padding:.375rem .875rem;position:absolute;box-shadow:0 0 0 2px #ffffff80}.link-chip.lost{background:var(--tomato-deep)}.race.on-display .link-chip{bottom:4.5rem}@media (orientation:landscape) and (max-height:500px){.link-chip{left:auto;right:calc(max(1.5rem, env(safe-area-inset-right)) + .75rem);bottom:calc(max(.75rem, env(safe-area-inset-bottom)) + 1.5rem + 5.5rem + 1.5rem);margin-inline:0}}.hop:focus-visible{outline:5px solid var(--white);outline-offset:calc(var(--edge) + 4px)}.hop-note{border-radius:var(--r-pill);width:-moz-fit-content;width:fit-content;max-width:calc(100% - 2rem);color:var(--white);font:600 var(--fs-0) / 1.25 var(--font-display);text-align:center;text-wrap:balance;background:#1f2440db;padding:.625rem 1.125rem;box-shadow:0 0 0 2px #ffffff80}@media (orientation:landscape) and (max-height:500px){.race{--chip:2.25rem}.hud{padding-top:calc(var(--chip) + .75rem)}.hop{--rim:10px;--edge:13px;--lip:9px;left:auto;right:calc(max(1.5rem, env(safe-area-inset-right)) + .75rem);bottom:calc(max(.75rem, env(safe-area-inset-bottom)) + 1.5rem);width:11.5rem;height:5.5rem;margin-inline:0}.hop-word{font-size:2.375rem}.hop-sub{font-size:.8125rem}.hop.used .hop-word{font-size:1.75rem}.hop-note{bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + .875rem)}.place{font-size:var(--fs-3)}.sticker.mine{font-size:clamp(1.75rem,13vh,3.25rem);top:30%}.race{--count:clamp(2.75rem, 15vh, 3.75rem);--count-top:calc(var(--chip) + 3.5rem)}.race-count{left:40%}.race-title{max-width:56%;padding:.3rem .875rem .5rem;left:70%}.race-title strong{font-size:var(--fs-1)}.race-go{font-size:clamp(2.5rem,20vh,5rem);top:30%}.finish-banner{flex-direction:row;justify-content:center;align-items:baseline;gap:1rem;padding-block:.375rem .5rem;top:30%}.finish-banner strong{font-size:clamp(1.5rem,13vh,3rem)}}.shed-tag{border-radius:var(--r-pill);background:var(--seat,var(--off));color:var(--white);font:700 clamp(1rem, 1.5vw, 1.875rem) / 1.1 var(--font-display);white-space:nowrap;text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 1.5px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink);box-shadow:inset 0 2px 0 #ffffff73, 0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);align-items:center;gap:.4em;margin-bottom:.75rem;padding:.22em .7em .26em .28em;display:inline-flex;position:relative}.tag-rank{border-radius:var(--r-pill);background:var(--white);min-width:2.3em;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;text-transform:uppercase;text-shadow:none;box-shadow:0 0 0 2px var(--ink);padding:.1em .4em;display:inline-block}.shed-tag.lead .tag-rank{background:var(--sunflower-light)}.tag-rank.rose{animation:bump .32s var(--ease-pop)}.tag-name{text-overflow:ellipsis;max-width:9em;overflow:hidden}.tag-hop{background:var(--ink);width:1.15em;height:1.15em;color:var(--white);animation:pop var(--t-slow) var(--ease-pop);border-radius:50%;flex:none;place-items:center;margin-right:-.3em;display:grid}.tag-hop .check-icon{width:70%;height:70%}.race.on-display{--chip:clamp(2.75rem, 5vw, 6rem);--sign:clamp(1.375rem, 2.3vw, 2.875rem)}.race.on-display .hud{left:6vw;right:6vw;top:max(1.5vw, env(safe-area-inset-top))}.race.on-display .track-strip{height:clamp(1.5rem,2.2vw,2.75rem)}.race.on-display .track-marker .plate{--plate-size:clamp(1.75rem, 3.2vw, 4rem)}.race.on-display .flag-icon,.race.on-display .finish-flag{width:clamp(2.25rem,3.6vw,4.5rem);height:clamp(2.25rem,3.6vw,4.5rem)}.race.on-display .finish-flag{margin-top:clamp(-2.75rem,-2.2vw,-1.5rem);right:clamp(-3.5rem,-2.8vw,-1.75rem)}.race.on-display .next-chip{border-radius:clamp(16px,1.4vw,28px)}.race.on-display{--count:clamp(5rem, 24vh, 15rem);--count-top:30%}.race.on-display .race-count{left:60%}.race.on-display .race-go{font-size:clamp(3rem,13vw,15rem);top:22%}.race.on-display .hop-note{opacity:.85}.showcase{touch-action:none;cursor:pointer;min-height:0;padding:0;position:fixed;inset:0}.caption{left:0;right:0;bottom:max(1.5rem, env(safe-area-inset-bottom));border-radius:var(--r-lg);width:-moz-fit-content;width:fit-content;max-width:calc(100% - 2rem);color:var(--white);text-align:center;pointer-events:none;background:#1f2440db;flex-direction:column;align-items:center;gap:.125rem;margin-inline:auto;padding:.625rem 1.125rem;display:flex;position:absolute}.caption strong{font:700 var(--fs-1) / 1.25 var(--font-display);text-wrap:balance}.shed-badge{margin-bottom:.5rem;display:block}.shed-badge .plate,.you .plate,.shed-tag .plate{animation:none}.shed-badge .plate{--plate-size:clamp(1.5rem, 4.4vmin, 2.75rem)}.you{align-items:center;gap:.4rem;padding-left:.3rem;display:inline-flex}.you .plate{--plate-size:1.5rem;transform:none}.shed-tag .plate{--plate-size:1.9em;margin:-.1em 0 -.1em -.2em;transform:rotate(-4deg)}.shed-tag .plate-num,.you .plate-num{text-shadow:none;letter-spacing:0;text-indent:0}.hop.coming .hop-word{animation:.52s ease-in-out infinite hop-nudge}.hop.window.great{filter:brightness(1.12)saturate(1.15)}.hop:not(.window):not(.used):not(.off){filter:saturate(.45)brightness(.9)}.hop.coming:not(.window):not(.used):not(.off){filter:saturate(.7)brightness(.96)}.hop.window.great:after{border-color:var(--sunflower-light)}.ring-pips{justify-content:center;gap:.45rem;margin-top:.3rem;display:flex}.pip{width:.85rem;height:.85rem;box-shadow:0 0 0 2px var(--tomato-line);background:#ffffff40;border-radius:50%}.pip.great{background:var(--sunflower-light);animation:pop var(--t-slow) var(--ease-pop)}.pip.good{background:var(--mint-light);animation:pop var(--t-slow) var(--ease-pop)}.pip.miss{background:var(--ink-soft)}.gadget{left:max(1rem, env(safe-area-inset-left));bottom:calc(max(1.25rem, env(safe-area-inset-bottom)) + 11.5rem);pointer-events:auto;touch-action:none;background:linear-gradient(180deg, var(--sunflower-light), var(--sunflower) 60%);min-width:6.5rem;height:4.25rem;color:var(--ink);font-family:var(--font-display);box-shadow:inset 0 3px 0 #ffffff8c, 0 7px 0 var(--sunflower-lip), 0 0 0 4px var(--ink), 0 7px 0 4px var(--ink), 0 14px 12px 2px #1f244059;animation:pop var(--t-slow) var(--ease-pop);transition:transform var(--t-med) var(--ease-pop);border-radius:2.125rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:0 1rem;font-weight:700;line-height:1;display:flex;position:absolute}.gadget-word{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:1.25rem}.gadget-sub{font:700 .75rem / 1 var(--font-body,inherit);letter-spacing:.04em;opacity:.8;white-space:nowrap}.gadget:active:not(:disabled){transform:translateY(5px)scale(.95)}.gadget.used{color:var(--off-light);box-shadow:inset 0 0 0 4px var(--off), 0 0 0 4px var(--ink);background:#1f24404d;animation:none}.gadget:focus-visible{outline:4px solid var(--white);outline-offset:6px}@media (orientation:landscape) and (max-height:520px){.gadget{bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + 1rem);height:3.5rem}}.ring-hint{left:50%;bottom:calc(max(1.25rem, env(safe-area-inset-bottom)) + 10.25rem);border-radius:var(--r-pill);background:var(--white);width:max-content;max-width:calc(100% - 2rem);color:var(--ink);pointer-events:none;font:700 var(--fs-1) / 1.15 var(--font-display);text-align:center;box-shadow:0 0 0 var(--line-w) var(--ink), 0 4px 0 var(--line-w) var(--ink);margin:0;padding:.4rem .9rem;animation:.52s ease-in-out infinite alternate bob;position:absolute;translate:-50%}@media (orientation:landscape) and (max-height:500px){.ring-hint{top:30%;bottom:auto}}.ring-hint.stray{animation:punch .26s var(--ease-pop)}.hop-press{border-radius:inherit;pointer-events:none;animation:.26s ease-out forwards hop-press;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ffffffe6}@keyframes hop-press{0%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.hop-press,.ring-hint.stray{animation:none}.hop-press{display:none}}.hop-readout{z-index:9;color:#fff;white-space:pre-wrap;pointer-events:none;background:#14182cd9;border-radius:8px;margin:0;padding:.4rem .6rem;font:600 .72rem/1.35 ui-monospace,Menlo,monospace;position:absolute;top:5.5rem;left:.5rem;right:.5rem}.pack{justify-content:center;align-items:center;gap:var(--sp-3)}.pack>.panel,.pack>.pack-back{align-self:stretch}.pack-logo{line-height:0;display:block}.pack-logo .wordmark{width:min(46vw,11rem);height:auto}.pack-art{aspect-ratio:1;width:min(62vw,34dvh,17rem);height:auto;margin-bottom:calc(-1 * var(--sp-5,1.5rem));z-index:1;border-radius:var(--r-lg);box-shadow:0 0 0 var(--line-w) var(--ink), 0 6px 0 var(--line-w) var(--ink), 0 1rem 1.5rem #1f244059;position:relative;rotate:-2deg}.pack-art+.panel{padding-top:calc(var(--sp-5,1.5rem) + var(--sp-3))}.pack-art:has(+.pack-headline){margin-bottom:0}.pack-headline{text-align:center;font-size:var(--fs-3)}.pack-price{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;display:flex}.pack-price-name,.pack-price-once{font:700 var(--fs-0) / 1.2 var(--font-display);color:var(--ink-soft)}.pack-reassure{font-weight:700}.pack-features{gap:var(--sp-4)}.pack-features div{flex-direction:column;gap:.25rem;display:flex}.pack-features h2{font-size:var(--fs-1)}.pack-faq details{border-top:2px solid var(--sand-line);padding-top:var(--sp-2)}.pack-faq summary{font:700 var(--fs-0) / 1.3 var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:2.75rem;padding:.375rem 0;list-style:none;display:flex}.pack-faq summary::-webkit-details-marker{display:none}.pack-faq summary:after{content:"+";font-size:var(--fs-2);color:var(--ink-soft);line-height:1}.pack-faq details[open] summary:after{content:"–"}.pack-faq details p{padding-bottom:var(--sp-2)}.pack-closing{text-align:center}.pack-lede{font-weight:600}.pack-owned{text-align:center}.pack-mascot{width:min(48vw,11rem);height:auto;margin:0 auto;display:block}@media (orientation:landscape) and (max-height:520px){.pack-art{display:none}.pack-art+.panel{padding-top:revert-layer}}.pack-panel{font:400 var(--fs-0) / 1.45 var(--font-body);color:var(--ink)}.pack-panel h2{font:700 var(--fs-2) / 1.1 var(--font-display);color:var(--ink);text-shadow:none}.pack-price{font:700 var(--fs-3) / 1 var(--font-display)}.pack-price s{font-size:var(--fs-1);color:var(--ink-soft);font-weight:500}.pack-small{font-size:var(--fs--1);color:var(--ink-soft)}.pack-consent{gap:var(--sp-2);padding:var(--sp-3);border:2px solid var(--sand-line);border-radius:var(--r-md,12px);background:var(--white);flex-direction:column;display:flex}.pack-consent label{gap:var(--sp-3);font-size:var(--fs--1);cursor:pointer;align-items:center;font-weight:500;display:flex}.pack-refund{color:var(--lawn-deep);font-weight:700}.pack-consent input{width:1.5rem;height:1.5rem;accent-color:var(--lawn-deep);flex:none;margin:0}.pack .primary:disabled{filter:grayscale();opacity:.55}.pack-problem{color:var(--tomato-deep);font-weight:700}.pack-back{text-align:center;margin-block:-.5rem}.pack-back a{min-width:2.75rem;min-height:2.75rem;font:700 var(--fs-0) var(--font-display);color:var(--white);text-shadow:var(--sticker);justify-content:center;align-items:center;padding-inline:.75rem;display:inline-flex}.pack-check,.pack-refused{text-align:center}.pack-check-words{font:700 var(--fs-2) / 1.2 var(--font-display)}.pack-check-dots{justify-content:center;gap:.5rem;display:flex}.pack-check-dots span{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:.875rem;height:.875rem}.pack-check-dots span.on{background:var(--lawn-deep)}.pack-check-pad{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;width:100%;max-width:22rem;margin-inline:auto;display:grid}.pack-check-pad button{border-radius:var(--r-md,12px);border:2px solid var(--ink);background:var(--white);min-height:3.25rem;color:var(--ink);font:700 var(--fs-2) / 1 var(--font-display);cursor:pointer;touch-action:manipulation}.pack-check-pad button:active{background:var(--sand-line)}.pack-check .pack-small{min-height:1.2em}.keepsake-open{min-height:2.75rem;font-size:var(--fs--1);color:var(--ink-soft);border-width:2px;padding-block:.25rem;font-weight:600}.keepsake-icon{flex:none}.keepsake{z-index:30;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;color:inherit;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));animation:keepsake-fade .16s var(--ease-out);background:#141832b8;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.keepsake:not([open]){display:none}.keepsake::backdrop{background:0 0}@keyframes keepsake-fade{0%{opacity:0}}.keepsake-sheet{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--sand-light), var(--sand));width:min(100%,26rem);max-height:100%;box-shadow:inset 0 3px 0 #ffffffa6, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-md) 0 var(--line-w) var(--sand-line), 0 18px 30px #00000059;animation:rise-pop .32s var(--ease-pop);flex-direction:column;align-items:stretch;gap:.625rem;padding:.875rem .875rem .375rem;display:flex}.keepsake-sheet h2{font-size:var(--fs-1);text-align:center;align-self:center}.keepsake-card{aspect-ratio:921/1449;flex:0 auto;align-self:center;place-items:center;max-width:100%;min-height:8rem;max-height:58dvh;display:grid}.keepsake-card canvas{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.keepsake-wait{font:600 var(--fs-0) / 1.3 var(--font-display);color:var(--ink-soft);text-align:center;padding:1rem}.keepsake-small{font:500 var(--fs--1) / 1.3 var(--font-body);color:var(--ink-soft);text-align:center;text-wrap:balance}.keepsake-actions{margin:0 var(--line-w);padding-bottom:var(--lift-md);grid-template-columns:2fr 1fr;gap:.75rem;display:grid}.keepsake-actions>*{min-height:3.25rem}.keepsake-save{min-height:2.75rem;font:600 var(--fs--1) / 1 var(--font-body);color:var(--ink-soft);text-underline-offset:3px;align-self:center;padding:0 .75rem;text-decoration:underline}.keepsake-note:empty{display:none}.keepsake-note{font:600 var(--fs--1) / 1.2 var(--font-body);color:var(--ink);text-align:center}@media (min-aspect-ratio:1) and (max-height:640px){.keepsake-sheet{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1rem;width:min(100%,44rem);display:grid}.keepsake-sheet h2{grid-column:2;align-self:end}.keepsake-card{grid-area:1/1/span 5;height:calc(100dvh - 4rem);max-height:calc(100dvh - 4rem)}.keepsake-sheet>:not(.keepsake-card){grid-column:2}}.card-show{z-index:40;background:#101226;position:fixed;inset:0}.card-show canvas{display:block}.page .shelf{gap:var(--sp-2);margin:0 var(--line-w) var(--lift-sm);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--sand-light), var(--sand));box-shadow:inset 0 3px 0 #ffffffa6, 0 0 0 var(--line-w) var(--sand-line), 0 var(--lift-sm) 0 var(--line-w) var(--sand-line);color:var(--ink);animation:rise var(--t-slow) var(--ease-pop) backwards;padding:.625rem .75rem .375rem}.shelf-top{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:2rem;display:flex}.shelf-top h2{font-size:var(--fs-0)}.shelf-cups{font:700 var(--fs--1) / 1 var(--font-display);border-radius:var(--r-pill);background:linear-gradient(180deg, #fff6c9, var(--sunflower-light));box-shadow:0 0 0 2px var(--sunflower-line);align-items:center;gap:.375rem;padding:.125rem .625rem .125rem .25rem;display:flex}.shelf-cups img{width:auto;height:1.75rem;margin-block:-.25rem}.shelf-huts{justify-content:center;gap:.25rem;margin:0;padding:0 0 .25rem;list-style:none;display:flex}.shelf-huts li{text-align:center;flex-direction:column;flex:0 calc(25% - .1875rem);align-items:center;gap:.125rem;min-width:0;display:flex}.shelf-pic{aspect-ratio:1;width:100%;max-width:6.5rem;display:block;position:relative}.shelf-pic:after{content:"";background:linear-gradient(180deg, var(--timber), var(--timber-deep));height:9%;box-shadow:0 0 0 2px var(--sand-line), 0 3px 0 2px var(--sand-line);z-index:0;border-radius:4px;position:absolute;bottom:6%;left:4%;right:4%}.shelf-pic img{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative;transform:translateY(-4%)}.shelf-title{font:700 var(--fs--1) / 1.1 var(--font-display);text-wrap:balance;overflow-wrap:anywhere}.shelf-name{background:var(--white);max-width:100%;color:var(--ink);box-shadow:inset 0 0 0 2px var(--seat,var(--sunflower)), 0 0 0 1px #1f244059;font:600 .6875rem / 1.2 var(--font-body);text-wrap:balance;border-radius:.625rem;padding:.125rem .4375rem}.shelf-wins{font:500 var(--fs--1) / 1.25 var(--font-body);color:var(--ink-soft);border-top:2px dashed #7a532073;flex-direction:column;gap:.125rem;margin:0;padding:.25rem 0 0;list-style:none;display:flex}.shelf-wins li{justify-content:space-between;gap:var(--sp-3);display:flex}.shelf-win-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shelf-win-title:before{content:"★ ";color:var(--sunflower-lip)}.shelf-win-date{font-variant-numeric:tabular-nums;flex:none}.shelf-foot{font:500 var(--fs--1) / 1.2 var(--font-body);color:var(--ink-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem .75rem;display:flex}.shelf-clear{min-height:2.75rem;font:600 var(--fs--1) / 1 var(--font-body);color:var(--ink-soft);text-underline-offset:3px;margin-block:-.375rem;padding:0 .5rem;text-decoration:underline}.shelf-clear:active{color:var(--ink)}.shelf-foot.asking{flex-flow:column;align-items:stretch;gap:.375rem;padding-block:.25rem .375rem}.shelf-ask{text-align:right;text-wrap:balance;color:var(--ink);margin:0}.shelf-answers{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.shelf-answers .shelf-clear{flex:none;margin-block:0}.shelf-keep{border-radius:var(--r-pill);background:var(--white);min-height:2.75rem;color:var(--ink);font:700 var(--fs--1) / 1 var(--font-display);box-shadow:0 0 0 2px var(--ink), 0 3px 0 2px var(--ink);flex:none;margin-bottom:3px;padding:0 1.125rem}.shelf-keep:active{box-shadow:0 0 0 2px var(--ink), 0 1px 0 2px var(--ink);transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.keepsake,.keepsake-sheet,.page .shelf{animation:none}}