:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121213;--fg:#f8f8f8;--muted:#818384;--tile:#3a3a3c;--line:#3a3a3c;--ok:#538d4e;--sel:#b59f3b;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.app{flex-direction:column;align-items:center;min-height:100vh;display:flex}header{border-bottom:1px solid var(--line);text-align:center;width:100%;padding:12px}.logo{color:var(--fg);letter-spacing:.2em;font-size:22px;font-weight:800;text-decoration:none}main{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:20px;display:flex}.muted{color:var(--muted)}.tag{color:var(--muted);margin:0}.card{border:1px solid var(--line);width:100%;color:var(--fg);border-radius:8px;padding:16px 20px;text-decoration:none;transition:border-color .2s;display:block}.card:hover{border-color:var(--muted)}.card h2{margin:0 0 4px}.card p{color:var(--muted);margin:0}.meta{justify-content:space-between;width:100%;font-size:14px;display:flex}.theme{text-align:center}.theme span{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.theme h1{margin:4px 0 0;font-size:26px}.board{margin:8px 0;position:relative}.tile{touch-action:none;border:2px solid var(--line);background:var(--tile);width:54px;height:54px;color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:28px;font-weight:700;transition:transform .35s cubic-bezier(.4,1.4,.6,1),background .3s,border-color .2s;display:flex;position:absolute;top:0;left:0}.tile.ok{background:var(--ok);border-color:var(--ok)}.tile.sel{border-color:var(--sel);box-shadow:0 0 0 2px var(--sel)}.counter{font-size:18px}.hint{text-align:center;margin:0;font-size:13px}.btn{background:var(--ok);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:10px 22px;font-size:15px;font-weight:700}.btn.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.win{text-align:center}.win pre{background:#1e1e20;border-radius:6px;padding:12px;font-family:inherit}.stars{margin-bottom:8px;font-size:28px}.answers{letter-spacing:.1em;font-weight:700}.tabs{gap:8px;display:flex}.tab{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-weight:700}.tab.on{border-color:var(--fg);color:var(--fg)}.tab.ok{background:var(--ok);border-color:var(--ok);color:#fff}.tab.rev{color:#fff;background:#555}.goal{text-align:center;margin:0;font-size:18px;font-weight:600}.mboard{position:relative}.match,.ghost{touch-action:none;cursor:pointer;transform-origin:50%;border:0;height:8px;padding:0;transition:transform .45s cubic-bezier(.3,1.3,.5,1),background .2s,box-shadow .2s,opacity .2s;position:absolute;top:0;left:0}.match{z-index:2;background:linear-gradient(#e9c98f,#c99a55);border-radius:3px;box-shadow:0 1px 2px #0008}.match:after{content:"";background:#9e3b33;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-3px;box-shadow:0 1px 1px #0005}.match.lifted{box-shadow:0 0 0 2px var(--sel),0 6px 12px #000a;z-index:3}.mboard.won .match:after{background:#a8443a}.ghost{z-index:1;background:0 0;border-radius:3px;outline:1px dashed #ffffff14}.ghost.live{background:#ffffff0a;outline:1px dashed #fff5}.ghost.live:hover{background:#b59f3b55}.row{gap:8px;display:flex}.btn.ghostbtn{border:1px solid var(--line);color:var(--fg);background:0 0}.btn:disabled{opacity:.4}.okmsg{color:#d9a36a;margin:0;font-weight:700}.shake{animation:.3s shake}@keyframes shake{25%{translate:-6px}75%{translate:6px}}.fit{width:100%;margin:12px 0;position:relative}.fit>.board,.fit>.mboard{transform-origin:0 0;margin:0}.board,.mboard{touch-action:none}.tile.drag,.match.drag{cursor:grabbing;transition:none}.tile.drag{opacity:.95;box-shadow:0 8px 18px #000a}.tile.over{border-color:var(--sel)}.ghost{pointer-events:none}.ghost.hot{background:#b59f3b88;outline-color:#b59f3b}.match:after{pointer-events:none}.card{flex-direction:column;padding:0;display:flex}.cardmain{color:var(--fg);padding:16px 20px 8px;text-decoration:none;display:block}.card .arch{color:var(--muted);padding:0 20px 14px;font-size:14px;text-decoration:none}.card .arch:hover{color:var(--fg)}.num{font-size:15px;font-weight:400}.meta a{text-decoration:none}.back{color:var(--fg);text-decoration:none}.archive{gap:10px}.alist{width:100%;margin:0;padding:0;list-style:none}.alist a{border-bottom:1px solid var(--line);color:var(--fg);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.alist a:hover{background:#1c1c1e}.anum{color:var(--muted);width:42px}.adate{flex:1}.alist a.done .anum{color:var(--ok)}.alist a.lost .anum{color:#a55}