:root{--bg:#f5f1e8;--card:#fffdf8;--ink:#23261f;--muted:#6f7166;--line:#e2dccd;--brand:#2f5d3a;--brand-ink:#f4efe1;--ok:#2e7d4f;--bad:#b3402f;--gold:#c99a2e;--shadow:0 1px 2px #2823140f, 0 8px 24px #28231412;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#171914;--card:#21241d;--ink:#e9e7de;--muted:#a3a497;--line:#34372d;--brand:#6fae7f;--brand-ink:#10130d;--ok:#6cc38e;--bad:#e2786a;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;line-height:1.45}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}h1,h2,h3{margin:0;line-height:1.2}.muted{color:var(--muted)}.center{text-align:center}.ok{color:var(--ok)}.bad{color:var(--bad)}.error{color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent);border-radius:8px;margin:0;padding:8px 12px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:20px}.primary,.secondary{border:1px solid #0000;border-radius:10px;padding:11px 18px;font-weight:600}.primary{background:var(--brand);color:var(--brand-ink)}.primary:hover:not(:disabled){filter:brightness(1.08)}.secondary{color:var(--ink);border-color:var(--line);background:0 0}.link{color:var(--brand);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.link.subtle{color:var(--muted);align-self:flex-start;font-size:.9rem}.brand-mark{background:var(--brand);width:30px;height:30px;color:var(--brand-ink);border-radius:8px;place-items:center;font-size:1.15rem;display:inline-grid}.brand-mark.big{border-radius:14px;width:52px;height:52px;margin:0 auto 6px;font-size:2rem}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.login-card p{margin:0 0 6px}.login-card label{text-align:left;flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}.login-card input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:10px 12px;font-weight:400}.login-card input:focus{outline:2px solid var(--brand);outline-offset:1px}.shell{max-width:1180px;margin:0 auto;padding:12px 16px 32px}.top{justify-content:space-between;align-items:center;padding:4px 0 14px;display:flex}.brand{color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:1.15rem;font-weight:700;display:flex}.who{color:var(--muted);align-items:center;gap:14px;display:flex}.lede{color:var(--muted);max-width:62ch;margin:4px 0 18px}.levels{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.level{border-top:4px solid var(--brand);flex-direction:column;gap:10px;display:flex}.level-intermediate{border-top-color:var(--gold)}.level-advanced{border-top-color:var(--bad)}.level header{justify-content:space-between;align-items:baseline;display:flex}.cycle-label{margin:4px 0 0;font-weight:600}.statline{color:var(--muted);margin:0;font-size:.9rem}.statline b{color:var(--ink)}.progress{background:color-mix(in srgb, var(--muted) 18%, transparent);border-radius:99px;height:8px;display:flex;overflow:hidden}.progress .solved{background:var(--ok)}.progress .failed{background:var(--bad)}.history{border-collapse:collapse;width:100%;margin-top:4px;font-size:.88rem}.history th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px 4px 0;font-weight:600}.history td{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:5px 6px 5px 0}.play{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.board-col{justify-content:center;display:flex}.board-wrap{width:min(100%,100vh - 110px);max-width:760px;position:relative}.promo{background:var(--card);width:max-content;height:max-content;box-shadow:var(--shadow);z-index:5;border-radius:12px;gap:6px;margin:auto;padding:10px;display:flex;position:absolute;inset:0}.promo button{border:1px solid var(--line);background:var(--bg);width:52px;height:52px;color:var(--ink);border-radius:8px;font-size:2rem}.promo .promo-cancel{font-size:1rem}.replay{align-items:center;gap:6px;margin-top:10px;display:flex}.replay>button{border:1px solid var(--line);background:var(--card);width:36px;height:34px;color:var(--ink);border-radius:8px;flex:none}.replay-moves{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.replay-moves button{color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:6px;padding:3px 6px}.replay-moves button.on{background:var(--brand);color:var(--brand-ink)}.side{flex-direction:column;gap:14px;display:flex;position:sticky;top:12px}.side-head{justify-content:space-between;font-size:.9rem;display:flex}.crumb{color:var(--muted);margin:0;font-weight:600}.count{font-variant-numeric:tabular-nums;font-weight:600}.puzzle-meta h2{font-size:1.4rem}.game{margin:4px 0 0}.to-move{align-items:center;gap:8px;font-weight:600;display:flex}.dot{border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px}.dot.w{background:#fff}.dot.b{background:#222}.clock{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-weight:600}.tries{align-items:center;gap:6px;font-size:.9rem;display:flex}.pip{background:var(--brand);border-radius:50%;width:12px;height:12px}.pip.spent{background:color-mix(in srgb, var(--muted) 30%, transparent)}.tries .muted{margin-left:6px}.note{min-height:1.5em;color:var(--muted);margin:0}.note.ok{color:var(--ok);font-weight:600}.note.bad{color:var(--bad);font-weight:600}.verdict{flex-direction:column;gap:12px;display:flex}.verdict-head{margin:0;font-size:1.25rem;font-weight:700}.verdict-head .muted{font-size:.95rem;font-weight:400}.solution{border-top:1px solid var(--line);max-height:46vh;padding-top:10px;overflow:auto}.solution h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.8rem}.solution p{margin:0 0 8px;font-size:.95rem}.summary{text-align:center;flex-direction:column;gap:14px;max-width:560px;margin:24px auto;display:flex}.big-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.big-stats div{flex-direction:column;display:flex}.big-stats b{font-variant-numeric:tabular-nums;font-size:1.6rem}.big-stats span{color:var(--muted);font-size:.85rem}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=860px){.play{grid-template-columns:1fr}.board-wrap{width:100%}.side{position:static}.solution{max-height:none}.big-stats{grid-template-columns:repeat(2,1fr)}}