@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff")}:root{--ground:#f6f4ee;--panel:#fffdf6;--ink:#1c1f24;--muted:#5a6069;--line:#d9d5ca;--plate:#fffdf6;--empty:#efede6;--clear:#c3c8cf;--glow:#ffe28c8c;--good:#2b7d4f;--good-ink:#fff;--focus:#1c1f24;--button:#1c1f24;--button-ink:#fffdf6;--c1:#e2483c;--c2:#f4c534;--c3:#f08a2c;--c4:#2f6bd0;--c5:#7b4ab2;--c6:#3e9e58;--c7:#3a2e2b;--glyph-light:#fff;--glyph-dark:#1c1f24;--mark-dark:#1c1f24;--mark-light:#fffdf6;--display:Fredoka, system-ui, sans-serif;--sans:Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ground:#16181c;--panel:#1f2227;--ink:#eceef1;--muted:#a4abb4;--line:#353a42;--glow:#ffe28c59;--good:#5cc48a;--good-ink:#16181c;--focus:#eceef1;--button:#eceef1;--button-ink:#16181c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:16px/1.5 var(--sans)}[hidden]{display:none!important}.app{max-width:720px;padding:max(10px, env(safe-area-inset-top)) 16px 40px;flex-direction:column;gap:12px;margin:0 auto;display:flex}h2,h3{font-family:var(--display);font-weight:600}a{color:var(--ink)}button,.button{font:600 15px var(--sans);color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:9px 18px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--button);color:var(--button-ink);border-color:var(--button)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.small{color:var(--muted);margin:0;font-size:14px}.center{text-align:center}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.status{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.tagline{font:500 18px var(--display);color:var(--ink);margin:0}.top{flex-direction:column;gap:2px;display:flex}.top .bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.brand .word{font:600 26px/1 var(--display);letter-spacing:-.01em}.icons{gap:6px;display:flex}.icon{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;font:700 17px var(--sans);color:var(--ink);fill:currentColor;border-radius:50%;place-items:center;padding:0;display:grid}.sub{color:var(--muted);margin:0;font-size:14px}.sub b{color:var(--ink)}.game{flex-direction:column;gap:10px;display:flex}.stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:min(100%,560px,max(320px,200vh - 860px));margin:0 auto;display:grid}.lab{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:6px;font-size:12px;font-weight:700}.box{position:relative}.stage>:first-child{z-index:1;position:relative}.plate{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;background:var(--plate);box-shadow:0 0 0 1px var(--line);border-radius:14px;gap:4px;padding:8px;display:grid}.lightbox .plate{box-shadow:0 0 0 1px var(--line), 0 0 34px 4px var(--glow);transition:opacity .25s}.lightbox.win .plate{box-shadow:0 0 0 3px var(--good), 0 0 44px 8px var(--glow)}.lightbox.stale .plate{opacity:.45}.cell{background:var(--empty);border-radius:4px;place-items:center;display:grid;position:relative}.c1{background:var(--c1)}.c2{background:var(--c2)}.c3{background:var(--c3)}.c4{background:var(--c4)}.c5{background:var(--c5)}.c6{background:var(--c6)}.c7{background:var(--c7)}.cell.c0{background:var(--empty)}.cell.wrong{box-shadow:inset 0 0 0 2px var(--mark-dark), inset 0 0 0 3.5px var(--mark-light);background-image:repeating-linear-gradient(135deg,#fffdf659 0 3px,#0000 3px 8px)}.cell.wrong:after{content:"✕";background:var(--mark-dark);width:16px;height:16px;color:var(--mark-light);border:1.5px solid var(--mark-light);font:700 9px/13px var(--sans);text-align:center;z-index:1;border-radius:50%;position:absolute;top:-5px;right:-5px}.veil{text-align:center;color:#1c1f24;background:repeating-linear-gradient(135deg,#1c1f240d 0 8px,#1c1f241c 8px 16px),#e4e6e9;border-radius:14px;justify-content:center;align-items:center;padding:10px;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.veil.stale{background:0 0;align-items:flex-end;padding-bottom:12px}.veil.stale span{background:#fffdf6;border:1px solid #1c1f24;border-radius:999px;padding:3px 10px;font-size:12px}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0;font-size:13px;display:flex}.mix{align-items:center;gap:4px;display:inline-flex}.sw{border-radius:3px;place-items:center;min-width:16px;height:16px;padding:0 2px;font-style:normal;display:inline-grid}.sw .gl{letter-spacing:-1px;font-size:9px}.tray{grid-template-columns:repeat(var(--films,3), minmax(0, 140px));justify-content:center;gap:12px;display:grid}.tray.films-3{--films:3}.tray.films-4{--films:4}.film{justify-items:center;gap:6px;display:grid}.film-btn{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(135deg, #ffffff8c, #ffffff1f), var(--plate);border-radius:12px;width:100%;padding:10px}.film-btn:disabled{opacity:1}.film-btn.selected{box-shadow:0 0 0 3px var(--ink)}.pat{grid-template-columns:repeat(var(--n), 1fr);width:100%;height:100%;transform:scaleX(var(--sx)) rotate(var(--a));gap:3px;transition:transform .3s cubic-bezier(.3,.7,.3,1);display:grid}.px{opacity:.92;border-radius:3px;place-items:center;display:grid}.px.clear{border:1px dashed var(--clear);opacity:1}.pat .gl{transform:rotate(calc(-1 * var(--a))) scaleX(var(--sx));transition:transform .3s cubic-bezier(.3,.7,.3,1)}.flip,.hint{font-size:13px}.flip{padding:4px 12px}.hint{color:var(--muted)}.gl{color:var(--glyph-light);pointer-events:none;font-size:12px;font-style:normal;line-height:1;display:none}.cb .gl{display:inline-block}.c2>.gl,.c3>.gl{color:var(--glyph-dark)}.message{text-align:center;min-height:1.5em;margin:0;font-weight:600}.checks{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.pip{border:2px solid var(--ink);border-radius:50%;width:13px;height:13px;display:block}.pip.used{background:var(--ink)}.go{justify-content:center;display:flex}.go>*{padding:12px 44px;font-size:17px}.results{flex-direction:column;gap:12px;display:flex}.results h2{outline:none;margin:8px 0 0;font-size:34px}.meta{color:var(--muted);margin:0;font-size:14px}.share{background:var(--panel);border:1px solid var(--line);white-space:pre;border-radius:12px;margin:0;padding:12px 14px;font:600 15px/1.5 ui-monospace,Menlo,monospace}.row{gap:8px;display:flex}.row>button{flex:1}.statsline{margin:0 0 6px;font-size:14px}.dist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dist li{grid-template-columns:18px 1fr;align-items:center;gap:6px;font-size:13px;display:grid}.dist .bar{background:var(--line);min-width:2.2em;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:4px;padding:0 6px;font-weight:600;display:block}.dist .me .bar{background:var(--good);color:var(--good-ink)}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.countdown{color:var(--muted);margin:0}.countdown strong{color:var(--ink);font-variant-numeric:tabular-nums}.backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);color:var(--ink);border-radius:18px;outline:none;flex-direction:column;gap:12px;width:100%;max-width:460px;max-height:90vh;padding:18px 20px;display:flex;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:26px}.close{border:0;padding:4px 10px;font-size:22px;line-height:1}.steps{gap:8px;margin:0;padding-left:20px;display:grid}.demo{justify-content:center;align-items:center;gap:8px;display:flex}.mini{background:var(--plate);width:64px;box-shadow:0 0 0 1px var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;display:grid}.mini i{aspect-ratio:1;border-radius:2px;position:relative}.mini i.c0{background:var(--empty)}.mini i.wrong{box-shadow:inset 0 0 0 2px var(--mark-dark)}.op{font:600 22px var(--display);color:var(--muted)}.switch{align-self:flex-start;align-items:center;gap:8px;display:inline-flex}.switch .knob{background:var(--line);border-radius:999px;width:30px;height:18px;position:relative}.switch .knob:after{content:"";background:var(--panel);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch[aria-pressed=true] .knob{background:var(--ink)}.switch[aria-pressed=true] .knob:after{transform:translate(12px)}.stat-row{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-row b{font:600 26px var(--display);font-variant-numeric:tabular-nums;display:block}.stat-row span{color:var(--muted);font-size:12px}.archive h2{margin:4px 0}.archive ul{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.archive a{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:3.5em 1fr auto;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:grid}.archive .num{font-weight:700}.archive .date{color:var(--muted);font-size:14px}.archive .st{color:var(--muted);font-size:13px;font-weight:600}.archive .st.solved{color:var(--good)}@media (width<=520px){.stage{gap:10px}.plate{gap:3px;padding:6px}.tray{gap:10px}.tray.films-4{--films:2}.film-btn{padding:8px}}@media (prefers-reduced-motion:no-preference){.mini.spin{animation:4s cubic-bezier(.3,.7,.3,1) infinite spin}}@keyframes spin{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}