@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#edf1ec;--surface:#fff;--ink:#15231d;--muted:#5a6a62;--line:#d3dcd5;--green:#2e9b5f;--yellow:#e0b32e;--tint-green:#d5ebdd;--tint-yellow:#f6ebc4;--danger:#b5412b;--near:#e3ebe5;--black:#15231d;--black-edge:#15231d;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg:#0e1a16;--surface:#17271f;--ink:#e7efea;--muted:#94a69d;--line:#2f463b;--green:#36a869;--yellow:#d9ac2b;--tint-green:#1d4530;--tint-yellow:#4a3e12;--danger:#f08a73;--near:#1f342a;--black:#030705;--black-edge:#3b5548}}*,:before,:after{box-sizing:inherit}body{background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:Bricolage Grotesque Variable,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45}.wrap{max-width:460px;margin:0 auto;padding:0 16px 24px}h1{letter-spacing:-.02em;margin:0 0 12px;font-size:1.9rem;font-weight:800;line-height:1.05}h2{margin:0 0 10px;font-size:1.35rem;font-weight:750;line-height:1.15}p{margin:0}.hint{color:var(--muted);font-size:.92rem}.top{align-items:center;gap:10px;max-width:460px;margin:0 auto;padding:12px 16px;display:flex}.logo{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.mark{gap:2px;display:flex}.mark i{background:var(--surface);border:1.5px solid var(--muted);border-radius:3px;place-items:center;width:18px;height:18px;font-size:.7rem;font-style:normal;font-weight:800;line-height:1;display:grid}.mark i.b{background:var(--black);border-color:var(--black-edge)}.nr{color:var(--muted);font-weight:650}.tries{margin-left:auto;font-size:1.15rem;font-weight:750}body[data-view=play] #done,body[data-view=done] .pad,body[data-view=done] .actions,body[data-view=done] .note,body[data-view=done] .history{display:none}.card{background:var(--surface);border-radius:14px;padding:18px}#done{text-align:center;margin-top:16px}#done .btn{margin-top:12px}#done-note:not(:empty){margin-top:14px}dialog{color:var(--ink);background:0 0;border:0;width:min(460px,100% - 32px);max-height:calc(100% - 32px);padding:0}dialog::backdrop{background:#080e0b8c}.rules ul{gap:8px;margin:0 0 14px;padding-left:1.15em;display:grid}.rules ul:last-child{margin:14px 0 0}.example{align-items:center;gap:4px;margin-bottom:6px;display:flex}.example i{border:2px solid var(--line);border-radius:5px;place-items:center;width:38px;height:38px;font-size:1.2rem;font-style:normal;font-weight:750;display:grid}.example i.black{background:var(--black);border-color:var(--black-edge)}.example .clue{min-width:3.2em}.rules+.btn,.rules+form{margin-top:16px}.btn{width:100%;font:inherit;text-align:center;color:var(--ink);background:var(--surface);border:2px solid var(--muted);cursor:pointer;min-height:50px;box-shadow:0 3px 0 var(--muted);touch-action:manipulation;border-radius:10px;padding:11px 14px;font-size:1.05rem;font-weight:750;text-decoration:none;display:block}.btn:active{box-shadow:0 1px 0 var(--muted);transform:translateY(2px)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px #1d6b40}.btn.small{min-height:44px;padding:8px 12px;font-size:.95rem}.btn:disabled{opacity:.45;cursor:default;box-shadow:0 1px 0 var(--muted);transform:translateY(2px)}.board{grid-template-columns:calc(var(--runs) * 1.45em + 4px) repeat(var(--n),1fr);-webkit-user-select:none;user-select:none;gap:4px;display:grid}.clue{color:var(--ink);border-radius:6px;gap:.5em;font-size:1.05rem;font-weight:750;display:flex}.clue.row{justify-content:flex-end;align-items:center;padding-right:6px}.clue.col{flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding-bottom:3px;line-height:1.2}.clue.sel{background:var(--near)}.clue.ok{color:var(--green)}.clue.bad{color:var(--danger);text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.cell{aspect-ratio:1;min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:7px;place-items:center;padding:0;font-size:clamp(1.3rem,7.5vw,2rem);font-weight:750;display:grid}.cell.near{background:var(--near)}.cell.ok:not(.black){background:var(--tint-green);border-color:var(--tint-green)}.cell.missed{color:var(--danger)}.cell.missed.black{border-color:var(--danger)}.cell.black{background:var(--black);border-color:var(--black-edge)}.cell.white:after,.key.white:after{content:"";aspect-ratio:1;border:3px solid var(--muted);border-radius:50%;width:26%}.cell.double{color:var(--danger);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.cell.sel{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}.pad{grid-template-columns:repeat(var(--cols),1fr);gap:8px;margin-top:18px;display:grid}.key{min-height:54px;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--muted);box-shadow:0 3px 0 var(--muted);cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;padding:0;font-size:1.4rem;font-weight:750;display:grid}.key:active{box-shadow:0 1px 0 var(--muted);transform:translateY(2px)}.key.black:after{content:"";background:var(--black);border:2px solid var(--black-edge);border-radius:5px;width:24px;height:24px}.key.white:after{width:20px}.actions{grid-template-columns:1fr auto;gap:8px;margin-top:14px;display:grid}.note{text-align:center;min-height:1.45em;margin-top:10px}.history{font:inherit;text-align:center;margin:8px 0 0;font-size:1.05rem;line-height:1.25}.result{font:inherit;white-space:pre-wrap;-webkit-user-select:all;user-select:all;margin:0 0 4px;font-size:1.1rem;line-height:1.3}