:root{--p:3px;--ink:#34305c;--cream:#fbf3df;--cream-hi:#fff;--cream-lo:#e4d3aa;--sun:#ffd24a;--sun-hi:#fff0a8;--sun-lo:#e59a1f;--orange:#f7902e;--orange-hi:#ffc46a;--orange-lo:#c75a14;--value:#d9681a;--track:#3f3a6e;--drop-color:#18163c73;--frame:0 calc(-1*var(--p))0 var(--ink),0 var(--p)0 var(--ink),calc(-1*var(--p))0 0 var(--ink),var(--p)0 0 var(--ink);--drop:drop-shadow(0 var(--p)0 var(--drop-color));--heel:0 calc(2*var(--p))0 calc(-1*var(--p))var(--ink);--chunky:"Jersey 25","DotGothic16",system-ui,sans-serif;--toy:"Bagel Fat One","Jersey 25",system-ui,sans-serif;--small:"DotGothic16",system-ui,sans-serif;--outline:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink)}*{box-sizing:border-box}html,body,#root{overflow:hidden;font-family:var(--chunky);font-synthesis:none;color:var(--ink);background:#1f4fd1;height:100%;margin:0}.stage{position:relative;background:linear-gradient(to bottom,var(--sky-top),var(--sky-bottom));height:100%}.stage canvas{touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.reroll{--fill:var(--cream);--hi:var(--cream-hi);--lo:var(--cream-lo);font:18px/1 var(--chunky);color:var(--ink);background:var(--fill);box-shadow:var(--bands);filter:var(--drop);cursor:pointer;position:relative;isolation:isolate;transform:rotate(var(--tilt,0deg));--bands:inset 0 var(--p)0 var(--hi),inset 0 calc(-1*var(--p))0 var(--lo);--dither:repeating-conic-gradient(var(--lo)0 25%,transparent 0 50%)0 0/calc(2*var(--p))calc(2*var(--p));border:0;border-radius:0;padding:6px 12px 7px}.reroll:before{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--dither);-webkit-mask:linear-gradient(#0000 50%,#000 50%);mask:linear-gradient(#0000 50%,#000 50%);inset:0}@media (hover:hover){.reroll:hover{animation:.32s steps(6,end) boing}}@keyframes boing{0%{transform:rotate(var(--tilt,0deg))}35%{transform:translateY(calc(-2*var(--p)))rotate(calc(var(--tilt,0deg)*-2))}70%{transform:translateY(0)scale(1.06,.92)}to{transform:rotate(var(--tilt,0deg))}}.reroll:active{transform:translateY(var(--p))rotate(var(--tilt,0deg));filter:none;animation:none}kbd{font:13px/1 var(--chunky);display:inline-block;color:var(--ink);vertical-align:1px;background:#34305c24;margin-left:6px;padding:2px 5px 3px}.title{display:flex;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}.title h1{font-family:var(--toy);color:#fff;display:flex;gap:.12em;margin:0;font-size:clamp(30px,6.5vw,52px);font-weight:400;line-height:1.15}.title-letter{display:inline-block;color:color-mix(in srgb,var(--side)55%,#fff);--o:.04em;--rim:var(--side);--deep:color-mix(in srgb,var(--side)55%,#1a1030);text-shadow:var(--o)0 var(--rim),calc(-1*var(--o))0 var(--rim),0 var(--o)var(--rim),0 calc(-1*var(--o))var(--rim),var(--o)var(--o)var(--rim),calc(-1*var(--o))var(--o)var(--rim),var(--o)calc(-1*var(--o))var(--rim),calc(-1*var(--o))calc(-1*var(--o))var(--rim),var(--o).055em var(--deep),calc(-1*var(--o)).055em var(--deep),var(--o).08em var(--deep),calc(-1*var(--o)).08em var(--deep),var(--o).1em var(--deep),calc(-1*var(--o)).1em var(--deep),0 .18em .12em #14183c59;animation:2.4s ease-in-out infinite title-wave;animation-delay:calc(var(--i)*-.16s)}@supports (color: oklch(from red l c h)){.title-letter{--rim:oklch(from var(--side)calc(l*.985)calc(c*1.2)h);--deep:oklch(from var(--side)calc(l*.7)calc(c*1.15)h)}}.title-gap{display:inline-block;width:.35em}@keyframes title-wave{0%,to{transform:translateY(.06em)}50%{transform:translateY(-.1em)}}.title-letter{translate:calc((var(--mid,0) - var(--i))*var(--charge,0)*.08em)0;scale:calc(1 - var(--charge,0)*.06)calc(1 - var(--charge,0)*.05);transition:translate .22s ease-out,scale .22s ease-out}.title h1.charging{animation:80ms step-end infinite buzz}.charging .title-letter{animation:2.4s ease-in-out infinite title-wave,90ms step-end infinite tremble;animation-delay:calc(var(--i)*-.16s),calc(var(--i)*-37ms);transition:translate 60ms linear,scale 60ms linear}@keyframes buzz{0%{translate:calc(var(--charge)*.6px)0}25%{translate:calc(var(--charge)*-.6px)calc(var(--charge)*.3px)}50%{translate:calc(var(--charge)*.3px)calc(var(--charge)*-.3px)}75%{translate:calc(var(--charge)*-.3px)0}}@keyframes tremble{0%{rotate:calc(var(--charge)*1.5deg)}50%{rotate:calc(var(--charge)*-1.5deg)}}.sprung .title-letter{animation:2.4s ease-in-out infinite title-wave,.75s ease-out spring;animation-delay:calc(var(--i)*-.16s),0s}@keyframes spring{0%{translate:calc((var(--mid) - var(--i))*var(--fling)*.08em)0;scale:calc(1 - var(--fling)*.06)calc(1 - var(--fling)*.05)}22%{translate:calc((var(--i) - var(--mid))*var(--fling)*.14em)calc(var(--fling)*-.35em);scale:calc(1 + var(--fling)*.12)calc(1 + var(--fling)*.06)}45%{translate:calc((var(--mid) - var(--i))*var(--fling)*.06em)0;scale:calc(1 - var(--fling)*.04)calc(1 - var(--fling)*.02)}68%{translate:calc((var(--i) - var(--mid))*var(--fling)*.025em)calc(var(--fling)*-.06em);scale:1}to{translate:0;scale:1}}.cheering .title-letter{animation:2.4s ease-in-out infinite title-wave,.9s steps(8,end) infinite cheer;animation-delay:calc(var(--i)*-.16s),calc(var(--i)*90ms)}@keyframes cheer{0%,60%,to{translate:0;scale:1}15%{translate:0 calc(var(--cheer)*-.4em);scale:calc(1 - var(--cheer)*.06)calc(1 + var(--cheer)*.1)}40%{translate:0;scale:calc(1 + var(--cheer)*.14)calc(1 - var(--cheer)*.12)}}.banner{position:absolute;display:flex;font-family:var(--toy);font-size:min(clamp(40px,calc(6vw + 30px*var(--cheer)),120px),9.5vw);pointer-events:none;animation:.26s linear banner-jolt,3.2s steps(40,end) forwards banner;z-index:6;justify-content:center;gap:.08em;margin:0;line-height:1;inset:34% 0 auto}.banner .title-letter{animation:.24s cubic-bezier(.2,.9,.3,1.4) backwards banner-slam,.9s steps(8,end) .24s infinite cheer;animation-delay:calc(var(--i)*22ms),calc(.24s + var(--i)*90ms)}.banner-ace .title-letter{--o:.045em}@keyframes banner{0%,80%{opacity:1;translate:0}to{opacity:0;translate:0 -40vh}}@keyframes banner-slam{0%{opacity:0;scale:2.6;rotate:-8deg}55%{opacity:1;scale:1.25 .72;rotate:none}80%{scale:.92 1.14}to{scale:1}}@keyframes banner-jolt{0%,to{transform:none}20%{transform:translate(calc(var(--cheer)*-8px),calc(var(--cheer)*6px))}45%{transform:translate(calc(var(--cheer)*7px),calc(var(--cheer)*-4px))}70%{transform:translate(calc(var(--cheer)*-3px),calc(var(--cheer)*2px))}}@keyframes banner-pop{0%{scale:0;translate:0 .6em}60%{scale:1.35 1.2;translate:0 -.2em}to{scale:1;translate:0}}.confetti{position:absolute;pointer-events:none;z-index:5;width:100%;height:100%;inset:0}.boost-pop{position:absolute;display:flex;font-family:var(--toy);pointer-events:none;animation:.9s steps(14,end) forwards boost-pop;z-index:5;--cheer:.6;justify-content:center;gap:.06em;margin:0;font-size:clamp(30px,6vw,56px);line-height:1;inset:22% 0 auto}.boost-pop .title-letter{animation:.3s steps(5,end) backwards banner-pop;animation-delay:calc(var(--i)*30ms)}.boost-pop.shot-call{animation-duration:1.2s}.boost-pop.combo{inset:32% 0 auto}.boost-pop.perfect .title-letter{color:#fff6a8}@keyframes boost-pop{0%,55%{opacity:1;translate:0}to{opacity:0;translate:0 -12vh}}.flash{position:absolute;pointer-events:none;z-index:4;animation:.38s ease-out forwards flash;background:#fff;inset:0}@keyframes flash{0%{opacity:var(--flash,.85)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.title-letter,.charging .title-letter,.sprung .title-letter,.cheering .title-letter,.banner .title-letter,.boost-pop .title-letter,.title h1.charging{animation:none;translate:none;scale:none}.flash,.confetti{display:none}.banner{animation:3.2s steps(40,end) forwards banner}}.reroll{pointer-events:auto;--fill:var(--sun);--hi:var(--sun-hi);--lo:var(--sun-lo);--tilt:1.5deg;padding:8px 16px 9px;font-size:20px}.landing{display:flex;background:linear-gradient(#1f4fd1,#6fb3f2);flex-direction:column;justify-content:center;align-items: center;gap:28px;height:100%;padding:16px}.landing .title h1{font-size:clamp(56px,16vw,120px)}.landing .reroll{padding:10px 22px 11px;font-size:24px}.sign-in{overflow:visible;align-items:stretch;width:min(300px,100%);max-height:none;font-size:18px}.sign-in label{display:flex;flex-direction:column;gap:4px}.sign-in input{font:18px/1 var(--small);color:var(--ink);background:var(--cream-hi);margin:var(--p);box-shadow:var(--frame),inset 0 var(--p)0 var(--cream-lo);outline:none;border:0;border-radius:0;padding:7px 8px}.sign-in input:focus{box-shadow:var(--frame),inset 0 var(--p)0 var(--cream-lo),0 0 0 calc(2*var(--p))var(--sun)}.sign-in .reroll{align-self: center;margin-top:4px}.sign-in .reroll:disabled{opacity:.6;cursor:default}.sign-in-error{margin:var(--p);font:18px/1 var(--chunky);text-align:center;color:#fff;box-shadow:var(--frame),inset 0 calc(-1*var(--p))0 #8e1428;background:#c0203a;padding:5px 8px 6px}.pull-mark{position:absolute;pointer-events:none;overflow:visible;width:100%;height:100%;inset:0}.pull-mark .ring{fill:none;stroke:#ffffff80;stroke-width:2;filter:drop-shadow(0 1px 0 #1b133059)}.pull-mark .thread{stroke:#ffffff4d;stroke-width:2;stroke-dasharray:4 6}.pull-mark.off .ring{fill:#1b13302e;stroke:#fffc}.pull-mark .cross{stroke:#ffffffd9;stroke-width:2.5;stroke-linecap:square}.stage{--ui:Onest,system-ui,sans-serif;--edge:16px;--glass:rgb(255 255 255/var(--glass-alpha,.5));--sheet:rgb(255 255 255/var(--sheet-alpha,.75));--frost:blur(calc(var(--frost-blur,14)*1px))saturate(1.5);--glass-rim:inset 0 0 0 1.5px #ffffffb3,inset 0 2px 0 #ffffff80;--glass-drop:0 10px 26px #14183c3d;--well:#ffffff8c;--faint:color-mix(in srgb,var(--c-ink)20%,transparent);--lip:color-mix(in srgb,var(--c-accent)62%,#1a1030);--spring:cubic-bezier(.3,1.5,.5,1);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage img{-webkit-user-drag:none}.stage input,.stage textarea,.sheet-page{user-select:text;-webkit-user-select:text}.hud,.shot,.sheet,.day-card,.lesson-card{font-family:var(--ui);color:var(--c-ink);font-synthesis:weight;font-weight:600}:where(.hud,.shot,.sheet,.day-card,.lesson-card) button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0}:where(.hud,.shot,.sheet,.day-card,.lesson-card) button:focus-visible{outline:2px solid #fff;outline-offset:2px}:where(.hud,.shot,.sheet,.day-card,.lesson-card) button:disabled{cursor:default}.sheet button:disabled{cursor:default;opacity:.5}.glass{background:var(--glass);box-shadow:var(--glass-rim),var(--glass-drop);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}.token{background:var(--c-accent);color:#fff;box-shadow:inset 0 2px 0 #ffffff59,inset 0 -3px 0 #0000001a,0 4px 0 var(--lip),0 10px 18px #14183c42;transition:translate 80ms ease-out;font-weight:700}.token:active:not(:disabled){box-shadow:inset 0 2px 0 #ffffff59,inset 0 -3px 0 #0000001a,0 1px 0 var(--lip),0 4px 8px #14183c42;translate:0 3px}.hud kbd,.shot kbd,.sheet kbd,.day-card kbd{font:600 11px/1 var(--ui);color:inherit;vertical-align:0;background:#00000024;border-radius:6px;margin-left:8px;padding:3px 6px}@media (hover:none){.hud kbd,.shot kbd,.sheet kbd{display:none}}.dims{transition:opacity .3s}.stage[data-phase=power] .dims{opacity:.38}@media (prefers-reduced-motion:no-preference){.stage[data-intro=on] .dims{opacity:0;transition-duration:0s}.stage[data-intro=leave] .dims{transition-duration:.5s}.stage[data-intro=on] .wordmark{animation:none;opacity:0}.stage[data-intro=leave] .wordmark,.stage[data-intro=done] .wordmark,.stage[data-intro=on] .arrival,.stage[data-intro=leave] .arrival{animation:none}.stage[data-intro=done] .arrival{display:none}.arrival.hopping .title-letter{animation:title-wave 2.4s ease-in-out infinite,hop var(--hop-ms)linear both;animation-delay:calc(var(--i)*-.16s),calc(var(--i)*var(--hop-step))}.wordmark.hopping .title-letter{animation:title-wave 2.4s ease-in-out infinite,land var(--land-ms)ease-out both;animation-delay:calc(var(--i)*-.16s),calc(var(--i)*var(--hop-step) + var(--hop-ms))}.stage[data-intro=on] .arrival .title-letter{animation:title-wave 2.4s ease-in-out infinite,letter-pop var(--pop-ms)ease-out both;animation-delay:calc(var(--i)*-.16s),calc(var(--i)*var(--pop-step))}}@keyframes hop{0%{translate:0;scale:1;rotate:none;animation-timing-function:ease-out}14%{translate:0 .1em;scale:1.16 .78;rotate:none;animation-timing-function:ease-in}22%{translate:0;scale:.84 1.22;rotate:none}37.6%{translate:calc(var(--dx)*.2)calc(var(--dy)*.2 - var(--hop-lift)*.64);scale:calc(1 + (var(--to) - 1)*.2);rotate:-72deg}53.2%{translate:calc(var(--dx)*.4)calc(var(--dy)*.4 - var(--hop-lift)*.96);scale:calc(1 + (var(--to) - 1)*.4);rotate:-144deg}68.8%{translate:calc(var(--dx)*.6)calc(var(--dy)*.6 - var(--hop-lift)*.96);scale:calc(1 + (var(--to) - 1)*.6);rotate:-216deg}84.4%{translate:calc(var(--dx)*.8)calc(var(--dy)*.8 - var(--hop-lift)*.64);scale:calc(1 + (var(--to) - 1)*.8);rotate:-288deg}99.9%{translate:var(--dx)var(--dy);scale:var(--to);rotate:-360deg;opacity:1}to{translate:var(--dx)var(--dy);scale:var(--to);rotate:-360deg;opacity:0}}@keyframes letter-pop{0%{opacity:0;translate:0 .5em;scale:.2 .4}1%{opacity:1}45%{translate:0 -.22em;scale:1.18 1.24}68%{translate:0 .04em;scale:1.1 .86}86%{translate:0 -.02em;scale:.97 1.03}to{opacity:1;translate:0;scale:1}}@keyframes land{0%{opacity:0}.1%{opacity:1;translate:0 .14em;scale:1.5 .6}28%{translate:0 -.3em;scale:.84 1.22}52%{translate:0;scale:1.12 .9}74%{translate:0 -.04em;scale:.97 1.04}to{opacity:1;translate:0;scale:1}}.hud{position:absolute;inset:var(--edge)var(--edge)auto;z-index:3;display:flex;pointer-events:none;justify-content:space-between;align-items: flex-start;gap:12px}.lockup{display:flex;align-items: center;gap:16px;min-height:44px}.wordmark{display:flex}.hud .wordmark h1{font-size:32px;line-height:1}.arrival{position:absolute;z-index:5;display:flex;font-family:var(--toy);pointer-events:none;justify-content:center;gap:.1em;margin:0;font-size:clamp(54px,9vw,120px);line-height:1;inset:22% 0 auto}.status{display:flex;white-space:nowrap;pointer-events:auto;border-radius:999px;justify-content:space-between;align-items: center;gap:10px;height:34px;padding:0 14px 0 13px;font-size:14px;line-height:1}.gems{display:flex;align-items: center;gap:6px}.gems i{background:var(--c-gem);border-radius:2.5px;width:9px;height:9px;rotate:45deg}.gems i.gone{box-shadow:inset 0 0 0 1.6px var(--faint);background:0 0;scale:.8}.gems svg{fill:currentColor;width:15px;height:15px}.score{display:flex;border-left:1.5px solid var(--faint);color:color-mix(in srgb,var(--c-ink)65%,transparent);align-items:baseline;gap:4px;padding-left:10px;font-size:13px}.score b{color:var(--c-ink);font-size:19px;font-weight:700}.hud-buttons{display:flex;pointer-events:auto;gap:8px}.round{position:relative;display:grid;border-radius:50%;place-items: center;width:44px;height:44px;padding:0}.round svg,.gems svg{overflow:visible}.round svg{fill:currentColor;width:22px;height:22px}svg .line{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.gems svg .line{stroke-width:1.8}.turn svg{rotate:calc(var(--turn,0)*90deg);transition:rotate .5s var(--spring)}.turn i{position:absolute;background:var(--faint);border-radius:50%;width:4px;height:4px;transition:background .3s,scale .3s;top:calc(50% - 2px);left:calc(50% - 2px)}.turn i:first-of-type{translate:0 -17px}.turn i:nth-of-type(2){translate:17px}.turn i:nth-of-type(3){translate:0 17px}.turn i:nth-of-type(4){translate:-17px}.turn i.on{background:var(--c-accent);scale:1.5}@media (max-width:700px){.lockup{display:grid;justify-items:stretch;gap:6px;width:max-content}.wordmark{align-items: center;height:44px}.hud .wordmark h1{flex:1;justify-content:space-between;font-size:29px}}.shot{position:absolute;z-index:3;pointer-events:none;inset:0}.shot>*{position:absolute;margin:0}.shot [data-on]{transition:opacity .26s ease,scale .34s var(--spring)}.shot [data-on=true]{pointer-events:auto}.shot [data-on=false]{opacity:0;pointer-events:none;scale:.86}.shot .toast{max-width:calc(100% - 2*var(--edge));text-align:center;color:#fff;background:color-mix(in srgb,var(--c-ink)58%,transparent);pointer-events:none;border-radius:18px;padding:7px 13px;font-size:14px;line-height:1.25;bottom:24px;left:50%;translate:-50%}.pocketed .toast{bottom:96px}.loft-glyph{display:block;overflow:visible;width:30px;height:20px}.loft-glyph path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1.5 4.6}.loft-glyph circle{fill:currentColor}.pocket{display:flex;border-radius:999px;align-items: center;gap:12px;padding:7px 9px 7px 8px;bottom:22px;left:50%;translate:-50%}.loft-step{display:flex;background:var(--well);border-radius:999px;align-items: center;gap:9px;min-width:116px;height:46px;padding:0 14px 0 12px}.loft-text{display:grid;text-align:left;gap:4px}.loft-text b{font-size:15px;font-weight:600;line-height:1}.ticks{display:flex;gap:3px}.ticks i{background:var(--faint);border-radius:2px;width:9px;height:3px;transition:background .2s}.ticks i.on{background:var(--c-accent)}.rails{right:var(--edge);display:grid;justify-items:center;gap:12px;bottom:22px}.loft-rail{--stop:46px;position:relative;display:grid;touch-action:none;cursor:pointer;border:0;border-radius:28px;min-width:0;margin:0;padding:5px}.loft-rail button{position:relative;width:var(--stop);height:var(--stop);display:grid;opacity:.7;background:0 0;border-radius:50%;place-items: center;padding:0;transition:opacity .2s,color .2s}.loft-rail button[aria-pressed=true]{opacity:1;color:#fff}.knob{position:absolute;width:var(--stop);height:var(--stop);background:var(--c-accent);box-shadow:inset 0 2px 0 #ffffff59,inset 0 -3px 0 #0000001a,0 3px 0 var(--lip);translate:0 calc((var(--top) - var(--loft))*var(--stop));transition:translate .28s var(--spring);pointer-events:none;border-radius:50%;top:5px;left:5px}.loft-name{position:absolute;height:var(--stop);display:flex;translate:0 calc((var(--top) - var(--loft))*var(--stop));transition:translate .28s var(--spring),opacity .3s;color:#fff;text-shadow:0 1.5px 0 var(--lip),0 0 8px #14183c73;white-space:nowrap;opacity:0;pointer-events:none;align-items: center;font-size:15px;font-weight:700;top:5px;right:calc(100% + 10px)}.loft-rail.named .loft-name,.loft-rail:hover:not(:disabled) .loft-name{opacity:1}.spin{position:relative;display:grid}.spin-pad{--pad:46px;position:relative;display:block;width:var(--pad);height:var(--pad);touch-action:none;background:radial-gradient(circle at 36% 28%,#fff 0 18%,#fbf4dc 60%,#ead9a8 100%);border-radius:50%;flex:none;padding:0;box-shadow:inset 0 -3px #28334f1a,0 2px #28334f33}button.spin-pad{cursor:grab}.spin-pad:before,.spin-pad:after{content:"";position:absolute;background:#28334f29;border-radius:2px}.spin-pad:before{height:2px;top:calc(50% - 1px);left:14%;right:14%}.spin-pad:after{width:2px;transition:opacity .2s;top:14%;bottom:14%;left:calc(50% - 1px)}.spin-pad.ground:after{opacity:.25}.spin-dot{position:absolute;z-index:1;background:var(--c-accent);pointer-events:none;border-radius:50%;width:30%;height:30%;transition:left .1s,top .1s;translate:-50% -50%;box-shadow:inset 0 -2px #00000029,0 1px 2px #28334f4d}.spin-bubble{position:absolute;z-index:2;transform-origin:50% 100%;display:grid;white-space:nowrap;box-shadow:var(--glass-rim),var(--glass-drop);opacity:0;pointer-events:none;transition:opacity .16s,scale .22s var(--spring);background:#fffffff0;border-radius:24px;justify-items:center;gap:7px;padding:12px 14px 9px;font-size:13px;bottom:calc(100% + 22px);left:50%;translate:-50%;scale:.7}.spin-bubble .spin-pad{--pad:92px}.railed .spin-bubble{transform-origin:100% 100%;bottom:0;left:auto;right:calc(100% + 18px);translate:none}.spin.held .spin-bubble{opacity:1;scale:1}.boost-slot{bottom:24px;left:50%;translate:-50%}.boost{display:flex;white-space:nowrap;animation:1s ease-in-out infinite throb;border-radius:999px;align-items: center;padding:15px 40px;font-size:21px}@keyframes throb{50%{filter:brightness(1.1)}}.railed .boost-slot{left:auto;right:var(--edge);translate:none}.railed .boost{border-radius:50%;flex-direction:column;justify-content:center;gap:5px;width:104px;height:104px;padding:0}.railed .boost kbd{margin:0}.after{display:flex;align-items: center;gap:10px;bottom:24px;left:50%;translate:-50%}.after button{position:relative;overflow:hidden;display:flex;white-space:nowrap;border-radius:999px;align-items: center;padding:13px 18px;font-size:15px}.after button>*{position:relative}.after .auto:before{content:"";position:absolute;transform-origin:0 50%;background:#ffffff47;inset:0;scale:0 1}.after[data-on=true] .auto:before{animation:fill var(--auto-ms)linear forwards}@keyframes fill{to{scale:1}}.shoot-pad{position:absolute;display:grid;pointer-events:none;user-select:none;-webkit-user-select:none;font:700 16px/1 var(--ui);color:#fff;background:var(--c-accent);box-shadow:inset 0 2px 0 #ffffff59,inset 0 -3px 0 #0000001a,0 4px 0 var(--lip),0 10px 18px #14183c42;border-radius:50%;place-items: center;width:76px;height:76px;bottom:100px;left:50%;translate:-50%}.shoot-pad.pulling{filter:brightness(1.12)}.shoot-pad.idle{opacity:.45}.scrim{position:absolute;z-index:8;opacity:0;pointer-events:none;background:#1418324d;transition:opacity .25s;inset:0}.scrim[data-open=true]{opacity:1;pointer-events:auto}.sheet{position:absolute;z-index:9;right:var(--edge);top:calc(var(--edge) + 54px);max-height:calc(100% - var(--edge)*2 - 54px);overflow-y:auto;display:grid;background:var(--sheet);box-shadow:var(--glass-rim),var(--glass-drop);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);opacity:0;pointer-events:none;border-radius:28px;gap:8px;width:340px;padding:16px 14px 12px;transition:translate .38s cubic-bezier(.2,.9,.3,1),opacity .2s;font-size:15px;translate:0 -10px}.sheet[data-open=true]{opacity:1;pointer-events:auto;translate:0}@media (max-width:700px){.sheet{opacity:1;border-radius:34px;width:auto;max-height:calc(100% - 80px);padding:18px 14px 14px;inset:auto 8px 8px;translate:0 calc(100% + 16px)}}.sheet-head{display:flex;justify-content:space-between;align-items: center;gap:10px;padding:0 4px 6px}.sheet-head h2{margin:0;font-size:18px;font-weight:700}.sheet-title{display:flex;font:28px/1 var(--toy);gap:.08em}.chip{white-space:nowrap;background:var(--well);border-radius:999px;padding:6px 12px;font-size:13px}.sheet-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:4px}.sheet-pair>:only-child{grid-column:1/-1}.sheet-pair .token{display:flex;border-radius:999px;justify-content:center;align-items: center;padding:12px 10px}.sheet-row{display:flex;background:var(--well);border-radius:16px;justify-content:space-between;align-items: center;gap:10px;min-height:46px;margin:0;padding:7px 8px 7px 14px}.sheet-label{display:grid;gap:2px}.sheet-label small{opacity:.7;font-size:12px;font-weight:500}.sheet-acts{display:flex;justify-content:flex-end;gap:5px}.sheet-row input{color:inherit;outline:none;background:#ffffffb3;border:0;border-radius:10px;flex:1;min-width:0;padding:7px 10px;font:500 13px ui-monospace,monospace}.sheet-row input:focus{box-shadow:0 0 0 2px var(--c-accent)}.pick{display:inline-flex;background:#0000001a;border-radius:999px;padding:3px}.pick button{background:0 0;border-radius:999px;padding:5px 12px;font-size:13px}.pick button[aria-pressed=true]{color:#fff;background:var(--c-accent);box-shadow:inset 0 -2px #0000001a}.sheet-link{opacity:.8;background:0 0;border-radius:999px;justify-self:center;padding:6px 12px;font-size:13px}.sheet-legal{text-align:center;opacity:.6;margin:-4px 0 0;font-size:12px}.sheet-legal a{color:inherit}.sheet-page{padding:0 6px 6px;font-size:14px;font-weight:500;line-height:1.45}.sheet-page ul{margin:0;padding-left:18px}.sheet-page li{margin:5px 0}.sheet-page h3{margin:14px 0 2px;font-size:17px;font-weight:700}.sheet-page h3 small{opacity:.7;font-size:12px;font-weight:500}.sheet-page h4{color:var(--c-accent);margin:8px 0 0;font-size:13px;font-weight:700}.sheet .sheet-page kbd{margin:0}.sheet-page code{font-size:12px}@media (prefers-reduced-motion:reduce){.arrival{display:none}.wordmark,.boost{animation:none}}.undo-slot{left:var(--edge);bottom:24px}.undo{display:flex;white-space:nowrap;border-radius:999px;align-items: center;gap:6px;padding:10px 15px;font-size:14px}.aside{opacity:.7;font-size:11px}.pocketed .undo-slot{bottom:96px;left:50%;translate:-50%}.day-card{position:absolute;z-index:4;width:min(380px,calc(100% - 2*var(--edge)));display:grid;color:var(--c-ink);text-align:left;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);animation:card-in .42s var(--spring)both;background:#ffffffd6;border-radius:26px;gap:10px;padding:14px 14px 14px 18px;font-weight:650;bottom:28px;left:50%;translate:-50%}.day-card.result.waits{animation-delay:1.6s}@keyframes card-in{0%{opacity:0;translate:-50% 24px;scale:.94}}.day-card p,.day-card h2{margin:0}.day-card .caps{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--c-ink)60%,transparent);font-size:11px;font-weight:650;line-height:1.35}.day-card h2{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.15}.day-head{display:flex;align-items: center;gap:12px}.day-head>div{display:grid;flex:1;gap:2px;min-width:0}.day-facts{display:flex;color:color-mix(in srgb,var(--c-ink)64%,transparent);flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:13px}.day-facts b{color:var(--c-ink);font-weight:800}.day-facts i{background:color-mix(in srgb,var(--c-ink)35%,transparent);border-radius:50%;align-self: center;width:3px;height:3px;margin:0 3px}.day-go{border-radius:999px;flex:none;min-width:108px;margin-bottom:4px;padding:12px 22px;font-size:16px}.day-rank{color:color-mix(in srgb,var(--c-accent)88%,var(--c-ink));font-weight:800}.day-head>button:not(.token),.day-foot button{background:#ffffffe6;border-radius:999px;flex:none;padding:9px 14px;font-size:13px;box-shadow:inset 0 0 0 1.5px #fff,0 3px 8px #14183c21}.day-head>button:not(.token):active,.day-foot button:active{translate:0 1px}.day-count{color:color-mix(in srgb,var(--c-ink)50%,transparent);margin-left:6px}.day-foot{display:flex;align-items: center;gap:8px}.day-foot .caps{flex:1}.day-note{color:color-mix(in srgb,var(--c-ink)60%,transparent);font-size:12px}.day-error{color:#b3261e}.score-mark{position:relative;display:grid;font-variant-numeric:tabular-nums;--mark:color-mix(in srgb,var(--c-ink)40%,transparent);place-items: center;width:32px;height:32px;font-size:16px;font-weight:800}.score-mark:before,.score-mark.twice:after{content:"";position:absolute;border:1.6px solid var(--mark);border-radius:inherit;inset:0}.score-mark.twice:after{inset:3.5px}.score-mark.twice{font-size:14px}.score-mark.even:before{display:none}.score-mark.under{--mark:var(--c-accent);color:color-mix(in srgb,var(--c-accent)82%,var(--c-ink));border-radius:50%}.score-mark.over{color:color-mix(in srgb,var(--c-ink)72%,transparent);border-radius:7px}.score-mark.over.twice:after{border-radius:4px}.day-links{display:flex;justify-content:center;gap:8px;margin-top:4px}.day-link{display:inline-flex;background:var(--well);border-radius:999px;align-items: center;gap:6px;padding:7px 14px;font-size:13px}.day-link .count{color:#fff;background:color-mix(in srgb,var(--c-ink)55%,transparent);border-radius:999px;min-width:20px;padding:1px 6px;font-size:12px}.lesson-card{position:absolute;z-index:4;left:var(--edge);top:calc(var(--edge) + 58px);width:min(320px,calc(100% - 2*var(--edge)));display:grid;color:var(--c-ink);background:var(--sheet);animation:lesson-in .42s var(--spring)both;border-radius:22px;justify-items:start;gap:4px;padding:12px 14px 6px}@keyframes lesson-in{0%{opacity:0;translate:0 -12px}}.lesson-card p{margin:0}.lesson-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:17px}.lesson-count{display:flex;letter-spacing:.06em;text-transform:uppercase;opacity:.65;flex-basis:100%;align-items: center;gap:6px;font-size:12px}.lesson-goal{color:#fff;background:var(--c-accent);border-radius:999px;padding:2px 8px;font-size:12px}.lesson-tip{font-size:14px;font-weight:500;line-height:1.3}.lesson-camera{background:var(--well);border-radius:12px;padding:6px 10px;font-size:13px}.lesson-card .lesson-skip{margin:4px 0 6px}.stage[data-phase=power] .lesson-card{opacity:.38}@media (max-width:700px){.lesson-card{top:calc(var(--edge) + 96px)}}.account{position:relative}.sign-in{letter-spacing:.01em;white-space:nowrap;border-radius:999px;height:44px;padding:0 16px;font-size:13px;font-weight:600}.avatar{display:grid;overflow:hidden;place-items: center;padding:0;font-size:19px;font-weight:700}.avatar img{border-radius:50%;width:34px;height:34px}.account-pop{position:absolute;z-index:8;max-width:min(280px,calc(100vw - 2*var(--edge)));display:grid;background:var(--sheet);border-radius:20px;justify-items:start;gap:10px;width:max-content;padding:14px;font-size:14px;top:calc(100% + 8px);right:0}.account-pop p{margin:0}.account-who{display:grid;gap:2px}.account-who b{font-size:16px}.account-who span{opacity:.65}.account-pop .token{border-radius:999px;padding:10px 16px}.account-error{color:#b3261e}.account-dev{display:flex;gap:6px}.account-dev input{font:inherit;background:#ffffffb3;border:0;border-radius:10px;width:140px;padding:6px 10px}.day-card.board-card{width:min(400px,calc(100% - 2*var(--edge)));text-align:left;gap:12px;padding:18px 12px 10px}.board-top{display:grid;grid-template-columns:1fr auto;align-items: center;gap:3px 12px;padding:0 6px 0 10px}.day-card .board-top h2{font-size:23px}.board-card .board-close{grid-row:1/span 2;grid-column:2;display:grid;background:color-mix(in srgb,var(--c-ink)8%,transparent);border-radius:50%;place-items: center;width:34px;height:34px;padding:0}.board-close svg{stroke:currentColor;stroke-width:2;stroke-linecap:round;width:11px;height:11px}.board{overflow-y:auto;list-style:none;scrollbar-width:none;mask-image:linear-gradient(#000 calc(100% - 24px),#0000);max-height:318px;margin:0;padding:0 0 10px}.board::-webkit-scrollbar{display:none}.board-row{display:grid;grid-template-columns:24px 30px minmax(0,1fr)46px 32px 12px;text-align:left;background:0 0;border-radius:14px;align-items: center;column-gap:10px;width:100%;padding:6px 12px 6px 8px}@media (hover:hover){.board button.board-row:hover{background:color-mix(in srgb,var(--c-ink)5%,transparent)}}.board button.board-row:active{background:color-mix(in srgb,var(--c-ink)9%,transparent)}.board li.mine .board-row{background:color-mix(in srgb,var(--c-accent)15%,#ffffffb3)}.board-rank{text-align:center;color:color-mix(in srgb,var(--c-ink)42%,transparent);font-size:14px;font-weight:800}.board-rank.top1{color:var(--c-accent)}.board-rank.top2{color:color-mix(in srgb,var(--c-rim)78%,var(--c-ink))}.board-rank.top3{color:var(--c-gem)}.board-avatar{display:grid;overflow:hidden;color:#fff;border-radius:50%;place-items: center;width:30px;height:30px;font-size:13px;font-weight:700}.board-avatar img{object-fit:cover;width:100%;height:100%}.board-who{overflow:hidden;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:650}.board-who i{letter-spacing:.07em;text-transform:uppercase;vertical-align:1.5px;color:#fff;background:var(--c-accent);border-radius:999px;margin-left:6px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:700}.board-time{text-align:right;color:color-mix(in srgb,var(--c-ink)58%,transparent);font-size:13px;font-weight:550}.board-play{fill:color-mix(in srgb,var(--c-ink)38%,transparent);width:10px;height:10px}.board-foot{display:grid;justify-items:center;gap:16px;padding:2px 8px 10px}.board-foot .token{border-radius:999px;width:100%;padding:12px 16px;font-size:15px}.board-foot p,.board-empty{text-align:center;color:color-mix(in srgb,var(--c-ink)60%,transparent);font-size:12px;font-weight:550}.board-empty{padding:18px 0 14px;font-size:13px}.lesson-card .lesson-step{display:grid;background:var(--well);border-radius:50%;place-items: center;width:24px;height:24px;padding:0 0 2px;font-size:18px;line-height:1}.lesson-card .lesson-step:disabled{opacity:.35}.day-card.centered{animation-name:card-in-centered;top:50%;bottom:auto;translate:-50% -50%}@keyframes card-in-centered{0%{opacity:0;translate:-50% calc(24px - 50%);scale:.94}}