:root{--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-text:"Inter", system-ui, sans-serif;--tracking-display:-.02em;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-15:.9375rem;--fs-16:1rem;--fs-18:1.125rem;--fs-24:1.5rem;--fs-30:1.875rem;--fs-56:3.5rem;--fs-72:4.5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:48px;--gutter:16px;--panel-w:380px;--header-h:56px;--header-h-desk:72px;--tap:44px;--btn-h:48px;--spin-h:58px;--chip-h:44px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-sheet:24px;--r-pill:999px;--border:inset 0 0 0 1px var(--color-border);--shadow-overlay:0 20px 50px #0000002e;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-spin:cubic-bezier(.12,.62,.08,1);--dur-ui:.18s;--dur-sheet:.26s;--dur-spin:4.2s;--coin-hi:#f6e3a1;--coin-mid:#d2a94a;--coin-lo:#8c6a1f;--coin-ink:#5e4512;--coin-edge:#a9822f;--die-face:#fbfaf6;--die-pip:#17171a;--die-edge:#dcd8cc;--radius:var(--r-md);--space:8px;--font-size-base:16px;--measure:68ch}@media (prefers-reduced-motion:reduce){:root{--dur-spin:.6s;--dur-sheet:0s;--dur-ui:0s}}:root,[data-theme=bauhaus]{--color-bg:#fff;--color-surface:#f3f3f0;--color-text:#111;--color-muted:#555;--color-border:#ddddda;--color-accent:#c62a1f;--color-accent-text:#fff;--color-hub:#f3f3f0;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#c62a1f;--wheel-1-ink:#fff;--wheel-2:#f5c518;--wheel-2-ink:#111;--wheel-3:#1d4ed8;--wheel-3-ink:#fff;--wheel-4:#111;--wheel-4-ink:#fff}[data-theme=paper]{--color-bg:#fafaf7;--color-surface:#fff;--color-text:#18181b;--color-muted:#66666d;--color-border:#e4e3de;--color-accent:#d13d1a;--color-accent-text:#fff;--color-hub:#fff;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#ffe1d3;--wheel-1-ink:#18181b;--wheel-2:#fff0c2;--wheel-2-ink:#18181b;--wheel-3:#d9efe0;--wheel-3-ink:#18181b;--wheel-4:#d9e6f7;--wheel-4-ink:#18181b}[data-theme=sky]{--color-bg:#e8f4ff;--color-surface:#fff;--color-text:#0f2540;--color-muted:#4d627c;--color-border:#cfe3f7;--color-accent:#0f2540;--color-accent-text:#fff;--color-hub:#fff;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#7cc6fe;--wheel-1-ink:#0f2540;--wheel-2:#b8e1ff;--wheel-2-ink:#0f2540;--wheel-3:#ffd166;--wheel-3-ink:#0f2540;--wheel-4:#ff9aae;--wheel-4-ink:#0f2540}[data-theme=mint]{--color-bg:#e9f7f1;--color-surface:#fff;--color-text:#0b3b2c;--color-muted:#486a5e;--color-border:#cde8dc;--color-accent:#0b6e4f;--color-accent-text:#fff;--color-hub:#fff;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#0b6e4f;--wheel-1-ink:#fff;--wheel-2:#5bc0a0;--wheel-2-ink:#0b3b2c;--wheel-3:#a8e0cc;--wheel-3-ink:#0b3b2c;--wheel-4:#d8f2e8;--wheel-4-ink:#0b3b2c}[data-theme=garden]{--color-bg:#f1f4ec;--color-surface:#fff;--color-text:#1e2a1c;--color-muted:#56634f;--color-border:#dce3d3;--color-accent:#b8462a;--color-accent-text:#fff;--color-hub:#fff;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#2f6b3a;--wheel-1-ink:#fff;--wheel-2:#7fb069;--wheel-2-ink:#1e2a1c;--wheel-3:#c9dfaf;--wheel-3-ink:#1e2a1c;--wheel-4:#3b7a4c;--wheel-4-ink:#fff}[data-theme=seventies]{--color-bg:#f6ead3;--color-surface:#fff8ea;--color-text:#3b2312;--color-muted:#6e5039;--color-border:#e5d2b0;--color-accent:#b4451f;--color-accent-text:#fff;--color-hub:#fff8ea;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#b9461f;--wheel-1-ink:#fff;--wheel-2:#e9a23b;--wheel-2-ink:#3b2312;--wheel-3:#8a5a2b;--wheel-3-ink:#fff;--wheel-4:#f2c57c;--wheel-4-ink:#3b2312}[data-theme=sorbet]{--color-bg:#fff3df;--color-surface:#fff;--color-text:#2d1606;--color-muted:#704a30;--color-border:#f6ddbb;--color-accent:#c8285f;--color-accent-text:#fff;--color-hub:#fff;--color-scrim:#00000059;--color-scheme:light;--wheel-1:#ff8c42;--wheel-1-ink:#2d1606;--wheel-2:#ff4f87;--wheel-2-ink:#2d1606;--wheel-3:#ffd23f;--wheel-3-ink:#2d1606;--wheel-4:#ffb5c7;--wheel-4-ink:#2d1606}[data-theme=night]{--color-bg:#121316;--color-surface:#1c1d22;--color-text:#f4f4f5;--color-muted:#a1a1aa;--color-border:#2e2f36;--color-accent:#f4f4f5;--color-accent-text:#121316;--color-hub:#121316;--color-scrim:#0009;--color-scheme:dark;--wheel-1:#ff6b6b;--wheel-1-ink:#121316;--wheel-2:#ffd166;--wheel-2-ink:#121316;--wheel-3:#06d6a0;--wheel-3-ink:#121316;--wheel-4:#4cc9f0;--wheel-4-ink:#121316;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--nav-gap:8px;--safe-bottom:env(safe-area-inset-bottom,0px)}[data-os=ios]{--nav-h:64px;--nav-inset:12px;--nav-radius:999px;--nav-bg:color-mix(in oklab, var(--color-surface) 62%, transparent);--nav-blur:blur(22px) saturate(180%);--nav-edge:inset 0 0 0 .5px #ffffff8c, inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #0000000f;--nav-shadow:0 10px 30px #00000024, 0 1px 3px #00000014;--nav-active-bg:color-mix(in oklab, var(--color-text) 9%, transparent);--nav-label:11px;--btn-primary-radius:999px;--sheet-radius:34px;--sheet-inset:8px;--sheet-bg:color-mix(in oklab, var(--color-surface) 82%, transparent)}[data-theme=night][data-os=ios]{--nav-edge:inset 0 0 0 .5px #ffffff2e, inset 0 1px 0 #ffffff38}[data-os=android],[data-os=other]{--nav-h:80px;--nav-inset:0px;--nav-radius:0px;--nav-bg:color-mix(in oklab, var(--color-surface) 88%, var(--color-text));--nav-blur:none;--nav-edge:none;--nav-shadow:none;--nav-active-bg:color-mix(in oklab, var(--color-accent) 22%, var(--color-surface));--nav-label:12px;--btn-primary-radius:16px;--sheet-radius:28px;--sheet-inset:0px;--sheet-bg:var(--color-surface)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-os=ios]{--nav-bg:var(--color-surface);--sheet-bg:var(--color-surface)}}@media (prefers-reduced-transparency:reduce){[data-os=ios]{--nav-bg:var(--color-surface);--sheet-bg:var(--color-surface);--nav-blur:none}}
html{color-scheme:var(--color-scheme,light)}html,body{background:var(--color-bg);color:var(--color-text)}body{font-size:var(--fs-16);line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-underline-offset:2px}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3{margin:0}.wrap{max-inline-size:72ch;padding-inline:var(--gutter);margin-inline:auto}.d,.logo,.list-title,.panelh h2,.winner b,.content h1,.content h2{font-family:var(--font-bricolage), var(--font-display);letter-spacing:var(--tracking-display);font-weight:700}header.top{align-items:center;column-gap:var(--s-2);grid-template-columns:1fr auto;grid-template-areas:"logo acts""modes modes";display:grid}.logo{min-block-size:var(--header-h);grid-area:logo;align-items:center;padding-inline-start:var(--gutter);font-size:19px;line-height:1;text-decoration:none;display:inline-flex}.acts{grid-area:acts;gap:2px;padding-inline-end:calc(var(--gutter) - 6px);display:flex}.ib{inline-size:var(--tap);block-size:var(--tap);border-radius:var(--r-md);place-items:center;display:grid}.ib:hover:not(:disabled){background:var(--color-surface)}.modes{border-radius:var(--r-md);background:var(--color-surface);box-shadow:var(--border);margin:var(--s-1) var(--gutter) 0;flex-wrap:nowrap;grid-area:modes;grid-template-columns:repeat(5,1fr);gap:2px;padding:3px;display:grid}.modes a{border-radius:var(--r-sm);min-block-size:38px;font-size:var(--fs-13);color:var(--color-muted);white-space:nowrap;place-items:center;padding-inline:6px;font-weight:600;text-decoration:none;display:grid}.modes a:hover{color:var(--color-text)}.modes a[aria-current=page]{background:var(--color-text);color:var(--color-bg)}.h1-row{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.h1{font-size:var(--fs-13);color:var(--color-muted);font-weight:500;line-height:1.3}.last-pick{font-size:var(--fs-14);color:var(--color-muted);margin:0;display:none}.last-pick b{color:var(--color-text)}.list{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.list-title{font-size:var(--fs-24);overflow-wrap:anywhere;line-height:1.1}.meta{font-size:var(--fs-13);color:var(--color-muted);margin:2px 0 0}.btn{min-block-size:var(--btn-h);border-radius:var(--r-lg);justify-content:center;align-items:center;gap:var(--s-2);font-weight:600;font-size:var(--fs-15);background:var(--color-surface);box-shadow:var(--border);color:var(--color-text);border:0;padding-inline:14px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-muted)}.btn.pri{border-radius:var(--btn-primary-radius,var(--r-lg));min-block-size:var(--spin-h);background:var(--color-accent);color:var(--color-accent-text);box-shadow:none;font-weight:700;font-size:var(--fs-18);inline-size:100%}.btn.pri:hover:not(:disabled){filter:brightness(.92);box-shadow:none}.btn.ter{box-shadow:none;color:var(--color-muted);font-size:var(--fs-14);min-block-size:var(--tap);background:0 0;padding-inline:4px}.btn.ter:hover:not(:disabled){color:var(--color-text);box-shadow:none}.btn.ter,.btn.ter:hover{box-shadow:none!important;background:0 0!important}.btn.sm{min-block-size:var(--tap);border-radius:var(--r-md);font-size:var(--fs-14)}.kbd{font:500 var(--fs-14)/1 var(--font-inter)}.kbd:before{content:"· "}.lbl{font-size:var(--fs-12);color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:600}.hint{font-size:var(--fs-12);color:var(--color-muted);margin:0}.hint.warn{color:var(--color-accent)}.chips{gap:var(--s-2);scrollbar-width:none;padding:1px;display:flex;overflow-x:auto}.chip{min-block-size:var(--chip-h);border-radius:var(--r-pill);background:var(--color-surface);box-shadow:var(--border);font-size:var(--fs-13);white-space:nowrap;align-items:center;gap:var(--s-2);color:var(--color-text);border:0;flex:none;padding-inline:14px;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{box-shadow:inset 0 0 0 1px var(--color-muted)}.chip i{display:none}.chips-block{gap:var(--s-2);display:grid}.how{font-size:var(--fs-12);color:var(--color-muted);text-align:center}.how summary{cursor:pointer;min-block-size:var(--tap);text-underline-offset:2px;place-items:center;padding-inline:8px;text-decoration:underline;list-style:none;display:inline-grid}.how summary::-webkit-details-marker{display:none}.how p{max-inline-size:56ch;font-size:var(--fs-14);text-align:start;margin:0 auto}.tool{position:relative}.stage{padding:var(--s-5) var(--gutter) 0;gap:var(--s-4);align-content:start;min-inline-size:0;display:grid}.stage-head{gap:2px;display:grid}.wheelwrap{cursor:pointer;border-radius:50%;inline-size:100%;max-inline-size:max(180px,min(343px,100dvh - 440px));margin-inline:auto;padding:0;display:block;position:relative}.wheel-trigger{border-radius:inherit;position:absolute;inset:0}.wheel-trigger[aria-disabled=true]{cursor:default}.title-btn{font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}.chip-all{color:var(--color-muted);gap:2px}.wheel{padding-block-start:10px;position:relative}.wheel-rot{pointer-events:none;will-change:transform;transform-origin:50%}.wheel-rot svg{pointer-events:none;block-size:auto;inline-size:100%;font-family:var(--font-inter), var(--font-text);display:block}.wheel-pointer{block-size:24px;inline-size:26px;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50%}.spinbar{inset-inline:var(--gutter);z-index:5;position:fixed;inset-block-end:calc(var(--nav-h,80px) + var(--nav-inset,0px) + var(--safe-bottom,0px) + var(--nav-gap,8px))}.spinbar .btn{inline-size:100%}.spin-note{text-align:center;min-block-size:var(--spin-h);background:var(--color-surface);border-radius:var(--r-lg);box-shadow:var(--border);place-items:center;display:grid}.spin .kbd{display:none}main{padding-block-end:calc(var(--nav-h,80px) + var(--nav-inset,0px) + 24px)}.tool-page{padding-block-end:calc(var(--nav-h,80px) + var(--nav-inset,0px) + var(--spin-h) + 40px)}.toast{background:var(--color-text);inline-size:max-content;max-inline-size:calc(100% - 32px);color:var(--color-bg);border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);font-size:var(--fs-14);z-index:30;margin:0 auto;font-weight:600;position:fixed;inset-block-end:calc(var(--nav-h,80px) + var(--nav-inset,0px) + var(--spin-h) + 28px);inset-inline:0}.toast:empty{display:none}.editor{background:var(--color-surface);padding:var(--s-5) var(--gutter);flex-direction:column;gap:14px;display:flex}.panelh{align-items:center;gap:var(--s-3);display:flex}.panelh h2{font-size:var(--fs-18);margin-inline-end:auto}.input,.select,textarea{font:500 var(--fs-15)/1.4 var(--font-inter), var(--font-text);color:var(--color-text);background:var(--color-bg);border-radius:var(--r-md);box-shadow:var(--border);border:0}.input{inline-size:100%;min-block-size:var(--tap);padding-inline:12px}.input.num{inline-size:84px}.select{min-block-size:var(--tap);padding-inline:var(--s-2)}textarea{resize:vertical;block-size:232px;inline-size:100%;padding:10px 12px;line-height:1.7}.tools{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tools button{min-block-size:var(--tap);font-size:var(--fs-12);border-radius:var(--r-md);background:var(--color-bg);box-shadow:var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-weight:600;line-height:1.15;display:flex}.editor .toggles{gap:0;display:grid}.tg{min-block-size:var(--tap);font-size:var(--fs-14);border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--s-3);padding-block:4px;font-weight:500;display:flex}.sw{border-radius:var(--r-pill);background:var(--color-accent);flex:none;block-size:26px;inline-size:44px;position:relative}.sw:after{content:"";background:var(--color-accent-text);border-radius:50%;block-size:20px;inline-size:20px;position:absolute;inset-block-start:3px;inset-inline-end:3px}.sw[aria-checked=false]{background:var(--color-border)}.sw[aria-checked=false]:after{background:var(--color-bg);inset-inline:3px auto}.sw:focus-visible{outline-offset:3px}.entry-opts{gap:var(--s-1);max-block-size:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.entry-opts li{align-items:center;gap:var(--s-2);display:flex}.eo-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--fs-14);flex:1;overflow:hidden}.color{inline-size:var(--tap);block-size:var(--tap);border-radius:var(--r-md);background:var(--color-bg);box-shadow:var(--border);border:0;padding:4px}.colors-block{gap:var(--s-2);display:grid}.themes{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.theme{border-radius:var(--r-md);font-size:var(--fs-12);color:var(--color-muted);min-block-size:var(--tap);justify-items:center;gap:4px;padding:6px 2px;font-weight:600;display:grid}.theme i{block-size:40px;inline-size:40px;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;display:block}.theme[aria-checked=true]{color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-text)}.scrim{background:var(--color-scrim);z-index:20;position:fixed;inset:0}.scrim[hidden]{display:none}@media (max-width:1023px){.editor{z-index:21;border-radius:var(--r-sheet) var(--r-sheet) 0 0;visibility:hidden;max-block-size:88dvh;transition:transform var(--dur-sheet) var(--ease-out), visibility 0s linear var(--dur-sheet);position:fixed;inset-block-end:0;inset-inline:0;overflow-y:auto;transform:translateY(100%)}.editor[data-open]{visibility:visible;transition:transform var(--dur-sheet) var(--ease-out);transform:none}.editor .colors-block{display:none}}dialog.sheet{box-sizing:border-box;max-block-size:92dvh;inline-size:auto;max-inline-size:none;inset-inline:var(--sheet-inset,0px);background:var(--sheet-bg,var(--color-surface));-webkit-backdrop-filter:var(--nav-blur,none);backdrop-filter:var(--nav-blur,none);color:var(--color-text);border-radius:var(--sheet-radius,28px) var(--sheet-radius,28px) 0 0;border:0;margin:0;padding:0;position:fixed;inset-block:auto 0;overflow-y:auto}[data-os=ios] dialog.sheet{border-radius:var(--sheet-radius);box-shadow:var(--nav-edge), var(--shadow-overlay);inset-block-end:calc(var(--sheet-inset) + var(--safe-bottom,0px))}dialog.sheet::backdrop{background:var(--color-scrim)}dialog.sheet[open]{animation:sheet-up var(--dur-sheet) var(--ease-out)}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}}.sheet-in{padding:12px var(--gutter) calc(20px + env(safe-area-inset-bottom));gap:var(--s-3);display:grid}.grab{background:var(--color-border);border-radius:3px;block-size:4px;inline-size:32px;margin:0 auto 6px}.wtag{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.wtag-acts{align-items:center;display:flex}.winner{align-items:center;gap:var(--s-3);margin-block:4px;display:flex}.winner i{block-size:22px;inline-size:22px;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;flex:none;display:block}.winner b{font-size:var(--fs-56);overflow-wrap:anywhere;line-height:1}.stat{font-size:var(--fs-15);margin:0;font-weight:600}.prev{font-size:var(--fs-14);color:var(--color-muted);margin:0 0 var(--s-2)}.row2{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.foot{justify-content:space-between;align-items:center;display:flex}.history{font-size:var(--fs-14);columns:2;margin:0;padding-inline-start:var(--s-6)}.theme-sheet .themes{margin-block:var(--s-2)}.content{padding-block:var(--s-8) var(--s-7);gap:var(--s-4);display:grid}.content h2{font-size:var(--fs-24);line-height:1.15}.content details{border-block-end:1px solid var(--color-border);padding-block:var(--s-2)}.content summary{cursor:pointer;min-block-size:var(--tap);align-items:center;font-weight:600;display:flex}footer.site{border-block-start:1px solid var(--color-border);padding-block:var(--s-6);font-size:var(--fs-14);color:var(--color-muted)}footer.site ul{margin:0 0 var(--s-3);gap:var(--s-2) var(--s-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.pyxl-lang{margin-block-end:var(--s-3)}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{background:var(--color-surface);z-index:40;padding:8px;inset-block-start:var(--gutter);inset-inline-start:var(--gutter)}.tabbar{z-index:15;inset-inline:var(--nav-inset,0px);block-size:var(--nav-h,80px);background:var(--nav-bg,var(--color-surface));-webkit-backdrop-filter:var(--nav-blur,none);backdrop-filter:var(--nav-blur,none);box-shadow:var(--nav-edge,none), var(--nav-shadow,none);border-radius:var(--nav-radius,0px);grid-template-columns:repeat(5,1fr);align-items:center;padding-inline:6px;display:grid;position:fixed;inset-block-end:var(--nav-inset,0px)}[data-os=ios] .tabbar{padding:6px;inset-block-end:calc(var(--nav-inset) + var(--safe-bottom,0px))}[data-os=android] .tabbar,[data-os=other] .tabbar,html:not([data-os]) .tabbar{block-size:calc(var(--nav-h,80px) + var(--safe-bottom,0px));padding-block-end:var(--safe-bottom,0px);inset-block-end:0}.tabbar a{block-size:100%;color:var(--color-muted);font-size:var(--nav-label,12px);align-content:center;justify-items:center;gap:4px;min-inline-size:0;font-weight:500;text-decoration:none;display:grid}.tab-ic{border-radius:16px;place-items:center;block-size:32px;inline-size:56px;display:grid}.tab-lb{white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;overflow:hidden}.tabbar a[aria-current=page]{color:var(--color-text);font-weight:700}.tabbar a[aria-current=page] .tab-ic{background:var(--nav-active-bg,var(--color-surface))}[data-os=ios] .tabbar a{border-radius:999px;gap:2px;font-weight:600}[data-os=ios] .tab-ic{block-size:26px;inline-size:auto}[data-os=ios] .tabbar a[aria-current=page]{background:var(--nav-active-bg)}[data-os=ios] .tabbar a[aria-current=page] .tab-ic{color:var(--color-accent);background:0 0}[data-theme=night] .tabbar a[aria-current=page] .tab-ic{color:var(--color-text)}@media (max-width:1023px){header.top{grid-template-areas:"logo acts"}header.top .modes,.fs-btn{display:none}}@media (min-width:1024px){header.top{padding-inline:var(--s-7);min-block-size:var(--header-h-desk);border-block-end:1px solid var(--color-border);grid-template-columns:220px 1fr 220px;grid-template-areas:"logo modes acts"}.logo{padding-inline-start:0;font-size:22px}.acts{justify-content:flex-end;padding-inline-end:0}.palette-btn,.tabbar,.tap-hint{display:none}main{padding-block-end:0}.modes{grid-template-columns:repeat(5,1fr);inline-size:520px;margin:0 auto}.modes a{font-size:var(--fs-14)}.tool{grid-template-columns:minmax(0, 1fr) var(--panel-w);gap:var(--s-7);padding:28px var(--s-7) var(--s-7);display:grid}.stage{gap:var(--s-5);justify-items:center;padding:0}.stage-head,.chips-block{inline-size:100%}.last-pick{display:block}.list-title{font-size:var(--fs-30)}.edit-btn{display:none}.wheelwrap{min-inline-size:360px;max-inline-size:min(560px,100dvh - 330px)}.spinbar{inline-size:360px;position:static}.spin .kbd{display:inline}.tool-page{padding-block-end:0}.toast{inset-block-end:var(--s-7)}.editor{border-radius:var(--r-xl);box-shadow:var(--border);align-self:start}.editor-close,.editor-scrim{display:none!important}.chips-block{display:none}.editor .chips-mirror{display:grid}dialog.sheet,[data-os=ios] dialog.sheet{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;inset:50% auto auto calc((100vw - var(--panel-w)) / 2);border-radius:var(--r-sheet);inline-size:480px;box-shadow:var(--shadow-overlay);margin:0;translate:-50% -50%}.sheet-in{padding:var(--s-7)}.grab{display:none}.winner b{font-size:var(--fs-72)}dialog.theme-sheet{inset-inline-start:50%}}.chips-mirror{gap:var(--s-2);display:none}.chips-mirror .chips{flex-wrap:wrap}.classroom header.top .modes,.classroom .chips-block,.classroom .how,.classroom footer.site,.classroom .content,.classroom .edit-btn,.classroom .pyxl-locale-suggest,.classroom .palette-btn{display:none!important}.classroom .tool{grid-template-columns:1fr}.classroom .editor{display:none}.classroom .wheelwrap{max-inline-size:min(92vw,100dvh - 240px)}.classroom .list-title{font-size:var(--fs-56)}.classroom .winner b{font-size:clamp(3rem,9vw,7rem)}.classroom dialog.sheet{inset-inline-start:50%}@media (min-width:1024px){.classroom header.top{grid-template-columns:1fr auto;grid-template-areas:"logo acts"}}@media (prefers-reduced-motion:reduce){dialog.sheet[open]{animation:none}.editor{transition:none!important}}.wheel-list,nav.related ul{margin:var(--s-4) 0;gap:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.wheel-list .chip,nav.related a{min-block-size:var(--tap);align-items:center;display:inline-flex}nav.related h2{font-size:var(--fs-18,1.125rem);margin-block:var(--s-6,32px) var(--s-2)}nav.related a{padding-inline:var(--s-3);border-radius:var(--r-pill);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);text-decoration:none}nav.crumbs ol{gap:var(--s-1) var(--s-2);margin:0 0 var(--s-3);font-size:var(--fs-14);color:var(--color-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}nav.crumbs li+li:before{content:"/";margin-inline-end:var(--s-2)}html .md-actions:has(.md-go){inset-block-end:calc(var(--nav-h,80px) + var(--nav-inset,0px) + var(--safe-bottom,0px) + var(--nav-gap,8px))}@media (min-width:1024px){html .md-actions:has(.md-go){inset-block-end:var(--s-3)}}.wheel-rot svg .rim{stroke:color-mix(in oklab, var(--color-text) 80%, transparent);stroke-width:1.2px}.wheel-rot svg .peg{fill:var(--color-bg);stroke:color-mix(in oklab, var(--color-text) 55%, transparent);stroke-width:.5px}.wheel-rot svg .hub{stroke:color-mix(in oklab, var(--color-text) 80%, transparent);stroke-width:1.2px}.wheel-rot svg .hub-cap{fill:color-mix(in oklab, var(--color-text) 80%, transparent)}.wheel-rot svg path{stroke:var(--color-bg);stroke-width:.5px}.wheel-rot svg g{transition:opacity .32s var(--ease-out)}.wheel[data-has-win] .wheel-rot svg g:not([data-win]){opacity:.32}.wheel[data-has-win] .wheel-rot svg g[data-win] path{animation:win-flash .9s var(--ease-out) 2}@keyframes win-flash{50%{filter:brightness(1.18)saturate(1.1)}}.wheel-pointer{transform-origin:50% 15%;filter:drop-shadow(0 2px 2px #00000040)}.wheelwrap{transition:transform .16s var(--ease-out)}.wheelwrap:has(.wheel-trigger:active:not([aria-disabled=true])){transform:scale(.985)}.btn{transition:transform .12s var(--ease-out), filter var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.chip{transition:box-shadow var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out)}.sw:after{transition:inset-inline-start var(--dur-ui) var(--ease-out), inset-inline-end var(--dur-ui) var(--ease-out)}.modes a{transition:background-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out)}dialog.sheet[open] .winner i{animation:dot-pop .42s var(--ease-out) .12s both}dialog.sheet[open] .winner b{animation:.52s cubic-bezier(.2,.8,.2,1) 60ms both name-in}dialog.sheet[open] .stat,dialog.sheet[open] .prev{animation:fade-up .36s var(--ease-out) .22s both}@keyframes dot-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}}@keyframes name-in{0%{opacity:0;letter-spacing:.04em;transform:translateY(14px)scale(.92)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.stage,.mstage{animation:fade-up .38s var(--ease-out) backwards}.editor,.mpanel{animation:fade-up .38s var(--ease-out) 80ms backwards}@media (max-width:1023px){.editor{animation:none}}.more{border-block-start:1px solid var(--color-border)}.more>summary{cursor:pointer;min-block-size:var(--tap);font-size:var(--fs-14);justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.more>summary::-webkit-details-marker{display:none}.more>summary:after{content:"";block-size:8px;inline-size:8px;transition:rotate var(--dur-ui) var(--ease-out);border-block-end:1.8px solid;border-inline-end:1.8px solid;translate:0 -2px;rotate:45deg}.more[open]>summary:after{translate:0 2px;rotate:225deg}.more[open]{gap:var(--s-3);padding-block-end:var(--s-2);display:grid}.editor .toggles .tg:first-child{border-block-start:1px solid var(--color-border)}.tool-page>.content{gap:var(--s-5)}.content section{gap:var(--s-2);align-content:start;display:grid}.content section p{margin:0}@media (min-width:1024px){.tool-page>.content{max-inline-size:1280px;padding-inline:var(--s-7);gap:var(--s-7) var(--s-8);padding-block:var(--s-8);border-block-start:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page>.content>:is(nav,.lead,.md-lead,section:has(details),section:has(.md-related),.related){grid-column:1/-1}.tool-page>.content>:is(.lead,.md-lead){max-inline-size:70ch;font-size:var(--fs-18)}.content section:has(details){column-gap:var(--s-8);grid-template-columns:repeat(2,minmax(0,1fr))}.content section:has(details)>h2{grid-column:1/-1}.content section>p,.content section>ul{max-inline-size:68ch}.tool{block-size:calc(100dvh - var(--header-h-desk));min-block-size:560px;max-block-size:1000px;padding-block:var(--s-5)}.stage{gap:var(--s-3);align-content:start;min-block-size:0}.wheelwrap{min-inline-size:300px;max-inline-size:min(620px,100dvh - 340px)}.editor{gap:var(--s-3);max-block-size:100%;overflow-y:auto}.editor>*{flex-shrink:0}.editor textarea{block-size:clamp(120px,24vh,320px)}.how summary{padding-block:4px}.themes{grid-template-columns:repeat(8,1fr);gap:4px}.theme{gap:0;padding:4px 0;font-size:0}.theme i{block-size:30px;inline-size:30px}}@media (prefers-reduced-motion:reduce){.stage,.mstage,.editor,.mpanel,dialog.sheet[open] :is(.winner i,.winner b,.stat,.prev){animation:none!important}.wheel[data-has-win] .wheel-rot svg g[data-win] path{animation:none}.btn,.wheelwrap{transition:none}}main.tool-page{padding-block-start:0}.wheel-list .chip{inline-size:100%}@media (min-width:720px){.wheel-list{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.wheel-list .chip{justify-content:start;gap:var(--s-3);border-radius:var(--r-lg);min-block-size:64px;font-size:var(--fs-15);white-space:normal;text-align:start;padding-inline:12px 16px}.wheel-list .chip:before{content:"";background:radial-gradient(circle, var(--color-hub) 0 16%, transparent 17%), conic-gradient(from var(--o,0deg), var(--wheel-1) 0 25%, var(--wheel-2) 0 50%, var(--wheel-3) 0 75%, var(--wheel-4) 0);block-size:40px;inline-size:40px;box-shadow:0 0 0 1px var(--color-border);transition:rotate .5s var(--ease-out);border-radius:50%;flex:none}.wheel-list .chip:hover:before{rotate:90deg}.wheel-list li:nth-child(3n+2) .chip{--o:45deg}.wheel-list li:nth-child(3n) .chip{--o:120deg}}@media (min-width:1024px){main:not(.tool-page)>.wrap.content{max-inline-size:1280px;padding-inline:var(--s-7)}main:not(.tool-page)>.wrap.content>:is(p,ul:not(.wheel-list),ol,section,details,table){max-inline-size:76ch}main:not(.tool-page)>.wrap.content>h1{font-size:var(--fs-56);line-height:1}footer.site .wrap{max-inline-size:1280px;padding-inline:var(--s-7);align-items:center;gap:var(--s-6);grid-template-columns:auto 1fr auto;display:grid}footer.site .wrap>*{margin:0}footer.site ul{justify-content:center}}@media (prefers-reduced-motion:reduce){.wheel-list .chip:before{transition:none}}.stage{overflow-x:clip}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.eo-img{inline-size:var(--tap,44px);block-size:var(--tap,44px);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;overflow:hidden}.eo-img img{object-fit:cover;block-size:100%;inline-size:100%}.eo-img-add:focus-within{outline:3px solid var(--color-accent);outline-offset:2px}.winner .win-img{object-fit:cover;block-size:56px;inline-size:56px;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;flex:none}.glyph{display:block;overflow:visible}.glyph .g-num{font:700 15px/1 var(--font-bricolage), var(--font-display);fill:var(--color-text)}.glyph g{transform-box:view-box;transform-origin:16px 16px;transition:transform .42s var(--ease-out)}.tabbar [data-extra]{display:none}.tabbar a:not([aria-current=page]) .glyph{filter:saturate(.85)}.tabbar a:hover .g-spin,.tabbar a:focus-visible .g-spin{transform:rotate(135deg)}.tabbar a:hover .g-spin-sm{transform:rotate(90deg)}.tabbar a:hover .g-flip{transform:rotateY(180deg)}.tabbar a:hover .g-tilt{transform:rotate(-8deg)scale(1.06)}.tabbar a:hover .g-up{transform:translateY(-2px)}.tabbar a:hover .g-down{transform:translateY(2px)}.tabbar a:hover .g-hop1{transform:translateY(-3px)}.tabbar a:hover .g-hop2{transition-delay:80ms;transform:translateY(-3px)}.tabbar a[aria-current=page] .glyph{transform:scale(1.08)}.tabbar a .glyph{transition:transform var(--dur-ui) var(--ease-out)}.tab-ic{block-size:34px;inline-size:56px}[data-os=ios] .tab-ic{block-size:30px}.tabbar a{color:var(--color-text)}.tabbar a:not([aria-current=page]) .tab-lb{color:var(--color-muted)}@media (min-width:1024px){:root{--rail-w:104px}header.top .modes{display:none}header.top{grid-template-columns:1fr auto;grid-template-areas:"logo acts"}.tabbar,[data-os] .tabbar,html:not([data-os]) .tabbar{z-index:15;inset-block:var(--header-h-desk) 0;inline-size:var(--rail-w);block-size:auto;padding:var(--s-4) var(--s-2);scrollbar-width:none;background:var(--color-bg);border-inline-end:1px solid var(--color-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;flex-direction:column;align-items:stretch;gap:2px;display:flex;position:fixed;inset-inline:0 auto;overflow-y:auto}.tabbar [data-extra]{display:grid}.tabbar [data-extra=""]:first-of-type,.tabbar a:nth-child(6){margin-block-start:var(--s-3);position:relative}.tabbar a:nth-child(6):before{content:"";background:var(--color-border);block-size:1px;position:absolute;inset-block-start:calc(var(--s-2) * -1);inset-inline:18px}.tabbar a,[data-os=ios] .tabbar a{border-radius:var(--r-lg);block-size:auto;min-block-size:66px;font-size:var(--fs-12);text-align:center;gap:4px;padding:7px 4px 6px;font-weight:600}.tabbar a:hover{background:var(--color-surface)}.tab-ic,[data-os=ios] .tab-ic{border-radius:var(--r-md);block-size:34px;inline-size:44px;background:0 0!important}.tab-ic .glyph{block-size:32px;inline-size:32px}.tab-lb{white-space:normal;line-height:1.15;overflow:visible}.tabbar a[aria-current=page],[data-os=ios] .tabbar a[aria-current=page]{background:var(--color-surface);box-shadow:var(--border);color:var(--color-text);font-weight:700}.tabbar a[aria-current=page]:after{content:"";background:var(--color-accent);border-radius:0 3px 3px 0;inline-size:3px;position:absolute;inset-block:18px;inset-inline-start:-8px}.tabbar a{position:relative}main,footer.site{margin-inline-start:var(--rail-w)}.classroom .tabbar{display:none}.classroom main,.classroom footer.site{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.glyph g,.tabbar a .glyph{transition:none}}.wheel-rot,.wheel-rot svg{pointer-events:none}@media (min-width:1024px){.tool:not([data-classroom]){gap:var(--s-5);max-inline-size:1440px;padding:var(--s-5) var(--s-6);grid-template-columns:minmax(0,1fr) clamp(340px,27vw,400px);max-block-size:920px;margin-inline:auto}.tool:not([data-classroom])>.stage{padding:var(--s-5) var(--s-6) var(--s-5);border-radius:var(--r-xl);background:var(--color-surface);box-shadow:var(--border)}.tool:not([data-classroom])>.editor{align-self:stretch}.tool:not([data-classroom]) .stage-head .list-title{font-size:var(--fs-24)}.tool:not([data-classroom]) .wheelwrap{max-inline-size:min(600px,100dvh - 360px)}}@media (min-width:1600px){.tool:not([data-classroom]){gap:var(--s-6);grid-template-columns:minmax(0,1fr) 420px}}