@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-latin-400-normal-PjOFgsiX.woff2)format("woff2"),url(/assets/shrikhand-latin-400-normal-CDpcAN0A.woff)format("woff")}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-latin-ext-400-normal-7QjthHjq.woff2)format("woff2"),url(/assets/shrikhand-latin-ext-400-normal-XWw2aAd9.woff)format("woff")}:root{--paper:oklch(100% 0 0);--paper-2:oklch(95.9% .004 286.32);--card:oklch(100% 0 0);--ink:oklch(19.41% .012 285.23);--ink-2:oklch(47.19% .0192 285.64);--ink-3:oklch(74.43% .0142 286.05);--line:oklch(19.41% .012 285.23);--blue:oklch(53.21% .26 263.86);--blue-soft:oklch(92.43% .0361 266.7);--pink:oklch(64.53% .2568 4.56);--pink-soft:oklch(90.92% .0537 353.03);--yellow:oklch(89.07% .1833 96.19);--yellow-soft:oklch(94.47% .0891 95.25);--green:oklch(78.8% .2116 151.08);--green-soft:oklch(92.14% .0631 164.16);--purple:oklch(54.04% .282 292.36);--purple-soft:oklch(90.75% .0531 300.94);--teal:oklch(80.99% .1382 194.77);--teal-soft:oklch(93.07% .0452 198.11);--orange:oklch(68.18% .2123 39.01);--orange-soft:oklch(90.95% .0528 51.16);--red:oklch(63.1% .2543 26.72);--red-soft:oklch(89.92% .0532 12.44);--brown:oklch(55.95% .1262 48.46);--brown-soft:oklch(88.92% .0267 61.97);--display:"Shrikhand", "Cooper Black", Georgia, serif;--head:"Space Grotesk Variable", "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body:var(--head);--mono:var(--head);--r-xs:.25rem;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--ease:cubic-bezier(.2, .9, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--tap:44px;--shadow-sticker:3px 4px 0 var(--ink);--shadow-sticker-lg:5px 6px 0 var(--ink);--shadow-sticker-sm:2px 3px 0 var(--ink);--shadow-soft:0 .75rem 2rem -1rem oklch(0% 0 0/.35);--backdrop-bg:oklch(19.46% .0102 67.17/.45);--ink-soft:var(--ink-2);--ink-faint:var(--ink-2);--ink-ghost:color-mix(in oklab, var(--ink) 12%, transparent);--paper-warm:var(--card);--paper-deep:var(--paper-2);--indigo:var(--blue);--indigo-soft:var(--blue-soft);--mustard:var(--yellow);--mustard-soft:var(--yellow-soft);--mint:var(--green);--mint-soft:var(--green-soft);--coral:var(--orange);--font-display:var(--display);--font-body:var(--body);--font-mono:var(--mono)}*,:before,:after{box-sizing:border-box}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;scrollbar-gutter:stable}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}html,body{height:100%;margin:0;padding:0}body{overscroll-behavior-y:none;overscroll-behavior-x:none;touch-action:pan-x pan-y;font-family:var(--body);color:var(--ink);background:var(--paper);padding-bottom:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scrollbar-gutter:stable;font-size:1.0625rem;line-height:1.55;overflow-x:hidden}::selection{background:var(--purple);color:oklch(100% 0 0)}*{scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper-2)}svg:has(>use){stroke-width:var(--isw,2)}h1,h2,h3,h4{font-family:var(--head);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}p{text-wrap:pretty;margin:0;line-height:1.55}button{font:inherit;font-family:var(--body)}button,a,[role=button],input,textarea,label,select,summary{touch-action:manipulation}a{color:var(--purple);text-underline-offset:.1875rem;text-decoration-thickness:.125rem}input,textarea{font:inherit}#app{zoom:var(--ui-zoom,1);isolation:isolate;flex-direction:column;display:flex;position:relative}.screen{min-height:calc(100dvh / var(--ui-zoom,1));flex-direction:column;flex:1;display:flex}html.kb-open .screen,html.kb-open .view-stage,html.kb-open .home,html.kb-open .game,html.kb-open .lobby,html.kb-open .about,html.kb-open .err{min-height:calc(var(--vvh,100dvh) / var(--ui-zoom,1))}html.kb-open .home{padding-top:.75rem}html.kb-open .home .home__center,html.kb-open .game:not(.is-draw) .game__body{justify-content:flex-start}.shell{width:100%;max-width:520px;margin:0 auto;padding:0 24px}.shell-wide{max-width:760px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashed,.dashed-divider{border:none;border-top:2px dashed var(--ink-3);margin:0}.wordmark{font-family:var(--display);letter-spacing:.01em;color:var(--ink);font-weight:400;line-height:.92}.kicker,.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-3);font-size:.68rem;font-weight:600}.lede{color:var(--ink-2);text-wrap:pretty;font-size:1.1rem;line-height:1.6}.asterism{font-family:var(--mono);color:var(--ink-3);letter-spacing:.4em;text-align:center;-webkit-user-select:none;user-select:none;font-size:1.5rem;line-height:1}.card,.panel{background:var(--card);border:2px solid var(--line);border-radius:var(--r-lg);padding:26px;position:relative}.card-pad-lg{padding:32px}.reg{box-shadow:5px 6px 0 var(--reg-color,var(--blue));position:relative}.reg.reg-pink{--reg-color:var(--pink)}.reg.reg-yellow{--reg-color:var(--yellow)}.reg.reg-green{--reg-color:var(--green)}.reg.reg-purple{--reg-color:var(--purple)}.reg.reg-ink{--reg-color:var(--ink)}.halftone{position:relative}.halftone:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;opacity:.18;background-image:radial-gradient(circle,oklch(0% 0 0/.22) 1px,#0000 1.6px);background-size:7px 7px;position:absolute;inset:0}.btn{--bg:var(--ink);--fg:var(--paper);--bd:var(--ink);--shadow:var(--ink);appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;display:inline-flex;position:relative}.btn__face{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;min-height:var(--tap);background:var(--bg);color:var(--fg);border:2px solid var(--bd);border-radius:var(--r-pill);box-shadow:3px 4px 0 var(--shadow);transition:transform .14s var(--ease), box-shadow .14s var(--ease), background .14s var(--ease);justify-content:center;align-items:center;gap:.5em;padding:0 20px;font-size:.82rem;font-weight:600;display:inline-flex}.btn__label{line-height:1;display:inline-block;position:relative;top:.04em}.btn__face svg{flex:none;width:1.15em;height:1.15em}@media (hover:hover){.btn:hover:not(:disabled) .btn__face{box-shadow:7px 9px 0 var(--shadow);transform:translate(-2px,-3px)}}.btn:active:not(:disabled) .btn__face{box-shadow:1px 1px 0 var(--shadow);transform:translate(1px,1px)}.btn:focus-visible{outline:none}.btn:focus-visible .btn__face{box-shadow:3px 4px 0 var(--shadow), 0 0 0 .25rem var(--paper), 0 0 0 .375rem var(--purple)}.btn--primary{--bg:var(--purple);--fg:oklch(100% 0 0)}.btn--secondary{--bg:var(--blue);--fg:oklch(100% 0 0)}.btn--pink{--bg:var(--pink);--fg:oklch(100% 0 0)}.btn--green{--bg:var(--green);--fg:oklch(100% 0 0)}.btn--yellow{--bg:var(--yellow);--fg:var(--ink)}.btn--paper{--bg:var(--card);--fg:var(--ink)}.btn--ghost{--bg:transparent;--fg:var(--ink);--bd:transparent;--shadow:transparent}.btn--ghost .btn__face{box-shadow:none}@media (hover:hover){.btn--ghost:hover:not(:disabled) .btn__face{background:var(--paper-2);box-shadow:none;transform:none}}.btn--ghost:active:not(:disabled) .btn__face{box-shadow:none;transform:none}.btn--lg .btn__face{min-height:58px;padding:0 28px;font-size:.95rem}.btn--sm .btn__face{min-height:36px;padding:0 14px;font-size:.72rem}.btn--block{width:100%;display:flex}.btn--block .btn__face{width:100%}.btn--icon{width:var(--tap);flex:none}.btn--icon .btn__face{width:var(--tap);gap:0;padding:0}.btn--icon .btn__label{display:none}.btn--icon .btn__face svg{--isw:2.4;width:1.5em;height:1.5em}.btn:disabled{cursor:not-allowed}.btn:disabled .btn__face,.btn:disabled:hover .btn__face,.btn:disabled:active .btn__face{color:oklch(72.52% 0 0);background:oklch(94.31% 0 0);border-color:oklch(85.76% 0 0);transform:none;box-shadow:3px 4px oklch(85.76% 0 0)}.tlink{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);border:none;border-bottom:2px solid var(--purple);cursor:pointer;background:0 0;padding:0 0 1px;font-size:.74rem;font-weight:600;text-decoration:none}.tlink:hover{color:var(--purple)}.chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--r-pill);background:var(--card);color:var(--ink);border:0;align-items:center;gap:.4em;padding:4px 9px;font-size:.6rem;font-weight:600;display:inline-flex}.chip--blue{background:var(--blue-soft)}.chip--pink{background:var(--pink-soft);border-color:#0000}.chip--yellow{background:var(--yellow-soft);border-color:#0000}.chip--green{background:var(--green-soft);border-color:#0000}.chip--purple{background:var(--purple-soft);border-color:#0000}.chip--indigo{background:var(--blue-soft);border-color:#0000}.chip--mint{background:var(--green-soft);border-color:#0000}.chip--mustard{background:var(--yellow-soft);border-color:#0000}.chip--solid-green{background:var(--green);color:oklch(100% 0 0);border-color:#0000}.chip--muted{color:var(--ink-2);border-color:var(--ink-3);background:0 0}.chip .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.field{flex-direction:column;gap:7px;display:flex}.field-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);font-size:.7rem;font-weight:600}.input{font-family:var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:var(--r-md);width:100%;transition:box-shadow .14s var(--ease), transform .14s var(--ease), border-color .14s var(--ease);outline:none;padding:14px 16px;font-size:1.05rem;font-weight:500}.input::placeholder{color:var(--ink-3)}.input:focus{box-shadow:3px 4px 0 var(--ink);transform:translate(-1px,-2px)}textarea.input{resize:none;line-height:1.4}.code-input{font-family:var(--mono);text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:1.5rem;font-weight:600}.stepper{border:2px solid var(--line);border-radius:var(--r-md);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.stepper-icon{border:2px solid var(--ink);border-radius:var(--r-md);width:48px;height:48px;box-shadow:2px 3px 0 var(--ink);flex:none;place-items:center;display:grid}.stepper-icon svg{--isw:1.6;width:28px;height:28px}.stepper-info{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.stepper-val{font-family:var(--display);transform-origin:0;animation:stepper-bump .3s var(--ease-spring);font-size:1.75rem;line-height:1;display:inline-block}.stepper-unit{font-family:var(--display);color:var(--ink);letter-spacing:0;margin-left:.32em;font-size:1rem;font-weight:400}.stepper-cap{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);font-size:.62rem}.stepper-ctrl{align-items:center;gap:8px;display:flex}.step-btn{border:2px solid var(--line);background:var(--card);cursor:pointer;width:38px;height:38px;box-shadow:2px 3px 0 var(--ink);transition:transform .15s var(--ease-spring), box-shadow .12s var(--ease), background .12s, opacity .15s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (hover:hover){.step-btn:hover:not(:disabled){background:var(--yellow);box-shadow:3px 5px 0 var(--ink);transform:translate(-1px,-2px)}}.step-btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transition-duration:60ms;transform:translate(1px,1px)scale(.94)}.step-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--card);box-shadow:2px 3px 0 var(--ink);transform:none}.step-btn svg{width:16px;height:16px}.avatar{border:2px solid var(--line);font-family:var(--display);color:oklch(100% 0 0);width:34px;height:34px;box-shadow:2px 3px 0 var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.3rem;font-weight:400;line-height:1;display:flex;position:relative}.avatar--lg{width:60px;height:60px;font-size:2.1rem}.avatar--sm{border-width:1.5px;width:32px;height:32px;font-size:1.15rem}.avatar--xs{width:20px;height:20px;box-shadow:1px 1.5px 0 var(--ink);border-width:1.5px;font-size:.8rem}.progress{border-radius:var(--r-pill);background:var(--paper);box-sizing:border-box;height:11px;box-shadow:inset 0 0 0 1px var(--ink)}.progress>i{background:var(--green);border-radius:var(--r-pill);border:2px solid var(--ink);box-sizing:border-box;min-width:14px;height:100%;box-shadow:2px 3px 0 var(--ink);transition:width .4s var(--ease);display:block;transform:translateY(-1px)}.progress--slim{height:7px;box-shadow:inset 0 0 0 1.5px var(--ink)}.progress--slim>i{min-width:8px;box-shadow:1px 1.5px 0 var(--ink);border-width:1.5px}.tape{pointer-events:none;background:oklch(84.79% .1573 82.65/.6);border:1.5px solid oklch(19.46% .0102 67.17/.35);border-radius:3px;width:96px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-3deg)}.tape--pink{background:oklch(65.47% .2085 13.19/.45)}.tape--mint,.tape--green{background:color-mix(in oklab, var(--green) 40%, transparent)}.tape--indigo,.tape--blue{background:color-mix(in oklab, var(--blue) 40%, transparent)}.tape--mustard,.tape--yellow{background:oklch(84.79% .1573 82.65/.6)}.tape--purple{background:oklch(72% .19 300/.4)}.tape--coral,.tape--orange{background:color-mix(in oklab, var(--orange) 45%, transparent)}.modal-x{box-shadow:3px 4px 0 var(--ink);transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .12s}.modal-x svg{--isw:2.7}.modal-x:hover{background:var(--yellow);box-shadow:4px 6px 0 var(--ink);transform:translate(-1px,-2px)rotate(-6deg)}.modal-x:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.toolbar{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.tool{border:.0435em solid var(--line);background:var(--card);width:1em;height:1em;color:var(--ink);cursor:pointer;transition:transform .15s var(--ease-spring), box-shadow .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), opacity .15s var(--ease);border-radius:.348em;justify-content:center;align-items:center;font-size:2.875rem;display:flex}.tool svg{width:.435em;height:.435em}.tool[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (hover:hover){.tool:hover:not(:disabled):not([aria-expanded=true]){box-shadow:.0435em .095em 0 var(--line);transform:translateY(-.045em)}.tool[aria-pressed=true]:hover{border-color:var(--paper)}}.tool:active:not(:disabled):not([aria-expanded=true]){box-shadow:none;transition-duration:60ms;transform:translateY(.02em)scale(.95)}.tool:disabled{opacity:.3;cursor:not-allowed}.swatch{border:.0667em solid var(--line);cursor:pointer;width:1em;height:1em;transition:box-shadow .15s var(--ease), transform .18s var(--ease-spring);border-radius:50%;font-size:1.875rem}@media (hover:hover){.swatch:hover:not([aria-pressed=true]){transform:translateY(-.05em)scale(1.06)}}.swatch:active{transition-duration:60ms;transform:scale(.92)}.swatch[aria-pressed=true]{box-shadow:.0667em .1em 0 var(--line);z-index:1;position:relative;transform:translateY(-.1em)scale(1.14)}@media (width<=33.75em){.tool{font-size:2.375rem}.toolbar{gap:.3125rem}}.doodle-sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.doodle{font-family:var(--head);color:var(--ink-3);opacity:.32;-webkit-user-select:none;user-select:none;will-change:translate, rotate;font-size:2.4rem;font-weight:700;line-height:1;animation:9s ease-in-out infinite doodle-float;position:absolute}.doodle--pencil{color:var(--pink);rotate:calc(-18deg + var(--dmx,0) * 10deg + var(--dmy,0) * -4deg);translate:calc(var(--dmx,0) * -2.2rem) calc(var(--dmy,0) * -1.4rem);animation:9s ease-in-out .2s infinite doodle-float;top:12%;left:8%}.doodle--star{color:var(--yellow);rotate:calc(var(--dmx,0) * -12deg + var(--dmy,0) * 5deg);translate:calc(var(--dmx,0) * 1.6rem) calc(var(--dmy,0) * -1.8rem);font-size:2.8rem;animation:11s ease-in-out .8s infinite doodle-float;top:18%;right:8%}.doodle--squiggle{color:var(--blue);rotate:calc(var(--dmx,0) * 9deg + var(--dmy,0) * 6deg);translate:calc(var(--dmx,0) * -1.2rem) calc(var(--dmy,0) * 2.4rem);font-size:3.2rem;animation:8.5s ease-in-out 1.4s infinite doodle-float;bottom:16%;left:12%}.doodle--asterisk{color:var(--green);rotate:calc(var(--dmx,0) * -10deg + var(--dmy,0) * -5deg);translate:calc(var(--dmx,0) * 2.4rem) calc(var(--dmy,0) * 1.6rem);font-size:2.6rem;animation:12s ease-in-out 2s infinite doodle-float;bottom:12%;right:14%}.doodle--heart{color:var(--pink);rotate:calc(-12deg + var(--dmx,0) * 8deg + var(--dmy,0) * 4deg);translate:calc(var(--dmx,0) * -1.8rem) calc(var(--dmy,0) * 1.2rem);font-size:1.9rem;animation:10s ease-in-out 2.6s infinite doodle-float;top:38%;left:4%}.doodle--spark{color:var(--purple);rotate:calc(14deg + var(--dmx,0) * -9deg + var(--dmy,0) * -4deg);translate:calc(var(--dmx,0) * 2rem) calc(var(--dmy,0) * -1rem);font-size:2.2rem;animation:9.5s ease-in-out 3.1s infinite doodle-float;top:42%;right:5%}.doodle--bolt{color:var(--yellow);rotate:calc(-8deg + var(--dmx,0) * 11deg + var(--dmy,0) * 5deg);translate:calc(var(--dmx,0) * -1.5rem) calc(var(--dmy,0) * 2rem);font-size:2.4rem;animation:11.5s ease-in-out 1.7s infinite doodle-float;top:60%;left:18%}.doodle--dots{color:var(--ink-3);letter-spacing:.1em;rotate:calc(var(--dmx,0) * -8deg + var(--dmy,0) * 6deg);translate:calc(var(--dmx,0) * .8rem) calc(var(--dmy,0) * -2rem);font-size:3rem;animation:8s ease-in-out .6s infinite doodle-float;top:30%;right:6%}.doodle--arrow{color:var(--blue);rotate:calc(-20deg + var(--dmx,0) * 10deg + var(--dmy,0) * -5deg);translate:calc(var(--dmx,0) * 1.8rem) calc(var(--dmy,0) * 1.4rem);font-size:2.6rem;animation:12.5s ease-in-out 2.3s infinite doodle-float;bottom:28%;right:22%}.doodle--flower{color:var(--green);rotate:calc(18deg + var(--dmx,0) * -11deg + var(--dmy,0) * 4deg);translate:calc(var(--dmx,0) * -2.2rem) calc(var(--dmy,0) * -.9rem);font-size:2rem;animation:10.5s ease-in-out 3.6s infinite doodle-float;bottom:38%;left:28%}@media (orientation:portrait){.doodle--pencil{top:6%;left:21%}.doodle--star{top:3%;right:20%}.doodle--squiggle{top:22%;left:8%}.doodle--asterisk{top:25%;right:10%}}@media (width<=380px){.doodle{display:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pop{0%{translate:0 16px;scale:.97}to{translate:0;scale:1}}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-12px) rotate(var(--rot,0deg))}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes doodle-float{0%{transform:translate(0)}25%{transform:translate(.15rem,-.35rem)}50%{transform:translateY(-.55rem)}75%{transform:translate(-.15rem,-.25rem)}to{transform:translate(0)}}@keyframes avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kick-jump{0%{transform:translateY(0)rotate(0)scale(1)}12%{transform:translateY(4px)rotate(-6deg)scale(1.08,.9)}34%{transform:translateY(-54px)rotate(14deg)scale(.9,1.14)}50%{transform:translateY(-60px)rotate(-8deg)}66%{transform:translateY(-40px)rotate(6deg)}84%{transform:translateY(2px)rotate(-2deg)scale(1.12,.86)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes view-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@keyframes stepper-bump{0%{opacity:.4;transform:scale(.82)translateY(.08em)}}.pop{animation:pop .5s var(--ease) both}.view-anim{animation:view-in .42s var(--ease) both}.rise{opacity:0;transform:translateY(var(--rv-y,26px))}.rise.in{opacity:1;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:none}.lift{transition:box-shadow .16s var(--ease)}@media (hover:hover){.card,.reg{transition:box-shadow .16s var(--ease)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.doodle{animation:none}.rise{opacity:1!important;transform:none!important}.lift:hover{transform:none!important}}.modal{z-index:9200;background:var(--backdrop-bg);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal__wrap{width:100%;position:relative}.modal__block{border-radius:var(--r-lg);pointer-events:none;position:absolute;inset:0;transform:translate(7px,8px)}.modal-card{width:100%;position:relative}.modal-card>h1,.modal-card>h2,.modal-card>h3{font-family:var(--display);font-weight:400;line-height:1.05}.modal__close{z-index:5;background:var(--card);border:2px solid var(--ink);cursor:pointer;width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-16px;right:-16px}.modal__close svg{stroke-width:2.7px;width:16px;height:16px}.modal__title{font-family:var(--display);margin:0;font-size:1.4rem;font-weight:400;line-height:1.05}.modal__body{color:var(--ink-2)}.modal__body>:first-child{margin-top:0}.modal__title+.modal__body{margin-top:8px}.modal__actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.modal-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toasts{top:calc(64px + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));z-index:9400;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;appearance:none;cursor:pointer;background:var(--ink);color:var(--paper);font-family:var(--mono);border-radius:var(--r-pill);-webkit-tap-highlight-color:transparent;max-width:min(22rem,100vw - 2rem);transition:transform .12s var(--ease);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.78rem;font-weight:500;display:inline-flex;box-shadow:3px 4px oklch(0% 0 0/.3)}.toast:active{transform:scale(.96)}.toast:focus-visible{outline:.125rem solid var(--purple);outline-offset:.1875rem}.toast__avatar{width:20px;height:20px;font-family:var(--display);color:oklch(100% 0 0);border:1.5px solid var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.72rem;line-height:1;display:inline-flex}.toast__dot{background:var(--green);border-radius:50%;flex:none;width:14px;height:14px}.toast__icon{width:15px;height:15px;color:var(--green);flex:none}.toast--leave .toast__dot{background:var(--pink)}.toast__text{white-space:normal;line-height:1.3}.drawings-stepper.is-disabled,.timer-stepper.is-disabled{opacity:.55}.home{min-height:calc(100dvh / var(--ui-zoom,1));flex-direction:column;align-items:center;padding:2rem 0 1.9rem;display:flex;position:relative}.home .home__center{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:1.5rem;width:100%;max-width:520px;display:flex;position:relative}.home__title{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.home__title--compact{display:none}@media (width>=900px){.home__title--compact{margin-bottom:30px;display:flex}}.home__kicker{font-family:var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);margin:0 0 18px;font-size:.72rem;font-weight:600;transform:rotate(-3deg)}.home__wordmark{justify-content:center;display:flex}.riso-wm{--wm-sx:calc(.0114em - var(--dmx,0) * .006em);--wm-sy:calc(.0114em - var(--dmy,0) * .006em);--wm-px:calc(.0114em - var(--dmx,0) * .02em);--wm-py:calc(.0114em - var(--dmy,0) * .02em);font-family:var(--display);color:var(--ink);letter-spacing:.01em;text-shadow:calc(1 * var(--wm-px) * -1) calc(1 * var(--wm-py) * -1) 0 var(--pink), calc(2 * var(--wm-px) * -1) calc(2 * var(--wm-py) * -1) 0 var(--pink), calc(3 * var(--wm-px) * -1) calc(3 * var(--wm-py) * -1) 0 var(--pink), calc(1 * var(--wm-sx)) calc(1 * var(--wm-sy)) 0 var(--purple), calc(2 * var(--wm-sx)) calc(2 * var(--wm-sy)) 0 var(--purple), calc(3 * var(--wm-sx)) calc(3 * var(--wm-sy)) 0 var(--purple), calc(4 * var(--wm-sx)) calc(4 * var(--wm-sy)) 0 var(--purple), calc(5 * var(--wm-sx)) calc(5 * var(--wm-sy)) 0 var(--purple), calc(6 * var(--wm-sx)) calc(6 * var(--wm-sy)) 0 var(--purple), calc(7 * var(--wm-sx)) calc(7 * var(--wm-sy)) 0 var(--purple), calc(8 * var(--wm-sx)) calc(8 * var(--wm-sy)) 0 var(--purple), calc(9 * var(--wm-sx)) calc(9 * var(--wm-sy)) 0 var(--purple);flex-direction:column;align-items:flex-start;margin:.08em 0 0;font-size:clamp(3.5rem,17vw,5.5rem);font-weight:400;line-height:.82;display:inline-flex;transform:rotate(-3deg)}@media (width>=900px){.riso-wm{font-size:6.5rem}}.riso-wm__line{display:block}.riso-wm__line--game{margin-left:.42em}.home__lede{text-align:center;max-width:360px;color:var(--ink-2);margin:1.1rem auto 0}.home__actions{gap:14px;width:100%;max-width:380px;margin-inline:auto}@media (width>=900px){.home__actions{max-width:320px}.home__actions .hero-btn{zoom:.8}}.hero-btn{text-align:left;border:2.5px solid var(--ink);width:100%;box-shadow:4px 5px 0 var(--ink);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ease), box-shadow .14s var(--ease);border-radius:20px;align-items:center;gap:18px;padding:18px 22px;display:flex}@media (hover:hover){.hero-btn:hover{box-shadow:7px 9px 0 var(--ink);transform:translate(-2px,-3px)}}.hero-btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.hero-btn__icon{color:oklch(100% 0 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hero-btn__icon svg{width:26px;height:26px}.hero-btn__text{flex-direction:column;gap:3px;min-width:0;display:flex}.hero-btn__title{font-family:var(--head);color:var(--ink);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1}.hero-btn__sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);font-size:.64rem;font-weight:600}.home__panel-title{font-family:var(--head);font-size:1.4rem;font-weight:700}.home__offline-body{color:var(--ink-2);margin:0;line-height:1.5}.home__foot{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.home__tip{color:var(--ink-2);letter-spacing:.12em;text-transform:none}.home__foot-links{align-items:center;gap:22px;display:flex}.home__about-link{color:var(--ink-2);border-bottom-color:var(--pink);font-size:.66rem}.home__version{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-2);margin-top:-4px;font-size:.58rem}.join-invite{background:var(--blue-soft);border:2px solid var(--ink);border-radius:var(--r-md);box-shadow:2px 3px 0 var(--ink);align-items:center;gap:.7rem;padding:.65rem .85rem;display:flex}.join-invite__badge{color:oklch(100% 0 0);background:var(--blue);border:2px solid var(--ink);width:2.25rem;height:2.25rem;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;transform:rotate(-6deg)}.join-invite__badge svg{width:20px;height:20px}.join-invite__text{color:var(--ink);margin:0;font-size:.95rem;line-height:1.35}.join-invite__text strong{font-family:var(--display);letter-spacing:.01em;font-weight:400}.join-code{font-family:var(--display);letter-spacing:.14em;color:var(--ink);align-self:center;padding:.1rem .35rem;font-size:clamp(2.4rem,11vw,3.1rem);font-weight:400;line-height:1}.join-share{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.join-share__copy{appearance:none;background:var(--card);border:2px solid var(--ink);border-radius:var(--r-pill);box-shadow:2px 2px 0 var(--ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.4rem;padding:6px 12px;font-size:.66rem;font-weight:600;display:inline-flex}.join-share__copy svg{width:14px;height:14px}.join-share__copy.is-copied{background:var(--green-soft)}.about{min-height:calc(100dvh / var(--ui-zoom,1));padding-bottom:116px;position:relative}.about__rail{padding-top:18px}.about__hero{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:26px;display:flex}.about__eyebrow{border:2px dashed var(--ink-3);border-radius:var(--r-pill);color:var(--ink-2);padding:6px 16px}.about__title{font-family:var(--display);color:var(--ink);letter-spacing:.01em;margin:0;font-size:clamp(3rem,13vw,6rem);font-weight:400;line-height:.86}.about__title-bang{color:var(--pink);text-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(-2deg)}.about__deck{max-width:460px;color:var(--ink-2);margin-inline:auto;font-size:clamp(.9rem,2vw,1.02rem);font-weight:500;line-height:1.55}.about__sec{padding-top:62px}.about__sec--lead{padding-top:80px}.about-sec__head{align-items:center;gap:14px}.about-sec__num{width:46px;height:46px;font-family:var(--display);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-top:.08em;font-size:1.2rem;font-weight:400;line-height:1;display:inline-flex}.about-sec__title{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:clamp(1.7rem,5.2vw,2.6rem);font-weight:400;line-height:1.02}.about-sec__sub{color:var(--ink-3);letter-spacing:.14em;margin-top:10px;margin-left:60px}.about-mark--pink{color:var(--pink)}.about-mark--blue{color:var(--blue)}.about-mark--teal{color:var(--teal)}.about-mark--green{color:var(--green)}.about__prose{color:var(--ink-2);max-width:62ch;margin-top:20px;margin-left:60px;font-size:clamp(.96rem,1.7vw,1.05rem);font-weight:450;line-height:1.5}.about__prose em{font-style:italic}.about__rule{text-align:center;color:var(--ink-3);letter-spacing:.5em;padding:62px 0 0;font-size:.95rem}.about .about__grid-wrap{max-width:min(940px,90%);margin:28px auto 0}.about__grid-note{text-align:center;color:var(--ink-2);margin-top:24px;font-size:.92rem;font-style:italic}.about__chain-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;display:grid}.about-chain-card{flex-direction:column;align-items:center;gap:12px;display:flex}.about-chain-card__frame{aspect-ratio:4/3;text-align:center;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:visible}.about-chain-card__num{z-index:4;width:34px;height:34px;font-family:var(--display);color:var(--paper);background:var(--ink);border:3px solid var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;font-size:1rem;font-weight:400;line-height:1;display:grid;position:absolute;top:-14px;left:-14px;transform:rotate(-8deg)}.about-chain-card__phrase{font-family:var(--display);color:var(--ink);margin:0;padding:16px 14px;font-size:clamp(.95rem,2.6vw,1.15rem);font-weight:400;line-height:1.22}.about-chain-card__cap{text-align:center;color:var(--ink-3);letter-spacing:.08em;max-width:18ch;margin:0}.chain-doodle{border-radius:calc(var(--r-lg) - 2px);background:var(--paper-2);width:100%;height:100%;color:var(--ink);padding:14px;position:absolute;inset:0}.about__exhibit-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:24px;display:grid}.about__payoff-note{text-align:center;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-top:36px;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:500;transform:rotate(-1.5deg)}.about-exhibit{flex-direction:column;align-items:center;display:flex}.about-exhibit__frame{justify-content:center;align-items:center;width:100%;min-height:150px;padding:30px 20px 24px;display:flex;position:relative}.about-exhibit__num{z-index:4;width:34px;height:34px;font-family:var(--display);color:var(--paper);background:var(--ink);border:3px solid var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;font-size:1rem;font-weight:400;line-height:1;display:grid;position:absolute;top:-14px;left:-14px;transform:rotate(-8deg)}.about-exhibit__title{font-family:var(--display);text-align:center;color:var(--ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:0;font-size:clamp(1.05rem,2.5vw,1.3rem);font-weight:400;line-height:1.2}.about-exhibit__plate{z-index:2;border:2px solid var(--ink);border-radius:var(--r-sm);box-shadow:2px 3px 0 var(--ink);flex-direction:column;align-items:center;gap:3px;margin-top:-18px;padding:8px 14px;display:flex;position:relative}.about-exhibit__plate-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:.56rem;font-weight:700}.about-exhibit__plate-text{font-family:var(--mono);color:var(--ink);text-align:center;font-size:.82rem;font-weight:600}.about__need-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:18px;display:grid}.about__need-note{text-align:center;font-family:var(--mono);color:var(--ink-3);margin-top:26px;font-size:.85rem;font-style:italic}.about-need{box-shadow:5px 6px 0 var(--ink);flex-direction:column;gap:9px;padding:22px 22px 20px;display:flex;position:relative;overflow:hidden}.about-need__index{font-family:var(--mono);letter-spacing:.12em;color:var(--ink);opacity:.28;font-size:.72rem;font-weight:700;position:absolute;top:12px;right:16px}.about-need__main{align-items:center;gap:14px;display:flex}.about-need__icon{flex-shrink:0;width:56px;height:56px;transform:rotate(-4deg)}.about-need__stat-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.about-need__stat-wrap.is-inline{flex-flow:wrap;align-items:baseline;gap:0 12px}.about-need__stat{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:clamp(2rem,5vw,2.7rem);font-weight:400;line-height:.85}.about-need__label{font-family:var(--display);color:var(--ink);font-size:1.15rem;font-weight:400;line-height:1.05}.about-need__label-sub{font-size:1.05rem;line-height:1;display:block}.about-need__stat-wrap.is-inline .about-need__label{font-size:clamp(2rem,5vw,2.7rem);line-height:.85}.about-need__viz{flex-direction:column;justify-content:center;min-height:32px;display:flex}.about-need__note{color:var(--ink-2);max-width:32ch;margin:0;font-size:.9rem;line-height:1.5}@media (width>=900px){.need-card{padding:32px 32px 28px}}.viz-dots{flex-wrap:wrap;gap:6px;display:flex}.viz-dots span{border:2px solid var(--ink);background:0 0;border-radius:50%;width:14px;height:14px}.viz-dots span.is-sweet{background:var(--green);box-shadow:1.5px 1.5px 0 var(--ink)}.viz-meter{border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--paper);height:13px;margin:2px 0;position:relative}.viz-meter span{border:2px solid var(--ink);background:var(--pink);width:18px;height:18px;box-shadow:1.5px 1.5px 0 var(--ink);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-8%,-50%)}.viz-tags{flex-wrap:wrap;gap:6px;display:flex}.viz-tags span{font-family:var(--mono);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--purple-soft);box-shadow:1.5px 1.5px 0 var(--ink);padding:3px 9px;font-size:.6rem;font-weight:700}.viz-strike{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.viz-strike li{font-family:var(--mono);color:var(--ink-3);font-size:.82rem;font-weight:600;text-decoration:line-through;text-decoration-thickness:1px}.about__foot{text-align:center;padding-top:50px}.err{min-height:calc(100dvh / var(--ui-zoom,1));text-align:center;justify-content:center;align-items:center;display:flex;position:relative}.err__inner{flex-direction:column;align-items:center;gap:0;display:flex}.err__eyebrow{margin-bottom:8px}.err__code{font-family:var(--display);color:var(--pink);margin:8px 0;font-size:5rem;font-weight:400;line-height:1}.err__title{font-family:var(--head);letter-spacing:-.02em;font-size:2rem;font-weight:700}.err__lede{margin-top:12px}.err__path{font-family:var(--mono);color:var(--ink-3);margin-top:14px;font-size:.78rem}.err__path code{color:var(--ink-2)}.err__cta{margin-top:24px}.canvas{flex-direction:column;gap:18px;display:flex}.canvas-wrap{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:5px 6px 0 var(--ink);position:relative;overflow:hidden}.canvas__surface{aspect-ratio:1;touch-action:none;cursor:crosshair;z-index:0;width:100%;display:block;position:relative}@media (pointer:fine){.canvas__surface{cursor:none}}.canvas__cursor{z-index:2;pointer-events:none;border:1.5px solid var(--ink);opacity:0;min-width:4px;min-height:4px;transition:width .15s var(--ease), height .15s var(--ease), opacity .12s;border-radius:50%;position:absolute;top:-100%;left:-100%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px oklch(100% 0 0/.85),inset 0 0 0 1px oklch(100% 0 0/.85)}.canvas__size-preview{z-index:2;pointer-events:none;border:1.5px solid var(--ink);opacity:0;min-width:4px;min-height:4px;transition:width .15s var(--ease), height .15s var(--ease), opacity .25s var(--ease);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px oklch(100% 0 0/.85),inset 0 0 0 1px oklch(100% 0 0/.85)}.canvas__size-preview.is-visible{opacity:1}.canvas__halftone{opacity:.25;pointer-events:none;z-index:1;position:absolute;inset:0}.canvas__toolbar{justify-content:space-between}.canvas__clear-q{font-family:var(--head);color:var(--red);font-size:1.2rem;font-weight:700;line-height:1}.canvas__swatches{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(14,minmax(0,1fr));grid-auto-flow:column;justify-items:center;gap:6px;display:grid}.canvas__swatches .swatch{font-size:clamp(1.1rem,5.4vw,1.7rem)}.tool-slot{flex:none;display:flex;position:relative}.tool-slot:has(.tool[aria-expanded=true]){filter:drop-shadow(2px 3px 0 var(--line))}.tool-slot .tool[aria-expanded=true]{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}.tool__size{font-family:var(--mono);color:oklch(100% 0 0);text-shadow:0 1px 2px oklch(0% 0 0/.35);pointer-events:none;animation:tool-size-bump .22s var(--ease-spring);font-size:.66rem;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.tool__chip{pointer-events:none;width:.235em;height:.235em;box-shadow:0 0 0 1.5px color-mix(in oklab, var(--line) 55%, transparent);border-radius:50%;position:absolute;bottom:3px;left:3px}.tool[aria-pressed=true] .tool__chip{box-shadow:0 0 0 1.5px color-mix(in oklab, var(--paper) 75%, transparent)}@keyframes tool-size-bump{0%{scale:.6}60%{scale:1.25}to{scale:1}}.brush-size__pop{z-index:60;background:var(--ink);color:var(--paper);border:.125rem solid var(--line);transform-origin:bottom;animation:brush-pop .24s var(--ease-spring) both;border-bottom:none;border-radius:1rem 1rem 0 0;flex-direction:column;align-items:center;margin-bottom:-.125rem;padding:.45rem 0 0;display:flex;position:absolute;bottom:100%;left:0;right:0}@keyframes brush-pop{0%{transform:scaleY(.5)}}.brush-size__num{font-family:var(--mono);color:oklch(100% 0 0);font-size:.78rem;font-weight:700;line-height:1}.brush-size__step{color:oklch(100% 0 0/.85);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:5px 0 4px;display:flex}.brush-size__step svg{--isw:2.6;width:13px;height:13px}.brush-size__step:disabled{opacity:.3;cursor:default}@media (hover:hover){.brush-size__step:hover:not(:disabled){color:oklch(100% 0 0)}}.tool-tip{z-index:55;background:var(--ink);color:oklch(100% 0 0);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:tool-tip-in .34s var(--ease-spring) both, tool-tip-out .22s var(--ease) 1s both;border-radius:8px;padding:5px 8px;font-size:.58rem;font-weight:600;line-height:1;position:absolute;bottom:calc(100% + .45rem);left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.tool-tip{animation:1.2s linear both tool-tip-fade}}@keyframes tool-tip-in{0%{opacity:0;transform:translateY(8px)scale(.4)rotate(-6deg)}55%{opacity:1;transform:translateY(-3px)scale(1.12)rotate(3deg)}80%{transform:translateY(1px)scale(.97)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes tool-tip-out{to{opacity:0;transform:translateY(4px)scale(.6)}}@keyframes tool-tip-fade{0%,80%{opacity:1}to{opacity:0}}.tool-tip--hover{opacity:0;transition:opacity .14s var(--ease), transform .2s var(--ease-spring);animation:none;transform:translateY(5px)scale(.8)}.tool-tip--hover kbd{font:inherit;opacity:.55;margin-left:1px}@media (hover:hover){.tool-slot:hover .tool-tip--hover{opacity:1;transform:none}.tool-slot:hover .tool[aria-expanded=true]~.tool-tip--hover{opacity:0}}@media (hover:none){.tool-tip--hover{display:none}}.brush-size__track{cursor:pointer;touch-action:none;width:100%;height:9.375rem;position:relative}.brush-size__rail{background:color-mix(in oklab, var(--paper) 55%, transparent);transform-origin:top;width:2px;animation:rail-grow .24s var(--ease) 50ms both;border-radius:2px;position:absolute;left:50%;transform:translate(-50%)}@keyframes rail-grow{0%{scale:1 0}}.brush-size__thumb{border:2px solid var(--paper);box-shadow:1px 2px 0 var(--line);transition:width .12s var(--ease), height .12s var(--ease);animation:thumb-in .3s var(--ease-spring) 90ms both;border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}@keyframes thumb-in{0%{opacity:0;scale:.4}}.playground{min-height:calc(100dvh / var(--ui-zoom,1));padding-bottom:36px}.playground__head{margin-bottom:14px;padding-top:20px}.playground__pill{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);background:var(--card);box-shadow:2px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.6rem;font-weight:700;display:inline-flex}.playground__pill-icon{display:inline-flex}.playground__back{text-decoration:none}.playground__title{font-family:var(--display);margin-top:14px;font-size:2.4rem;font-weight:400;line-height:.9}.playground__lede{color:var(--ink-2);margin-top:4px;font-size:.95rem}.playground__body{gap:16px}.avatar{width:var(--avatar-size,34px);height:var(--avatar-size,34px);font-size:calc(var(--avatar-size,34px) * .58);background:var(--avatar-bg,var(--purple));color:var(--avatar-fg,oklch(100% 0 0));transform:rotate(var(--avatar-tilt,0deg))}.lobby{min-height:calc(100dvh / var(--ui-zoom,1));padding-bottom:36px;position:relative}.lobby__head{padding-top:20px}.lobby__title{font-family:var(--display);font-size:2.6rem;font-weight:400;line-height:.85}.lobby__lede{color:var(--ink-2);margin-top:2px;font-size:1rem}.lobby__body{gap:16px;padding-top:18px}.lobby-code{justify-content:space-around;align-items:stretch;gap:28px;display:flex}.lobby-code__qr{cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;flex:none;padding:0;line-height:0}.lobby-code__qr img{width:116px;height:116px;display:block}.lobby-code__info{flex:1;min-width:0}.lobby-code__value{font-family:var(--mono);letter-spacing:.14em;cursor:pointer;color:var(--ink);background:0 0;border:none;margin-top:4px;padding:0;font-size:clamp(2.2rem,12vw,3.4rem);font-weight:900;line-height:1;display:block}.lobby-code__btns{flex-wrap:wrap;gap:8px;margin-top:10px}.lobby-settings{margin-top:18px}.lobby-settings__summary{font-family:var(--head);margin-top:4px;font-size:1.15rem;font-weight:700}.lobby-settings__fold{transition:max-height .34s var(--ease), opacity .26s var(--ease), margin-top .34s var(--ease);overflow:hidden}.lobby-player{border-bottom:1px solid color-mix(in oklab, var(--ink) 9%, transparent);animation:pop .5s var(--ease) both;justify-content:space-between;align-items:center;gap:10px;padding:11px 4px;display:flex}.lobby-player:last-of-type{border-bottom:none}.lobby-player__name{font-family:var(--display);font-size:1.45rem;font-weight:400;line-height:1.05}.lobby-player__crown{color:var(--yellow);flex:none}.lobby-player__role{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:-1px;font-size:.58rem;font-weight:600}.lobby-player__role.is-you{color:var(--purple)}.lobby-player__waiting{background:var(--paper-2);color:var(--ink-2);border-color:#0000}.lobby-player__waiting .dot{background:var(--ink-3);animation:1.6s ease-in-out infinite floaty}.lobby-invite{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 4px;display:flex}.lobby-invite__plus{border:2px dashed var(--ink-3);width:34px;height:34px;color:var(--ink-3);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.lobby-invite__title{color:var(--ink-2);font-size:1.05rem;font-weight:600;line-height:1.1}.lobby-invite__sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:3px;font-size:.58rem;font-weight:600}.lobby__hint{text-align:center;color:var(--ink-3)}.qr-full{text-align:center}.qr-full__frame{border:2px solid var(--ink);border-radius:var(--r-md);background:var(--card);padding:12px;display:inline-block}.qr-full__img{width:min(248px,60vw);height:auto;display:block}.qr-full__close{margin-top:18px}.bar{z-index:50;background:var(--paper);width:100%;max-width:520px;margin-inline:auto;position:sticky;top:0}.bar__inner{align-items:center;gap:14px;padding:11px 18px;display:flex}.bar__main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.bar__phase{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-pill);box-shadow:2px 2px 0 var(--ink);white-space:nowrap;flex:none;align-items:center;gap:7px;padding:4px 13px 4px 5px;font-size:.72rem;font-weight:700;display:inline-flex}.bar__phase-icon{color:oklch(100% 0 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.bar__phase-icon svg{width:11px;height:11px}.bar__progress{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.bar__round{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;text-align:center;font-size:.7rem;font-weight:600}.bar__round-total{color:var(--ink-3)}.bar__right{flex:none;align-items:center;gap:9px;display:flex}.bar__lastcall{background:var(--pink-soft);border:2px solid var(--ink);border-radius:var(--r-pill);min-width:0;box-shadow:2px 2px 0 var(--ink);font-family:var(--mono);color:var(--ink);white-space:nowrap;flex:1;align-items:center;gap:8px;padding:5px 14px;font-size:.72rem;font-weight:600;display:flex;overflow:hidden}.bar__lastcall-icon{color:var(--pink);flex:none;display:inline-flex}.bar__lastcall-text{text-overflow:ellipsis;overflow:hidden}.bar__timer{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:var(--r-pill);box-shadow:2px 2px 0 var(--ink);align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.bar__timer svg{width:13px;height:13px}.bar__timer.is-low{color:oklch(100% 0 0);background:var(--pink);animation:1s ease-in-out infinite pulse}.bar__leave{appearance:none;width:var(--tap);height:var(--tap);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .14s var(--ease);background:0 0;border:none;place-items:center;display:grid}.bar__leave svg{--isw:2.7;width:15px;height:15px}@media (hover:hover){.bar__leave:hover{background:var(--paper-2)}}.stroke-render{width:100%;height:100%;display:block}.stroke-render.is-replay path{opacity:0;transform-origin:50%;transform-box:fill-box;animation:.7s cubic-bezier(.22,1,.36,1) forwards stroke-pop}@keyframes stroke-pop{0%{opacity:0;transform:translate(var(--ox,0), var(--oy,0)) rotate(var(--rot,0)) scale(.78)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.game{min-height:calc(100dvh / var(--ui-zoom,1));flex-direction:column;padding-bottom:30px;display:flex}.game__body{gap:18px;padding-top:0}.game:not(.is-draw) .game__body{flex:1;justify-content:center}@media (width>=700px) and (height>=720px){.game.is-draw{--draw-chrome:24rem;padding-bottom:16px}.game.is-draw .canvas-wrap{width:min(100%, 100dvh / var(--ui-zoom,1) - var(--draw-chrome));margin-inline:auto}}.game__seed{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.game__seed-spark{font-family:var(--display);color:var(--ink);font-size:3rem;line-height:1}.game__seed-title{font-family:var(--display);font-size:2.7rem;font-weight:400}.game__seed .lede{max-width:440px;margin-inline:auto}.game__describe{flex-direction:column;align-items:center;width:100%;display:flex}.game__describe-card{width:100%;padding:0;position:relative;overflow:visible}.game__describe-img{aspect-ratio:1;border-radius:calc(var(--r-lg) - 2px);background:var(--card);width:100%;overflow:hidden}.game__describe-img img,.game__describe-img .game__stroke{object-fit:contain;width:100%;height:100%;display:block}.game__drew-by{background:var(--ink);color:var(--paper);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--r-pill);align-items:center;gap:8px;padding:2px 12px 2px 3px;font-size:.58rem;font-weight:600;display:inline-flex;position:absolute;bottom:-15px;right:16px;transform:rotate(2deg)}.game__drew-by-av{margin:-2px 0;display:inline-flex}.draw-prompt{text-align:center}.draw-prompt__text{font-family:var(--display);font-size:1.5rem;font-weight:400;line-height:1.15}.game__textwrap{position:relative}.game__textarea{resize:none;width:100%;max-height:9.5rem;padding-bottom:30px;overflow-y:auto}.game__counter{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-3);font-size:.64rem;font-weight:600;position:absolute;bottom:11px;right:13px}.game__counter.is-warn{color:var(--pink)}.game__submit{position:relative}.nudge-pop{background:var(--ink);color:var(--paper);font-family:var(--mono);border-radius:var(--r-pill);white-space:nowrap;z-index:5;align-items:center;gap:7px;margin-bottom:8px;padding:8px 14px;font-size:.72rem;font-weight:500;display:inline-flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:3px 4px oklch(0% 0 0/.25)}.nudge-pop strong{font-weight:700}.nudge-pop__icon{color:var(--yellow);display:inline-flex}.waiting__head{text-align:center}.waiting__spinner{animation:3s linear infinite spin-slow;display:inline-block}.waiting__spark{font-size:2.4rem;animation:1s ease-in-out infinite pulse}.waiting__title{font-family:var(--display);margin-top:6px;font-size:2rem;font-weight:400}.waiting__head .lede{margin-top:6px}.waiting__players{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;display:flex}.wait-player{font:inherit;text-align:center;cursor:default;background:0 0;border:none;padding:0;position:relative}.wait-player:not(:disabled){cursor:pointer}.wait-player__av{display:inline-block;position:relative}.wait-player__check{background:var(--green);border:2px solid var(--ink);color:oklch(100% 0 0);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px}.wait-player__name{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2);justify-content:center;align-items:center;gap:3px;max-width:64px;margin-top:5px;font-size:.6rem;font-weight:600;display:flex}.wait-player__name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wait-player__hourglass{color:var(--pink);flex:none}.wait-player__away{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:1px;font-size:.52rem;font-weight:600;display:block}.wait-player.is-away .wait-player__av{opacity:.45;filter:saturate(.4)}.wait-player.is-away .wait-player__name{color:var(--ink-3)}.waiting__nudge-hint{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-top:12px;font-size:.64rem;font-weight:600}.reveal{min-height:calc(100dvh / var(--ui-zoom,1));padding-bottom:40px;position:relative}.reveal__header{padding-top:20px}.reveal__pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink);background:var(--purple-soft);border:2px solid var(--ink);border-radius:var(--r-pill);box-shadow:2px 2px 0 var(--ink);align-items:center;gap:7px;padding:4px 13px 4px 5px;font-size:.72rem;font-weight:700;display:inline-flex}.reveal__pill-icon{background:var(--purple);color:oklch(100% 0 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.reveal__h1{font-family:var(--display);margin-top:12px;font-size:2.4rem;font-weight:400}.chain-progress{align-items:center;gap:6px;margin-top:10px;display:flex}.chain-progress__dot{border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--card);width:9px;height:9px;transition:all .3s}.chain-progress__dot.is-active{background:var(--purple);width:22px}.chain-progress__dot.is-done{background:var(--green)}.chain-progress__label{color:var(--ink-2);margin-left:8px}.reveal__body{flex-grow:1;gap:18px;min-height:0;padding-top:20px;overflow:visible}.title-card{text-align:center;margin:auto 0;padding:28px 20px;position:relative}.title-card__chain{font-family:var(--display);font-size:1.6rem;font-weight:400}.title-card__kicker{margin-top:14px}.title-card__intro{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.title-card__starter{font-family:var(--display);font-size:3.4rem;font-weight:400}.reveal__sticky{z-index:40;flex-direction:column;gap:8px;display:flex;position:sticky;bottom:16px}.reveal__skip{align-self:center}.reveal__sticky--push{margin-top:auto}.step{padding:18px;position:relative}.step__author{gap:11px;margin-bottom:12px}.step__name{font-family:var(--display);font-size:1.35rem;font-weight:400;line-height:1.05}.step__verb{color:var(--ink-3);font-size:.62rem}.step__text{font-family:var(--display);text-align:center;padding:14px 0;font-size:1.85rem;font-weight:400;line-height:1.18}.step__image{aspect-ratio:1;border-radius:calc(var(--r-lg) - 2px);width:100%;overflow:hidden}.step__image img,.step__image .step__stroke{object-fit:contain;width:100%;height:100%;display:block}.reveal__end{gap:12px}.reveal__rule{text-align:center;color:var(--ink-3);letter-spacing:.5em;margin:22px 0 14px;font-size:.95rem}.reveal-recap{padding:16px}.reveal-recap__quote{font-family:var(--display);text-align:center;margin:10px 0 16px;font-size:2.6rem;font-weight:400;line-height:1.12}.reveal-recap__who{text-align:center}.reveal-recap__starter{font-family:var(--display);font-size:1.5rem;font-weight:400;line-height:1.05}.reveal-recap__save{text-align:center;margin-bottom:10px}.reveal-recap__row{flex-wrap:wrap;justify-content:center;gap:8px}.final{margin-top:6px}.final__head{text-align:center}.final__icon{color:var(--ink);justify-content:center;display:flex}.final__title{font-family:var(--display);margin-top:4px;font-size:1.9rem;font-weight:400}.final__copy{color:var(--ink-2);margin-top:8px;max-width:48ch;margin-inline:auto}.final__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.final__restart{gap:12px}.final__wait{text-align:center;color:var(--ink-2)}.final__leave{margin-top:14px}.icon-sprite{display:contents}.view-stage{min-height:calc(100dvh / var(--ui-zoom,1));position:relative}.view-stage>*{width:100%}.error-banner{bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:9999;background:var(--card);border:2px solid var(--ink);border-radius:var(--r-md);width:min(100vw - 2rem,28rem);box-shadow:5px 6px 0 var(--ink);align-items:stretch;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.error-banner__body{flex:auto;align-items:flex-start;gap:.75rem;min-width:0;padding:.9rem 1rem;display:flex}.error-banner__icon{background:var(--red);color:oklch(100% 0 0);width:1.5rem;height:1.5rem;font-family:var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.05rem;font-size:1rem;line-height:1;display:inline-flex}.error-banner__text{font-family:var(--body);color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.45}.error-banner__close{appearance:none;border:none;border-left:1px solid color-mix(in oklab, var(--ink) 15%, transparent);color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0 .85rem;transition:background .12s,color .12s;display:flex}@media (hover:hover){.error-banner__close:hover{background:var(--pink-soft);color:var(--ink)}}.error-banner__close:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}.offline-bar{top:calc(.75rem + env(safe-area-inset-top));z-index:10000;background:var(--yellow);border:2px solid var(--ink);border-radius:var(--r-pill);max-width:calc(100vw - 2rem);box-shadow:3px 4px 0 var(--ink);font-family:var(--mono);color:var(--ink);align-items:center;gap:.55rem;padding:.5rem .95rem;font-size:.8rem;font-weight:700;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.offline-bar__dot{background:var(--red);border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;animation:1s ease-in-out infinite offline-pulse}@keyframes offline-pulse{0%,to{opacity:1}50%{opacity:.25}}