@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:block;src:url(/fonts/archivo-latin-800-normal.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-display:block;src:url(/fonts/archivo-latin-900-normal.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/space-grotesk-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/space-grotesk-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/space-grotesk-latin-700-normal.woff2)format("woff2")}:root{--col:660px;--gut:20px;--s1:4px;--s2:8px;--s3:12px;--s4:20px;--s5:32px;--s6:48px;--s7:72px;--bw:2.5px;--rad:9px;--paper:#f3ede1;--surface:#fffdf9;--ink:#16130f;--ink2:#4e4740;--ink3:#8a8177;--stroke:#16130f;--shadow:#16130f;--dot:#16130f1a;--ok:#2f7d4f;--on-ok:#fffdf9;--near:#e8a020;--on-near:#17110a;--off:#cfc6b6;--on-off:#7d7669;--blue:#2b4ad8;--coral:#e8563f;--on-coral:#fffdf9;--sh:4px 4px 0 var(--shadow);--sh-sm:3px 3px 0 var(--shadow);--sh-xs:2px 2px 0 var(--shadow);--sh-press:1px 1px 0 var(--shadow)}[data-theme=dark]{--paper:#12181f;--surface:#1e262f;--ink:#eaf0f5;--ink2:#a9b8c4;--ink3:#74858f;--stroke:#38454f;--shadow:#070a0e;--dot:#96b9cd0d;--ok:#3fb27a;--on-ok:#06170f;--near:#efb03f;--on-near:#1c1304;--off:#161d24;--on-off:#5f7180;--blue:#6b8cff;--coral:#ff7a5e;--on-coral:#1c0c07}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--paper);color:var(--ink);min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:4px 4px;position:fixed;inset:0}.col{z-index:1;width:100%;max-width:var(--col);padding-inline:var(--gut);margin-inline:auto;position:relative}.boot{padding-block:var(--s7);color:var(--ink3)}.boot.error{color:var(--coral);font-weight:600}header{border-bottom:var(--bw) solid var(--stroke);background:var(--surface);z-index:30;position:sticky;top:0}.hd{align-items:center;gap:var(--s2);padding-block:var(--s3);display:flex}.logo{align-items:center;gap:10px;margin-right:auto;display:flex}.mark{flex-direction:column;gap:2px;display:flex}.mark i{border:2px solid var(--stroke);border-radius:1px;height:5px;display:block}.mark i:first-child{background:var(--near);width:10px}.mark i:nth-child(2){background:var(--ok);width:17px}.mark i:nth-child(3){background:var(--blue);width:24px}.logo b{letter-spacing:-.02em;text-transform:uppercase;font-family:Archivo;font-size:21px;font-weight:900}.ico{border:var(--bw) solid var(--stroke);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;box-shadow:var(--sh-xs);border-radius:8px;flex:none;place-items:center;font-family:inherit;font-size:13px;font-weight:700;display:grid}.ico:hover{box-shadow:var(--sh-press);transform:translate(1px,1px)}.meta{gap:var(--s2);padding-top:var(--s5);flex-wrap:wrap;display:flex}.chip{border:var(--bw) solid var(--stroke);background:var(--surface);box-shadow:var(--sh-xs);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:700}.chip.a{background:var(--near);color:var(--on-near)}.chip.b{background:var(--blue);color:#fffdf9}.chip b{font-variant-numeric:tabular-nums}.lede{color:var(--ink2);margin-top:var(--s3);font-size:15.5px;font-weight:500}.board{padding-top:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.lvl{flex-direction:column;gap:6px;display:flex}.lhd{align-items:center;gap:var(--s2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-size:11.5px;font-weight:700;display:flex}.lhd .step{border:var(--bw) solid var(--stroke);background:var(--surface);width:24px;height:24px;color:var(--ink);letter-spacing:0;box-shadow:var(--sh-xs);border-radius:7px;flex:none;place-items:center;font-family:Archivo;font-size:12px;font-weight:900;display:grid}.lvl.done .step{background:var(--ok);color:var(--on-ok)}.lvl.now .step{background:var(--coral);color:var(--on-coral)}.lvl.done .lhd em{color:var(--ok);font-style:normal}.lvl.now .lhd em{color:var(--coral);font-style:normal}.row{gap:6px;display:flex}.t{border:var(--bw) solid var(--stroke);border-radius:var(--rad);background:var(--surface);width:50px;height:50px;color:var(--ink);box-shadow:var(--sh);flex:none;place-items:center;font-family:Archivo;font-size:22px;font-weight:900;display:grid}.t.ok{background:var(--ok);color:var(--on-ok)}.t.near{background:var(--near);color:var(--on-near)}.t.off{background:var(--off);color:var(--on-off);box-shadow:var(--sh-xs)}.t.now{background:var(--surface);border-style:dashed}.t.cursor:after{content:"";background:var(--coral);width:3px;height:22px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.row.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes flipTile{0%{transform:scaleY(1)}50%{transform:scaleY(.04)}to{transform:scaleY(1)}}.t.flip{animation:.52s ease-in-out flipTile}@keyframes winPop{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-11px)scale(1.06)}70%{transform:translateY(0)scale(1)}85%{transform:translateY(-3px)}to{transform:translateY(0)}}.t.win{animation:.62s cubic-bezier(.3,1.4,.5,1) both winPop}@media (prefers-reduced-motion:reduce){.t.cursor:after,.row.shake,.t.flip,.t.win{animation:none}}.kb{padding-top:var(--s5);padding-bottom:var(--s6);flex-direction:column;gap:6px;display:flex}.kbr{gap:6px;display:flex}.kbr.i1{padding-inline:calc(5% + .300001px)}.k{border:var(--bw) solid var(--stroke);background:var(--surface);min-width:0;height:50px;color:var(--ink);cursor:pointer;box-shadow:var(--sh-xs);border-radius:8px;flex:1;place-items:center;font-family:Archivo;font-size:14px;font-weight:800;display:grid}.k:hover:not(:disabled){box-shadow:var(--sh-press);transform:translate(1px,1px)}.k.ok{background:var(--ok);color:var(--on-ok)}.k.near{background:var(--near);color:var(--on-near)}.k.off{background:var(--off);color:var(--on-off);box-shadow:var(--sh-press)}.k.wide{letter-spacing:.06em;flex:1.7;font-size:10.5px}.k.enter{background:var(--ok);color:var(--on-ok);box-shadow:var(--sh-sm)}.k.enter:hover:not(:disabled){box-shadow:var(--sh-xs)}.k.k-del{background:var(--off);color:var(--ink)}.done-card{margin-top:var(--s5);border:var(--bw) solid var(--stroke);background:var(--surface);padding:var(--s4);box-shadow:var(--sh);border-radius:14px}.done-card h2{letter-spacing:-.02em;font-family:Archivo;font-size:26px;font-weight:900}.done-card p{margin-top:var(--s2);font-size:15.5px}.done-card b{font-family:Archivo;font-size:22px}.done-card .muted{color:var(--ink3);font-size:13.5px}.game-slot{min-height:var(--game-slot-h,560px)}.game-slot.error{color:var(--coral);padding-top:var(--s5);font-weight:600}.ghost{width:100%;margin-bottom:var(--s6);border:var(--bw) dashed var(--stroke);color:var(--ink3);cursor:pointer;background:0 0;border-radius:10px;padding:11px;font-family:inherit;font-size:13.5px;font-weight:700;display:block}.ghost:hover{color:var(--ink);border-style:solid}.back.as-button{border:var(--bw) solid var(--stroke);cursor:pointer;margin-top:var(--s4);font-size:15px}.toast{margin-top:var(--s3);border:var(--bw) solid var(--stroke);background:var(--coral);color:var(--on-coral);box-shadow:var(--sh-xs);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700;display:inline-block}@media (width<=600px){:root{--gut:16px}.t{width:41px;height:41px;box-shadow:var(--sh-sm);border-radius:8px;font-size:19px}.row{gap:5px}.k{height:46px;font-size:13px}.kbr{gap:4px}.kbr.i1{padding-inline:calc(5% + .200001px)}}.seo{border-top:var(--bw) solid var(--stroke);margin-top:var(--s6);padding-top:var(--s6)}.seo h1{letter-spacing:-.03em;font-family:Archivo;font-size:clamp(28px,4.6vw,40px);font-weight:900;line-height:1.08}.seo h1 em{background:var(--near);color:var(--on-near);border:var(--bw) solid var(--stroke);box-shadow:var(--sh-xs);border-radius:6px;padding:0 6px;font-style:normal;display:inline-block}.seo h2{letter-spacing:.14em;text-transform:uppercase;margin-top:var(--s6);margin-bottom:var(--s3);background:var(--ink);color:var(--paper);border-radius:5px;padding:4px 11px;font-family:Archivo;font-size:12.5px;font-weight:800;display:inline-block}.seo p,.seo li{color:var(--ink2);font-size:15.5px}.seo p b,.seo li b{color:var(--ink);font-weight:700}.seo p+p{margin-top:var(--s3)}.steps{counter-reset:s;gap:var(--s3);flex-direction:column;display:flex}.steps li{counter-increment:s;padding-left:40px;list-style:none;position:relative}.steps li:before{content:counter(s);border:var(--bw) solid var(--stroke);background:var(--blue);color:#fffdf9;width:28px;height:28px;box-shadow:var(--sh-xs);border-radius:7px;place-items:center;font-family:Archivo;font-size:13px;font-weight:900;display:grid;position:absolute;top:-1px;left:0}.grid{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.card{border:var(--bw) solid var(--stroke);background:var(--surface);color:inherit;box-shadow:var(--sh);border-radius:12px;padding:14px;text-decoration:none}.card:hover{box-shadow:var(--sh-xs);transform:translate(2px,2px)}.card .pill{letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--stroke);margin-bottom:var(--s2);background:var(--near);color:var(--on-near);border-radius:999px;padding:2px 8px;font-family:Archivo;font-size:9.5px;font-weight:800;display:inline-block}.card:first-child .pill{background:var(--ok);color:var(--on-ok)}.card:nth-child(3) .pill{background:var(--blue);color:#fffdf9}.card b{color:var(--ink);font-family:Archivo;font-size:15.5px;font-weight:800;display:block}.card span:last-child{color:var(--ink2);margin-top:2px;font-size:13.5px;display:block}details{border:var(--bw) solid var(--stroke);background:var(--surface);margin-top:var(--s2);box-shadow:var(--sh-xs);border-radius:10px;padding:11px 14px}summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:700;list-style:none}summary::marker{content:"";display:none}summary::-webkit-details-marker{content:"";display:none}summary:after{content:"+";float:right;color:var(--coral);font-family:Archivo;font-weight:900}details[open] summary:after{content:"–"}details p{margin-top:var(--s2);font-size:14.5px}.back{margin-top:var(--s6);border:var(--bw) solid var(--stroke);background:var(--ok);color:var(--on-ok);box-shadow:var(--sh);border-radius:10px;padding:12px 24px;font-family:Archivo;font-size:15px;font-weight:800;text-decoration:none;display:inline-block}footer{border-top:var(--bw) solid var(--stroke);margin-top:var(--s6)}.ft{gap:var(--s4);padding-block:var(--s4) var(--s7);color:var(--ink3);flex-wrap:wrap;font-size:13px;font-weight:600;display:flex}.ft a{color:inherit;text-decoration:none}.ft a:hover{color:var(--ink)}.logo{color:inherit;text-decoration:none}a.ico{text-decoration:none}@media (width<=600px){.grid{grid-template-columns:1fr}.seo h1{font-size:30px}}.scrim{z-index:100;padding:var(--s4);background:#0a08058c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.modal{border:3px solid var(--stroke);background:var(--surface);width:100%;max-width:460px;max-height:92vh;padding:var(--s4);box-shadow:8px 8px 0 var(--shadow);border-radius:16px;overflow:auto}.modal-hd{align-items:center;gap:var(--s3);margin-bottom:var(--s3);display:flex}.modal-hd h2{letter-spacing:-.02em;margin-right:auto;font-family:Archivo;font-size:22px;font-weight:900}.share-preview{border:var(--bw) solid var(--stroke);box-shadow:var(--sh-xs);margin-bottom:var(--s3);aspect-ratio:1200/630;background:var(--paper);border-radius:10px;overflow:hidden}.share-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.share-actions .btn{flex:1;min-width:116px}.btn{text-align:center;border:var(--bw) solid var(--stroke);cursor:pointer;box-shadow:var(--sh-xs);border-radius:10px;padding:12px;font-family:Archivo;font-size:14.5px;font-weight:800;text-decoration:none;display:block}.btn.p{background:var(--ok);color:var(--on-ok)}.btn.s{background:var(--surface);color:var(--ink)}.btn:hover{box-shadow:var(--sh-press);transform:translate(1px,1px)}.share-cta{margin-top:var(--s3);width:100%}.socials{gap:var(--s2);margin-top:var(--s3);display:flex}.social{border:var(--bw) solid var(--stroke);background:var(--surface);height:42px;color:var(--ink);box-shadow:var(--sh-xs);border-radius:10px;flex:1;place-items:center;display:grid}.social:hover{box-shadow:var(--sh-press);transform:translate(1px,1px)}.share-text{margin-top:var(--s3);padding:var(--s3);border:var(--bw) dashed var(--stroke);background:var(--paper);color:var(--ink2);white-space:pre-wrap;word-break:break-word;border-radius:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45}.modal-title{margin-right:auto}.modal-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-top:2px;font-size:11px;font-weight:700}.help p{color:var(--ink2);font-size:15px}.help p+p{margin-top:var(--s3)}.help p b{color:var(--ink)}.help h3{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-top:var(--s4);margin-bottom:var(--s2);font-family:Archivo;font-size:11.5px;font-weight:800}.help .muted{color:var(--ink3);font-size:14px}.mini-board{margin:var(--s3) 0;flex-direction:column;gap:4px;display:flex}.t.mini{width:34px;height:34px;box-shadow:var(--sh-xs);border-width:2px;border-radius:6px;font-size:15px}.legend{margin-top:var(--s2);flex-direction:column;gap:7px;list-style:none;display:flex}.legend li{align-items:center;gap:var(--s2);color:var(--ink2);font-size:14.5px;display:flex}.legend b{color:var(--ink)}.sw{border:2px solid var(--stroke);width:18px;height:18px;box-shadow:var(--sh-xs);border-radius:5px;flex:none}.sw.ok{background:var(--ok)}.sw.near{background:var(--near)}.sw.off{background:var(--off)}.figures{gap:var(--s2);display:flex}.figures.streaks{margin-top:var(--s2)}.figure{text-align:center;padding:var(--s3) 6px;border:var(--bw) solid var(--stroke);background:var(--surface);box-shadow:var(--sh-xs);border-radius:10px;flex:1}.figure b{font-family:Archivo;font-size:24px;font-weight:900;display:block}.figure span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:2px;font-size:10px;font-weight:700;display:block}.hist-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-top:var(--s4);margin-bottom:var(--s2);font-family:Archivo;font-size:11.5px;font-weight:800}.hist{flex-direction:column;gap:5px;display:flex}.hist-row{align-items:center;gap:var(--s2);display:flex}.hist-k{text-align:right;width:46px;color:var(--ink2);flex:none;font-family:Archivo;font-size:13px;font-weight:800}.hist-bar{border:2px solid var(--stroke);background:var(--ok);color:var(--on-ok);text-align:right;box-shadow:var(--sh-xs);border-radius:6px;padding:3px 7px;font-family:Archivo;font-size:12px;font-weight:800}.chip.as-btn{cursor:pointer;color:var(--ink);font-family:inherit}.chip.as-btn:hover{box-shadow:var(--sh-press);transform:translate(1px,1px)}.demo{margin:var(--s3) 0 var(--s4)}.demo figcaption{color:var(--ink3);margin-bottom:var(--s2);font-size:14px}.seo .mini-board{flex-direction:column;gap:4px;display:flex}.seo .legend{margin:var(--s2) 0 var(--s4)}.seo .legend li{align-items:flex-start}.seo .legend .sw{margin-top:2px}.example-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--on-near);background:var(--near);border:2px solid var(--stroke);border-radius:999px;align-self:flex-start;margin-bottom:6px;padding:2px 8px;font-family:Archivo;font-size:9.5px;font-weight:800;display:inline-block}