:root{--bg:#faf6ee;--fg:#1d1b16;--mut:#7a7466;--card:#fff;--line:#e3dccb;--acc:#d9480f;--ok:#2f9e44;--mid:#e0a100;--no:#8b8677;--key:#e9e2d0}@media (prefers-color-scheme:dark){:root{--bg:#17150f;--fg:#f4efe2;--mut:#a39d8c;--card:#221f17;--line:#363224;--acc:#ff8c4a;--no:#4a463a;--key:#3a3628}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}.wrap{max-width:520px;margin:0 auto;padding:20px 16px 40px}.logo{font:700 28px Georgia,serif;color:var(--fg);text-decoration:none}.logo b{color:var(--acc)}.card{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;color:var(--fg);text-decoration:none}.card.soon{opacity:.55}.card h3{margin:0}.card p{margin:2px 0 0;color:var(--mut);font-size:14px}.card .ic{font-size:30px}.tag{margin-left:auto;font-size:12px;padding:4px 8px;border-radius:99px;background:var(--key)}.tag.done{background:var(--ok);color:#fff}.clue{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;font:21px Georgia,serif}.board{display:grid;grid-gap:6px;gap:6px;justify-content:center;margin:16px 0}.row{gap:6px}.row,.t{display:flex}.t{width:52px;height:52px;border:2px solid var(--line);align-items:center;justify-content:center;font:700 26px system-ui;text-transform:uppercase;border-radius:6px}.t.f{border-color:var(--mut)}.ok{background:var(--ok)!important}.mid,.ok{color:#fff}.mid{background:var(--mid)!important}.no{background:var(--no)!important;color:#fff}.kb{flex-direction:column;gap:6px;align-items:center}.kb,.kr{display:flex}.kr{gap:5px;width:100%;justify-content:center}.k{flex:1 1;max-width:42px;height:46px;border:0;border-radius:6px;background:var(--key);color:var(--fg);font:600 15px system-ui;text-transform:uppercase;cursor:pointer}.k.w{max-width:60px;font-size:12px}.res{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:16px;text-align:center}.btn{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:10px 18px;font:600 15px system-ui;cursor:pointer}.opts{display:grid;grid-gap:8px;gap:8px;margin:16px 0}.opt{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:12px;font:600 16px system-ui;cursor:pointer}.opt:disabled{cursor:default}.opt.no,.opt.ok{color:#fff}.opt.no{text-decoration:line-through;opacity:.6}.hints{list-style:none;padding:0;margin:12px 0 0;color:var(--mut);font-size:14px;display:grid;grid-gap:4px;gap:4px}