@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}html{font-size:clamp(16px,min(1.111vw,1.975vh),30px)}:root{--font-display:"Lilita One", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-text:"Nunito Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif;--blue:#4f9dff;--blue-hi:#9ccaff;--red:#ff5a5f;--red-hi:#ffb0b2;--gold:#ffd35c;--night:#20294a;--chalk:#fff4e2;--marigold:#ffc23a;--tangerine:#ff8530;--turquoise:#22b3a6;--coral:#ef5a47;--chalk-dim:#fff4e259;--radius:.875rem;--pad:max(.75rem, env(safe-area-inset-left))}.hud,.sound-dock,.menu,.turn{font-family:var(--font-text);color:var(--chalk)}:where(.hud,.menu) button{pointer-events:auto;font:inherit;color:inherit}.hud[hidden]{display:none}.surface{border-radius:var(--radius);background:#171e38db;border:1px solid #fff4e224;box-shadow:0 .5rem 1.5rem #0508144d}.caption{font-family:var(--font-display);letter-spacing:.01em;color:var(--chalk);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:1.125rem;display:flex}.caption span{font-family:var(--font-text);opacity:.7;font-size:.75rem;font-weight:700}.paint{color:var(--night);background:50%/100% 100% no-repeat}.hud{pointer-events:none;font-size:.875rem;font-weight:600;line-height:1.2;position:fixed;inset:0}.hud svg{flex:none;width:1.25rem;height:1.25rem}.board{top:max(.625rem, env(safe-area-inset-top));left:var(--pad);min-width:9.375rem;margin:0;padding:.5rem .625rem;list-style:none;position:absolute}.board li{opacity:.85;justify-content:space-between;align-items:center;gap:.625rem;padding:.125rem 0;font-size:.875rem;display:flex}.board li .rank{opacity:.6;flex:none;width:.875rem}.board li span{flex:1}.board li b{font-variant-numeric:tabular-nums;color:var(--gold);text-align:right;min-width:1.5rem}.board li i{font-variant-numeric:tabular-nums;color:#ffe08a;justify-content:flex-end;align-items:center;gap:.1875rem;min-width:2.25rem;font-size:.8125rem;font-style:normal;display:inline-flex}.board li i svg{flex:none;width:.875rem;height:.875rem}.board li.team .rank,.results li.team .rank{background:var(--team);color:#0b1424;text-align:center;opacity:1;border-radius:.3125rem;width:1.125rem;font-weight:900}@media (height<=460px),(width<=600px){.board{min-width:0;padding:.375rem .5rem}.board li:not(.lead):not(.me){display:none}}.stick{pointer-events:none;z-index:5;opacity:.45;background:radial-gradient(circle,#ffffff1a 0%,#ffffff2e 70%,#ffffff0d 71%);border-radius:50%;width:112px;height:112px;display:none;position:fixed;top:calc(100% - 112px);left:104px;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #ffffff73}body.in-match .stick.on{display:block}.back-btn{right:var(--pad);bottom:calc(max(.875rem, env(safe-area-inset-bottom)) + 6.75rem);color:#fff;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:4.25rem;height:4.25rem;padding:0;display:none;position:absolute}body.in-match .back-btn.on{display:flex}.back-btn svg{filter:drop-shadow(0 1px .125rem #00000080);width:1.75rem;height:1.75rem}.back-btn b{opacity:.85;font-size:.6875rem;font-weight:800}.back-btn.held{background:#fff4e238;transform:scale(.95)}.stick.held{opacity:.9}.stick .knob{background:#ffffffd9;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.board li.me{opacity:1;color:var(--blue-hi)}.top{top:max(.625rem, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:.375rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.clock{font-variant-numeric:tabular-nums;padding:.375rem 1rem;font-size:1.375rem;font-weight:800}.clock.hot{color:#ffb36b;border-color:#ff9a3cb3}.effects{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.fx{font-family:var(--font-display);letter-spacing:.01em;text-shadow:0 1px .1875rem #0009;background:#0f1622bf;border-radius:62.4375rem;padding:.25rem .75rem;font-size:.9375rem;animation:.3s ease-out fx-in}.fx b{font-family:var(--font-text);font-variant-numeric:tabular-nums;font-weight:900}.fx.double{color:#ff7cc8;box-shadow:inset 0 0 0 .125rem #ff7cc88c,0 0 1rem #ff4fb859}.fx.interest{color:#7ff0b0;box-shadow:inset 0 0 0 .125rem #3ee08a99,0 0 1rem #3ee08a59}.fx.soon{animation:.3s ease-out fx-in,1s ease-in-out infinite fx-pulse}@keyframes fx-in{0%{opacity:0;transform:scale(.85)}}@keyframes fx-pulse{50%{opacity:.6}}.finders{gap:.375rem;display:flex}.arrow,.mate{align-items:center;gap:.375rem;padding:.25rem .625rem;display:none}.arrow.on,.mate.on{display:flex}.arrow .needle,.mate .needle{transform:rotate(var(--a,0deg));transition:transform .1s linear}.arrow .tip,.mate .tip{opacity:.85;font-variant-numeric:tabular-nums;font-size:.8125rem}.arrow.closing .tip{color:var(--marigold);opacity:1}.mate .face{border-radius:50%;width:1.375rem;height:1.375rem;box-shadow:0 0 0 .125rem #fff}.purse{bottom:max(.875rem, env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;align-items:center;gap:1.125rem;padding:.5rem 1.125rem;font-size:1.375rem;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%)}.purse span{align-items:center;gap:.375rem;display:flex}.purse .carried b{color:var(--gold)}.purse .banked b{color:#7ff0b0}.purse svg{width:1.5rem;height:1.5rem}.bank-bar{background:#fff3;border-radius:.25rem;width:5.625rem;height:.5rem;overflow:hidden;display:none!important}.bank-bar.on{display:block!important}.bank-bar i{height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,#3ee08a,#b6ffd6);display:block}.big{opacity:0;color:#fff;text-shadow:0 .25rem 1.125rem #00000073;font-size:6rem;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.8)}.big.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.away{text-align:center;pointer-events:none;width:min(22rem,100vw - 2rem);color:var(--chalk);flex-direction:column;align-items:center;gap:.375rem;padding:.875rem 1.125rem;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.away[hidden]{display:none}.away b{font-family:var(--font-display);color:var(--marigold);font-size:1.625rem;font-weight:400}.away span{font-size:.9375rem;font-weight:700;line-height:1.35}.overlay{pointer-events:auto;background:#0a142359;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.card{min-width:min(26.25rem,100vw - 2rem);padding:1.25rem 1.5rem}.overlay .card{max-height:calc(100% - 1rem);overflow-y:auto}.card .caption{margin-bottom:.625rem}.results ol{margin:0 0 1rem;padding:0;list-style:none}.results li{border-bottom:1px solid #ffffff1f;grid-template-columns:1.375rem 1fr auto auto;align-items:baseline;gap:.75rem;padding:.375rem 0;display:grid}.results li.me{color:var(--blue-hi)}.results .rank{opacity:.6}.results .detail{opacity:.7;font-size:.8125rem}.results b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.125rem}.results .row{gap:.625rem;display:flex}.results .earned{flex-wrap:wrap;align-items:center;gap:.375rem;margin:-.25rem 0 .875rem;font-size:.875rem;font-weight:700;display:flex}.results .earned[hidden]{display:none}.results .earned svg{flex:none;width:1.25rem;height:1.25rem}.results .earned small{opacity:.75;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8125rem}.results .row .again,.results .row .next{flex:1.6}.results .row .change,.results .row .leave{flex:1}.wait{opacity:.8;text-align:center;margin:0}.slot{right:var(--pad);bottom:max(.875rem, env(safe-area-inset-bottom));text-align:left;pointer-events:auto;cursor:pointer;color:#fff;touch-action:none;flex-direction:column;align-items:stretch;gap:.375rem;min-width:13.75rem;padding:.625rem .875rem;display:flex;position:absolute}.slot .slot-cap{opacity:.7;font-size:.75rem;font-weight:800}.slot .slot-body{align-items:center;gap:.75rem;display:flex}.slot .slot-icon{background:#ffffff1a;border-radius:.75rem;place-items:center;width:3.75rem;height:3.75rem;display:grid}.slot .slot-icon svg{filter:drop-shadow(0 1px .1875rem #00000080);width:2.9rem;height:2.9rem}.slot .slot-text{flex-direction:column;gap:.1875rem;display:flex}.slot b{font-size:1.125rem}.slot small{opacity:.8;font-size:.75rem}.slot:not(.empty){border-color:#ffd35cd9;box-shadow:0 .625rem 1.75rem #00000047,0 0 1.125rem #ffd35c73}.slot:not(.empty):not(.rolling) .slot-icon{background:#ffd35c38}.slot.empty{opacity:.7}.slot.empty .slot-icon{color:#ffffff80}.slot.empty b{opacity:.85;font-size:.9375rem;font-weight:400}.slot.rolling b{opacity:.7}.slot.rolling .slot-icon svg{animation:90ms ease-out reel}.slot.landed{animation:.45s ease-out landed}@keyframes reel{0%{opacity:.3;transform:translateY(-40%)}}@keyframes landed{0%{transform:scale(1)}35%{transform:scale(1.08);box-shadow:0 0 2.125rem #ffd35ce6}to{transform:scale(1)}}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.slot.ready{--tint:255, 211, 92;background:linear-gradient(160deg, rgba(var(--tint), .42), #0c101a9e);border-color:rgba(var(--tint), .75);box-shadow:0 .625rem 1.75rem #00000047, 0 0 1.25rem rgba(var(--tint), .45)}.slot.ready[data-k=spikes]{--tint:176, 92, 230}.slot.ready[data-k=gull]{--tint:196, 212, 236}.slot.ready[data-k=wave]{--tint:110, 228, 255}.slot.ready[data-k=shield]{--tint:111, 233, 247}.slot.ready[data-k=boost]{--tint:255, 150, 70}.slot.ready[data-k=magnet]{--tint:255, 93, 122}.slot.ready:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#fff0 38%,#ffffff52 50%,#fff0 62%) 0 0/300% 100%;animation:2.2s ease-in-out infinite alternate shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.slot.ready:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--sweep), rgba(var(--tint), 0) 0deg 230deg, rgba(var(--tint), .95) 315deg, #fff 345deg, rgba(var(--tint), 0) 360deg);-webkit-mask-composite:xor;padding:.125rem;animation:2.6s linear infinite sweep;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes sweep{to{--sweep:360deg}}.toast{top:calc(max(.625rem, env(safe-area-inset-top)) + 7.625rem);white-space:nowrap;opacity:0;background:#0f1622b3;border-radius:62.4375rem;padding:.375rem .875rem;font-size:.9375rem;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;left:50%;transform:translate(-50%,-.375rem)}.toast.on{opacity:1;transform:translate(-50%)}.toast.good{color:#ffe08a}.toast.bad{color:#ffb0a8}.toast b{font-variant-numeric:tabular-nums}.purse .safe{color:#3a2a00;background:#fff3c4;border-radius:62.4375rem;padding:.125rem .5rem;font-size:.8125rem;font-weight:800;display:none}.purse .safe.on{display:inline-block}.purse .safe.shield{color:#053a44;background:linear-gradient(#c9fbff,#6fe9f7);box-shadow:0 0 .75rem #6fe9f799}.purse .safe.bank{color:#08311c;background:linear-gradient(#b6ffd6,#3ee08a)}.reel{left:50%;top:calc(max(.625rem, env(safe-area-inset-top)) + 3.125rem);text-align:center;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:.25rem;min-width:11.875rem;padding:.875rem 1.375rem .75rem;transition:opacity .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%)scale(.85)}.reel.on{opacity:1;transform:translate(-50%)scale(1)}.hud.reeling .arrow,.hud.reeling .mate{visibility:hidden}.hud.reeling .toast{top:calc(var(--reel-end,0px) + .5rem)}.reel .reel-icon{background:#ffffff1a;border-radius:1.25rem;place-items:center;width:5.25rem;height:5.25rem;display:grid}.hud .reel .reel-icon svg{filter:drop-shadow(0 .125rem .25rem #00000080);width:4.125rem;height:4.125rem}.reel .reel-name{font-size:1.375rem;font-weight:900}.reel .reel-hint{opacity:.8;font-size:.875rem}.reel.landed{box-shadow:0 0 0 .125rem #ffd35ce6,0 0 2.5rem #ffd35cbf}.reel.landed .reel-icon{animation:.35s ease-out pop}.reel.landed:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fff8d6f2 0%,#ffd35cb3 38%,#ffd35c00 70%);border-radius:1.75rem;animation:.55s ease-out forwards reel-flash;position:absolute;inset:-.75rem}@keyframes reel-flash{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.45)}}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}.reel.fly{opacity:0;transform:translate(calc(-50% + var(--fx,0px)), var(--fy,0px)) scale(.3);transition:transform .45s cubic-bezier(.5,0,.75,.2),opacity .45s ease-in}.coach{text-align:center;opacity:0;background:#0f1622b3;border-radius:62.4375rem;max-width:calc(100vw - 2rem);padding:.5rem 1rem;font-size:.9375rem;font-weight:700;transition:opacity .3s;position:absolute;top:calc(34% + 4.375rem);left:50%;transform:translate(-50%)}.coach.on{opacity:1}.coach b{color:#7ff0b0}.hud:after{content:"";pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 5.625rem .625rem #ff5a3c8c}.hud.ouch:after{animation:.5s ease-out ouch}@keyframes ouch{0%{opacity:0}15%{opacity:1}to{opacity:0}}.sound-dock{z-index:5;right:max(.75rem, env(safe-area-inset-right));top:max(.625rem, env(safe-area-inset-top));font-family:var(--font-text);color:#fff;pointer-events:none;align-items:flex-start;gap:.5rem;display:flex;position:fixed}.fs-btn{z-index:5;top:max(.625rem, env(safe-area-inset-top));right:calc(max(.75rem, env(safe-area-inset-right)) + 3.125rem);color:#fff;cursor:pointer;touch-action:manipulation;border-radius:.8125rem;place-items:center;width:2.625rem;height:2.625rem;padding:0;transition:transform 60ms;display:grid;position:fixed}.fs-btn svg{filter:drop-shadow(0 1px .125rem #00000080);width:1.25rem;height:1.25rem}.fs-btn:active{transform:scale(.95)}.fs-btn:focus-visible{outline:.1875rem solid var(--chalk);outline-offset:.1875rem}body:has(.sound-dock.open) .fs-btn{visibility:hidden}.fs-tip{z-index:6;top:calc(max(.625rem, env(safe-area-inset-top)) + 3.125rem);right:max(.75rem, env(safe-area-inset-right));width:min(16rem,100vw - 2rem);font-family:var(--font-text);color:var(--chalk);cursor:pointer;flex-direction:column;gap:.25rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.35;display:flex;position:fixed}.fs-tip[hidden]{display:none}.fs-tip b{font-family:var(--font-display);color:var(--marigold);font-size:.9375rem;font-weight:400}.sound-btn{color:#fff;cursor:pointer;touch-action:manipulation;pointer-events:auto;border-radius:.8125rem;place-items:center;width:2.625rem;height:2.625rem;padding:0;transition:border-color .15s,transform 60ms;display:grid}.sound-btn svg{filter:drop-shadow(0 1px .125rem #00000080);width:1.375rem;height:1.375rem}.sound-btn:active{transform:scale(.95)}.sound-btn.off{color:#ffb0b2}.sound-dock.open .sound-btn{border-color:#ffffffa6;box-shadow:0 .625rem 1.75rem #00000047,0 0 0 .1875rem #9ccaff40}.sound-drawer{opacity:0;transform-origin:100% 0;pointer-events:none;visibility:hidden;flex-direction:column;gap:.5625rem;width:16.75rem;padding:.6875rem .875rem .8125rem;transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s;display:flex;transform:translate(.875rem)scale(.98)}.sound-dock.open .sound-drawer{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1),visibility;transform:none}.sd-head{justify-content:space-between;align-items:baseline;margin-bottom:1px;display:flex}.sd-hint{color:#ffffff73;font-size:.6875rem;font-weight:700}.sd-row{--accent:#9ccaff;--accent-deep:#4f9dff;border-radius:.625rem;grid-template-columns:1.125rem 3.25rem 1fr 1.75rem;align-items:center;gap:.5625rem;margin:0 -.5rem;padding:.375rem .5rem;transition:background .15s;display:grid}.sd-row:hover{background:#ffffff0f}.sd-row[data-k=nature]{--accent:#a6f0b8;--accent-deep:#3fbf6a}.sd-row[data-k=effects]{--accent:#ffe08a;--accent-deep:#f2b01e}.sd-icon{width:1.125rem;height:1.125rem;color:var(--accent);filter:drop-shadow(0 0 .375rem color-mix(in srgb, var(--accent) 45%, transparent))}.sd-label{letter-spacing:.02em;font-size:.75rem;font-weight:800}.sd-row output{text-align:right;font-variant-numeric:tabular-nums;color:#fffc;font-size:.75rem;font-weight:800}.sound-drawer.muted .sd-row{opacity:.45}.sd-row input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.125rem;margin:0}.sd-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-deep), var(--accent)) 0 0 / var(--v,50%) 100% no-repeat, #00000080;height:.375rem;box-shadow:inset 0 1px .125rem #00000080, 0 0 .5rem color-mix(in srgb, var(--accent) 30%, transparent);border-radius:.1875rem}.sd-row input[type=range]::-moz-range-track{background:#00000080;border-radius:.1875rem;height:.375rem}.sd-row input[type=range]::-moz-range-progress{background:linear-gradient(90deg, var(--accent-deep), var(--accent));border-radius:.1875rem;height:.375rem}.sd-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1rem;height:1rem;box-shadow:0 1px .1875rem #00000080, 0 0 0 .1875rem color-mix(in srgb, var(--accent) 35%, transparent);background:radial-gradient(circle at 40% 35%,#fff,#e6eefc 60%,#c9d6ee);border:none;border-radius:50%;margin-top:-.3125rem;transition:transform .1s}.sd-row input[type=range]::-moz-range-thumb{width:1rem;height:1rem;box-shadow:0 1px .1875rem #00000080, 0 0 0 .1875rem color-mix(in srgb, var(--accent) 35%, transparent);background:radial-gradient(circle at 40% 35%,#fff,#e6eefc 60%,#c9d6ee);border:none;border-radius:50%}.sd-row input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.sd-row input[type=range]:focus-visible{outline:none}.sd-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .1875rem #fff}.sd-station{cursor:pointer;text-align:left;color:#fff;width:calc(100% + 1rem);font:inherit;background:#9ccaff1a;border:0;border-radius:.625rem;grid-template-columns:1fr auto;grid-template-areas:"label dots""name next";align-items:center;gap:.25rem .625rem;margin:0 -.5rem;padding:.4375rem .5rem .5rem;transition:background .15s;display:grid}.sd-station:hover{background:#9ccaff2e}.sd-station .sd-label{grid-area:label}.sd-station b{text-overflow:ellipsis;white-space:nowrap;color:#9ccaff;grid-area:name;min-width:0;font-size:.8125rem;overflow:hidden}.sd-dots{grid-area:dots;justify-self:end;gap:.25rem;display:flex}.sd-dots i{background:#ffffff40;border-radius:50%;width:.375rem;height:.375rem}.sd-dots i.on{background:#9ccaff;box-shadow:0 0 .375rem #9ccaff99}.sd-next{background:#9ccaff38;border-radius:999px;grid-area:next;align-items:center;gap:.3125rem;padding:.25rem .375rem .25rem .5rem;font-size:.75rem;font-weight:800;transition:background .15s;display:inline-flex}.sd-next svg{fill:currentColor;width:.8125rem;height:.8125rem}.sd-next kbd{margin-left:.125rem;padding:0 .3125rem;font-size:.625rem}.sd-station:hover .sd-next{background:#9ccaff5c}.sd-station:active .sd-next{transform:scale(.96)}.sd-station kbd{font:800 .6875rem var(--font-text);color:#fff9;background:#ffffff0f;border:1px solid #ffffff40;border-radius:.3125rem;padding:.125rem .375rem}.sd-divider{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;margin:1px 0}.sd-mute{cursor:pointer;align-items:center;gap:.5rem;padding:.125rem 0;display:flex;position:relative}.sd-mute kbd{font:800 .6875rem var(--font-text);color:#fff9;background:#ffffff0f;border:1px solid #ffffff40;border-radius:.3125rem;margin-left:auto;padding:.125rem .375rem}.sd-mute input{opacity:0;width:1px;height:1px;position:absolute}.sd-switch{background:#00000080;border-radius:.625rem;flex:none;width:2.25rem;height:1.25rem;transition:background .2s;position:relative;box-shadow:inset 0 1px .1875rem #00000080}.sd-switch:after{content:"";background:radial-gradient(circle at 40% 35%,#fff,#dfe7f5);border-radius:50%;width:1rem;height:1rem;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px .1875rem #00000080}.sd-mute input:checked+.sd-switch{background:linear-gradient(90deg,#d92d34,#ff5a5f);box-shadow:0 0 .625rem #ff5a5f80}.sd-mute input:checked+.sd-switch:after{transform:translate(1rem)}.sd-mute input:focus-visible+.sd-switch{outline-offset:.125rem;outline:.125rem solid #fff}.overlay p.loading:after{content:"";text-align:left;width:1.4em;animation:1.2s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}body.cinematic #game{position:relative}body.cinematic #game:after{content:"";pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#140a006b 100%);position:absolute;inset:0}.btn{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:.625rem;width:100%;padding:.75rem 1.125rem;font-size:1rem;font-weight:800;transition:transform 60ms,filter .15s,box-shadow 60ms;display:flex}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(.125rem)}.btn:focus-visible{outline:.1875rem solid var(--chalk);outline-offset:.1875rem}.btn[hidden]{display:none}.btn:disabled{opacity:.45;cursor:default;filter:none;transform:none}.btn.primary{color:var(--night);background:linear-gradient(180deg, #ffd56e, var(--marigold) 45%);box-shadow:0 .25rem #c48a10,0 .5rem 1.125rem #0508144d}.btn.secondary{color:var(--night);background:linear-gradient(180deg, #4fd0c4, var(--turquoise) 45%);box-shadow:0 .25rem #13776e,0 .5rem 1.125rem #0508144d}.btn.warm{color:var(--night);background:linear-gradient(180deg, #ffa766, var(--tangerine) 45%);box-shadow:0 .25rem #c45a14,0 .5rem 1.125rem #0508144d}.btn.primary:active,.btn.secondary:active,.btn.warm:active{box-shadow:0 .125rem #05081459}.btn.ghost{color:var(--chalk);background:#171e3899;box-shadow:inset 0 0 0 2px #fff4e280}.pause-btn{top:calc(max(.625rem, env(safe-area-inset-top)) + 3.125rem);right:max(.75rem, env(safe-area-inset-right));cursor:pointer;touch-action:manipulation;border-radius:.8125rem;place-items:center;width:2.625rem;height:2.625rem;padding:0;display:grid;position:absolute}.pause-btn svg{filter:drop-shadow(0 1px .125rem #00000080)}.pause-btn:active{transform:scale(.95)}.pause-btn.off,.pause-btn[hidden]{display:none}.ping{top:calc(max(.625rem, env(safe-area-inset-top)) + 6rem);right:max(.75rem, env(safe-area-inset-right));font-variant-numeric:tabular-nums;color:var(--chalk);border-radius:.625rem;align-items:center;gap:.3125rem;padding:.25rem .5rem;font-size:.75rem;font-weight:800;display:flex;position:absolute}.ping[hidden]{display:none}.ping svg{fill:currentColor;width:.875rem;height:.875rem}.ping[data-q=good] svg{color:#a6f0b8}.ping[data-q=fair] svg{color:#ffe08a}.ping[data-q=poor] svg{color:#ffb0a8}.menu{z-index:4;pointer-events:none;font-size:.875rem;font-weight:600;line-height:1.25;position:fixed;inset:0}.menu .screen{pointer-events:auto;position:absolute;inset:0}.menu .screen[hidden]{display:none}.menu kbd{font:inherit;background:#ffffff29;border:1px solid #ffffff40;border-radius:.375rem;padding:0 .375rem;font-size:.75rem;font-weight:800;display:inline-block}.title{align-items:center;display:flex}.title-card{width:min(25rem,100vw - 3rem);margin-left:max(1.5rem, 6vw, calc(env(safe-area-inset-left) + 1rem));box-sizing:border-box;background:#171e38e6;border:1px solid #fff4e21f;border-radius:1.25rem;flex-direction:column;gap:.75rem;padding:1.75rem 1.75rem 1.5rem;display:flex;box-shadow:0 1rem 2.5rem #05081459}.logo{letter-spacing:.01em;text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:.125rem;margin:0 0 .25rem;font-size:clamp(2.75rem,min(8.5vw,14vh),6rem);font-weight:400;line-height:1;display:flex}.logo .word{padding:.06em .32em .1em}.logo .stash{transform:rotate(-3deg)}.logo .dash{margin-left:.45em;transform:rotate(2deg)}.tagline{max-width:30ch;margin:0 0 .375rem;font-size:1rem}.title .play{padding:.9375rem 1.125rem;font-size:1.25rem}.title .modes{flex-direction:column;gap:.625rem;display:flex}.quick{background:#fff4e20d;border-radius:1.125rem;flex-direction:column;gap:.5rem;padding:.625rem;display:flex;box-shadow:inset 0 0 0 1px #fff4e224}.quick-cap{font-family:var(--font-display);align-items:baseline;gap:.5rem;padding:0 .125rem;font-size:1rem;line-height:1;display:flex}.quick-cap span{font-family:var(--font-text);opacity:.7;font-size:.75rem;font-weight:700}.sizes{border-radius:var(--radius);background:#0508144d;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;display:grid}.size{cursor:pointer;touch-action:manipulation;font-family:var(--font-display);color:var(--chalk);background:0 0;border:0;border-radius:.625rem;padding:.4375rem .25rem;font-size:1rem}.size:hover{background:#fff4e21a}.size:focus-visible{outline:.1875rem solid var(--chalk);outline-offset:.125rem}.size.on{color:var(--night);background:var(--marigold)}.title .online{align-items:baseline;gap:.5rem;padding:.625rem .75rem}.title .online small{opacity:.85;font-size:.75rem;font-weight:800}.title .kart{text-align:left;border-radius:var(--radius);cursor:pointer;width:100%;color:var(--chalk);background:#fff4e20f;border:0;align-items:center;gap:.75rem;padding:.5rem .875rem .5rem .5rem;display:flex;box-shadow:inset 0 0 0 1px #fff4e224}.title .kart:hover{background:#fff4e21a}.title .kart:focus-visible{outline:.1875rem solid var(--chalk);outline-offset:.1875rem}.title .kart .face{width:3rem;height:3rem;box-shadow:0 0 0 .1875rem var(--chalk);border-radius:50%;flex:none}.title .kart-who{flex-direction:column;flex:1;align-items:flex-start;gap:.25rem;min-width:0;display:flex}.title .kart-driver{padding:.04em .45em .12em;font-size:1.25rem;font-weight:400;transform:rotate(-2deg)}.title .kart-vehicle{opacity:.8;font-size:.8125rem;font-weight:700}.title .kart .edit{font-family:var(--font-display);color:var(--marigold);flex-direction:column;align-items:flex-end;gap:.125rem;font-size:1rem;display:flex;position:relative}.wallet{font-family:var(--font-text);color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;font-weight:800;display:inline-flex}.wallet svg{flex:none;width:1.125em;height:1.125em}.title .kart .wallet{font-size:.9375rem}.title .kart.can-buy .edit{padding-right:.875rem}.title .kart.can-buy .edit:after{content:"";background:var(--tangerine);border-radius:50%;width:.5rem;height:.5rem;position:absolute;bottom:.4375rem;right:0;box-shadow:0 0 0 .1875rem #ff85304d}.controls{opacity:.9;text-shadow:0 1px .1875rem #000000b3;margin:.125rem 0 0;font-size:.875rem;line-height:1.7}.home-hint{color:var(--marigold);margin:0;font-size:.75rem;font-weight:700}.garage-card{grid-template-columns:1.15fr 1fr;grid-template-areas:"cap cap""stage pickers""stage row";gap:.75rem 1.125rem;width:min(45rem,100vw - 2rem);min-width:0;display:grid}.garage-card .caption{grid-area:cap;margin:0}.garage-card .caption span{letter-spacing:.04em;text-transform:none;opacity:.8;font-weight:600}.garage-card .caption .wallet{letter-spacing:0;opacity:1;font-size:1rem;font-weight:800}.stage{background:radial-gradient(at 50% 72%,#9ccaff3d,#9ccaff00 70%);border-radius:.875rem;grid-area:stage;min-height:14.375rem;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pickers{flex-direction:column;grid-area:pickers;justify-content:center;gap:.625rem;display:flex}.picker{background:#ffffff12;border-radius:.875rem;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.5rem;padding:.5rem;display:grid}.pick{text-align:center;flex-direction:column;align-items:center;gap:.125rem;min-width:0;display:flex}.pick small{opacity:.7;font-size:.75rem;font-weight:800}.pick b{font-size:1.125rem}.picker[data-k=driver] .pick b{padding:.04em .5em .12em;transform:rotate(-1.5deg)}.pick span{opacity:.75;font-size:.75rem}.pick .status{font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;height:1.25rem;margin-top:.125rem;font-size:.8125rem;font-style:normal;font-weight:800;display:inline-flex}.pick .status svg{flex:none;width:.875rem;height:.875rem}.pick .status.locked{color:var(--gold)}.pick .status.owned{color:var(--chalk);opacity:.55}.pick b,.pick span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.picker.locked{box-shadow:inset 0 0 0 1px #ffd35c73}.shop-note{text-align:center;opacity:.8;white-space:nowrap;text-overflow:ellipsis;height:1.125rem;margin:0;font-size:.75rem;font-weight:600;line-height:1.125rem;overflow:hidden}.garage .go .cost{font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;margin-left:.5rem;display:inline-flex}.garage .go .cost svg{width:1.1em;height:1.1em}.arrow-btn{cursor:pointer;touch-action:manipulation;background:#ffffff1a;border:1px solid #ffffff40;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:grid}.arrow-btn svg{width:1.125rem;height:1.125rem}.arrow-btn:active{transform:scale(.94)}.garage-card .row{grid-area:row;align-self:end;gap:.625rem;display:flex}.garage-card .row .go{flex:1.6}.garage-card .row .back{flex:1}.reveal{--open:.6s;z-index:1;padding:max(1rem, env(safe-area-inset-top)) var(--pad) max(1rem, env(safe-area-inset-bottom));background:radial-gradient(60% 55% at 50% 45%,#ffc23a42,#ffc23a00 70%),#141a32ed;grid-template:"kick""stage"minmax(0,22rem)"text""row"/minmax(0,34rem);place-content:center;justify-items:center;gap:.5rem;animation:.2s ease-out both reveal-in;display:grid;position:absolute;inset:0;overflow:hidden}.reveal[hidden]{display:none}.garage-card{transition:opacity .2s}.garage.revealing .garage-card{opacity:0}.reveal-kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--marigold);text-shadow:0 .125rem #0000004d;animation:rise .35s cubic-bezier(.2, .8, .2, 1) calc(var(--open) + .1s) both;grid-area:kick;margin:0;font-size:clamp(1.25rem,4.5vh,1.75rem);font-weight:400}.reveal-stage{grid-area:stage;width:100%;height:100%;min-height:0;position:relative}.reveal-stage canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.rays{z-index:0;width:44rem;height:44rem;animation:rays-in .5s ease-out var(--open) both, rays-turn 40s linear infinite;background:repeating-conic-gradient(#ffc23a38 0deg 8deg,#ffc23a00 8deg 20deg);border-radius:50%;margin:-22rem 0 0 -22rem;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 62%);mask-image:radial-gradient(circle,#000 12%,#0000 62%)}.flash{z-index:3;pointer-events:none;width:12rem;height:12rem;animation:flash .6s ease-out var(--open) both;background:radial-gradient(circle,#fff4e2f2,#ffc23a99 40%,#ffc23a00 70%);border-radius:50%;margin:-6rem 0 0 -6rem;position:absolute;top:50%;left:50%}.confetti{z-index:3;position:absolute;top:50%;left:50%}.confetti i{width:.9rem;height:.36rem;animation:confetti 1.1s cubic-bezier(.15, .75, .35, 1) var(--open) both;border-radius:.18rem;position:absolute;top:-.18rem;left:-.45rem}.reveal-lock{z-index:4;width:5.5rem;color:var(--gold);filter:drop-shadow(0 .375rem .75rem #00000059);animation:lock-gone .25s ease-in var(--open) both;position:absolute;top:50%;left:50%;translate:-50% -55%}.reveal-lock svg{width:100%;height:auto;animation:.2s cubic-bezier(.2,.9,.3,1.3) both lock-in,.38s ease-in-out .2s lock-shake;display:block;overflow:visible}.reveal-lock .shackle{transform-box:fill-box;transform-origin:100% 100%;animation:shackle .16s ease-out var(--open) both}.reveal-lock .hole{fill:var(--night)}.reveal-text{text-align:center;flex-direction:column;grid-area:text;align-items:center;gap:.375rem;display:flex}.reveal-name{font-family:var(--font-display);animation:rise .4s cubic-bezier(.2, .8, .2, 1.2) calc(var(--open) + .2s) both;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .5rem;margin:0;font-size:clamp(1.75rem,7vh,2.5rem);font-weight:400;line-height:1.15;display:flex}.reveal-name .word{padding:.04em .4em .12em}.reveal-name .driver{rotate:-2deg}.reveal-name .vehicle{rotate:1.5deg}.reveal-name small{font-family:var(--font-text);opacity:.8;font-size:.9375rem;font-weight:800}.reveal-name [hidden]{display:none}.reveal-line{opacity:.85;animation:rise .35s ease-out calc(var(--open) + .3s) both;margin:0;font-size:.875rem;font-weight:700}.reveal-say{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.reveal-row{width:min(22rem,100%);animation:rise .3s ease-out calc(var(--open) + .45s) both;grid-area:row;gap:.625rem;margin-top:.25rem;display:flex}.reveal-row .reveal-go{flex:1.6}.reveal-row .reveal-back{flex:1}@keyframes reveal-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;translate:0 .75rem}}@keyframes rays-in{0%{opacity:0;scale:.4}}@keyframes rays-turn{to{rotate:360deg}}@keyframes flash{0%{opacity:0;scale:.2}15%{opacity:1}to{opacity:0;scale:2.4}}@keyframes confetti{0%{opacity:0;transform:rotate(var(--a)) translateY(0) rotate(0deg) scale(.4)}10%,75%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(var(--r)) scale(1)}}@keyframes lock-in{0%{opacity:0;scale:.5}}@keyframes lock-shake{20%{rotate:-9deg}45%{rotate:8deg}70%{rotate:-5deg}90%{rotate:3deg}}@keyframes shackle{to{translate:0 -.3rem;rotate:30deg}}@keyframes lock-gone{0%{opacity:1;scale:1}40%{opacity:1;scale:1.15}to{opacity:0;scale:1.7}}.pause-card{flex-direction:column;gap:.625rem;width:min(20rem,100vw - 2rem);min-width:0;display:flex}.pause-card .caption{margin-bottom:.125rem}.online-card,.waiting-card{width:min(34rem,100vw - 2rem);min-width:0}.formats{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:.875rem;display:grid}.format{border-radius:var(--radius);color:var(--chalk);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff4e20f;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem .625rem;transition:background .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 2px #fff4e22e}.format:hover{box-shadow:inset 0 0 0 2px var(--marigold);background:#fff4e21f}.format:focus-visible{outline:.1875rem solid var(--chalk);outline-offset:.1875rem}.format b{font-family:var(--font-display);font-size:1.375rem;font-weight:400}.format small{opacity:.8;text-align:center;font-size:.75rem;font-weight:700}.online-card .row,.waiting-card .row,.join-card .row{justify-content:center;gap:.625rem;display:flex}.online-card .row .btn,.waiting-card .row .btn,.join-card .row .btn{width:auto;min-width:9rem}.dots,.table{justify-content:center;display:flex}.dots{gap:.625rem;margin-bottom:.375rem}.table{gap:2.5rem;margin:.5rem 0 .75rem}.dots .side,.table .side{align-content:start;display:grid}.dots .side{gap:.25rem}.table .side{gap:.75rem}.solo>.side{grid-template-columns:repeat(2,auto)}.dots .group,.table .group{display:flex}.squads .group{grid-template-columns:repeat(2,auto);display:grid}.dots .group{border-radius:.375rem;gap:.125rem;padding:.125rem}.dots i{background:var(--chalk);opacity:.85;border-radius:50%;width:.625rem;height:.625rem}.table .group{border-radius:1.125rem;gap:.25rem;padding:.3125rem}.dots:not(.solo) .group{box-shadow:inset 0 0 0 1.5px var(--chalk-dim)}.table:not(.solo) .group{box-shadow:inset 0 0 0 2px var(--team);background:#fff4e20a}.seat{width:4.5rem;color:inherit;font:inherit;cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:0;display:flex}.seat:disabled{opacity:1;color:inherit}.seat:not(:disabled){cursor:pointer;touch-action:manipulation}.seat:not(:disabled):hover canvas{box-shadow:inset 0 0 0 2px var(--marigold);animation:none}.seat:focus-visible{outline:.1875rem solid var(--chalk);outline-offset:.1875rem;border-radius:.5rem}.seat.away canvas{opacity:.4}.seat.away b{opacity:.6}.seat canvas{background:#fff4e21a;border-radius:50%;width:3rem;height:3rem}.seat b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:800;overflow:hidden}.seat.open b{opacity:.55;font-weight:700}.seat.open canvas{box-shadow:inset 0 0 0 2px var(--chalk-dim);background:0 0;animation:1.6s ease-in-out infinite seat-open}.seat.you canvas{box-shadow:0 0 0 .1875rem var(--marigold)}.seat.you b{color:var(--marigold)}@keyframes seat-open{50%{opacity:.45;transform:scale(.92)}}.waiting-status{text-align:center;margin:0 0 .875rem;font-size:1rem;font-weight:800}.code-row{justify-content:center;align-items:center;gap:.75rem;margin:0 0 .25rem;display:flex}.code-row[hidden]{display:none}.code-row span{opacity:.7;font-size:.75rem;font-weight:800}.code-row .code{font-family:var(--font-display);letter-spacing:.18em;color:var(--marigold);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:400}.code-row .copy{width:auto;padding:.375rem .75rem;font-size:.8125rem}.join-card{flex-direction:column;gap:.625rem;width:min(22rem,100vw - 2rem);min-width:0;display:flex}.code-input{box-sizing:border-box;border-radius:var(--radius);width:100%;color:var(--marigold);font-family:var(--font-display);letter-spacing:.3em;text-align:center;text-transform:uppercase;background:#fff4e214;border:0;padding:.625rem .75rem;font-size:2rem;box-shadow:inset 0 0 0 2px #fff4e259}.code-input:focus{box-shadow:inset 0 0 0 2px var(--marigold);outline:none}.join-status{text-align:center;min-height:1.25rem;margin:0;font-size:.875rem;font-weight:800}.notice-card{flex-direction:column;gap:.625rem;width:min(22rem,100vw - 2rem);min-width:0;display:flex}.notice-card p{margin:0 0 .375rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.seat.open canvas{animation:none}.reel.landed:before{display:none}.reveal,.reveal-kicker,.reveal-name,.reveal-line,.reveal-row,.rays{animation:none}.reveal-lock,.flash,.confetti{display:none}}@media (height<=460px){.reveal{grid-template:"stage."1fr"stage kick""stage text""stage row""stage."1fr/minmax(0,24rem) minmax(0,18rem);align-content:stretch;column-gap:1.25rem}.reveal-row{width:100%}}@media (width<=600px) and (height>=461px){.formats{grid-template-columns:1fr}.table{gap:1.25rem}.garage-card{grid-template-columns:1fr;grid-template-areas:"cap""stage""pickers""row"}.stage{min-height:10.625rem}}@media (height<=460px){.slot{min-width:0;padding:.5rem .625rem}.slot .slot-cap,.slot small{display:none}.title-card{gap:.5rem;padding:.875rem 1.125rem}.logo{font-size:clamp(2.25rem,11vh,3.25rem)}.controls{font-size:.75rem;line-height:1.5}.tagline{margin-bottom:.125rem;font-size:.875rem}.title .play{padding:.75rem 1.125rem;font-size:1.125rem}.title .online{padding:.375rem .625rem}.size{padding:.3125rem .25rem;font-size:.9375rem}.quick{gap:.375rem;padding:.4375rem}.quick-cap{font-size:.875rem}.online-card,.waiting-card,.join-card{padding:.75rem .875rem}.code-row .code{font-size:1.375rem}.format{padding:.5rem}.table{margin:.25rem 0 .5rem}.table .side{gap:.375rem}.seat{gap:.125rem;width:3.75rem}.seat canvas{width:2.25rem;height:2.25rem}.waiting-status{margin-bottom:.5rem}.garage-card{gap:.5rem .75rem;padding:.75rem .875rem}.stage{min-height:9.375rem}.picker{grid-template-columns:2.25rem 1fr 2.25rem;gap:.25rem;padding:.3125rem .375rem}.reel{gap:.125rem;min-width:0;padding:.5rem .875rem .4375rem}.toast{padding:.25rem .625rem;font-size:.8125rem}.reel .reel-icon{border-radius:.875rem;width:3.25rem;height:3.25rem}.hud .reel .reel-icon svg{width:2.5rem;height:2.5rem}.reel .reel-name{font-size:1.0625rem}.reel .reel-hint{font-size:.6875rem}.results .card{padding:.75rem 1rem}.results .card .caption{margin-bottom:.25rem}.results ol{margin-bottom:.625rem}.results li{padding:.1875rem 0}.results b{font-size:.9375rem}.arrow-btn{width:2.25rem;height:2.25rem}.pick b{font-size:1rem}}.turn{z-index:20;text-align:center;background:#0b1424;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;padding:1.5rem;font-size:1.125rem;font-weight:700;display:flex;position:fixed;inset:0}.turn[hidden]{display:none}.turn p{margin:0}.turn svg{width:4.5rem;height:4.5rem;animation:2.4s ease-in-out infinite turn}@keyframes turn{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}.logo,.big,.btn,.reel-name,.slot b,.pick b,.toast,.title .kart b{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.clock,.board b,.purse b,.results b,.arrow .tip,.mate .tip{font-family:var(--font-text);font-variant-numeric:tabular-nums;font-weight:900}@media (height<=460px) and (width>=600px){.title{justify-content:center}.title-card{width:min(46rem, calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template:"logo modes""tagline modes""controls kart"1fr"hint kart"/minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:.375rem 1.25rem;max-height:calc(100% - 1rem);margin:0 auto;display:grid;overflow-y:auto}.title-card .logo{grid-area:logo;margin:0}.title-card .tagline{grid-area:tagline}.title-card .modes{grid-area:modes;align-self:center}.title-card .kart{grid-area:kart;align-self:end}.title-card .controls{grid-area:controls;align-self:end}.title-card .home-hint{grid-area:hint}}@media (height<=340px){.waiting-card,.online-card,.join-card,.notice-card,.garage-card,.results .card{box-sizing:border-box;max-height:calc(100dvh - 1rem);overflow-y:auto}.waiting-card{padding:.5rem .75rem}.card .caption{margin-bottom:.375rem}.code-row .code{font-size:1.25rem}.table{margin:.125rem 0 .375rem}.seat canvas{width:2rem;height:2rem}.waiting-status{margin-bottom:.375rem;font-size:.9375rem}.results li{padding:.125rem 0}.results ol{margin-bottom:.625rem}}