:root{--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--size-body:clamp(13px, 1.1vw, 14.5px);--size-small:11.5px;--size-label:10.5px;--size-h1:clamp(22px, 3vw, 30px);--lh:1.6;--bg:#0b0c0b;--bg-header:#0e100e;--bg-box:#0d100c;--bg-chip:#14170f;--bg-hover:#1d2218;--bg-well:#101310;--bg-cell:#15181a;--bg-cell-hover:#1d2124;--fg:#dfe3dc;--fg-bright:#f2f5ef;--dim:#8d9789;--muted:#6f786b;--rule:#1e211d;--border:#262b22;--border-btn:#2c3227;--border-hover:#4a5243;--border-cell:#2a2f33;--a:#ff9d3b;--a-hover:color-mix(in oklab, var(--a) 65%, white);--a-soft:color-mix(in oklab, var(--a) 22%, transparent);--a-underline:color-mix(in oklab, var(--a) 35%, transparent);--ok:#6bff9a;--ok-soft:color-mix(in oklab, var(--ok) 18%, transparent);--err:#ff5d5d;--err-soft:color-mix(in oklab, var(--err) 20%, transparent);--warn:#ffd166;--region-0:#5b7bd6;--region-1:#d65b7b;--region-2:#4fae7a;--region-3:#c9a24a;--region-4:#9b6bd6;--region-5:#46a9b8;--region-6:#d6784a;--region-7:#7f9a3b;--region-8:#b85a9f;--region-9:#6f7f8f;--sun:#ffd166;--moon:#8ecae6;--path:var(--a);--path-soft:color-mix(in oklab, var(--a) 30%, transparent);--wall:#8d9789;--mine:#ff5d5d;--flag:var(--a);--cell-hidden:#1f252a;--cell-hidden-hover:#273036;--cell-open:#101315;--num-1:#5b9bd6;--num-2:#4fae7a;--num-3:#d65b5b;--num-4:#9b6bd6;--num-5:#c9a24a;--num-6:#46a9b8;--num-7:#dfe3dc;--num-8:#8d9789;--fill:#e6e9e2;--cross:#5a635a;--clue-done:#4a524a;--island:#1b2126;--island-done:color-mix(in oklab, var(--ok) 25%, var(--island));--island-over:color-mix(in oklab, var(--err) 30%, var(--island));--bridge:var(--fg);--bridge-ghost:color-mix(in oklab, var(--fg) 30%, transparent);--w-correct:#4fae7a;--w-present:#c9a24a;--w-absent:#2a2f2b;--w-key:#2c3330;--w-tile-border:#3a403c;--t-empty:#15181a;--t-2:#2a2f2b;--t-4:#343a33;--t-8:#7a5a2e;--t-16:#a06a2a;--t-32:#c97a2a;--t-64:#e8872e;--t-128:#ff9d3b;--t-256:#ffad57;--t-512:#ffbd72;--t-1024:#ffd166;--t-2048:#fff0a8;--t-super:#8ecae6;--t-text-dark:#141414;--felt:#0f2a1e;--felt-edge:#17402e;--card-face:#f4f3ec;--card-back:#27384f;--card-back-2:#1a2738;--card-red:#c73b3b;--card-black:#1a1c1a;--card-shadow:0 2px 6px #00000073;--max:980px;--gutter:16px;--radius:8px;--radius-sm:5px;--fast:.12s;--norm:.22s}@keyframes playIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes playPop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes playShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes playFade{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{min-height:100dvh;color:var(--fg);font-family:var(--font-mono);font-size:var(--size-body);line-height:var(--lh);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--a);border-bottom:1px solid var(--a-underline);text-decoration:none}a:hover{color:var(--a-hover)}button{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;min-height:100dvh;display:flex}.hdr{z-index:10;background:color-mix(in oklab, var(--bg-header) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);position:sticky;top:0}.hdr-in{max-width:var(--max);padding:10px var(--gutter);align-items:center;gap:14px;margin:0 auto;display:flex}.brand{color:var(--fg-bright);letter-spacing:-.01em;border:0;align-items:center;gap:8px;font-weight:700;display:inline-flex}.brand:hover{color:var(--fg-bright)}.brand-dot{background:var(--a);border-radius:2px;width:9px;height:9px;display:inline-block}.brand-sub{color:var(--dim);font-weight:400}.hdr-right{color:var(--dim);font-size:var(--size-small);align-items:center;gap:14px;margin-left:auto;display:flex}.hdr-right a{color:var(--dim);border:0}.hdr-right a:hover{color:var(--fg)}.main{width:100%;max-width:var(--max);padding:22px var(--gutter) 48px;animation:playIn var(--norm) ease-out both;flex:1;margin:0 auto}.ftr{border-top:1px solid var(--rule);color:var(--muted);font-size:var(--size-small)}.ftr-in{max-width:var(--max);padding:14px var(--gutter);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;display:flex}.ftr a{color:var(--dim);border:0}.home-head{margin-bottom:20px}.home-head h1{font-size:var(--size-h1);letter-spacing:-.02em;color:var(--fg-bright);margin:0 0 6px;line-height:1.1}.home-head p{color:var(--dim);margin:0}.home-group{margin-bottom:22px}.home-group-title{font-size:var(--size-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.card{background:var(--bg-box);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);transition:border-color var(--fast), background var(--fast), transform var(--fast);flex-direction:column;gap:10px;padding:16px;display:flex}.card:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--fg);transform:translateY(-1px)}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card h3{color:var(--fg-bright);margin:0;font-size:16px}.card p{color:var(--dim);font-size:var(--size-small);min-height:2.6em;margin:0}.card-foot{font-size:var(--size-small);color:var(--dim);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.card-icon{border-radius:var(--radius-sm);background:var(--bg-well);border:1px solid var(--border);width:44px;height:44px;color:var(--a);place-items:center;display:grid}.card-icon svg{width:26px;height:26px}.pill{font-size:var(--size-label);letter-spacing:.02em;border:1px solid var(--border);color:var(--dim);background:var(--bg-chip);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.pill-ok{color:var(--ok);border-color:color-mix(in oklab, var(--ok) 35%, transparent);background:var(--ok-soft)}.pill-a{color:var(--a);border-color:color-mix(in oklab, var(--a) 40%, transparent);background:var(--a-soft)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-btn);background:var(--bg-chip);color:var(--fg);cursor:pointer;font-size:var(--size-small);transition:border-color var(--fast), background var(--fast), color var(--fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 12px;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--a);border-color:var(--a);color:#141414;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--a-hover);border-color:var(--a-hover)}.btn-ghost{color:var(--dim);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--bg-chip)}.btn-icon{padding:7px 9px}.btn kbd{font:inherit;font-size:var(--size-label);color:var(--muted)}.shell{flex-direction:column;gap:14px;display:flex}.shell-top{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.shell-top h1{color:var(--fg-bright);letter-spacing:-.01em;margin:0;font-size:20px}.shell-meta{color:var(--dim);font-size:var(--size-small)}.shell-clock{font-variant-numeric:tabular-nums;color:var(--fg);align-items:center;gap:8px;margin-left:auto;font-size:15px;display:inline-flex}.shell-clock .pill{font-variant-numeric:normal}.shell-board{justify-content:center;display:flex;overflow:visible}.shell-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shell-actions .spacer{flex:1}.shell-note{color:var(--dim);font-size:var(--size-small);min-height:1.4em}.result{border:1px solid color-mix(in oklab, var(--ok) 35%, var(--border));background:linear-gradient(180deg, var(--ok-soft), transparent 70%), var(--bg-box);border-radius:var(--radius);animation:playIn var(--norm) ease-out both;gap:12px;padding:16px;display:grid}.result.lost{border-color:color-mix(in oklab, var(--err) 35%, var(--border));background:linear-gradient(180deg, var(--err-soft), transparent 70%), var(--bg-box)}.result h2{color:var(--fg-bright);margin:0;font-size:18px}.result p{color:var(--dim);margin:0}.result-row{flex-wrap:wrap;gap:8px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--bg-well);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:10px 8px}.stat b{color:var(--fg-bright);font-variant-numeric:tabular-nums;font-size:20px;display:block}.stat span{font-size:var(--size-label);color:var(--dim);letter-spacing:.03em;text-transform:uppercase}.modal-bg{padding:var(--gutter);z-index:50;animation:playFade var(--fast) ease-out both;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-box);border:1px solid var(--border);border-radius:var(--radius);width:min(460px,100%);animation:playIn var(--norm) ease-out both;max-height:calc(100dvh - 2 * var(--gutter));gap:12px;padding:18px;display:grid;overflow:auto}.modal h2{color:var(--fg-bright);margin:0;font-size:17px}.modal p,.modal li{color:var(--dim);margin:0}.modal ol,.modal ul{gap:6px;margin:0;padding-left:1.3em;display:grid}.modal-foot{justify-content:flex-end;gap:8px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=520px){.main{padding-top:14px}.stats{grid-template-columns:repeat(2,1fr)}}