:root{--playfield:#efe0bd;--playfield-deep:#e2cda0;--cream:#f7ecd2;--ink:#17120f;--cherry:#d4342a;--cherry-deep:#9c1f18;--mustard:#f5b70e;--lagoon:#10827a;--wood:#7a4a22;--display:"Bungee", "Arial Black", Impact, sans-serif;--body:"Rubik", system-ui, -apple-system, sans-serif;--edge:3px solid var(--ink);--drop:6px 6px 0 var(--ink);--drop-sm:4px 4px 0 var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--body);color:var(--ink);background-color:var(--playfield);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#17120f1f 1.1px,#0000 1.2px);background-size:9px 9px;margin:0}button,input{font:inherit}:focus-visible{outline:3px solid var(--lagoon);outline-offset:3px}.screen{flex-direction:column;min-height:100%;display:flex}.screen--home{align-items:center;gap:.75rem;padding:1.25rem 1.1rem 2rem}.screen--center{justify-content:center;align-items:center;gap:1.75rem;padding:2rem 1.1rem}.titleblock{text-align:center;padding:.5rem .5rem .25rem}.title{font-family:var(--display);color:var(--cherry);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--ink);margin:0;font-size:clamp(2.4rem,11vw,4.2rem);line-height:.84;transform:rotate(-2.5deg)}.title__break{color:var(--cream);margin-left:1.2rem;display:block}.tagline{margin:1.1rem 0 0;max-width:26ch;margin-inline:auto;font-size:1rem;font-style:italic;font-weight:600}.gameover{font-family:var(--display);color:var(--mustard);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 6px 0 var(--ink);margin:0;font-size:clamp(2.6rem,12vw,4.5rem);transform:rotate(-1.5deg)}.footnote{text-align:center;opacity:.75;max-width:34ch;margin:0;font-size:.85rem}.panel{background:var(--cream);border:4px solid var(--ink);width:min(100%,34rem);box-shadow:var(--drop);border-radius:8px;padding:1.4rem 1.3rem 1.6rem}.panel--ink{background:var(--ink);color:var(--cream)}.row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{font-family:var(--display);color:var(--cream);background-color:var(--cherry);border:var(--edge);box-shadow:var(--drop-sm);cursor:pointer;background-image:linear-gradient(#ffffff42,#00000029);border-radius:5px;padding:.8rem 1.3rem;font-size:.95rem;transition:transform 60ms ease-out,box-shadow 60ms ease-out}.btn--lg{width:100%;box-shadow:var(--drop);padding:1rem 1.4rem;font-size:clamp(1rem,4vw,1.35rem)}.btn--mustard{background-color:var(--mustard);color:var(--ink)}.btn--lagoon{background-color:var(--lagoon)}.btn--ink{background-color:var(--ink)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn:disabled{color:#17120f8c;box-shadow:var(--drop-sm);cursor:not-allowed;background-color:#b6a683;background-image:none}.target{font-family:var(--display);color:var(--ink);background:linear-gradient(#fff9e8, var(--playfield-deep));border:var(--edge);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:4px;padding:.5rem .75rem;font-size:.74rem;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background 80ms}.target--down{background:linear-gradient(var(--cherry-deep), var(--cherry));color:var(--cream);transform:translate(3px,3px);box-shadow:inset 0 3px 6px #00000073}.setup{flex-direction:column;gap:.9rem;width:min(100%,46rem);padding:1.1rem 1.2rem 1.3rem;display:flex}.setup__modes{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.setup__modes .targets{flex:1}.setup__grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.4rem 1.4rem;display:grid}.field{border:0;border-top:1px solid #17120f2e;min-width:0;margin:0;padding:.6rem 0 .2rem}.field--wide{grid-column:1/-1}.field legend{font-family:var(--display);letter-spacing:.02em;opacity:.75;padding:0 .5rem 0 0;font-size:.68rem}.targets{flex-wrap:wrap;gap:.5rem;min-height:2.1rem;display:flex}.field__fixed{min-height:2.1rem;font-family:var(--display);opacity:.7;align-items:center;margin:0;font-size:.74rem;display:flex}.names{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.45rem;margin-top:.6rem;display:grid}.name-input{border:2px solid var(--ink);background:#fffaef;border-radius:4px;width:100%;padding:.45rem .55rem;font-weight:600}.setup__launch{border-top:3px solid var(--ink);flex-direction:column;gap:.6rem;margin-top:.2rem;padding-top:.9rem;display:flex}.setup__launch .btn--lg{padding:1.05rem 1.4rem;font-size:clamp(1.1rem,4vw,1.5rem)}.notice{border:var(--edge);border-radius:4px;margin:0;padding:.7rem .8rem;font-size:.85rem;line-height:1.4}.notice--bad{background:var(--mustard)}.reel{gap:2px;display:inline-flex}.reel__digit{font-family:var(--display);color:var(--cream);border:2px solid var(--ink);text-align:center;background:linear-gradient(#4a3d33,#17120f 42%,#0a0705 58%,#362c24);border-radius:2px;min-width:1.15em;padding:.1rem .28rem;font-size:1rem;box-shadow:inset 0 2px 2px #ffffff2e}.bulbs{gap:5px;display:inline-flex}.bulb{border:2px solid var(--ink);background:#6f6047;border-radius:50%;width:11px;height:11px}.bulb--lit{background:radial-gradient(circle at 35% 30%, #fff7d4, var(--mustard))}.bulb--live{background:radial-gradient(circle at 35% 30%, #ffe0b0, var(--cherry));animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.45}}.screen--game{position:fixed;inset:0}.pano{background:#0c0a08;position:absolute;inset:0}.marquee{z-index:4;background:linear-gradient(#2b221b, var(--ink));color:var(--cream);border-bottom:4px solid var(--ink);align-items:center;gap:.9rem;padding:.55rem .9rem;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px #17120f59}.marquee__left{align-items:center;gap:.6rem;display:flex}.marquee__round{font-family:var(--display);font-size:.75rem}.marquee__player{font-family:var(--display);color:var(--mustard);text-overflow:ellipsis;white-space:nowrap;max-width:40vw;margin-left:auto;font-size:.9rem;overflow:hidden}.marquee__rush{font-family:var(--display);color:var(--cream);background:var(--cherry);border-radius:3px;padding:.22rem .4rem;font-size:.62rem;animation:1s steps(2,end) infinite blink}.marquee__clock{font-family:var(--display);font-variant-numeric:tabular-nums;background:var(--cream);color:var(--ink);border:2px solid var(--cream);border-radius:3px;padding:.18rem .45rem;font-size:clamp(1.05rem,3.4vw,1.4rem);line-height:1}.marquee__clock--low{background:var(--cherry);color:var(--cream);border-color:var(--cream);animation:.6s steps(2,end) infinite alarm}@keyframes alarm{50%{background:var(--mustard);color:var(--ink)}}.mute{font-family:var(--display);color:var(--ink);background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:4px;padding:.35rem .5rem;font-size:.62rem}.mute--bar{border-color:var(--cream)}.mute--inline{box-shadow:var(--drop-sm);margin-left:auto}.mute[aria-pressed=true]{color:#17120f99;background:#b6a683}.gate{flex-direction:column;align-items:stretch;gap:.8rem;max-width:22rem;display:flex}.gate__label{font-family:var(--display);font-size:.75rem}.gate__input{font-family:var(--display);letter-spacing:.25em;text-align:center;font-size:1.2rem}.lobby{text-align:center;flex-direction:column;gap:.7rem;display:flex}.lobby__label{font-family:var(--display);opacity:.7;margin:0;font-size:.72rem}.lobby__code{font-family:var(--display);letter-spacing:.12em;color:var(--mustard);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);margin:0;font-size:clamp(2.6rem,14vw,4.2rem)}.lobby__players{text-align:left;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lobby__host{font-family:var(--display);background:var(--ink);color:var(--cream);border-radius:3px;margin-left:auto;padding:.2rem .35rem;font-size:.6rem}.targets--modes{align-items:center}.join{align-items:stretch;gap:.5rem;display:flex}.join__code{font-family:var(--display);text-align:center;letter-spacing:.28em;text-transform:uppercase;max-width:9rem}.minimap{z-index:5;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:14px;right:14px}.minimap__frame{border:4px solid var(--ink);background:var(--playfield-deep);width:min(72vw,340px);height:min(34vh,230px);box-shadow:var(--drop);transform-origin:100% 100%;border-radius:6px;overflow:hidden}.minimap--open .minimap__frame{animation:.24s cubic-bezier(.2,1.4,.4,1) mappop}@keyframes mappop{0%{transform:scale(.94)}}.minimap--open .minimap__frame{width:var(--map-width,min(74vw, 620px));height:var(--map-height,min(52vh, 430px))}.minimap__zoom{background:var(--cream);border:var(--edge);box-shadow:var(--drop-sm);border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .25rem;display:flex}.minimap__zoom button{font-family:var(--display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:.3rem .4rem;font-size:.85rem;line-height:1}.minimap__zoom button:disabled{opacity:.3;cursor:not-allowed}.minimap__zoom span{font-family:var(--display);text-align:center;min-width:1.4rem;font-size:.6rem}.minimap__canvas{width:100%;height:100%}.minimap__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.minimap__pin[aria-pressed=true]{background:var(--lagoon);color:var(--cream)}.minimap__pin{font-family:var(--display);color:var(--ink);background:var(--cream);border:var(--edge);box-shadow:var(--drop-sm);cursor:pointer;border-radius:4px;padding:.55rem .7rem;font-size:.7rem}.screen--results{flex-direction:column;position:fixed;inset:0}.results__map{border-bottom:4px solid var(--ink);flex:auto;min-height:38vh}.results__canvas{width:100%;height:100%}.results__panel{width:100%;max-height:58vh;box-shadow:none;border:0;border-radius:0;flex-direction:column;gap:.9rem;display:flex;overflow-y:auto}.results__title{font-family:var(--display);margin:0;font-size:1.3rem}.results__totals{opacity:.8;margin:0;font-size:.82rem}.scorelist,.standings{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.scorelist__row,.standings__row{border:2px solid var(--ink);background:#fffaef;border-radius:5px;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.scorelist__chip{width:1.6rem;height:1.6rem;color:var(--cream);font-family:var(--display);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.75rem;display:grid}.scorelist__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.scorelist__distance{font-variant-numeric:tabular-nums;opacity:.8;margin-left:auto;font-size:.82rem}.standings__rank{font-family:var(--display);width:1.4rem;font-size:1.1rem}.standings__row:first-child{background:var(--mustard)}.standings__row .reel{margin-left:auto}.final{flex-direction:column;gap:1rem;display:flex}.recap{border-top:2px dashed #17120f59;padding-top:.7rem;font-size:.82rem}.recap summary{font-family:var(--display);cursor:pointer;font-size:.75rem}.recap ul{flex-direction:column;gap:.35rem;margin:.6rem 0 0;padding-left:1.1rem;display:flex}.handoff,.tilt{text-align:center;flex-direction:column;align-items:center;gap:.65rem;display:flex}.handoff__round{font-family:var(--display);opacity:.7;margin:0;font-size:.75rem}.handoff__label{margin:0;font-style:italic}.handoff__name{font-family:var(--display);color:var(--cherry);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);margin:0;font-size:clamp(1.9rem,9vw,3rem);line-height:1.1}.handoff__hint{opacity:.8;margin:0 0 .4rem;font-size:.88rem}.loading-pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.tilt__word{font-family:var(--display);color:var(--cherry);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);margin:0;font-size:clamp(2.4rem,12vw,4rem);transform:rotate(-3deg)}.tilt__message{max-width:38ch;margin:.4rem 0 .6rem;line-height:1.45}@media (min-width:860px){.screen--results{flex-direction:row}.results__map{border-bottom:0;border-right:4px solid var(--ink)}.results__panel{flex:none;width:24rem;max-height:none;padding:1.5rem 1.3rem}.minimap__frame{width:380px;height:265px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.leftstack{z-index:5;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute;bottom:14px;left:14px}.restart{font-family:var(--display);color:var(--ink);background:var(--cream);border:var(--edge);box-shadow:var(--drop-sm);cursor:pointer;border-radius:4px;padding:.55rem .7rem;font-size:.7rem}.restart:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.tiltbox{background:var(--cream);border:4px solid var(--ink);width:min(72vw,300px);box-shadow:var(--drop);border-radius:6px;flex-direction:column;gap:.5rem;padding:.6rem .7rem;display:flex}.tiltbox__head{align-items:center;gap:.6rem;display:flex}.tiltbox__title{font-family:var(--display);font-size:.8rem}.tiltbox__hints{flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.82rem;line-height:1.35;list-style:none;display:flex}.tiltbox__hints li{border-left:4px solid var(--lagoon);padding-left:.5rem}.tiltbox__gauge{background:var(--playfield-deep);border:2px solid var(--ink);border-radius:3px;height:1.15rem;position:relative;overflow:hidden}.tiltbox__gaugeFill{transform-origin:0;background:linear-gradient(var(--lagoon), #0b5f57);transition:transform .35s ease-out;position:absolute;inset:0}.tiltbox__gaugeText{text-align:center;font-family:var(--display);color:var(--ink);mix-blend-mode:luminosity;font-size:.58rem;line-height:1.15rem;display:block;position:relative}.tiltbox__hints--landing li:last-child{animation:.6s cubic-bezier(.22,1.2,.4,1) markland}.tiltbox__dead{font-family:var(--display);color:var(--cherry-deep);margin:0;font-size:.64rem;line-height:1.4}.tiltbox__shake{font-family:var(--display);color:var(--ink);background:linear-gradient(#fff9e8, var(--playfield-deep));border:var(--edge);box-shadow:var(--drop-sm);cursor:pointer;border-radius:4px;padding:.55rem .6rem;font-size:.72rem}.tiltbox__shake--danger{background:linear-gradient(var(--cherry), var(--cherry-deep));color:var(--cream)}.tiltbox__shake:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.tiltbox__total{opacity:.75;margin:0;font-size:.75rem}.tiltflash{z-index:20;background:#17120fd1;place-items:center;animation:.35s steps(2,end) 4 tiltflash;display:grid;position:absolute;inset:0}.tiltflash span{font-family:var(--display);color:var(--cherry);-webkit-text-stroke:4px var(--cream);paint-order:stroke fill;font-size:clamp(3rem,18vw,7rem);transform:rotate(-4deg)}@keyframes tiltflash{50%{background:#d4342a8c}}.healthlist{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.healthlist li{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.health{background:var(--playfield-deep);border:2px solid var(--ink);border-radius:3px;flex:1;min-width:6rem;height:1.15rem;position:relative;overflow:hidden}.health__fill{transform-origin:0;background:linear-gradient(var(--lagoon), #0b5f57);position:absolute;inset:0}.health__fill--out{background:var(--cherry-deep)}.health__value{text-align:center;font-family:var(--display);color:var(--ink);mix-blend-mode:luminosity;font-size:.62rem;line-height:1.15rem;display:block;position:relative}.scorelist__malus{color:var(--cherry-deep);font-style:normal;font-family:var(--display);font-size:.62rem}.field__note{opacity:.75;min-height:2.1em;margin:.45rem 0 0;font-size:.74rem;line-height:1.4}@media (max-width:560px){.leftstack{top:3.6rem;bottom:auto;right:14px}.tiltbox{width:100%}}.ladder__title{font-family:var(--display);color:var(--mustard);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink);margin:0;font-size:clamp(1.8rem,8vw,2.8rem);transform:rotate(-1.5deg)}.ladder{flex-direction:column;gap:.7rem;display:flex}.ladder__list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ladder__row{border:2px solid var(--ink);width:100%;font:inherit;color:inherit;text-align:left;background:#fffaef;border-radius:5px;align-items:center;gap:.6rem;padding:.4rem .55rem;display:flex}.ladder__row--clickable{cursor:pointer}.ladder__row--clickable:hover{background:var(--playfield-deep)}.ladder__chevron{font-family:var(--display);opacity:.6;font-size:.8rem}.ladder__detail{border-left:3px solid var(--lagoon);flex-direction:column;gap:.3rem;margin:.3rem 0 .2rem 1.2rem;padding:0 0 0 .7rem;font-size:.78rem;list-style:none;display:flex}.ladder__detail li{flex-wrap:wrap;justify-content:space-between;gap:.2rem .5rem;display:flex}.ladder__detail a{color:var(--lagoon);font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ladder__detail a:hover{color:var(--cherry-deep)}.ladder__detail span{font-variant-numeric:tabular-nums;opacity:.75}.ladder__list>li:first-child .ladder__row{background:var(--mustard)}.ladder__list>li:first-child .ladder__row--clickable:hover{background:#e8ab0c}.ladder__row--mine{box-shadow:0 0 0 3px var(--lagoon)}.ladder__who{flex-direction:column;flex:1;min-width:0;display:flex}.ladder__who strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ladder__who em{opacity:.65;font-size:.68rem;font-style:normal}.ladder__time{font-variant-numeric:tabular-nums;opacity:.8;font-size:.8rem}.ladder__empty{opacity:.75;margin:0;font-size:.85rem}.ladder__invite{background:var(--playfield-deep);border:3px solid var(--ink);border-radius:6px;flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.ladder__inviteTitle{font-family:var(--display);margin:0;font-size:.85rem}.ladder__skip{opacity:.7;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.78rem;text-decoration:underline}.final__ladder{border-top:2px dashed #17120f59;flex-direction:column;gap:.6rem;padding-top:.8rem;display:flex}.final__ladderTitle{font-family:var(--display);margin:0;font-size:.78rem}.linkbutton{font-family:var(--display);color:var(--ink);opacity:.75;cursor:pointer;background:0 0;border:0;align-self:center;padding:.2rem;font-size:.7rem;text-decoration:underline}.linkbutton:hover{opacity:1}.marquee__center{flex:1;justify-content:center;display:flex}.compass{cursor:pointer;filter:drop-shadow(2px 2px #00000080);background:0 0;border:0;flex:none;width:2.7rem;height:2.7rem;padding:0}.compass svg{width:100%;height:100%;display:block}.compass:hover .compass__face{stroke:var(--mustard)}.compass:active{transform:translateY(2px)}.compass__face{fill:var(--cream);stroke:var(--ink);stroke-width:5px}.compass__index{fill:var(--mustard);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.compass__tick{stroke:var(--ink);stroke-width:2.5px;opacity:.45}.compass__letter{font-family:var(--display);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-size:15px}.compass__letter--n{fill:var(--cherry-deep)}.compass__north{fill:var(--cherry);stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.compass__south{fill:#b3a184;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.compass__pin{fill:var(--ink)}.shutterflash{z-index:18;background:var(--cream);pointer-events:none;animation:.18s ease-out forwards shutterflash;position:absolute;inset:0}@keyframes shutterflash{0%{opacity:.85}to{opacity:0}}.marks{background:var(--cream);border:4px solid var(--ink);width:min(72vw,300px);box-shadow:var(--drop);border-radius:6px;flex-direction:column;gap:.45rem;padding:.55rem .6rem;display:flex}.marks__head{align-items:baseline;gap:.5rem;display:flex}.marks__title{font-family:var(--display);font-size:.78rem}.marks__count{font-family:var(--display);opacity:.6;margin-left:auto;font-size:.62rem}.marks__list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.marks__slot{border:2px dashed #17120f4d;border-radius:4px;align-items:center;gap:.4rem;min-height:1.9rem;padding:.15rem .3rem;display:flex}.marks__slot--set{border-style:solid;border-color:var(--ink);background:#fffaef}.marks__slot--landing{animation:.55s cubic-bezier(.22,1.2,.4,1) markland}@keyframes markland{0%{opacity:0;transform:translateY(-34px)scale(1.14)rotate(-4deg)}55%{opacity:1;transform:translateY(3px)scale(1.02)rotate(1deg)}to{transform:none}}.marks__slot--active{box-shadow:0 0 0 3px var(--lagoon)}.marks__dial{border:2px solid var(--ink);cursor:pointer;background:radial-gradient(circle at 35% 30%,#3a2f28,#0b0806);border-radius:50%;flex:none;width:1.5rem;height:1.5rem;padding:0;position:relative}.marks__dial:hover{box-shadow:0 0 0 3px var(--mustard)}.marks__needle{border-left:3px solid #0000;border-right:3px solid #0000;border-bottom:9px solid var(--mustard);transform-origin:50% 90%;width:0;height:0;margin-left:-3px;position:absolute;top:10%;left:50%}.marks__note{background:0 0;border:0;border-bottom:1px dotted #17120f59;flex:1;min-width:0;padding:.15rem .1rem;font-size:.78rem;font-weight:600}.marks__note:focus{border-bottom-color:var(--lagoon);outline:none}.marks__clear{opacity:.5;cursor:pointer;background:0 0;border:0;flex:none;padding:0 .15rem;font-size:1rem;line-height:1}.marks__clear:hover{opacity:1;color:var(--cherry-deep)}.marks__empty{opacity:.45;padding-left:.2rem;font-size:.72rem}.marks__shutter{font-family:var(--display);color:var(--cream);background-color:var(--lagoon);border:var(--edge);box-shadow:var(--drop-sm);cursor:pointer;background-image:linear-gradient(#ffffff3d,#00000029);border-radius:4px;padding:.5rem .6rem;font-size:.72rem}.marks__shutter:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.marks__shutter:disabled{color:#17120f8c;cursor:not-allowed;background-color:#b6a683;background-image:none}@media (max-width:560px){.marks{width:100%}}.pinball__overlay{z-index:30;background:#17120fe6;justify-content:center;padding:.4rem;display:flex;position:absolute;inset:0}.pinball{flex-direction:column;gap:.45rem;width:min(100%,30rem);height:100%;display:flex}.pinball__panel{flex-direction:column;gap:.45rem;display:flex}@media (min-width:860px) and (min-height:520px){.pinball{grid-template:"hud table""panel table"1fr/15rem min(64.5vh - 1.032rem,52vw);gap:.7rem;width:auto;max-width:100%;display:grid}.pinball__hud{flex-wrap:wrap;grid-area:hud}.pinball__tablewrap{grid-area:table}.pinball__panel{grid-area:panel;align-content:start}.pinball__controls{grid-template-columns:1fr 1fr}.pinball__footer{flex-direction:column;align-items:stretch;gap:.5rem}.pinball__remaining{text-align:center}.pinball__leave{margin-left:0}}.pinball__hud{background:var(--cream);border:3px solid var(--ink);border-radius:5px;flex:none;align-items:center;gap:.6rem;padding:.35rem .6rem;display:flex}.pinball__goal{opacity:.75;font-size:.7rem}.pinball__goal strong{font-family:var(--display);font-size:.72rem}.pinball__multi{font-family:var(--display);color:var(--cream);background:var(--cherry);border-radius:3px;padding:.1rem .3rem;font-size:.8rem}.pinball__score{font-family:var(--display);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.1rem}.pinball__tablewrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.pinball__table{border:4px solid var(--ink);width:auto;max-width:100%;height:100%;box-shadow:var(--drop);touch-action:none;background:var(--playfield);border-radius:8px}.pinball__hint{background:var(--ink);color:var(--cream);white-space:nowrap;border-radius:4px;margin:0;padding:.3rem .6rem;font-size:.68rem;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.pinball__controls{flex:none;grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.pinball__key{font-family:var(--display);color:var(--ink);background:linear-gradient(#fff9e8, var(--playfield-deep));border:3px solid var(--ink);box-shadow:var(--drop-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;padding:.5rem .2rem;font-size:.66rem}.pinball__key--launch{background:linear-gradient(var(--mustard), #d99f08)}.pinball__key:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.pinball__footer{flex:none;align-items:center;gap:.6rem;display:flex}.pinball__remaining{color:var(--cream);opacity:.8;font-size:.72rem}.pinball__leave{font-family:var(--display);color:var(--ink);background:var(--cream);border:3px solid var(--ink);cursor:pointer;border-radius:4px;margin-left:auto;padding:.45rem .6rem;font-size:.66rem}.spectate__picker{flex-wrap:wrap;flex:1;justify-content:center;gap:.35rem;min-width:0;display:flex}.spectate__tab{font-family:var(--display);color:var(--cream);border:2px solid var(--cream);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#f7ecd21f;border-radius:4px;max-width:7rem;padding:.28rem .45rem;font-size:.62rem;overflow:hidden}.spectate__tab--on{background:var(--cream);color:var(--ink)}.spectate__waiting{z-index:6;background:var(--ink);color:var(--cream);border-radius:4px;margin:0;padding:.4rem .7rem;font-size:.78rem;position:absolute;top:4.2rem;left:50%;transform:translate(-50%)}.spectate__map{pointer-events:none}.reel__digit{animation:.22s ease-out reelroll}@keyframes reelroll{0%{opacity:.25;transform:translateY(-55%)}}.scorelist__row--in,.standings__row--in{animation:.42s cubic-bezier(.22,1.1,.4,1) both rowin}@keyframes rowin{0%{opacity:0;transform:translate(-16px)scale(.97)}}.standings__row--winner{border-width:3px;animation:.42s cubic-bezier(.22,1.1,.4,1) both rowin,1.6s ease-out .45s 3 winnerglow;position:relative;box-shadow:0 0 #f5b70ee6}@keyframes winnerglow{30%{box-shadow:0 0 0 7px #f5b70e00}to{box-shadow:0 0 #f5b70e00}}.standings__row--winner .standings__rank{color:var(--cherry-deep);animation:.5s ease-out .45s backwards rankpop}@keyframes rankpop{0%{opacity:0;transform:scale(2.2)rotate(-12deg)}}.health__damage{font-family:var(--display);color:var(--cherry-deep);opacity:0;pointer-events:none;font-size:.7rem;animation:1.1s ease-out both damagefloat;position:absolute;top:0;right:.2rem}@keyframes damagefloat{15%{opacity:1;transform:translateY(-.2rem)}to{opacity:0;transform:translateY(-1.6rem)}}.health__fill{transition:transform .75s cubic-bezier(.3,0,.2,1),background .3s}.health--hit{animation:.35s ease-out healthshake}@keyframes healthshake{25%{transform:translate(-3px)}60%{transform:translate(3px)}}.results__title{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.results__place,.recap__place{font-family:var(--body);color:var(--lagoon);font-size:.82rem;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.results__place:hover,.recap__place:hover{color:var(--cherry-deep)}.recap__list{gap:.5rem}.recap__list li{flex-direction:column;gap:.1rem;display:flex}.recap__scores{opacity:.75;font-size:.76rem}.healthlist__row--loser{animation:1.4s ease-out .5s loserflash}.healthlist__row--loser .scorelist__name{color:var(--cherry-deep);font-weight:800}.healthlist__row--loser .health__damage{font-size:.92rem}@keyframes loserflash{0%,to{background:0 0}20%,40%{background:#d4342a38}}.hud{z-index:4;pointer-events:none;color:var(--cream);align-items:flex-start;gap:.6rem;padding:.6rem .7rem;display:flex;position:absolute;top:0;left:0;right:0}.hud>*>*,.hud__center>*{pointer-events:auto}.hud__group{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.hud__group--end{justify-content:flex-end}.hud__center{flex:none;justify-content:center;display:flex}.hud__pill{background:#17120fdb;border:2px solid #f7ecd28c;border-radius:5px;align-items:center;gap:.45rem;padding:.3rem .55rem;display:inline-flex}.hud__round{font-family:var(--display);font-size:.72rem}.hud__tally{flex-direction:column;align-items:flex-start;gap:0;line-height:1.05}.hud__label{font-size:.56rem;font-family:var(--display);opacity:.65}.hud__value{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--mustard);font-size:1rem}.hud__player{font-family:var(--display);color:var(--mustard);text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.78rem;overflow:hidden}.hud .compass{filter:drop-shadow(2px 3px #0000008c);width:3.8rem;height:3.8rem}.hud .marquee__clock{border-color:var(--ink);box-shadow:2px 2px #00000080}@media (max-width:560px){.hud{gap:.35rem;padding:.45rem}.hud .compass{width:3.1rem;height:3.1rem}.hud__player{max-width:6rem}}.results__secondary{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.results__secondary .btn{padding:.55rem .8rem;font-size:.72rem}.confirm{background:var(--playfield-deep);border:2px solid var(--ink);border-radius:5px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.3rem .45rem;animation:.2s ease-out rowin;display:inline-flex}.confirm__question{font-family:var(--display);font-size:.66rem}.healthlist__multi{font-family:var(--display);color:var(--cream);background:var(--cherry);border-radius:3px;flex:none;padding:.12rem .3rem;font-size:.62rem}.screen{animation:.34s cubic-bezier(.2,.9,.3,1) both screenin}@keyframes screenin{0%{opacity:0;transform:translateY(10px)}}.screen--game,.screen--results{animation-name:fadein}@keyframes fadein{0%{opacity:0}}.title__letter{animation:.55s cubic-bezier(.25,1.5,.45,1) both letterdrop;animation-delay:calc(var(--i) * 55ms + .12s);display:inline-block}@keyframes letterdrop{0%{opacity:0;transform:translateY(-70px)rotate(-14deg)}}.title__break .title__letter{animation:.55s cubic-bezier(.25,1.5,.45,1) both letterdrop,7s step-end 1.6s infinite flicker;animation-delay:calc(var(--i) * 55ms + .12s), calc(var(--i) * .11s + 1.6s)}@keyframes flicker{0%,to{opacity:1}91%{opacity:1}92%{opacity:.35}93%{opacity:1}95%{opacity:.45}96%{opacity:1}}.chaser{justify-content:center;gap:clamp(.35rem,1.6vw,.7rem);width:min(100%,46rem);margin:-.2rem 0 .1rem;display:flex}.chaser span{border:2px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff7d4, var(--mustard));opacity:.3;width:9px;height:9px;animation:1.9s linear infinite chase;animation-delay:calc(var(--i) * 80ms);border-radius:50%}.chaser span:nth-child(3n){background:radial-gradient(circle at 35% 30%, #ffe0b0, var(--cherry))}@keyframes chase{0%,to{opacity:.25}8%{opacity:1}20%{opacity:.25}}.btn:not(:disabled):hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-1px,-2px)}.btn--lg:not(:disabled):hover{box-shadow:8px 9px 0 var(--ink)}.setup__launch .btn--lg:not(:disabled){animation:2.6s ease-in-out infinite breathe}.setup__launch .btn--lg:not(:disabled):hover{animation:none}@keyframes breathe{50%{transform:translateY(-2px)}}.target:not(.target--down):not(:disabled):hover{box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-2px)}.target--down{animation:.28s cubic-bezier(.2,1.6,.4,1) targetpop}.btn:not(:disabled):hover:active,.btn:not(:disabled):active{box-shadow:0 0 0 var(--ink);animation:none;transform:translate(4px,4px)}.target:not(.target--down):not(:disabled):hover:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}@keyframes targetpop{0%{transform:translate(3px,3px)scale(.86)}}.roundintro{z-index:15;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;animation:1.3s ease-in both introfade;display:flex;position:absolute;inset:0}@keyframes introfade{0%,70%{opacity:1}to{opacity:0}}.roundintro__kicker{font-family:var(--display);color:var(--mustard);background:var(--ink);border-radius:4px;padding:.2rem .55rem;font-size:clamp(.8rem,2.4vw,1rem);animation:.4s ease-out both introkick}.roundintro__title{font-family:var(--display);color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--ink);font-size:clamp(3rem,14vw,6.5rem);line-height:1;animation:.5s cubic-bezier(.2,1.5,.4,1) 80ms both introslam}.roundintro__sub{font-family:var(--display);color:var(--cream);background:var(--cherry);border:2px solid var(--ink);border-radius:4px;padding:.2rem .55rem;font-size:clamp(.85rem,2.6vw,1.1rem);animation:.4s ease-out .22s both introkick}@keyframes introslam{0%{opacity:0;transform:scale(2.4)rotate(-8deg)}}@keyframes introkick{0%{opacity:0;transform:translateY(12px)}}.hud__group,.hud__center{animation:.45s cubic-bezier(.2,1.2,.4,1) .55s both hudin}@keyframes hudin{0%{opacity:0;transform:translateY(-14px)}}.hud__foe{border-width:2px;flex-direction:column;align-items:stretch;gap:.2rem;min-width:7.5rem}.hud__foebar{background:#f7ecd22e;border-radius:2px;height:.4rem;position:relative;overflow:hidden}.hud__foefill{transform-origin:0;transition:transform .6s cubic-bezier(.3,0,.2,1);position:absolute;inset:0}.hud__value--foe{color:var(--cream);font-size:.85rem}.marquee__clock--shake{animation:.32s ease-out clockshake}.marquee__clock--low.marquee__clock--shake{animation:.32s ease-out clockshake,.6s steps(2,end) infinite alarm}@keyframes clockshake{25%{transform:translate(-3px)rotate(-3deg)}50%{transform:translate(3px)rotate(3deg)}75%{transform:translate(-2px)}}.scorelist__row{position:relative}.stamp{font-family:var(--display);color:var(--cherry-deep);border:3px solid var(--cherry-deep);pointer-events:none;background:#f7ecd2d9;border-radius:4px;padding:.1rem .35rem;font-size:.72rem;animation:.42s cubic-bezier(.2,1.8,.4,1) 1s both stampin;position:absolute;top:50%;right:4.5rem;transform:translateY(-50%)rotate(-12deg)}@keyframes stampin{0%{opacity:0;transform:translateY(-50%)rotate(-30deg)scale(3)}}.pinball__boot{font-family:var(--display);color:var(--cream);margin:auto}.loading-pulse:before{content:"";border:2px solid var(--ink);vertical-align:-.05em;background:radial-gradient(circle at 35% 30%,#fff,#b8b8b8 55%,#6b6b6b);border-radius:50%;width:.7em;height:.7em;margin-right:.45em;animation:.9s linear infinite rollball;display:inline-block}@keyframes rollball{to{transform:rotate(360deg)}}.lobby__players .scorelist__row{animation:.38s cubic-bezier(.22,1.1,.4,1) both rowin}.setup,.final,.handoff,.tilt,.lobby{animation:.5s cubic-bezier(.2,1,.3,1) .15s both panelin}@keyframes panelin{0%{opacity:0;transform:translateY(18px)scale(.985)}}.hud__help{font-family:var(--display);width:1.9rem;height:1.9rem;color:var(--cream);cursor:pointer;background:#17120fdb;border:2px solid #f7ecd28c;border-radius:50%;font-size:.8rem}.shortcuts{z-index:22;background:#17120f8c;place-items:center;animation:.15s ease-out fadein;display:grid;position:absolute;inset:0}.shortcuts__card{background:var(--cream);border:4px solid var(--ink);box-shadow:var(--drop);border-radius:8px;min-width:min(90vw,20rem);padding:1rem 1.2rem;animation:.25s cubic-bezier(.2,1.2,.3,1) panelin}.shortcuts__title{font-family:var(--display);margin:0 0 .6rem;font-size:.9rem}.shortcuts dl{grid-template-columns:auto 1fr;gap:.35rem .9rem;margin:0;font-size:.85rem;display:grid}.shortcuts dt{font-family:var(--display);background:var(--ink);color:var(--cream);border-radius:3px;justify-self:start;padding:.12rem .4rem;font-size:.7rem}.shortcuts dd{align-self:center;margin:0}.hud__iris{border-color:var(--lagoon);flex-direction:column;align-items:stretch;gap:.15rem;min-width:5.5rem}.hud__irisbar{background:#f7ecd22e;border-radius:2px;height:.35rem;position:relative;overflow:hidden}.hud__irisfill{transform-origin:0;background:var(--lagoon);position:absolute;inset:0}.scorelist__bonus{font-style:normal;font-family:var(--display);color:var(--lagoon);font-size:.62rem}.lobby__share{font-family:var(--display);color:var(--ink);background:var(--mustard);border:3px solid var(--ink);box-shadow:var(--drop-sm);cursor:pointer;border-radius:5px;align-self:center;padding:.5rem .8rem;font-size:.72rem}.lobby__share:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.lobby__link{font-size:.75rem}.reactions{z-index:25;pointer-events:none;position:fixed;inset:0;overflow:hidden}.reactions__emoji{flex-direction:column;align-items:center;font-size:2.6rem;line-height:1;animation:2.6s cubic-bezier(.2,.7,.4,1) forwards emojirise;display:flex;position:absolute;bottom:4.5rem}.reactions__emoji small{font-family:var(--display);color:var(--cream);background:var(--ink);border-radius:3px;margin-top:.15rem;padding:.05rem .3rem;font-size:.55rem}@keyframes emojirise{0%{opacity:0;transform:translateY(20px)scale(.4)}12%{opacity:1;transform:translateY(0)scale(1.25)}30%{transform:translateY(-12vh)translate(-14px)scale(1)}55%{transform:translateY(-26vh)translate(14px)rotate(8deg)}80%{opacity:1}to{opacity:0;transform:translateY(-46vh)translate(-8px)rotate(-6deg)}}.reactions__banners{flex-direction:column;align-items:center;gap:.4rem;width:max-content;max-width:92vw;display:flex;position:absolute;top:5.2rem;left:50%;transform:translate(-50%)}.reactions__banner{font-family:var(--display);color:var(--ink);background:var(--cream);border:4px solid var(--ink);box-shadow:var(--drop);border-radius:7px;align-items:center;gap:.5rem;margin:0;padding:.35rem .75rem .35rem .35rem;font-size:clamp(.9rem,3vw,1.2rem);animation:.4s cubic-bezier(.2,1.6,.4,1) both bannerin,.35s ease-in 2.05s forwards bannerout;display:flex}.reactions__from{color:var(--cream);border:2px solid var(--ink);border-radius:4px;padding:.12rem .35rem;font-size:.62rem}.reactions__banner--shake{background:var(--cherry);color:var(--cream);font-size:clamp(1.2rem,4.5vw,1.7rem)}.reactions__banner--horn{background:var(--mustard)}@keyframes bannerin{0%{opacity:0;transform:translateY(-24px)scale(.6)rotate(-6deg)}}@keyframes bannerout{to{opacity:0;transform:translateY(-10px)scale(.9)}}.taunt{z-index:26;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:.8rem;left:50%;transform:translate(-50%)}.taunt__launcher{background:var(--cream);border:3px solid var(--ink);width:2.9rem;height:2.9rem;box-shadow:var(--drop-sm);cursor:pointer;border-radius:50%;font-size:1.5rem;line-height:1;transition:transform .12s ease-out,opacity .2s}.taunt__launcher:hover{transform:translateY(-2px)rotate(-8deg)}.taunt__launcher:active{transform:translate(3px,3px)}.taunt__launcher--cooling{opacity:.45}.taunt__launcher--hint{animation:1.6s ease-in-out infinite taunthint}@keyframes taunthint{0%,to{transform:none}10%{transform:rotate(-12deg)scale(1.08)}20%{transform:rotate(10deg)scale(1.08)}30%{transform:none}}.taunt__menu{background:var(--cream);border:4px solid var(--ink);width:min(92vw,22rem);box-shadow:var(--drop);transform-origin:bottom;border-radius:8px;flex-direction:column;gap:.45rem;padding:.6rem;animation:.22s cubic-bezier(.2,1.4,.4,1) menupop;display:flex}@keyframes menupop{0%{opacity:0;transform:translateY(10px)scale(.9)}}.taunt__emojis{grid-template-columns:repeat(8,1fr);gap:.2rem;display:grid}.taunt__emoji{cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.3rem 0;font-size:1.35rem;line-height:1;transition:transform .1s ease-out}.taunt__emoji:hover{background:var(--playfield-deep);transform:scale(1.3)rotate(-6deg)}.taunt__list{flex-wrap:wrap;gap:.3rem;display:flex}.taunt__list--special{border-bottom:2px dashed #17120f4d;padding-bottom:.45rem}.taunt__item{font-family:var(--display);color:var(--ink);background:linear-gradient(#fff9e8, var(--playfield-deep));border:2px solid var(--ink);cursor:pointer;border-radius:4px;padding:.35rem .5rem;font-size:.66rem}.taunt__item em{opacity:.55;font-size:.56rem;font-style:normal}.taunt__item:hover{transform:translateY(-1px)}.taunt__item--special{background:var(--mustard)}.taunted .pano,.taunted .results__map,.taunted .minimap{animation:.55s cubic-bezier(.36,.07,.19,.97) tauntshake}@keyframes tauntshake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-10px)rotate(-.6deg)}40%,60%{transform:translate(10px)rotate(.6deg)}}@media (max-width:560px){.taunt{flex-direction:column-reverse;align-items:flex-end;inset:4.4rem .6rem auto auto;transform:none}.taunt__menu{transform-origin:100% 0}}.hud--duel{align-items:flex-start;gap:.8rem}.hud__side{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.hud__side--right{align-items:flex-end}.hud__row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.hud__center--duel{flex-direction:column;align-items:center;gap:.35rem}.hud__side{animation:.45s cubic-bezier(.2,1.2,.4,1) .55s both hudin}.duelbar{pointer-events:auto;flex-direction:column;gap:.2rem;width:min(100%,26rem);display:flex}.duelbar__head{align-items:baseline;gap:.5rem;padding:0 .15rem;display:flex}.duelbar--right .duelbar__head{flex-direction:row-reverse}.duelbar__name{font-family:var(--display);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.8rem,2.2vw,1.05rem);overflow:hidden}.duelbar__multi{font-family:var(--display);color:var(--cream);background:var(--cherry);border:2px solid var(--ink);border-radius:3px;flex:none;padding:.05rem .3rem;font-size:.66rem}.duelbar__track{border:3px solid var(--ink);background:#17120fdb;border-radius:4px;height:1.35rem;position:relative;overflow:hidden;box-shadow:3px 3px #00000080}.duelbar__fill{transform-origin:0;background-image:linear-gradient(#ffffff59,#0000002e);transition:transform .6s cubic-bezier(.3,0,.2,1);position:absolute;inset:0}.duelbar--right .duelbar__fill{transform-origin:100%}.duelbar__hp{font-family:var(--display);color:var(--cream);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;align-items:center;padding:0 .45rem;font-size:.7rem;display:flex;position:absolute;inset:0}.duelbar--right .duelbar__hp{justify-content:flex-end}.duelbar--low .duelbar__fill{animation:.85s ease-in-out infinite lowhp}@keyframes lowhp{50%{opacity:.45}}@media (max-width:560px){.hud--duel{gap:.4rem}.duelbar__track{height:1.1rem}}.fog{z-index:2;pointer-events:none;transform:scale(calc(1.45 - var(--fog,0) * .55));background:radial-gradient(circle,#0000 22%,#0c0a0859 30%,#0c0a08d1 42%);transition:transform 1s linear;animation:2.2s ease-out both fogin;position:absolute;inset:-50%}@keyframes fogin{0%{opacity:0}}.compass--spin>svg{animation:2.1s cubic-bezier(.15,.6,.25,1) .3s both compassspin}@keyframes compassspin{0%{transform:rotate(0)}35%{transform:rotate(-540deg)}60%{transform:rotate(-780deg)}78%{transform:rotate(-700deg)}90%{transform:rotate(-735deg)}to{transform:rotate(-720deg)}}.hud__odo{border-color:var(--mustard)}.hud__odo .hud__value{font-variant-numeric:tabular-nums;text-align:right;min-width:4.2rem}.roundintro__lost{font-family:var(--display);color:var(--mustard);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:clamp(1rem,3.4vw,1.5rem);animation:1.1s ease-in-out .2s both lostwobble}@keyframes lostwobble{0%{opacity:0;transform:rotate(0)scale(.6)}25%{opacity:1;transform:rotate(-6deg)scale(1.1)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.scorelist__walk{opacity:.75;font-size:.72rem;font-style:normal}.walkcard{background:var(--ink);color:var(--cream);box-shadow:var(--drop-sm);border-radius:7px;margin-top:.4rem;padding:.7rem .8rem;animation:.5s cubic-bezier(.2,1,.3,1) .8s both panelin}.walkcard__head{margin-bottom:.5rem}.walkcard__title{font-family:var(--display);color:var(--mustard);margin:0;font-size:1.05rem;animation:.45s cubic-bezier(.2,1.8,.4,1) 1.2s both stampin}.walkcard__line{opacity:.8;margin:.15rem 0 0;font-size:.8rem}.walkcard__body{align-items:center;gap:.8rem;display:flex}.walkcard__stats{flex:1;grid-template-columns:auto 1fr;gap:.25rem .7rem;margin:0;font-size:.8rem;display:grid}.walkcard__stats dt{opacity:.65}.walkcard__stats dd{font-family:var(--display);text-align:right;margin:0;font-size:.78rem}.walkcard__place{opacity:.7;margin:.5rem 0 0;font-size:.72rem}.radar{flex:none;width:7.5rem;height:7.5rem}.radar__ring{fill:none;stroke:#f7ecd233;stroke-width:1px}.radar__petal{stroke:var(--ink);stroke-width:.8px;transform-origin:60px 60px;animation:.4s cubic-bezier(.2,1.4,.4,1) both petal}@keyframes petal{0%{transform:scale(0)}}.radar__card{fill:var(--cream);font-family:var(--display);text-anchor:middle;opacity:.7;font-size:7px}.recap--lost .recap__list li{animation:.4s ease-out both rowin;animation-delay:calc(var(--i) * .12s + .3s);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.7rem;display:grid}.recap--lost .doodle{grid-row:span 2}.doodle{background:var(--playfield-deep);border:2px solid var(--ink);border-radius:6px;width:3.4rem;height:3.4rem}.doodle__line{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.6s ease-out forwards doodledraw;animation-delay:calc(var(--i,0) * .12s + .5s)}@keyframes doodledraw{to{stroke-dashoffset:0}}.doodle__start{fill:var(--cream);stroke:var(--ink);stroke-width:1.5px}.doodle__end{stroke:var(--ink);stroke-width:1.5px}.screen--duel{display:block}.results__map--full{border-bottom:0;min-height:0;position:absolute;inset:0}.versus{z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.9rem;display:grid;position:absolute;top:.8rem;left:.9rem;right:.9rem}.versus .duelbar{pointer-events:auto;width:100%;max-width:30rem}.versus .duelbar--left{animation:.5s cubic-bezier(.2,1.2,.4,1) .2s both fromleft}.versus .duelbar--right{justify-self:end;animation:.5s cubic-bezier(.2,1.2,.4,1) .2s both fromright}@keyframes fromleft{0%{opacity:0;transform:translate(-60px)}}@keyframes fromright{0%{opacity:0;transform:translate(60px)}}.versus__round{pointer-events:auto;flex-direction:column;flex:none;align-items:center;gap:.3rem;animation:.5s cubic-bezier(.2,1.5,.4,1) .1s both introslam;display:flex}.versus__round span{font-family:var(--display);color:var(--cream);background:var(--ink);box-shadow:var(--drop-sm);border-radius:5px;padding:.25rem .65rem;font-size:clamp(.9rem,2.6vw,1.25rem)}.versus__round a{max-width:14rem;color:var(--ink);background:var(--cream);border:2px solid var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:.12rem .45rem;font-size:.72rem;text-decoration:none;overflow:hidden}.duelbar{position:relative}.duelbar--hit .duelbar__track{animation:.42s cubic-bezier(.36,.07,.19,.97) trackshake;overflow:visible}@keyframes trackshake{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}.duelbar__chunk{background:#fff;animation:.6s ease-out forwards chunkflash;position:absolute;top:0;bottom:0}@keyframes chunkflash{0%,35%{opacity:1}to{opacity:0}}.duelbar__chunk i{border:1.5px solid var(--ink);border-radius:1px;width:7px;height:7px;animation:.85s cubic-bezier(.15,.7,.3,1) forwards shard;position:absolute;top:25%}@keyframes shard{to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.4);opacity:0}}.duelbar__damage{font-family:var(--display);color:var(--cherry);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);align-items:baseline;gap:.3rem;margin-top:.35rem;font-size:clamp(1.1rem,3.4vw,1.6rem);animation:.5s cubic-bezier(.2,1.8,.4,1) both dmgpop;display:flex;position:absolute;top:100%}.duelbar__damage small{color:var(--cream);font-size:.6em}.duelbar--left .duelbar__damage{right:0}.duelbar--right .duelbar__damage{left:0}@keyframes dmgpop{0%{opacity:0;transform:translateY(-14px)scale(2.2)}}.versus__dock{z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.8rem;display:grid;position:absolute;bottom:.9rem;left:.9rem;right:.9rem}.versus__dock>*{pointer-events:auto}.versus__card{background:var(--cream);border:4px solid var(--ink);max-width:22rem;box-shadow:var(--drop);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.1rem .8rem;padding:.5rem .75rem;display:grid;position:relative}.versus__card--left{animation:.5s cubic-bezier(.2,1.2,.4,1) .35s both fromleft}.versus__card--right{order:3;justify-self:end;animation:.5s cubic-bezier(.2,1.2,.4,1) .35s both fromright}.versus__name{font-family:var(--display);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.versus__distance{grid-column:1;font-size:.78rem}.versus__distance em{opacity:.65;font-style:normal}.versus__card .reel{grid-area:1/2/span 2}.versus__actions{flex-direction:column;order:2;align-items:center;gap:.4rem;animation:.45s ease-out .5s both panelin;display:flex}.ko{z-index:8;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:3s ease-in forwards kofade;display:flex;position:absolute;inset:0}.ko__word{font-family:var(--display);color:var(--cherry);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:8px 9px 0 var(--ink);font-size:clamp(4rem,18vw,9rem);line-height:1;animation:.45s cubic-bezier(.2,1.6,.4,1) both introslam}.ko__name{font-family:var(--display);color:var(--cream);background:var(--ink);border-radius:5px;padding:.25rem .7rem;font-size:clamp(.9rem,3vw,1.3rem);animation:.4s ease-out .25s both introkick}@keyframes kofade{0%,75%{opacity:1}to{opacity:0}}@media (max-width:640px){.versus__dock{grid-template-columns:1fr 1fr}.versus__card--right{order:2}.versus__actions{order:3;grid-column:1/-1}.versus__round a{display:none}}.screen--final{grid-template-rows:40vh minmax(0,1fr);grid-template-columns:minmax(0,1fr);animation-name:fadein;display:grid;position:fixed;inset:0}@media (min-width:900px){.screen--final{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(23rem,31rem)}}.final__map{border-bottom:4px solid var(--ink);min-height:0;position:relative}@media (min-width:900px){.final__map{border-bottom:0;border-right:4px solid var(--ink)}}.final__mapall{z-index:2;font-family:var(--display);color:var(--cream);background:var(--ink);border:3px solid var(--cream);cursor:pointer;border-radius:5px;padding:.4rem .7rem;font-size:.72rem;animation:.3s ease-out both introkick;position:absolute;top:.8rem;left:.8rem}.final__side{flex-direction:column;gap:.8rem;min-height:0;padding:1rem 1rem 1.6rem;display:flex;overflow-y:auto}.final__head{text-align:center}.final__head .gameover{margin:0}.final__head .tagline{margin:.2rem 0 0}.final--rich{gap:1.1rem}.final__section{flex-direction:column;gap:.4rem;animation:.5s ease-out 1.6s both panelin;display:flex}.final__sectionTitle{font-family:var(--display);margin:0;font-size:.85rem}.final__hint{opacity:.6;margin:-.2rem 0 .1rem;font-size:.72rem}.final__footer{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.podium{justify-content:center;align-items:flex-end;gap:.5rem;min-height:13rem;display:flex}.podium__col{flex-direction:column;flex:1;align-items:center;gap:.35rem;max-width:9rem;display:flex}.podium__who{animation:.4s ease-out both introkick;animation-delay:var(--rise);flex-direction:column;align-items:center;gap:.2rem;display:flex;position:relative}.podium__name{max-width:100%;font-family:var(--display);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.podium__crown{animation:.55s cubic-bezier(.2,1.6,.4,1) both crowndrop;animation-delay:calc(var(--rise) + .5s);font-size:1.5rem;position:absolute;top:-1.7rem}@keyframes crowndrop{0%{opacity:0;transform:translateY(-40px)rotate(-30deg)}}.podium__step{background:linear-gradient(var(--mustard), #d69a00);border:4px solid var(--ink);transform-origin:bottom;width:100%;animation:.55s cubic-bezier(.2,1.3,.4,1) both steprise;animation-delay:var(--rise);border-bottom-width:0;border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;padding-top:.4rem;display:flex}.podium__step span{font-family:var(--display);color:var(--ink);font-size:1.6rem}.podium__col--1 .podium__step{background:linear-gradient(#ffd34a, var(--mustard));height:6.5rem}.podium__col--2 .podium__step{background:linear-gradient(#e9e2cf,#bfb59a);height:4.6rem}.podium__col--3 .podium__step{background:linear-gradient(#e7a36b,#b8713a);height:3.3rem}.podium__col--1 .podium__name{font-size:.95rem}@keyframes steprise{0%{transform:scaleY(0)}}.podium__rest{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.podium__rest li{background:var(--playfield-deep);border:2px solid var(--ink);border-radius:5px;align-items:center;gap:.6rem;padding:.35rem .55rem;animation:.4s ease-out 1.9s both rowin;display:flex}.podium__restScore{font-family:var(--display);margin-left:auto;font-size:.8rem}.scorecard{grid-template-columns:1fr auto;align-items:center;gap:.6rem 1rem;display:grid}.scorecard__main{flex-direction:column;gap:.25rem;display:flex}.scorecard__label{font-family:var(--display);opacity:.7;font-size:.72rem}.grade{width:4.6rem;height:4.6rem;font-family:var(--display);color:var(--cream);border:5px solid var(--ink);box-shadow:var(--drop);border-radius:50%;place-items:center;font-size:2.8rem;animation:.5s cubic-bezier(.2,1.8,.4,1) 1.05s both gradestamp;display:grid;transform:rotate(-8deg)}.grade--S{background:radial-gradient(circle at 35% 30%, #ffe27a, var(--mustard));color:var(--ink)}.grade--A{background:var(--lagoon)}.grade--B{background:var(--cherry)}.grade--C{background:#7a4a22}.grade--D{background:#5d5750}@keyframes gradestamp{0%{opacity:0;transform:rotate(-30deg)scale(3)}}.scorecard__record{font-family:var(--display);text-align:center;border-radius:5px;grid-column:1/-1;margin:0;padding:.35rem .5rem;font-size:.75rem;animation:.4s ease-out 1.4s both introkick}.scorecard__record--new{color:var(--ink);background:var(--mustard);border:3px solid var(--ink)}.scorecard__record--below,.scorecard__record--first{background:var(--playfield-deep)}.scorecard__extremes{grid-column:1/-1;justify-content:space-between;gap:.5rem;font-size:.78rem;display:flex}.scorecard__extremes em{font-style:normal;font-family:var(--display);opacity:.6;margin-right:.3rem;font-size:.66rem}.awards{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.award{background:var(--cream);border:3px solid var(--ink);box-shadow:var(--drop-sm);animation:.55s cubic-bezier(.2,1.2,.4,1) both cardflip;animation-delay:calc(var(--i) * .16s + 1.9s);border-radius:7px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;padding:.5rem .6rem;display:grid}@keyframes cardflip{0%{opacity:0;transform:perspective(500px)rotateY(90deg)}}.award__emoji{grid-row:1/span 3;font-size:1.7rem}.award__title{font-family:var(--display);font-size:.72rem}.award__who{font-family:var(--display);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:.7rem}.award__detail{opacity:.7;font-size:.7rem}.race{background:var(--playfield-deep);border:3px solid var(--ink);border-radius:7px;width:100%;height:auto}.race__grid{stroke:#17120f26;stroke-width:1px}.race__axis{font-family:var(--display);fill:var(--ink);opacity:.6;text-anchor:middle;font-size:7px}.race__axis--y{text-anchor:end}.race__line{fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.5s ease-out forwards doodledraw;animation-delay:calc(var(--p) * .18s + 1.8s)}.race__dot{stroke:var(--ink);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:.35s cubic-bezier(.2,1.6,.4,1) both petal;animation-delay:calc(var(--p) * .18s + 3.2s)}.race__legend{flex-wrap:wrap;gap:.3rem .8rem;font-size:.72rem;display:flex}.race__legend i{border:2px solid var(--ink);vertical-align:-.1rem;border-radius:2px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.roundbar{stroke:var(--ink);stroke-width:1.5px;transform-box:fill-box;transform-origin:bottom;animation:.5s cubic-bezier(.2,1.3,.4,1) both steprise;animation-delay:calc(var(--i) * 90ms + 1.8s)}.roundbar--top{fill:var(--lagoon)}.roundbar--mid{fill:var(--mustard)}.roundbar--low{fill:var(--cherry)}.roundbar__star{fill:var(--mustard);stroke:var(--ink);stroke-width:.6px;text-anchor:middle;animation:.3s ease-out both fadein;animation-delay:calc(var(--i) * 90ms + 2.3s);font-size:9px}.rounds{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.rounds li{animation:.4s ease-out both rowin;animation-delay:calc(var(--i) * 70ms + 2s);align-items:stretch;gap:.35rem;display:flex}.rounds__row{text-align:left;min-width:0;font:inherit;color:inherit;background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:.55rem;padding:.35rem .5rem;transition:transform .12s ease-out,background .15s;display:flex}.rounds__row:hover{background:#fff9e8;transform:translate(3px)}.rounds__row--active{background:var(--mustard)}.rounds__num{width:1.5rem;height:1.5rem;font-family:var(--display);color:var(--ink);background:var(--mustard);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.68rem;display:grid}.rounds__row--active .rounds__num{background:var(--cream)}.rounds__body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.rounds__place{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.rounds__scores{opacity:.8;flex-wrap:wrap;gap:.1rem .7rem;font-size:.7rem;display:flex}.rounds__scores i{border:1.5px solid var(--ink);border-radius:50%;width:.55rem;height:.55rem;margin-right:.25rem;display:inline-block}.rounds .doodle{flex:none;width:2.6rem;height:2.6rem}.rounds__maps{width:2rem;font-family:var(--display);color:var(--ink);background:var(--playfield-deep);border:2px solid var(--ink);border-radius:6px;flex:none;place-items:center;text-decoration:none;display:grid}.confetti{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{border:1px solid #17120f80;width:8px;height:12px;animation-name:confall;animation-timing-function:cubic-bezier(.3,.4,.5,1);animation-fill-mode:forwards;position:absolute;top:-20px}.confetti .confetti__wide{width:14px;height:6px}@keyframes confall{to{transform:translate(var(--drift), 110vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.duelbar__chunk,.ko,.confetti{display:none}}.mpchoice{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;display:grid}.mpchoice__card{text-align:left;font:inherit;color:var(--ink);background:linear-gradient(#fff9e8, var(--playfield-deep));border:4px solid var(--ink);box-shadow:var(--drop);cursor:pointer;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;column-gap:.8rem;padding:1rem 1.1rem;transition:transform .14s ease-out,box-shadow .14s ease-out;animation:.4s cubic-bezier(.2,1.2,.4,1) both panelin;display:grid}.mpchoice__card--join{animation-delay:80ms}.mpchoice__card:hover{box-shadow:8px 9px 0 var(--ink);transform:translate(-2px,-3px)}.mpchoice__card:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.mpchoice__icon{font-size:2.2rem}.mpchoice__title{font-family:var(--display);font-size:1rem}.mpchoice__card--create .mpchoice__title{color:var(--cherry-deep)}.mpchoice__card--join .mpchoice__title{color:var(--lagoon)}.setup__back{font-family:var(--display);color:var(--ink);opacity:.65;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:.2rem 0;font-size:.68rem}.setup__back:hover{opacity:1}.join__field{animation:.35s ease-out both panelin}.join__code--big{letter-spacing:.4em;max-width:14rem;padding:.5rem .6rem;font-size:2rem}.goring{z-index:3;pointer-events:none;opacity:0;will-change:transform;border:6px solid #ffffffeb;border-radius:50%;width:100px;height:100px;transition:opacity .15s;position:fixed;top:0;left:0;box-shadow:0 0 0 3px #17120f73,inset 0 0 0 3px #17120f4d}.goring--on{opacity:.85}.themepick{gap:.3rem;margin-left:auto;display:inline-flex}.themepick__opt{font-family:var(--display);color:var(--ink);background:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:4px;align-items:center;gap:.35rem;padding:.3rem .5rem .3rem .35rem;font-size:.62rem;display:inline-flex}.themepick__opt[aria-checked=true]{background:var(--ink);color:var(--cream)}.themepick__swatch{border:2px solid var(--ink);border-radius:50%;width:.95rem;height:.95rem}.themepick__opt--flipper .themepick__swatch{background:conic-gradient(#d4342a 0 33%, #f5b70e 0 66%, #f7ecd2 0)}.themepick__opt--bonbon .themepick__swatch{background:conic-gradient(#ff3d8b 0 25%, #ffd23f 0 50%, #13d6a0 0 75%, #2f9bff 0)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.sky,.restart__icon,.marks__shutterIcon{display:none}.marks{gap:.35rem;width:min(64vw,250px);padding:.45rem .5rem}.marks__title{font-size:.7rem}.marks__slot{min-height:1.65rem}.marks__shutter{font-size:.66rem}@media (max-width:560px){.leftstack{display:contents}.restart,.marks__shutter{border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;padding:0;font-size:1.1rem;display:grid}.restart__icon,.marks__shutterIcon{display:inline}.restart__label,.marks__shutterLabel,.marks__head,.marks__note,.marks__clear,.marks__empty{display:none}.restart{z-index:5;left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);position:absolute}.marks{z-index:5;left:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px + 3.1rem);width:auto;box-shadow:none;background:0 0;border:0;flex-direction:column-reverse;align-items:center;gap:.4rem;padding:0;position:absolute}.marks__list{flex-direction:column-reverse;gap:.4rem}.marks__slot{background:0 0;border:0;min-height:0;padding:0}.marks__slot:not(.marks__slot--set){display:none}.marks__slot--set{background:0 0;border:0}.marks__dial{width:2.6rem;height:2.6rem}.tiltbox{z-index:5;width:auto;position:absolute;top:4rem;left:8px;right:8px}.screen--game:has(.hud--duel) .tiltbox{top:6.6rem}.minimap{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);gap:.35rem}.minimap:not(.minimap--open) .minimap__frame{width:54vw;height:22vh}.minimap__pin{padding:.45rem .5rem;font-size:.6rem}.minimap__zoom{display:none}.hud__pill{padding:.22rem .45rem}.hud__round,.hud .mute,.hud__help{font-size:.58rem}.hud .mute{padding:.3rem .4rem}.hud__help{width:1.6rem;height:1.6rem}.hud__row{flex-wrap:nowrap;gap:.25rem}}[data-theme=bonbon]{--bb-night:#1d0742;--bb-grape:#3b1580;--bb-violet:#7b3bf0;--bb-pink:#ff3d8b;--bb-pink-deep:#c9145e;--bb-yellow:#ffd23f;--bb-orange:#ff7a2f;--bb-mint:#13d6a0;--bb-sky:#2f9bff;--bb-milk:#fffaff;--bb-lilac:#f2e8ff;--bb-lilac-deep:#dcc8fb;--bb-text:#2a0f57;--bb-soft:#8a6cc0;--spring:cubic-bezier(.34, 1.56, .64, 1);--jelly:cubic-bezier(.68, -.55, .27, 1.55);--playfield:var(--bb-milk);--playfield-deep:var(--bb-lilac);--cream:var(--bb-milk);--ink:var(--bb-text);--cherry:var(--bb-pink);--cherry-deep:var(--bb-pink-deep);--mustard:var(--bb-yellow);--lagoon:#10bf8c;--wood:var(--bb-orange);--display:"Fredoka", "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, sans-serif;--edge:0 solid transparent;--drop:0 22px 50px -14px #10032cbf, 0 0 0 1px #ffffff0f;--drop-sm:0 10px 24px -10px #10032cb3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=bonbon] body{color:var(--bb-text);background-color:#0000;background-image:radial-gradient(110% 80% at 0 0,#5a1db6 0%,#0000 55%),radial-gradient(90% 70% at 100% 100%,#b3127a 0%,#0000 60%),linear-gradient(165deg,#260a55 0%,#160433 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}[data-theme=bonbon] :focus-visible{outline:3px solid var(--bb-pink);outline-offset:3px;border-radius:12px}[data-theme=bonbon] .sky{z-index:-1;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}[data-theme=bonbon] body:has(.screen--game) .sky{display:none}.sky__blob{background:radial-gradient(circle at 50% 50%, var(--c) 0%, transparent 62%);opacity:.5;will-change:transform;border-radius:50%;animation:30s ease-in-out infinite alternate skydrift;position:absolute}@keyframes skydrift{0%{transform:translate(0)scale(1)}50%{transform:translate(6vw,4vh)scale(1.15)}to{transform:translate(-4vw,8vh)scale(.92)}}.sky__star{width:14px;height:14px;animation:3s ease-in-out infinite twinkle;position:absolute}.sky__star:before{content:"✦";color:#fff6c9;text-shadow:0 0 8px #ffdc78e6;font-size:14px;line-height:14px;position:absolute;inset:0}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}.sky__treat{opacity:.55;font-size:1.7rem;animation:20s linear infinite treatrise;position:absolute;bottom:-10vh}@keyframes treatrise{0%{transform:translate(0)rotate(-15deg)}25%{transform:translate(3vw,-30vh)rotate(10deg)}50%{transform:translate(-2vw,-60vh)rotate(-10deg)}75%{transform:translate(3vw,-90vh)rotate(12deg)}to{transform:translateY(-125vh)rotate(-8deg)}}[data-theme=bonbon] .title{letter-spacing:-.01em;color:#fff;-webkit-text-stroke:0;text-shadow:none;font-size:clamp(3rem,13vw,5.6rem);font-weight:700;line-height:1;transform:none}[data-theme=bonbon] .title__break{color:inherit;margin-left:0;display:inline}[data-theme=bonbon] .title__letter{-webkit-text-stroke:7px #fff;paint-order:stroke fill;filter:drop-shadow(0 7px #2a0f5773)drop-shadow(0 0 22px #ff3d8b59);animation:bbletter .8s var(--spring) both, bbwave 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms + .15s), calc(var(--i) * .13s + 1.4s)}[data-theme=bonbon] .title__letter:nth-child(5n+1),[data-theme=bonbon] .title__break .title__letter:nth-child(5n+3){color:var(--bb-pink)}[data-theme=bonbon] .title__letter:nth-child(5n+2),[data-theme=bonbon] .title__break .title__letter:nth-child(5n+4){color:var(--bb-yellow)}[data-theme=bonbon] .title__letter:nth-child(5n+3),[data-theme=bonbon] .title__break .title__letter:nth-child(5n+5){color:var(--bb-mint)}[data-theme=bonbon] .title__break .title__letter:nth-child(5n+1){color:var(--bb-sky)}[data-theme=bonbon] .title__break .title__letter:nth-child(5n+2){color:var(--bb-violet)}@keyframes bbletter{0%{opacity:0;transform:translateY(-90px)scale(.3)rotate(-25deg)}60%{opacity:1}}@keyframes bbwave{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-9px)rotate(-4deg)}75%{transform:translateY(3px)rotate(3deg)}}[data-theme=bonbon] .tagline,[data-theme=bonbon] .footnote{color:#f6e9ff;font-style:normal;font-weight:700}[data-theme=bonbon] .gameover{color:var(--bb-yellow);-webkit-text-stroke:7px #fff;paint-order:stroke fill;text-shadow:none;filter:drop-shadow(0 7px #2a0f5780);animation:bbpop .7s var(--spring) both;font-weight:700;transform:rotate(-3deg)}[data-theme=bonbon] .panel{color:var(--bb-text);background:linear-gradient(180deg, #fff 0%, var(--bb-milk) 60%, #f9f0ff 100%);border:0;border-radius:30px;box-shadow:inset 0 2px #fff,inset 0 -5px #9b5cff1a,0 30px 60px -18px #0c0224cc,0 0 0 6px #ffffff12}[data-theme=bonbon] .panel--ink{color:#fff;background:linear-gradient(180deg, var(--bb-grape), var(--bb-night))}[data-theme=bonbon] .setup,[data-theme=bonbon] .final,[data-theme=bonbon] .handoff,[data-theme=bonbon] .tilt,[data-theme=bonbon] .lobby{animation:bbpop .7s var(--spring) .2s both}@keyframes bbpop{0%{opacity:0;transform:translateY(30px)scale(.86)}to{opacity:1;transform:none}}[data-theme=bonbon] .btn{--edge-c:#c0125c;--glow-c:#ff3d8ba6;letter-spacing:.01em;color:#fff;text-shadow:0 2px #00000024;background-color:var(--bb-pink);box-shadow:0 6px 0 var(--edge-c), 0 16px 28px -10px var(--glow-c);transition:transform .22s var(--spring), box-shadow .22s ease-out, filter .2s;background-image:linear-gradient(#ffffff61,#fff0 52%),linear-gradient(135deg,#ff6aac,#ff3d8b 48%,#ff7a2f);border:0;border-radius:999px;padding:.85rem 1.6rem;font-size:1rem;font-weight:700;position:relative;overflow:hidden}[data-theme=bonbon] .btn--mustard{--edge-c:#d98a00;--glow-c:#ffbe1e99;color:#5a2600;text-shadow:0 1px #ffffff73;background-image:linear-gradient(#ffffff80,#fff0 52%),linear-gradient(135deg,#ffe680,#ffc61a 50%,#ff9f1c)}[data-theme=bonbon] .btn--lagoon{--edge-c:#088a66;--glow-c:#13d6a099;background-image:linear-gradient(#ffffff61,#fff0 52%),linear-gradient(135deg,#4cf2c6,#13c98f 50%,#0f9fbf)}[data-theme=bonbon] .btn--ink{--edge-c:#3a138c;--glow-c:#7b3bf099;background-image:linear-gradient(#ffffff52,#fff0 52%),linear-gradient(135deg,#9b6bff,#7b3bf0 50%,#4f1fbf)}[data-theme=bonbon] .btn--lg{width:100%;box-shadow:0 8px 0 var(--edge-c), 0 22px 36px -12px var(--glow-c);padding:1.05rem 1.6rem;font-size:clamp(1.15rem,4vw,1.5rem)}[data-theme=bonbon] .btn:not(:disabled):hover{box-shadow:0 9px 0 var(--edge-c), 0 22px 36px -10px var(--glow-c);filter:saturate(1.1)brightness(1.04);transform:translateY(-3px)scale(1.02)}[data-theme=bonbon] .btn:not(:disabled):hover:active,[data-theme=bonbon] .btn:not(:disabled):active{box-shadow:0 1px 0 var(--edge-c), 0 6px 14px -8px var(--glow-c);transition-duration:60ms;animation:none;transform:translateY(5px)scale(1.03,.92)}[data-theme=bonbon] .btn:disabled{color:#2a0f5761;text-shadow:none;background-color:#e6dbf6;background-image:none;box-shadow:0 5px #cbb8ea}[data-theme=bonbon] .setup__launch .btn--lg:not(:disabled){animation:2.4s ease-in-out infinite bbbreathe}[data-theme=bonbon] .setup__launch .btn--lg:not(:disabled):after,[data-theme=bonbon] .final__footer .btn--lg:not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:30%;animation:3.4s ease-in-out 1.2s infinite bbshine;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%)skew(-20deg)}@keyframes bbbreathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes bbshine{0%,55%{transform:translate(-160%)skew(-20deg)}85%,to{transform:translate(460%)skew(-20deg)}}[data-theme=bonbon] .target{--pick:linear-gradient(135deg, #ff6aac, #ff3d8b);--pick-edge:#c0125c;color:var(--bb-text);background:var(--bb-lilac);box-shadow:0 3px 0 var(--bb-lilac-deep);transition:transform .25s var(--spring), background-color .2s, box-shadow .2s, color .2s;border:0;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:600}[data-theme=bonbon] .target:not(.target--down):not(:disabled):hover{background:#eadcff;transform:translateY(-3px);box-shadow:0 5px #cfb6f6}[data-theme=bonbon] .target:not(.target--down):not(:disabled):hover:active{transform:translateY(2px)scale(.96);box-shadow:0 1px #cfb6f6}[data-theme=bonbon] .target--down{color:#fff;background:var(--pick);box-shadow:0 3px 0 var(--pick-edge), 0 10px 20px -8px var(--pick-edge);animation:.6s ease-out bbjelly;transform:none}@keyframes bbjelly{0%{transform:scale(1)}25%{transform:scale(1.18,.85)}45%{transform:scale(.9,1.1)}65%{transform:scale(1.06,.96)}to{transform:scale(1)}}[data-theme=bonbon] .setup__grid .field:nth-child(5n+2) .target{--pick:linear-gradient(135deg, #ffe066, #ffbe0b);--pick-edge:#d98a00}[data-theme=bonbon] .setup__grid .field:nth-child(5n+2) .target--down{color:#5a2600}[data-theme=bonbon] .setup__grid .field:nth-child(5n+3) .target{--pick:linear-gradient(135deg, #4cf2c6, #13c98f);--pick-edge:#088a66}[data-theme=bonbon] .setup__grid .field:nth-child(5n+4) .target{--pick:linear-gradient(135deg, #63bdff, #2f9bff);--pick-edge:#1567c9}[data-theme=bonbon] .setup__grid .field:nth-child(5n+5) .target{--pick:linear-gradient(135deg, #b48cff, #7b3bf0);--pick-edge:#4f1fbf}[data-theme=bonbon] .field{border-top:2px dashed #eadcff}[data-theme=bonbon] .field legend{letter-spacing:.08em;text-transform:uppercase;color:var(--bb-violet);opacity:1;font-size:.74rem;font-weight:700}[data-theme=bonbon] .field__note{color:var(--bb-soft);font-weight:700}[data-theme=bonbon] .field__fixed{color:var(--bb-violet);opacity:1;font-weight:700}[data-theme=bonbon] .name-input{color:var(--bb-text);background:#fff;border:2px solid #e6d6ff;border-radius:16px;padding:.6rem .85rem;font-weight:800;transition:border-color .2s,box-shadow .2s}[data-theme=bonbon] .name-input:focus{border-color:var(--bb-pink);outline:none;box-shadow:0 0 0 5px #ff3d8b2e}[data-theme=bonbon] .setup__launch{border-top:2px dashed #eadcff}[data-theme=bonbon] .notice{background:var(--bb-lilac);border:0;border-radius:18px;font-weight:700}[data-theme=bonbon] .notice--bad{color:#8a0f45;background:#ffe1ee}[data-theme=bonbon] .linkbutton{color:var(--bb-violet);text-underline-offset:4px;font-weight:800;text-decoration-style:wavy}[data-theme=bonbon] .mute{color:var(--bb-text);background:var(--bb-lilac);box-shadow:0 3px 0 var(--bb-lilac-deep);border:0;border-radius:999px;padding:.4rem .75rem;font-size:.72rem;font-weight:700}[data-theme=bonbon] .mute[aria-pressed=true]{color:#2a0f5773;background:#ece4f7}[data-theme=bonbon] .themepick__opt{color:var(--bb-text);background:var(--bb-lilac);box-shadow:0 3px 0 var(--bb-lilac-deep);transition:transform .25s var(--spring);border:0;border-radius:999px;padding:.35rem .75rem .35rem .4rem;font-size:.72rem;font-weight:700}[data-theme=bonbon] .themepick__opt:hover{transform:translateY(-2px)rotate(-2deg)}[data-theme=bonbon] .themepick__opt[aria-checked=true]{color:#fff;background:linear-gradient(135deg,#9b6bff,#ff3d8b);box-shadow:0 3px #7a1e8f}[data-theme=bonbon] .themepick__swatch{border:2px solid #fff;box-shadow:0 0 0 1px #2a0f5726}[data-theme=bonbon] .themepick__opt[aria-checked=true] .themepick__swatch{animation:4s linear infinite bbspin}@keyframes bbspin{to{transform:rotate(360deg)}}[data-theme=bonbon] .screen--home{gap:1rem;padding-top:1.8rem}[data-theme=bonbon] .setup{width:min(100%,56rem);padding:1.4rem 1.6rem 1.6rem}[data-theme=bonbon] .setup__grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}[data-theme=bonbon] .chaser{gap:clamp(.4rem,1.8vw,.8rem)}[data-theme=bonbon] .chaser span{opacity:1;background:var(--bb-pink);width:12px;height:12px;animation:1.6s ease-in-out infinite bbhop;animation-delay:calc(var(--i) * 70ms);border:0;box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff80}[data-theme=bonbon] .chaser span:nth-child(4n+2){background:var(--bb-yellow)}[data-theme=bonbon] .chaser span:nth-child(4n+3){background:var(--bb-mint)}[data-theme=bonbon] .chaser span:nth-child(4n+4){background:var(--bb-sky)}@keyframes bbhop{0%,60%,to{transform:translateY(0)scale(1)}20%{transform:translateY(-10px)scale(1.1,.9)}35%{transform:translateY(0)scale(1.2,.8)}}[data-theme=bonbon] .mpchoice__card{color:#fff;transition:transform .3s var(--spring), box-shadow .2s;animation:bbpop .6s var(--spring) both;background-image:linear-gradient(#ffffff4d,#fff0 55%),linear-gradient(135deg,#ff6aac,#ff3d8b 50%,#ff7a2f);border:0;border-radius:26px;padding:1.2rem 1.3rem;box-shadow:0 7px #c0125c,0 20px 34px -14px #ff3d8bcc}[data-theme=bonbon] .mpchoice__card--join{background-image:linear-gradient(#ffffff4d,#fff0 55%),linear-gradient(135deg,#63bdff,#2f9bff 50%,#13c98f);animation-delay:.1s;box-shadow:0 7px #1567c9,0 20px 34px -14px #2f9bffcc}[data-theme=bonbon] .mpchoice__card:hover{transform:translateY(-5px)rotate(-1.5deg)scale(1.02);box-shadow:0 10px #c0125c,0 26px 40px -14px #ff3d8bd9}[data-theme=bonbon] .mpchoice__card--join:hover{transform:translateY(-5px)rotate(1.5deg)scale(1.02);box-shadow:0 10px #1567c9,0 26px 40px -14px #2f9bffd9}[data-theme=bonbon] .mpchoice__card:active{transform:translateY(5px)scale(1.02,.94);box-shadow:0 2px #c0125c}[data-theme=bonbon] .mpchoice__card--join:active{box-shadow:0 2px #1567c9}[data-theme=bonbon] .mpchoice__title,[data-theme=bonbon] .mpchoice__card--create .mpchoice__title,[data-theme=bonbon] .mpchoice__card--join .mpchoice__title{color:#fff;text-shadow:0 2px #00000026;font-size:1.2rem;font-weight:700}[data-theme=bonbon] .mpchoice__icon{width:3.2rem;height:3.2rem;transition:transform .4s var(--spring);background:#ffffff47;border-radius:50%;place-items:center;font-size:1.8rem;display:grid}[data-theme=bonbon] .mpchoice__card:hover .mpchoice__icon{transform:rotate(-14deg)scale(1.15)}[data-theme=bonbon] .setup__back{color:var(--bb-violet);opacity:1;font-weight:700}[data-theme=bonbon] .join__code--big{color:var(--bb-pink);background:#fff;font-weight:700}[data-theme=bonbon] .reel{gap:3px}[data-theme=bonbon] .reel__digit{color:var(--bb-text);box-shadow:0 3px 0 var(--bb-lilac-deep), inset 0 1px 0 #fff;background:linear-gradient(#fff,#f0e4ff);border:0;border-radius:9px;padding:.12rem .32rem;font-size:1.05rem;font-weight:700}[data-theme=bonbon] .bulb{background:#ffffff40;border:0}[data-theme=bonbon] .bulb--lit{background:var(--bb-mint);box-shadow:0 0 8px #13d6a0cc}[data-theme=bonbon] .bulb--live{background:var(--bb-pink);box-shadow:0 0 10px #ff3d8be6}[data-theme=bonbon] .scorelist__row,[data-theme=bonbon] .standings__row{background:var(--bb-lilac);box-shadow:0 3px 0 var(--bb-lilac-deep);border:0;border-radius:18px;padding:.55rem .75rem}[data-theme=bonbon] .scorelist__chip{border:0;border-radius:50%;font-weight:700;box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff73}[data-theme=bonbon] .health{background:#eadcff;border:0;border-radius:999px;height:1.2rem;box-shadow:inset 0 2px 4px #2a0f572e}[data-theme=bonbon] .health__fill{background:linear-gradient(90deg,#13d6a0,#4cf2c6);border-radius:999px;overflow:hidden}[data-theme=bonbon] .health__fill:after,[data-theme=bonbon] .duelbar__fill:after,[data-theme=bonbon] .hud__foefill:after{content:"";background:repeating-linear-gradient(-45deg,#ffffff52 0 8px,#fff0 8px 16px);animation:.9s linear infinite candycane;position:absolute;inset:0 -40px 0 0}@keyframes candycane{to{transform:translate(-22.6px)}}[data-theme=bonbon] .health__fill--out{background:linear-gradient(90deg,#ff3d8b,#ff7aa8)}[data-theme=bonbon] .stamp{color:#5a2600;background:linear-gradient(135deg,#ffe680,#ffc61a);border:3px solid #fff;border-radius:999px;padding:.12rem .55rem;font-weight:700;box-shadow:0 4px 12px -4px #ffaa00e6}[data-theme=bonbon] .lobby__label,[data-theme=bonbon] .gate__label{color:var(--bb-violet);letter-spacing:.08em;text-transform:uppercase;opacity:1;font-weight:700}[data-theme=bonbon] .lobby__code{letter-spacing:.14em;color:#0000;-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(90deg,#ff3d8b,#ffb703,#13d6a0,#2f9bff,#9b5cff,#ff3d8b) 0 0/200% 100%;filter:drop-shadow(0 6px #2a0f572e);animation:bbpop .7s var(--spring) both, codeshimmer 4s linear infinite;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,15vw,5rem);font-weight:700}@keyframes codeshimmer{to{background-position:200% 0}}[data-theme=bonbon] .lobby__host{color:#fff;background:linear-gradient(135deg,#9b6bff,#ff3d8b);border-radius:999px;padding:.2rem .55rem;font-weight:700}[data-theme=bonbon] .lobby__share{color:#5a2600;transition:transform .2s var(--spring);background:linear-gradient(135deg,#ffe680,#ffc61a);border:0;border-radius:999px;padding:.55rem 1.1rem;font-weight:700;box-shadow:0 5px #d98a00}[data-theme=bonbon] .lobby__share:hover{transform:translateY(-2px)rotate(-1deg)}[data-theme=bonbon] .lobby__share:active{transform:translateY(4px);box-shadow:0 1px #d98a00}[data-theme=bonbon] .handoff__name,[data-theme=bonbon] .handoff__hint{font-weight:700}[data-theme=bonbon] .loading-pulse:before{background:conic-gradient(#ff3d8b 0 25%, #ffd23f 0 50%, #13d6a0 0 75%, #2f9bff 0);border:0;box-shadow:inset 0 0 0 3px #fffc}[data-theme=bonbon] .hud__pill{color:#fff;background:#1d0742cc;border:2px solid #ffffff38;border-radius:999px;padding:.35rem .85rem;box-shadow:0 10px 24px -10px #000000b3}[data-theme=bonbon] .hud__label{font-family:var(--display);color:#ffb3d6;font-weight:600}[data-theme=bonbon] .hud__value,[data-theme=bonbon] .hud__round{font-family:var(--display);color:#fff;font-weight:700}[data-theme=bonbon] .hud__player{color:var(--bb-yellow);font-weight:700}[data-theme=bonbon] .hud .marquee__clock,[data-theme=bonbon] .marquee__clock{color:var(--bb-text);background:#fff;border:0;border-radius:999px;padding:.3rem .85rem;font-weight:700;box-shadow:0 5px #2a0f5759,0 12px 24px -10px #0009}[data-theme=bonbon] .marquee__clock--low,[data-theme=bonbon] .hud .marquee__clock--low{color:#fff;background:linear-gradient(135deg,#ff6aac,#ff3d8b);animation:.6s ease-in-out infinite heartbeat;box-shadow:0 5px #c0125c,0 0 26px #ff3d8bcc}[data-theme=bonbon] .marquee__clock--low.marquee__clock--shake{animation:.32s ease-out clockshake,.6s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.12)}45%{transform:scale(.98)}65%{transform:scale(1.06)}}[data-theme=bonbon] .marquee__rush{color:#fff;background:linear-gradient(135deg,#ff7a2f,#ff3d8b);border-radius:999px;padding:.25rem .6rem;font-weight:700}[data-theme=bonbon] .hud__help,[data-theme=bonbon] .mute--bar{color:#fff;box-shadow:none;background:#1d0742cc;border:2px solid #ffffff38}[data-theme=bonbon] .compass__face{fill:#fff;stroke:#ff3d8b;stroke-width:5px}[data-theme=bonbon] .compass:hover .compass__face{stroke:var(--bb-yellow)}[data-theme=bonbon] .compass__tick{stroke:var(--bb-lilac-deep)}[data-theme=bonbon] .compass__letter{fill:var(--bb-text)}[data-theme=bonbon] .compass__letter--n,[data-theme=bonbon] .compass__north{fill:var(--bb-pink)}[data-theme=bonbon] .compass__north,[data-theme=bonbon] .compass__index{stroke:#fff}[data-theme=bonbon] .compass svg{filter:drop-shadow(0 6px 10px #00000073)}[data-theme=bonbon] .minimap__frame{border:5px solid #fff;border-radius:26px;box-shadow:0 0 0 4px #ff3d8b73,0 24px 50px -14px #000000bf}[data-theme=bonbon] .minimap__pin,[data-theme=bonbon] .minimap__zoom,[data-theme=bonbon] .restart{color:var(--bb-text);box-shadow:0 4px 0 var(--bb-lilac-deep), 0 12px 22px -10px #0009;background:#fff;border:0;border-radius:999px;font-weight:700}[data-theme=bonbon] .minimap__pin[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#4cf2c6,#13c98f);box-shadow:0 4px #088a66}[data-theme=bonbon] .minimap__zoom button{color:var(--bb-text);font-weight:700}[data-theme=bonbon] .restart:active{box-shadow:0 1px 0 var(--bb-lilac-deep);transform:translateY(3px)}[data-theme=bonbon] .marks,[data-theme=bonbon] .tiltbox,[data-theme=bonbon] .shortcuts__card,[data-theme=bonbon] .walkcard{background:linear-gradient(180deg, #fff, var(--bb-milk));border:0;border-radius:22px;box-shadow:0 20px 40px -14px #000000b3}[data-theme=bonbon] .walkcard{color:#fff;background:linear-gradient(160deg, var(--bb-grape), var(--bb-night))}[data-theme=bonbon] .marks__title,[data-theme=bonbon] .tiltbox__title{color:var(--bb-violet);font-weight:700}[data-theme=bonbon] .marks__slot{border:2px dashed var(--bb-lilac-deep);border-radius:14px}[data-theme=bonbon] .marks__slot--set{background:var(--bb-lilac);border:0}[data-theme=bonbon] .marks__dial,[data-theme=bonbon] .marks__shutter,[data-theme=bonbon] .tiltbox__shake{box-shadow:0 3px 0 var(--bb-lilac-deep);border:0;border-radius:999px}[data-theme=bonbon] .marks__shutter,[data-theme=bonbon] .tiltbox__shake{color:#fff;background:linear-gradient(135deg,#63bdff,#2f9bff);font-weight:700;box-shadow:0 4px #1567c9}[data-theme=bonbon] .tiltbox__gauge{background:#eadcff;border:0;border-radius:999px}[data-theme=bonbon] .roundintro:before{content:"";aspect-ratio:1;background:repeating-conic-gradient(#ffd23f8c 0deg 9deg,#ff3d8b59 9deg 18deg);border-radius:50%;width:min(80vmin,640px);animation:6s linear infinite bbspin;position:absolute;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}[data-theme=bonbon] .roundintro__title{color:#fff;-webkit-text-stroke:10px var(--bb-pink);paint-order:stroke fill;text-shadow:none;filter:drop-shadow(0 10px #2a0f578c);animation:introbonbon .7s var(--spring) 50ms both;font-weight:700;position:relative}@keyframes introbonbon{0%{opacity:0;transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(-3deg)}}[data-theme=bonbon] .roundintro__kicker,[data-theme=bonbon] .roundintro__sub,[data-theme=bonbon] .roundintro__lost{border:0;border-radius:999px;padding:.3rem .9rem;font-weight:700;position:relative}[data-theme=bonbon] .roundintro__kicker{color:var(--bb-text);background:var(--bb-yellow)}[data-theme=bonbon] .roundintro__sub{color:#fff;background:linear-gradient(135deg,#9b6bff,#2f9bff)}[data-theme=bonbon] .roundintro__lost{color:var(--bb-text);-webkit-text-stroke:0;background:#fff}[data-theme=bonbon] .duelbar__name{-webkit-text-stroke:5px #fff;font-weight:700}[data-theme=bonbon] .duelbar__multi{background:linear-gradient(135deg,#ff7a2f,#ff3d8b);border:0;border-radius:999px;padding:.1rem .45rem;font-weight:700}[data-theme=bonbon] .duelbar__track{background:#1d0742cc;border:3px solid #fff;border-radius:999px;height:1.5rem;box-shadow:0 10px 24px -10px #000000b3}[data-theme=bonbon] .duelbar__fill{border-radius:999px;overflow:hidden}[data-theme=bonbon] .duelbar__hp{-webkit-text-stroke:3px #1d0742d9;font-weight:700}[data-theme=bonbon] .duelbar__damage{color:var(--bb-yellow);-webkit-text-stroke:6px var(--bb-pink-deep);text-shadow:none;font-weight:700}[data-theme=bonbon] .hud__foebar{border-radius:999px}[data-theme=bonbon] .hud__foefill{overflow:hidden}[data-theme=bonbon] .fog{background:radial-gradient(circle,#0000 22%,#28085a66 30%,#1d0742db 42%)}[data-theme=bonbon] .goring{border-color:#fff;box-shadow:0 0 0 4px #ff3d8b8c,0 0 18px #ff3d8bb3}[data-theme=bonbon] .results__map{border:0}[data-theme=bonbon] .results__panel{color:var(--bb-text);background:linear-gradient(180deg, #fff, var(--bb-milk))}@media (min-width:860px){[data-theme=bonbon] .screen--results:not(.screen--duel){display:block}[data-theme=bonbon] .screen--results:not(.screen--duel) .results__map{border:0;position:absolute;inset:0}[data-theme=bonbon] .results__panel{width:25rem;max-height:calc(100% - 2.2rem);animation:bbslidein .6s var(--spring) both;border-radius:30px;position:absolute;top:1.1rem;right:1.1rem;box-shadow:0 30px 60px -16px #0c0224cc,0 0 0 6px #ffffff80}}@keyframes bbslidein{0%{opacity:0;transform:translate(60px)scale(.94)}}[data-theme=bonbon] .results__title,[data-theme=bonbon] .results__totals{font-weight:700}[data-theme=bonbon] .versus__round span{color:#fff;background:linear-gradient(135deg,#9b6bff,#ff3d8b);border-radius:999px;padding:.3rem .9rem;font-weight:700;box-shadow:0 5px #7a1e8f}[data-theme=bonbon] .versus__round a{color:var(--bb-text);background:#fff;border:0;border-radius:999px;padding:.2rem .65rem;font-weight:700}[data-theme=bonbon] .versus__card{background:linear-gradient(180deg, #fff, var(--bb-milk));border-width:0 0 0 7px;border-left-style:solid;border-left-color:currentColor;border-radius:22px;box-shadow:0 20px 40px -14px #000000b3}[data-theme=bonbon] .versus__name{-webkit-text-stroke:4px #fff;font-weight:700}[data-theme=bonbon] .ko__word{color:var(--bb-yellow);-webkit-text-stroke:12px var(--bb-pink);text-shadow:none;filter:drop-shadow(0 12px #2a0f5799);font-weight:700}[data-theme=bonbon] .ko__name{color:var(--bb-text);background:#fff;border-radius:999px;padding:.3rem .9rem;font-weight:700}[data-theme=bonbon] .final__map{border:0}[data-theme=bonbon] .final__mapall{color:#fff;background:linear-gradient(135deg,#9b6bff,#ff3d8b);border:0;border-radius:999px;font-weight:700;box-shadow:0 5px #7a1e8f}[data-theme=bonbon] .final__sectionTitle{color:var(--bb-violet);letter-spacing:.06em;text-transform:uppercase;font-weight:700}[data-theme=bonbon] .podium__step{border:0;border-radius:22px 22px 6px 6px;box-shadow:inset 0 3px #ffffff8c,inset 0 -6px #0000001f}[data-theme=bonbon] .podium__col--1 .podium__step{background:linear-gradient(#ffe680,#ffb703)}[data-theme=bonbon] .podium__col--2 .podium__step{background:linear-gradient(#a8d8ff,#6c9bff)}[data-theme=bonbon] .podium__col--3 .podium__step{background:linear-gradient(#ffb3d1,#ff6aac)}[data-theme=bonbon] .podium__step span{color:#fff;-webkit-text-stroke:5px #2a0f5759;paint-order:stroke fill;font-weight:700}[data-theme=bonbon] .podium__name{font-weight:700}[data-theme=bonbon] .podium__rest li,[data-theme=bonbon] .rounds__row,[data-theme=bonbon] .ladder__row{background:var(--bb-lilac);box-shadow:0 3px 0 var(--bb-lilac-deep);border:0;border-radius:18px}[data-theme=bonbon] .rounds__row:hover{background:#eadcff}[data-theme=bonbon] .rounds__row--active{color:#fff;background:linear-gradient(135deg,#9b6bff,#ff3d8b)}[data-theme=bonbon] .rounds__num{background:var(--bb-yellow);border:0;font-weight:700}[data-theme=bonbon] .rounds__maps{box-shadow:0 3px 0 var(--bb-lilac-deep);background:#fff;border:0;border-radius:14px}[data-theme=bonbon] .grade{border:5px solid #fff;font-weight:700;box-shadow:0 0 0 4px #9b5cff59,0 16px 30px -10px #00000080}[data-theme=bonbon] .grade--S{color:#fff;-webkit-text-stroke:5px var(--bb-text);paint-order:stroke fill;background:conic-gradient(#ff3d8b,#ffd23f,#13d6a0,#2f9bff,#9b5cff,#ff3d8b)}[data-theme=bonbon] .grade--A{background:linear-gradient(135deg,#4cf2c6,#13c98f)}[data-theme=bonbon] .grade--B{background:linear-gradient(135deg,#63bdff,#2f9bff)}[data-theme=bonbon] .grade--C{background:linear-gradient(135deg,#ffb37a,#ff7a2f)}[data-theme=bonbon] .grade--D{background:linear-gradient(135deg,#b9a7d6,#8a76b0)}[data-theme=bonbon] .scorecard__record--new{color:#5a2600;background:linear-gradient(135deg,#ffe680,#ffc61a);border:0;border-radius:999px}[data-theme=bonbon] .scorecard__record--below,[data-theme=bonbon] .scorecard__record--first{border-radius:999px}[data-theme=bonbon] .award{background:#fff;border:3px solid;border-radius:20px;box-shadow:0 10px 20px -10px #2a0f5773}[data-theme=bonbon] .award:not([style*=border-color]){border-color:var(--bb-lilac-deep)}[data-theme=bonbon] .award__title{font-weight:700}[data-theme=bonbon] .award__emoji{animation:2.6s ease-in-out infinite bbwave}[data-theme=bonbon] .race,[data-theme=bonbon] .doodle{background:var(--bb-lilac);border:0;border-radius:20px}[data-theme=bonbon] .race__line{stroke-width:3.2px}[data-theme=bonbon] .race__legend i,[data-theme=bonbon] .rounds__scores i{border:0;border-radius:50%}[data-theme=bonbon] .roundbar{stroke:none;rx:6}[data-theme=bonbon] .roundbar--top{fill:#13c98f}[data-theme=bonbon] .roundbar--mid{fill:#ffb703}[data-theme=bonbon] .roundbar--low{fill:#ff3d8b}[data-theme=bonbon] .ladder__invite,[data-theme=bonbon] .confirm{box-shadow:0 4px 0 var(--bb-lilac-deep);border:0;border-radius:999px}[data-theme=bonbon] .taunt__launcher{background:linear-gradient(135deg,#ffe680,#ffc61a);border:3px solid #fff;box-shadow:0 5px #d98a00,0 14px 26px -10px #000000b3}[data-theme=bonbon] .taunt__menu,[data-theme=bonbon] .reactions__banner{background:#fff;border:0;border-radius:24px;box-shadow:0 24px 50px -14px #000000bf}[data-theme=bonbon] .taunt__item{background:var(--bb-lilac);box-shadow:0 3px 0 var(--bb-lilac-deep);border:0;border-radius:999px;font-weight:700}[data-theme=bonbon] .taunt__item--special{background:linear-gradient(135deg,#ffe680,#ffc61a);box-shadow:0 3px #d98a00}[data-theme=bonbon] .reactions__from{border:0;border-radius:999px}[data-theme=bonbon] .reactions__banner--shake{color:#fff;background:linear-gradient(135deg,#ff6aac,#ff3d8b)}[data-theme=bonbon] .reactions__banner--horn{background:linear-gradient(135deg,#ffe680,#ffc61a)}[data-theme=bonbon] .pinball__hud,[data-theme=bonbon] .pinball__key,[data-theme=bonbon] .pinball__leave{box-shadow:0 4px 0 var(--bb-lilac-deep);border:0;border-radius:999px}[data-theme=bonbon] .pinball__table{border:6px solid #fff;border-radius:28px;box-shadow:0 0 0 5px #ff3d8b73}[data-theme=bonbon] .confetti i{border:0;border-radius:3px}[data-theme=bonbon] .bulb,[data-theme=bonbon] .duelbar__chunk i{border:0}[data-theme=bonbon] .duelbar__fill{background-image:linear-gradient(#ffffff80,#fff0 60%)}@media (min-width:760px){[data-theme=bonbon] .lobby{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem 1.8rem;width:min(100%,52rem);display:grid}[data-theme=bonbon] .lobby>*{grid-column:1/-1}[data-theme=bonbon] .lobby>.field{text-align:left;grid-column:auto}[data-theme=bonbon] .lobby__players{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}[data-theme=bonbon] .lobby>.lobby__share,[data-theme=bonbon] .lobby>.btn:not(.btn--lg){justify-self:center;width:auto}}[data-theme=bonbon] .hud__pill,[data-theme=bonbon] .hud .mute{white-space:nowrap}@media (max-width:560px){[data-theme=bonbon] .hud__pill{padding:.22rem .55rem}[data-theme=bonbon] .hud .mute{padding:.3rem .5rem;font-size:.58rem}[data-theme=bonbon] .restart,[data-theme=bonbon] .marks__shutter{border-radius:50%;padding:0}[data-theme=bonbon] .marks{box-shadow:none;background:0 0}[data-theme=bonbon] .marks__slot--set{background:0 0}}