:root{--bg:#f7f5f0;--fg:#1f1d1a;--muted:#77726a;--cell:#fff;--cell-border:#d8d3c8;--accent:#2f6fdb;--good:#2a8a4a;--spent-bg:#e9e6df;--spent-fg:#b5b0a6;--starts:#b8574f;--missed:#1c3d8c;--theme:#8a3fb0;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1c;--fg:#ecebe8;--muted:#9a968e;--cell:#2a2a2e;--cell-border:#3c3c42;--accent:#6b9bf0;--good:#5cc27e;--spent-bg:#222225;--spent-fg:#55545a;--starts:#e08a80;--missed:#8fb0ff;--theme:#d29bf0}}body{background:var(--bg);margin:0}main{max-width:420px;margin:0 auto;padding:16px}header{text-align:center}h1{margin:0;line-height:0}h1 img{width:65%;height:auto}#date{margin-top:4px}#date,#progress,footer{color:var(--muted);font-size:.9rem}#current{text-align:center;letter-spacing:.1em;height:2.2rem;margin:8px 0;font-size:1.6rem;font-weight:700}#current.good{color:var(--good);animation:.15s ease-out pop}#current.bad{color:var(--muted);animation:.25s ease-in .2s forwards fade}#current .note{letter-spacing:normal;margin-left:.5em;font-size:.9rem}@keyframes pop{0%{transform:scale(.6)}}@keyframes fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){#current.good{animation:none}}#sizes{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}#sizes button{font:inherit;min-width:3.8rem;color:var(--fg);background:var(--cell);border:1.5px solid var(--cell-border);cursor:pointer;border-radius:999px;padding:5px 8px;font-size:.9rem;font-weight:600}#sizes button.complete{color:var(--good)}#sizes button[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}#board{--size:4;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}#grid{z-index:1;grid-template-columns:repeat(var(--size), 1fr);gap:calc(40px / var(--size));--turns:0;transform:rotate(calc(var(--turns) * 90deg));transition:transform .6s ease-out;display:grid;position:relative}#grid .cell{transform:rotate(calc(var(--turns) * -90deg));transition:transform .6s ease-out}#rotate{z-index:2;width:2.2rem;height:2.2rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;margin-bottom:4px;padding:0;display:grid;position:absolute;bottom:100%;right:0}#rotate:hover{color:var(--fg)}#rotate svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.cell{aspect-ratio:1;font-size:calc(36cqw / var(--size));background:var(--cell);border:2px solid var(--cell-border);cursor:pointer;border-radius:12%;place-items:center;font-weight:700;display:grid;position:relative;container-type:inline-size}.slot{aspect-ratio:1}.cell.spent{color:var(--spent-fg);background:var(--spent-bg);border-color:var(--spent-bg)}.cell.selected{background:var(--accent);border-color:var(--accent);color:#fff}.cell .starts,.cell .uses{color:var(--muted);pointer-events:none;font-size:clamp(.6rem,15cqw,.85rem);font-weight:600;line-height:1;position:absolute}.cell .starts{color:var(--starts);bottom:8%;left:9%}.cell .uses{bottom:8%;right:9%}.cell.selected .starts,.cell.selected .uses{color:#fffc}#legend{color:var(--muted);margin-top:8px;font-size:.8rem}#legend:empty{display:none}#reveals{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}#reveals[hidden]{display:none}#reveals button{font:inherit;color:var(--fg);background:var(--cell);border:1.5px solid var(--cell-border);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.85rem}#reveals button[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}#found .masked{color:var(--muted);letter-spacing:.05em;font-family:ui-monospace,SF Mono,Menlo,monospace}#restart{margin-top:16px}#found .missed{color:var(--missed)}#found .theme-word,#found .theme h3{color:var(--theme);font-weight:600}#reset,#reveal-all{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:underline}#hints{text-align:center;margin-top:12px}#next-hint{color:var(--accent);font-size:.85rem}#next-hint:empty{display:none}#board svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#path{fill:none;stroke:var(--accent);stroke-width:calc(56px / var(--size));stroke-linecap:round;stroke-linejoin:round}#message{text-align:center;height:1.5rem;margin:12px 0 4px;font-weight:600}#message.good{color:var(--good)}#progress{text-align:center}#found h3{margin:16px 0 4px;font-size:.95rem}#found h3 span{color:var(--muted);font-weight:400}#found .complete h3 span{color:var(--good);font-weight:600}#found p{margin:0;line-height:1.5}#found p:empty{display:none}#found .bonus h3 button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:.4em;padding:0;font-size:.8rem;font-weight:400;text-decoration:underline}dialog{max-width:min(360px,100vw - 32px);color:var(--fg);background:var(--cell);border:1.5px solid var(--cell-border);border-radius:12px;padding:4px 20px 12px}dialog form{outline:none}dialog::backdrop{background:#0006}dialog h2{justify-content:space-between;align-items:center;font-size:1.2rem;display:flex}dialog h2 button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}dialog p,dialog li{font-size:.9rem;line-height:1.45}dialog strong{color:var(--accent)}dialog ul{padding-left:1.2em}dialog em{color:var(--muted)}footer{margin-top:32px;font-size:.75rem}footer a{color:inherit}