*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg,#fff);color:var(--fg,#111);flex-direction:column;min-height:100vh;margin:0;line-height:1.5;display:flex}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}a{color:inherit}[hidden]{display:none!important}.site-header,.site-main,.site-footer{width:100%;max-width:var(--max,920px);margin-inline:auto;padding-inline:16px}.site-main{flex:1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ad-slot{justify-content:center;min-height:90px;margin:28px 0;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lang{position:relative}.lang>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;list-style:none;display:inline-flex}.lang>summary::-webkit-details-marker{display:none}.lang .lang-globe{flex:none;width:17px;height:17px}.lang .lang-caret{flex:none;width:13px;height:13px;transition:transform .15s}.lang[open] .lang-caret{transform:rotate(180deg)}.lang-menu{z-index:40;min-width:9.5em;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.lang-menu a{white-space:nowrap;text-decoration:none;display:block}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-arabic-wght-normal.CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-cyrillic-ext-wght-normal.BjodpZir.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-cyrillic-wght-normal.DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-hebrew-wght-normal.BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-latin-ext-wght-normal.OacczzuJ.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-latin-wght-normal.CnQIisVs.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-ext-wght-normal.D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-wght-normal.CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-vietnamese-wght-normal.U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-ext-wght-normal.CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-wght-normal.BzFMHfZw.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{--paper:#fff;--panel:#fff;--panel-2:#f3f4f6;--ink:#111827;--muted:#4b5563;--line:#111827;--soft:#cbd0d8;--red:#e3342f;--blue:#2563eb;--green:#16a34a;--orange:#f59e0b;--purple:#7c3aed;--green-fill:#15803d;--teal:#0f766e;--hl:#fde68a;--on-tone:#fff;--on-green:#fff;--ok:#16a34a;--warn:#f59e0b;--bad:#e3342f;--tray:#e5e7eb;--tray-shade:#c9ced6;--felt:#4b5563;--box-border:var(--ink);--box-drop:3px 3px 0 var(--ink);--box-drop-sm:2px 2px 0 var(--ink);--chalk-line:transparent;--dash:repeating-linear-gradient(90deg, var(--chalk-line) 0 6px, transparent 6px 9px);--dash-v:repeating-linear-gradient(180deg, var(--chalk-line) 0 6px, transparent 6px 9px);--hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6.5C30 3 62 8.5 96 5.5S150 3.5 178 6.5 222 8 238 4.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");--board-texture:linear-gradient(#2563eb0f 1px, transparent 1px), linear-gradient(90deg, #2563eb0f 1px, transparent 1px);--board-size:32px 32px;--max:1080px;--r:12px;--r-sm:8px;--display:"Rubik Variable", "Trebuchet MS", system-ui, sans-serif;--body:"Nunito Variable", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--body);color-scheme:light;font-size:17px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1f3b2f;--panel:#1f3b2f;--panel-2:#24463a;--ink:#f4f1e8;--muted:#bfc9c0;--line:#f4f1e8c7;--soft:#f4f1e85c;--red:#f28b82;--blue:#8ab4f8;--green:#81c995;--orange:#fdd663;--purple:#c58af9;--green-fill:#81c995;--teal:#79d9cd;--hl:#fdd6634d;--on-tone:#1f3b2f;--on-green:#1f3b2f;--ok:#81c995;--warn:#fdd663;--bad:#f28b82;--tray:#5a3e2b;--tray-shade:#3d2a1d;--felt:#8b6b52;--box-border:transparent;--box-drop:none;--box-drop-sm:none;--chalk-line:#f4f1e8b8;--ul-chalk:#f4f1e8;--board-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--board-size:220px 220px;--r:3px;--r-sm:3px;color-scheme:dark}}:root[data-theme=dark]{--paper:#1f3b2f;--panel:#1f3b2f;--panel-2:#24463a;--ink:#f4f1e8;--muted:#bfc9c0;--line:#f4f1e8c7;--soft:#f4f1e85c;--red:#f28b82;--blue:#8ab4f8;--green:#81c995;--orange:#fdd663;--purple:#c58af9;--green-fill:#81c995;--teal:#79d9cd;--hl:#fdd6634d;--on-tone:#1f3b2f;--on-green:#1f3b2f;--ok:#81c995;--warn:#fdd663;--bad:#f28b82;--tray:#5a3e2b;--tray-shade:#3d2a1d;--felt:#8b6b52;--box-border:transparent;--box-drop:none;--box-drop-sm:none;--chalk-line:#f4f1e8b8;--ul-chalk:#f4f1e8;--board-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--board-size:220px 220px;--r:3px;--r-sm:3px;color-scheme:dark}body{color:var(--ink);background-color:var(--paper);background-image:var(--board-texture);background-size:var(--board-size)}::selection{background:var(--hl);color:#111827}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}.tone-red{--tone:var(--red);--tone-fill:var(--red)}.tone-purple{--tone:var(--purple);--tone-fill:var(--purple)}.tone-blue{--tone:var(--blue);--tone-fill:var(--blue)}.tone-green{--tone:var(--green);--tone-fill:var(--green-fill)}.tone-orange{--tone:var(--orange);--tone-fill:var(--orange);--on-tone:#111827}.tone-teal{--tone:var(--teal);--tone-fill:var(--teal)}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.1}h1{font-size:clamp(30px,5vw,46px)}h2{margin:54px 0 16px;font-size:clamp(22px,3vw,28px)}h3{font-size:18px;line-height:1.25}.hl{max-width:100%;margin:0 -2px;padding:0 2px;display:inline-block;position:relative}.hl:after{content:"";background:var(--ul-chalk,var(--tone,var(--blue)));height:10px;-webkit-mask:var(--hand) center / 100% 100% no-repeat;mask:var(--hand) center / 100% 100% no-repeat;pointer-events:none;position:absolute;bottom:-.14em;left:0;right:0}h2 .hl:after{height:8px;bottom:-.2em}p{margin:0 0 12px;line-height:1.6}.lede{max-width:42em;color:var(--muted);font-size:19px}.muted{color:var(--muted)}.ico{flex:none;width:22px;height:22px}.ico.lg{width:30px;height:30px}.ico.sm{width:18px;height:18px}kbd{font:700 13px/1 var(--display);border:1.5px solid var(--line);background:var(--panel);box-shadow:var(--box-drop-sm);border-radius:5px;padding:3px 7px}.site-header{flex-wrap:wrap;align-items:center;gap:10px 20px;padding:16px 16px 22px;display:flex;position:relative}.site-header:after{content:"";background:var(--tray);height:6px;box-shadow:0 2px 0 var(--tray-shade);border-radius:3px;position:absolute;bottom:0;left:0;right:0}.brand{font:800 23px/1 var(--display);letter-spacing:-.03em;flex:none;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand svg{width:34px;height:34px}.brand b{color:var(--blue);font-weight:800}.site-header nav{align-items:center;gap:4px 16px;margin-left:auto;display:flex}.site-header nav a{font:700 15px/1 var(--display);color:var(--ink);align-items:center;gap:8px;padding:8px 0;text-decoration:none;display:inline-flex}.site-header nav a .dot{background:radial-gradient(circle at 35% 30%, #fffc, #fff0 48%), var(--tone);border-radius:50%;flex:none;width:10px;height:10px;transition:transform .12s;box-shadow:0 1px 1px #00000059}.site-header nav a:hover .dot{transform:scale(1.25)}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--tone)}.site-header nav a[aria-current] .dot{width:14px;height:14px;box-shadow:0 0 0 2.5px var(--paper), 0 0 0 4.5px var(--tone), 0 2px 2px 4.5px #0003}.site-header nav a[aria-current]:hover .dot{transform:none}.pens{flex:none;align-self:end;width:118px;height:26px;margin-right:2px}.theme-toggle{cursor:pointer;background:var(--panel);width:52px;height:36px;color:var(--ink);border:1.5px solid var(--line);border-bottom:8px solid var(--felt);box-shadow:var(--box-drop-sm);border-radius:6px;flex:none;place-items:center;padding:0 0 2px;display:grid}.theme-toggle:hover{border-color:var(--line);filter:brightness(1.04)}.theme-toggle:active{box-shadow:none;transform:translate(1px,1px)}.theme-toggle .ico{width:20px;height:20px}.theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}:root[data-theme=dark] .theme-toggle .sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .moon{display:block}:root:not([data-theme=light]) .theme-toggle .sun{display:none}}@media (width<=980px){.site-header{gap:6px 14px;padding-bottom:14px}.site-header nav{scrollbar-width:none;order:3;gap:16px;width:100%;margin:0;padding:2px 28px 6px 4px;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:none;padding:6px 0;font-size:14.5px}.site-header .theme-toggle{margin-left:auto}}@media (width<=1180px){.pens{display:none}}.site-main{padding-block:14px 80px}.masthead{gap:10px;margin:10px 0 22px;display:grid}.kicker{width:fit-content;font:800 12.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--on-tone);background:var(--tone-fill,var(--blue));border:1.5px solid var(--box-border);border-radius:6px;align-items:center;gap:8px;margin:0;padding:7px 11px;display:inline-flex;transform:rotate(-1.2deg)}.crumbs{font:700 13.5px/1 var(--display);color:var(--muted);gap:8px;margin:0;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--blue)}.panel,.stage,.group,.faq details,.steps li,.facts div{background-color:var(--panel);border:1.5px solid var(--box-border);border-radius:var(--r);box-shadow:var(--box-drop);background-image:var(--dash), var(--dash), var(--dash-v), var(--dash-v);background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,1.5px 100%,1.5px 100%;background-origin:border-box;background-clip:border-box}.panel{padding:20px}.faq details,.facts div,.steps li,.group{box-shadow:var(--box-drop-sm)}a.panel{text-decoration:none;transition:transform .12s,box-shadow .12s;display:block}a.panel:hover{box-shadow:5px 5px 0 var(--tone,var(--ink));transform:translate(-2px,-2px)}:root[data-theme=dark] a.panel:hover{box-shadow:none;--chalk-line:var(--tone)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) a.panel:hover{box-shadow:none;--chalk-line:var(--tone)}}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.grid.three{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.magnet,.tool-card .badge,.steps li:before{background:radial-gradient(circle at 35% 28%, #ffffff8c, #fff0 46%), var(--tone-fill,var(--blue));color:var(--on-tone);border-radius:50%;place-items:center;display:grid;box-shadow:0 2px #00000047,inset 0 -2px #00000026}.tool-card .badge{width:50px;height:50px;margin-bottom:12px}.tool-card p{color:var(--muted);margin:6px 0 0;font-size:15.5px}.btn{cursor:pointer;font:800 17px/1 var(--display);color:var(--on-tone);background:var(--tone-fill,var(--blue));border:2px solid var(--box-border);box-shadow:var(--box-drop);border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn.big{padding:17px 34px;font-size:22px}.btn.ghost{background:var(--panel);color:var(--ink);border-color:var(--line)}.btn.quiet{color:var(--ink);border-color:var(--soft);box-shadow:none;background:0 0;padding:10px 16px;font-size:15px}.btn[disabled]{opacity:.45;cursor:default;filter:none;transform:none}.chip{font:700 14.5px/1 var(--display);background:var(--panel);border:1.5px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--box-drop-sm);color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:9px 13px;text-decoration:none;display:inline-flex}.chip:hover{color:var(--tone,var(--blue))}.chip:active{box-shadow:none;transform:translate(1px,1px)}.chip[aria-current],.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chips{flex-wrap:wrap;gap:10px;display:flex}input[type=text],input[type=number],textarea,select{width:100%;font:600 17px/1.4 var(--body);color:var(--ink);background:var(--panel-2);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:11px 13px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 30%, transparent);outline:0}textarea{resize:vertical;min-height:250px}label,.label{font:800 12.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;display:block}.seg{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--panel);box-shadow:var(--box-drop-sm);display:inline-flex;overflow:hidden}.seg button{font:700 15px/1 var(--display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:10px 16px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.icon-btn{cursor:pointer;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink);box-shadow:var(--box-drop-sm);flex:none;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--tone,var(--blue))}.icon-btn:active{box-shadow:none;transform:translate(1px,1px)}.stepper{align-items:center;gap:8px;display:inline-flex}.stepper output{text-align:center;min-width:2.2em;font:800 26px/1 var(--display);font-variant-numeric:tabular-nums}.note{color:var(--muted);align-items:flex-start;gap:9px;margin:0;font-size:14.5px;display:flex}.note .ico{color:var(--green);margin-top:1px}.status{min-height:1.5em;font:700 15px/1.4 var(--display);color:var(--muted);margin:0}.status.bad{color:var(--bad)}.workbench{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.workbench.solo{grid-template-columns:minmax(0,1fr)}@media (width<=900px){.workbench{grid-template-columns:minmax(0,1fr)}}.stage{align-content:center;justify-items:center;gap:18px;min-height:440px;padding:22px;display:grid;position:relative;overflow:hidden}.stage:before{content:"";background:var(--tone,var(--blue));height:10px;-webkit-mask:var(--hand) center / 100% 100% no-repeat;mask:var(--hand) center / 100% 100% no-repeat;pointer-events:none;position:absolute;top:10px;left:16px;right:16px}.stage-tools{z-index:3;gap:8px;display:flex;position:absolute;top:28px;right:16px}.stage{padding-top:66px}@media (width<=560px){.stage{padding-top:34px}.stage-tools{justify-self:end;margin:0 0 -10px;position:static}}.stage:fullscreen{min-height:100vh;box-shadow:none;background-color:var(--paper);background-image:var(--board-texture);background-size:var(--board-size);background-position:0 0;background-repeat:repeat;border:0;border-radius:0;padding:4vmin}.stage:fullscreen:before{display:none}.keys kbd{margin-right:5px}.keys{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin:0;font-size:13.5px;display:flex}@media (pointer:coarse){.keys{display:none}}.stage:fullscreen .keys{display:none}.wheel-wrap{aspect-ratio:1;width:min(100%,520px);position:relative}.stage:fullscreen .wheel-wrap{width:min(86vmin,100%)}.wheel{cursor:pointer;width:100%;height:100%;transition:transform var(--spin,5.2s) cubic-bezier(.12, .74, .1, 1);touch-action:manipulation;border-radius:50%;display:block}.wheel text{font-family:var(--display);fill:#fff;pointer-events:none;font-weight:700}.wheel .dark-text{fill:#14213d}.wheel-pointer{z-index:2;filter:drop-shadow(0 2px #00000040);width:9%;position:absolute;top:-2.5%;left:50%;transform:translate(-50%)}.wheel-hub{background:var(--panel);border:3px solid var(--line);font:800 clamp(13px, 2.6vmin, 20px)/1 var(--display);color:var(--ink);pointer-events:none;text-transform:uppercase;letter-spacing:.06em;border-radius:50%;place-items:center;display:grid;position:absolute;inset:41%}.result{z-index:5;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.result[hidden]{display:none}.result-card{text-align:center;justify-items:center;gap:22px;max-width:100%;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:grid}.result-card .who{font:800 clamp(40px, 9vmin, 120px)/1.02 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;padding:0 12px 8px;position:relative}.result-card .who:after{content:"";background:var(--ul-chalk,var(--tone,var(--blue)));height:14px;-webkit-mask:var(--hand) center / 100% 100% no-repeat;mask:var(--hand) center / 100% 100% no-repeat;position:absolute;bottom:-6px;left:4px;right:4px}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.picked{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.picked li{font:700 14px/1 var(--display);background:var(--panel-2);color:var(--muted);border-radius:6px;padding:7px 10px;text-decoration:line-through 2px}.classlist{gap:12px;display:grid}.classlist-head{align-items:center;gap:8px;display:flex}.classlist-head select{flex:1;min-width:0;padding-block:9px;font-weight:700}.classlist .count{font:700 14px/1 var(--display);color:var(--muted)}.classlist-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.group-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 20px;display:flex}.groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:14px;width:100%;margin:0;padding:0;list-style:none;display:grid}.group{animation:.3s backwards pop;animation-delay:calc(var(--i) * 40ms);overflow:hidden}.group h3{letter-spacing:.05em;text-transform:uppercase;background:var(--g);color:#fff;padding:9px 13px;font-size:15px}.group.dark-text h3{color:#14213d}.group ol{font:700 18px/1.25 var(--body);gap:5px;margin:0;padding:10px 13px 12px;list-style:none;display:grid}.stage:fullscreen .group ol{font-size:clamp(18px,2.6vmin,34px)}.stage:fullscreen .groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,26vmin),1fr))}.stage.wide{align-content:start;justify-items:stretch}.digits{font:800 clamp(72px, 19vw, 210px)/.95 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:center}.digits.long{font-size:clamp(56px,14vw,160px)}.stage:fullscreen .digits{font-size:min(30vw,46vh)}.stage:fullscreen .digits.long{font-size:min(21vw,40vh)}.digits small{letter-spacing:-.02em;color:var(--muted);font-size:.42em}.bar{border:1.5px solid var(--line);background:var(--panel-2);width:min(100%,760px);height:22px;box-shadow:var(--box-drop-sm);border-radius:6px;overflow:hidden}.stage:fullscreen .bar{width:86vw;height:4vh}.bar i{background:var(--ok);transform-origin:0;width:100%;height:100%;transition:transform .25s linear,background-color .4s;display:block}.stage[data-level=warn] .bar i{background:var(--warn)}.stage[data-level=last] .bar i,.stage[data-level=done] .bar i{background:var(--bad)}.stage[data-level=last] .digits{color:var(--bad)}.stage[data-level=done]{animation:.9s steps(2,jump-none) 6 flash}.stage[data-level=done] .digits{color:var(--bad)}@keyframes flash{50%{background-color:color-mix(in srgb, var(--bad) 22%, var(--panel))}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.set-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.set-row input{text-align:center;width:130px;font:800 20px/1 var(--display)}.phase{font:800 clamp(18px, 3vmin, 34px)/1 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--on-tone);background:var(--tone-fill);border:1.5px solid var(--box-border);box-shadow:var(--box-drop-sm);border-radius:8px;padding:9px 16px;transform:rotate(-1.5deg)}.stage[data-phase=break] .phase,.stage[data-phase=long] .phase{background:var(--green-fill);color:var(--on-green)}.dots{gap:8px;display:flex}.dots i{border:2px solid var(--line);border-radius:50%;width:16px;height:16px}.dots i.on{background:var(--tone);border-color:var(--tone)}table.laps{border-collapse:collapse;width:100%;font:700 17px/1 var(--display);font-variant-numeric:tabular-nums}.laps th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;padding:8px 10px;font-size:12px}.laps th:first-child,.laps td:first-child{text-align:left}.laps td{text-align:right;border-top:1.5px solid var(--soft);padding:10px}.laps tr.best td{color:var(--ok)}.laps tr.worst td{color:var(--bad)}.field-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.prose{max-width:44em}.prose p{margin-bottom:16px}.prose ul{padding-left:20px;line-height:1.6}.facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0;display:grid}.facts div{padding:12px 14px}.facts dt{font:800 11.5px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.facts dd{font:800 19px/1.2 var(--display);margin:0}.faq{gap:12px;max-width:46em;display:grid}.faq details{padding:14px 16px}.faq summary{font:700 17px/1.3 var(--display);cursor:pointer}.faq details p{color:var(--muted);margin:10px 0 0}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;padding:16px}.steps li:before{content:counter(s);width:36px;height:36px;font:800 17px/1 var(--display);margin-bottom:12px}.steps b{font:800 17px/1.25 var(--display);margin-bottom:4px;display:block}.steps span{color:var(--muted);font-size:15.5px}.center{text-align:center;justify-items:center;gap:16px;padding-block:70px;display:grid}.code{white-space:pre-wrap;word-break:break-all;min-height:0;font:13.5px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace}.toast{background:var(--ink);color:var(--paper);font:700 15px/1 var(--display);z-index:50;border-radius:8px;padding:13px 18px;animation:.25s pop;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.site-footer{border-top:6px solid var(--tray);max-width:none;box-shadow:inset 0 2px 0 var(--tray-shade);background:var(--panel);padding:0;font-size:15.5px}.footer-in{max-width:var(--max);grid-template-columns:270px 1fr;gap:30px 44px;margin-inline:auto;padding:40px 16px 24px;display:grid}.footer-brand{align-content:start;gap:10px;display:grid}.footer-brand p{color:var(--muted);margin:0;font-size:14.5px}.footer-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;display:grid}.footer-col h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:13px}.footer-col ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{align-items:center;gap:9px;padding:5px 0;font-weight:700;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--tone,var(--blue))}.footer-col .ico{width:19px;height:19px;color:var(--tone,var(--muted))}.footer-base{border-top:1.5px dashed var(--soft);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:13.5px;display:flex}.footer-base p{margin:0}.langs{flex-wrap:wrap;gap:5px;display:flex}.langs a{opacity:.85;border:1px solid;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;line-height:1;text-decoration:none}.langs a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink);opacity:1}@media (width<=1000px){.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.footer-in{grid-template-columns:1fr}}@media (width<=560px){.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{min-height:380px;padding:34px 12px 18px}.btn.big{padding:16px 26px;font-size:19px}}.embed-body{align-content:start;gap:8px;min-height:100vh;padding:10px;display:grid}.embed-body .stage{min-height:0}.embed-credit{justify-content:flex-end;margin:0;display:flex}.embed-credit .brand{font-size:16px}.embed-credit .brand svg{width:22px;height:22px}@media (width>=901px){.workbench.list-first{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}.site-header .lang>summary{border:1.5px solid var(--box-border);background:var(--panel);height:34px;color:var(--ink);font:600 13px/1 var(--body);box-shadow:var(--box-drop-sm);border-radius:999px;padding:0 10px}.site-header .lang>summary:hover{background:var(--panel-2)}.lang-menu{background:var(--panel);border:1.5px solid var(--box-border);box-shadow:var(--box-drop);border-radius:12px;overflow:hidden}.lang-menu a{font:600 15px/1 var(--body);color:var(--ink);padding:9px 14px}.lang-menu a:hover{background:var(--hl)}.lang-menu a[aria-current]{background:var(--blue);color:#fff}.draw{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2vmin,20px);min-height:140px;display:flex}.die{flex:none;width:clamp(88px,15vw,150px);height:auto}.stage:fullscreen .die{width:min(26vw,40vh)}.die path{fill:none;stroke:var(--tone);stroke-width:4.5px;stroke-linejoin:round}.die text{font:800 40px/1 var(--display);fill:var(--ink);text-anchor:middle;dominant-baseline:central}.die.tiny text{font-size:34px}.coin{flex:none;width:clamp(120px,22vw,210px);height:auto}.stage:fullscreen .coin{width:min(34vw,52vh)}.coin circle{fill:none;stroke:var(--tone);stroke-width:4px}.coin .face{fill:color-mix(in srgb, var(--tone) 14%, transparent);stroke-width:5px}.coin text{font:800 46px/1 var(--display);fill:var(--ink);text-anchor:middle;dominant-baseline:central}.draw-sub{font:800 clamp(20px, 4vmin, 40px)/1 var(--display);letter-spacing:-.02em;text-align:center;margin:0}.stage:fullscreen .draw-sub{font-size:min(9vw,13vh)}.draw-total{font:800 clamp(24px, 4vmin, 44px)/1 var(--display);font-variant-numeric:tabular-nums;margin:0}.picker-opts{flex-wrap:wrap;justify-content:center;align-items:end;gap:12px 18px;display:flex}.picker-opts .range-in{text-align:center;width:104px;font:800 20px/1 var(--display)}.toggle{font:700 15px/1 var(--display);cursor:pointer;text-transform:none;letter-spacing:0;color:var(--ink);align-items:center;gap:9px;margin:0;display:inline-flex}.toggle input{width:22px;height:22px;accent-color:var(--tone);flex:none}.used{flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.used li{font:700 14px/1 var(--display);background:var(--panel-2);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:6px;padding:6px 9px}.stage:fullscreen .used{display:none}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=720px){.board{grid-template-columns:minmax(0,1fr)}}.board .stage{gap:12px;min-height:340px;padding-top:52px}.board .digits{font-size:clamp(56px,9vw,92px)}.board .draw{min-height:110px}.board .die{width:clamp(72px,9vw,104px)}.board .coin{width:clamp(96px,12vw,132px)}.board .draw-sub{font-size:clamp(17px,2vw,22px)}.board .keys{display:none}.split{border-collapse:collapse;width:100%;font:700 16px/1 var(--display);font-variant-numeric:tabular-nums}.split caption{text-align:left;font:800 11.5px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:10px}.split th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 10px;font-size:12px}.split td{border-top:1.5px solid var(--soft);padding:10px}.split td:last-child{color:var(--muted)}.table-wrap{max-width:46em;overflow-x:auto}