@font-face{font-family:DynaPuff Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/dynapuff-cyrillic-ext-wdth-normal.CEmrdg1R.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:DynaPuff Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/dynapuff-latin-ext-wdth-normal.BHyjoBbj.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:DynaPuff Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/dynapuff-latin-wdth-normal.C7Zc-EBg.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-ext-wght-normal.DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-wght-normal.D_ZTVpCC.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}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);--font-display:"DynaPuff Variable", "DynaPuff", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-text:"Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--h:224;--bg:#f7f8fb;--ink:#131a2b;--ink-2:#4a5570;--line:#171b2659;--disc-bg:#131a2b;--disc-fg:#f7f8fb;--foot-bg:#131a2b;--foot-ink:#b4bdd2;--foot-ink-strong:#f7f8fb;--foot-border:transparent}:root[data-tone=on]{--bg:hsl(var(--h) 78% 87%);--ink:hsl(var(--h) 55% 12%);--ink-2:hsl(var(--h) 35% 26%);--line:hsl(var(--h) 45% 12% / .4);--disc-bg:hsl(var(--h) 78% 96%);--disc-fg:hsl(var(--h) 55% 12%)}@media (prefers-color-scheme:dark){:root{--bg:#131a2b;--ink:#f7f8fb;--ink-2:#b4bdd2;--line:#e8ebf366;--disc-bg:#f7f8fb;--disc-fg:#131a2b;--foot-bg:#0b1020;--foot-border:#e8ebf31f}:root[data-tone=on]{--bg:hsl(var(--h) 45% 13%);--ink:hsl(var(--h) 70% 93%);--ink-2:hsl(var(--h) 35% 74%);--line:hsl(var(--h) 60% 93% / .4);--disc-bg:hsl(var(--h) 40% 22%);--disc-fg:hsl(var(--h) 70% 93%)}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-text);flex-direction:column;margin:0;font-size:1rem;line-height:1.45;transition:background-color .8s,color .8s;display:flex}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.top{width:100%;max-width:560px;margin:0 auto;padding:18px 20px 0}.brand{align-items:center;gap:10px;min-height:44px;text-decoration:none;display:inline-flex}.brand-word{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.45rem;font-weight:600;line-height:1}.foot{width:100%;padding:32px 20px calc(28px + env(safe-area-inset-bottom,0px));background:var(--foot-bg);color:var(--foot-ink);border-top:1px solid var(--foot-border)}.foot-inner{flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;display:flex}.foot :focus-visible{outline-color:var(--foot-ink-strong)}.foot-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 36px;display:flex}.foot-logos a{align-items:center;min-height:44px;transition:opacity .15s;display:flex}.foot-logos a:hover{opacity:.8}.foot-logos img{width:auto;max-width:100%;height:32px;display:block}.foot-logos a img{height:20px}.foot-legal{flex-wrap:wrap;justify-content:center;gap:0 20px;font-size:.85rem;display:flex}.foot-legal a,.foot-legal .foot-link{min-height:40px;color:var(--foot-ink);font:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.foot-legal a:hover,.foot-legal .foot-link:hover{color:var(--foot-ink-strong);text-decoration-color:currentColor}main#app{flex-direction:column;flex:1;gap:18px;width:100%;max-width:560px;margin:0 auto;padding:8px 20px 12px;display:flex}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:2px solid var(--ink);min-height:40px;color:var(--ink);font:600 .95rem var(--font-text);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;transition:background-color .15s,color .15s}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.stage-block{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.stage{--size:min(78vw, 340px);width:var(--size);height:var(--size);position:relative}.stage canvas{width:100%;height:100%;color:var(--ink);position:absolute;inset:0}.disc{background:var(--disc-bg);color:var(--disc-fg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s,background-color .8s,color .8s;display:grid;position:absolute;inset:20%}.disc:active{transform:scale(.96)}.disc:focus-visible{outline-offset:8px}.face{font-size:calc(var(--size) * .3);line-height:1;font-family:var(--font-emoji);place-items:center;display:grid}.face.q{font-family:var(--font-display);font-weight:700}.face svg{width:calc(var(--size) * .22);height:auto}.face.pop{animation:.35s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.reveal{width:100%;min-height:7.4rem}.hint{color:var(--ink-2);margin:0;font-size:1.05rem}.word{font-family:var(--font-display);font-variation-settings:"wdth" 100;font-weight:600;font-size:min(4.2rem, calc(min(86vw, 520px) / (var(--len,8) * .85)));white-space:nowrap;color:var(--ink);margin:0;line-height:1.1}.word.stretch{animation:swell var(--dur,1s) cubic-bezier(.2, .7, .2, 1) both}@keyframes swell{0%{font-variation-settings:"wdth" 75, "wght" 700}to{font-variation-settings:"wdth" 100, "wght" 600}}.name{color:var(--ink-2);margin:6px 0 0;font-size:1.2rem;font-weight:600}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;display:flex}.pill{border:2px solid var(--ink);min-height:44px;color:var(--ink);font:600 1rem var(--font-text);cursor:pointer;background:0 0;border-radius:999px;padding:0 22px;transition:background-color .15s,color .15s}.pill:hover:not(:disabled){background:var(--ink);color:var(--bg)}.pill:disabled{opacity:.4;cursor:default}.switch{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.track{border:2px solid var(--ink);border-radius:999px;width:46px;height:26px;padding:3px;transition:background-color .2s;display:block}.knob{background:var(--ink);border-radius:50%;width:16px;height:16px;transition:transform .2s,background-color .2s;display:block}.switch[aria-checked=true] .track{background:var(--ink)}.switch[aria-checked=true] .knob{background:var(--bg);transform:translate(20px)}.more{flex-direction:column;align-items:center;display:flex}details{text-align:center;width:100%}summary{min-height:44px;color:var(--ink-2);cursor:pointer;text-underline-offset:3px;align-items:center;padding:0 6px;font-size:.95rem;text-decoration:underline;list-style:none;display:inline-flex}summary::-webkit-details-marker{display:none}.groups{text-align:left;flex-direction:column;gap:14px;max-width:400px;margin:8px auto 12px;display:flex}.groups h3{font-family:var(--font-display);color:var(--ink-2);margin:0 0 6px;font-size:1rem;font-weight:600}.grid{grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.tile{aspect-ratio:1;background:var(--disc-bg);width:100%;color:var(--disc-fg);font-size:1.35rem;line-height:1;font-family:var(--font-emoji);cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}:root:not([data-tone=on]) .tile:not(.empty){background:color-mix(in srgb, var(--ink) 9%, var(--bg))}.tile.empty{border:2px dashed var(--line);cursor:default;background:0 0}.page{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px 20px 24px}.page-title{font-family:var(--font-display);margin:8px 0 12px;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:600;line-height:1.1}.page-lead{color:var(--ink-2);max-width:60ch;margin:0 0 24px}.credit-section h2{font-family:var(--font-display);margin:32px 0 4px;font-size:1.5rem;font-weight:600}.credit-section h3{color:var(--ink-2);margin:20px 0 6px;font-size:1rem}.credit-list{color:var(--ink-2);margin:0;padding:0;font-size:.92rem;line-height:1.5;list-style:none}.credit-list li{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:8px 0}.credit-list b{color:var(--ink);font-weight:600}.credit-badge{border:1px solid var(--ink-2);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.8rem}.noscript{text-align:center;color:var(--ink-2)}@media (prefers-reduced-motion:reduce){body,.disc,.foot-logos a{transition:none}.word.stretch,.face.pop{animation:none}}.consent{z-index:10;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--ink);border-top:2px solid var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;animation:.25s ease-out consent-in;display:flex;position:fixed;inset:auto 0 0}.consent:focus{outline:none}.consent:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}.consent-text{max-width:60ch;margin:0;font-size:.95rem}.consent-actions{gap:12px;display:flex}.consent-actions .pill{min-width:112px}:root[data-consent=open] body{padding-bottom:var(--consent-h,0px)}@keyframes consent-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.consent{animation:none}}
