:root{--bg: #faf7f2;--fg: #2a2a2a;--muted: #6b6b6b;--line: #e2ddd4;--tile-bg: #ffffff;--tile-fg: #2a2a2a;--green: #5cae67;--green-fg: #ffffff;--yellow: #e7c75a;--yellow-fg: #2a2a2a;--grey: #d8d4cc;--grey-fg: #4a4a4a;--accent: #2a6ed4;--shadow: 0 1px 0 rgba(0, 0, 0, .08);--radius: 8px;--gap: 6px;--tile-min: 44px}@media (prefers-color-scheme: dark){:root{--bg: #1a1a1c;--fg: #ececec;--muted: #9a9a9a;--line: #2c2c30;--tile-bg: #26262a;--tile-fg: #ececec;--green: #4f9e5a;--yellow: #d8b14a;--grey: #3a3a3e;--grey-fg: #cccccc;--accent: #6aa3f5}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);gap:16px}.topbar__title{margin:0;font-size:18px;letter-spacing:.02em}.topbar__nav{display:flex;gap:8px}.navbtn{background:transparent;border:1px solid var(--line);padding:6px 12px;border-radius:var(--radius);color:var(--fg);font:inherit;cursor:pointer}.navbtn:hover{background:var(--line)}.navbtn--active{background:var(--accent);color:#fff;border-color:var(--accent)}#app{flex:1;padding:20px;width:100%}.footer{padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.footer a{color:var(--accent)}.loader,.error{padding:32px;color:var(--muted);font-size:16px;text-align:center}.error{color:#c44}.play{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:12px}.play__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.play__title{margin:0;font-size:22px}.play__back{font-size:14px}.play__status{display:flex;gap:8px}.pill{background:var(--tile-bg);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px;color:var(--muted)}.play__message{min-height:28px;font-size:16px;font-weight:600;text-align:center}.play__message[data-status=won]{color:var(--green)}.play__message[data-status=lost]{color:#c44}.play__actions{display:flex;gap:8px;justify-content:center}.btn{background:var(--tile-bg);border:1px solid var(--line);color:var(--fg);padding:8px 16px;border-radius:var(--radius);font:inherit;cursor:pointer}.btn:hover{background:var(--line)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{border-color:transparent}.board{--n: 5;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:var(--gap);width:min(100%,480px);aspect-ratio:1;margin:0 auto}.tile{background:var(--tile-bg);color:var(--tile-fg);border:1px solid var(--line);border-radius:var(--radius);font:700 22px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;padding:0;transition:transform 80ms ease,background .12s ease,color .12s ease;box-shadow:var(--shadow)}.tile:hover:not(:disabled){transform:translateY(-1px)}.tile:disabled{cursor:default}.tile--hole{background:transparent;border:none;box-shadow:none;cursor:default}.tile[data-state=green]{background:var(--green);color:var(--green-fg);border-color:var(--green)}.tile[data-state=yellow]{background:var(--yellow);color:var(--yellow-fg);border-color:var(--yellow)}.tile[data-state=grey]{background:var(--grey);color:var(--grey-fg);border-color:var(--grey)}.tile--locked{cursor:default}.tile--selected{outline:3px solid var(--accent);outline-offset:2px;transform:scale(1.06)}.board[style*="--n: 7"] .tile{font-size:18px}.play__defs{margin-top:12px;display:flex;flex-direction:column;gap:8px}.play__defs h3{margin:0;font-size:16px}.def{font-size:14px;line-height:1.4;color:var(--fg)}.archive{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.archive__header{display:flex;align-items:center;justify-content:space-between}.archive__header h2{margin:0}.archive__tabs{display:flex;gap:6px}.tab{background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font:inherit;cursor:pointer;color:var(--fg)}.tab:hover{background:var(--line)}.tab--active{background:var(--accent);border-color:var(--accent);color:#fff}.archive__status{font-size:13px;color:var(--muted)}.archive__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.archive__item{background:var(--tile-bg);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius);padding:10px 6px;font:600 14px/1 inherit;cursor:pointer;text-align:center}.archive__item:hover{background:var(--line)}.archive__item:disabled{opacity:.5;cursor:default}@media (max-width: 480px){.topbar{padding:10px 12px}.topbar__title{font-size:16px}#app{padding:12px}}