:root{--ground:oklch(12.5% 0 0);--pane-l:24%;--pane-c:.044;--pane-h:288;--pane-spread:-20;--ink:oklch(94% .012 288);--ink-soft:oklch(78% .018 288);--ink-faint:oklch(62% .02 288);--character-l:72%;--character-c:.137;--goal:oklch(84% .16 92);--medal-1:oklch(83% .125 88);--medal-2:oklch(80% .02 262);--medal-3:oklch(69% .1 52);--conflict:oklch(70% .19 25);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--gap:var(--space-4);--rail-face:1.32;--radius-sm:.5rem;--radius-md:.875rem;--radius-pill:999px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Noto Serif Display", Georgia, "Times New Roman", serif;--text-ui:clamp(.95rem, .91rem + .2vw, 1.06rem);--text-prose:clamp(1rem, .88rem + .56vw, 1.28rem);--text-display:clamp(1.69rem, 1.49rem + .95vw, 2.16rem);--text-hero:clamp(3.12rem, 2.28rem + 4.08vw, 6rem);--measure:30rem;--liquid-peak:5px;--edge:oklch(100% 0 0/.07);--shadow-pane:0 1.5rem 3.5rem var(--liquid-peak) oklch(0% 0 0/.45);--glow-pane:0 0 1.25rem calc(var(--liquid-peak) - .35rem) oklch(81% .13 250/.1), 0 0 3.25rem calc(var(--liquid-peak) - .9rem) oklch(81% .13 250/.055);--scroll-thumb:oklch(52% .03 288/.5);--scroll-thumb-hover:oklch(64% .04 288/.75);--rail:17rem;--tablet:60rem;--phone:34rem;--motion-press:.16s;--motion-enter:.26s;--motion-pop:.3s;--motion-phase:.36s;--motion-launch:.46s;--motion-settle:50ms;--ease-spring:linear(0, .0088 1.68%, .0344 3.42%, .1315 7.09%, .4111 15.13%, .5928 20.02%, .7098 24.16%, .8106 28.87%, .8843 33.76%, .9346 38.83%, .9658 43.9%, .9845 49.72%, .9995 63.3%, 1);--ease-phase:cubic-bezier(.55, 0, .35, 1);--ease-fall:cubic-bezier(.42, 0, 1, 1);--ease-fling:cubic-bezier(.1, .75, .25, 1);--swim-room:4px;--breathe-a:13s;--breathe-b:17s;--breathe-c:15s;--vortex-period:90s;--vortex-counter-period:153s}@keyframes swim-a{0%,to{translate:0 -.5px;rotate:-.45deg}50%{translate:.6px .8px;rotate:.35deg}}@keyframes swim-b{0%,to{translate:.5px .6px;rotate:.4deg}50%{translate:-.6px -.7px;rotate:-.5deg}}@keyframes swim-c{0%,to{translate:.7px .4px;rotate:-.25deg}50%{translate:-.4px -.9px;rotate:.5deg}}.swim,.swim-all>*{--swim-n:0;animation:swim-a calc(13s + var(--swim-i,var(--swim-n)) * 1.7s) ease-in-out calc(var(--swim-i,var(--swim-n)) * -2.9s) infinite}.swim:nth-child(3n+2),.swim-all>:nth-child(3n+2){animation-name:swim-b;animation-duration:calc(17s + var(--swim-i,var(--swim-n)) * 1.3s);animation-delay:calc(var(--swim-i,var(--swim-n)) * -3.7s)}.swim:nth-child(3n),.swim-all>:nth-child(3n){animation-name:swim-c;animation-duration:calc(19s + var(--swim-i,var(--swim-n)) * 1.1s);animation-delay:calc(var(--swim-i,var(--swim-n)) * -4.3s);animation-direction:reverse}.swim:nth-child(2),.swim-all>:nth-child(2){--swim-n:1}.swim:nth-child(3),.swim-all>:nth-child(3){--swim-n:2}.swim:nth-child(4),.swim-all>:nth-child(4){--swim-n:3}.swim:nth-child(5),.swim-all>:nth-child(5){--swim-n:4}.swim:nth-child(6),.swim-all>:nth-child(6){--swim-n:5}.swim:nth-child(7),.swim-all>:nth-child(7){--swim-n:6}.swim:nth-child(8),.swim-all>:nth-child(8){--swim-n:7}.swim:nth-child(9),.swim-all>:nth-child(9){--swim-n:8}@media (prefers-reduced-motion:reduce){:root{--motion-press:1ms;--motion-enter:1ms;--motion-pop:1ms;--motion-phase:1ms;--motion-launch:1ms;--motion-settle:1ms}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:.65rem;height:.65rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}body{background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--font);font-size:var(--text-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55;overflow:hidden scroll}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid oklch(var(--character-l) var(--character-c) var(--focus-hue,var(--pane-h)));outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:oklch(var(--character-l) var(--character-c) var(--h,var(--pane-h)) / .3)}.controls{justify-content:center;align-items:center;gap:var(--gap) var(--space-6);flex-wrap:wrap;display:flex;container-type:inline-size}.controls>*{flex:0 auto;min-width:0}@container (width>=25rem){.controls>:last-child{margin-inline-start:auto}}@container (width<=42rem){.controls.index>:last-child{margin-inline-start:0}}.toggles{justify-content:center;align-items:end;gap:var(--space-5);flex-wrap:wrap;display:flex}.ladder>.pane{transition:transform var(--motion-enter) var(--ease-spring), opacity var(--motion-enter) var(--ease-phase)}@starting-style{.ladder>.pane{opacity:0;transform:translateY(-1.5rem)}}.ladder>:nth-child(2 of .pane){transition-delay:90ms}.ladder>:nth-child(3 of .pane){transition-delay:.15s}.ladder>:nth-child(4 of .pane){transition-delay:.21s}.ladder>:nth-child(5 of .pane){transition-delay:.27s}.ladder>:nth-child(6 of .pane){transition-delay:.33s}.ladder>:nth-child(n+7 of .pane){transition-delay:.39s}@media (prefers-reduced-motion:reduce){.ladder>.pane{transition:none}}.vortex.svelte-1ch96x6{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:clip}.family.svelte-1ch96x6{width:100vmax;height:100vmax;opacity:var(--strength);transition:opacity var(--motion-phase) var(--ease-phase);--dir:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.dust-field.svelte-1ch96x6{opacity:var(--strength);transition:opacity var(--motion-phase) var(--ease-phase);--dir:1;position:absolute;inset:0}svg.svelte-1ch96x6{width:100%;height:100%;position:absolute;inset:0}.vortex.svelte-1ch96x6:after{content:"";background:radial-gradient(circle at 50% 50%, var(--ground) 0%, var(--ground) 9%, transparent 34%);transition:background var(--motion-settle) linear;position:absolute;inset:0}body:has(.lobby.consumed) .vortex.svelte-1ch96x6:after{transition:background var(--motion-launch) var(--ease-fall);background:radial-gradient(circle at 50% 50%, var(--ground) 0%, var(--ground) 0%, transparent 0%)}.family.svelte-1ch96x6{animation:svelte-1ch96x6-turn var(--vortex-period) linear infinite}:is(body:has(dialog[open]) .family.svelte-1ch96x6,body:has(dialog[open]) .dust.svelte-1ch96x6){animation-play-state:paused}.family.counter.svelte-1ch96x6{animation-duration:var(--vortex-counter-period);--dir:-1;animation-direction:reverse}.family.svelte-1ch96x6>svg:where(.svelte-1ch96x6),.dust-field.svelte-1ch96x6{transition:scale var(--motion-settle) linear}body:has(.lobby.consumed) .family.svelte-1ch96x6>svg:where(.svelte-1ch96x6){transition:scale var(--motion-launch) var(--ease-fall);animation:svelte-1ch96x6-wind-up var(--motion-launch) var(--ease-fall) both, svelte-1ch96x6-whirl 1.05s linear var(--motion-launch) infinite;scale:1.12}body:has(.lobby.consumed) .dust-field.svelte-1ch96x6{transition:scale var(--motion-launch) var(--ease-fall);animation:svelte-1ch96x6-wind-up var(--motion-launch) var(--ease-fall) both, svelte-1ch96x6-whirl 1.05s linear var(--motion-launch) infinite;scale:1.12}@keyframes svelte-1ch96x6-wind-up{to{rotate:calc(var(--dir) * 90deg)}}@keyframes svelte-1ch96x6-whirl{0%{rotate:calc(var(--dir) * 90deg)}to{rotate:calc(var(--dir) * 450deg)}}body:has(.game) .family.svelte-1ch96x6>svg:where(.svelte-1ch96x6){animation:svelte-1ch96x6-settle var(--motion-settle) linear}body:has(.game) .dust-field.svelte-1ch96x6{animation:svelte-1ch96x6-settle var(--motion-settle) linear}:is(body:has(.game) .family.svelte-1ch96x6,body:has(.game) .dust-field.svelte-1ch96x6){transition-duration:var(--motion-settle)}@keyframes svelte-1ch96x6-settle{0%{opacity:0}}.arm.svelte-1ch96x6,.counter-arm.svelte-1ch96x6{fill:none;stroke:oklch(88% .03 288 / var(--opacity));stroke-width:var(--width);vector-effect:non-scaling-stroke;stroke-linecap:round;transition:stroke var(--motion-settle) linear, stroke-width var(--motion-settle) linear}:is(body:has(.lobby.consumed) .arm.svelte-1ch96x6,body:has(.lobby.consumed) .counter-arm.svelte-1ch96x6){transition:stroke var(--motion-launch) var(--ease-fall), stroke-width var(--motion-launch) var(--ease-fall);stroke:oklch(93% .055 288/.5);stroke-width:calc(var(--width) * 2.4)}body:has(.lobby.consumed) .dust.svelte-1ch96x6{transition:fill var(--motion-launch) var(--ease-fall);fill:oklch(97% .02 288/.75)}@keyframes svelte-1ch96x6-turn{to{transform:rotate(360deg)}}.dust.svelte-1ch96x6{fill:oklch(92% .02 288/.23);transition:fill var(--motion-settle) linear;transform-box:view-box;offset-path:var(--path);offset-rotate:0deg;animation:svelte-1ch96x6-fall var(--duration) var(--ease-fall) var(--delay) infinite}@keyframes svelte-1ch96x6-fall{0%{offset-distance:0%;opacity:0}12%{opacity:1}82%{opacity:1}to{offset-distance:100%;opacity:0}}@media (pointer:coarse){.dust.svelte-1ch96x6:nth-child(n+9){display:none}}@media (prefers-reduced-motion:reduce){.family.svelte-1ch96x6,.family.counter.svelte-1ch96x6{animation:none}.dust.svelte-1ch96x6{display:none}}.lead.svelte-1e7d0w9{color:var(--ink);margin-block-end:var(--space-4)}.note.svelte-1e7d0w9{color:var(--ink-soft)}form.svelte-1e7d0w9{gap:var(--space-3);display:grid}.row.svelte-1e7d0w9{gap:var(--space-3);align-items:center;display:flex}main.svelte-12qhfyh{z-index:1;min-height:100dvh;display:grid;position:relative}body:has(.lobby.consumed) main.svelte-12qhfyh{overflow:clip}.defs.svelte-12qhfyh{pointer-events:none;width:0;height:0;position:absolute}