:root{--paper:#f6f4ee;--surface:#fff;--ink:#1f2a44;--muted:#4a5468;--line:#1f2a44;--thin:#9aa3b5;--user:#1747a6;--peer:#e8edf6;--same:#d6e2f6;--selected:#b3cbf2;--wrong-ink:#a3001b;--wrong-bg:#fbe3e7;--hint-ink:#1d5c3a;--focus:#b8560f;--tap:48px;--board:min(100vw - 1.5rem, 30rem, 62vh);--digit:.62;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,sans-serif;font-size:100%;line-height:1.5}:root.text-2{font-size:118.75%}:root.large-print{--board:min(100vw - 1rem, 36rem, 66vh);--digit:.7;--thin:#6b7489;--tap:56px}*{box-sizing:border-box}body{min-height:100vh;margin:0}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.topbar{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .75rem;display:flex}.brand{color:var(--paper);margin:0;padding:.75rem 0;font-size:1.125rem;font-weight:700;text-decoration:none}.topbar .ghost{color:var(--paper);border-color:var(--paper);background:0 0}main{max-width:60rem;margin:0 auto;padding:.75rem .5rem}.screen{justify-items:center;gap:1rem;display:grid}.card{background:var(--surface);border:1px solid #d8dbe2;border-radius:12px;width:100%;max-width:32rem;padding:1rem 1.25rem}.card h2{margin:0 0 .25rem;font-size:1.375rem}.muted{color:var(--muted)}p{margin:.5rem 0}button{min-height:var(--tap);min-width:var(--tap);font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);cursor:pointer;border-radius:10px;padding:0 1rem;font-weight:600}button.primary{background:var(--ink);color:#fff}button.ghost{background:0 0;border-color:#0000}button[aria-pressed=true]{background:var(--ink);color:#fff}button:disabled{opacity:.55;cursor:default}.choices{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.choices button{flex:6rem}.card>.primary,#practice-continue{width:100%;margin-top:.5rem}.links{gap:1.5rem;display:flex}.links a,.prose a{color:var(--user);padding:.75rem 0;display:inline-block}.playbar{align-items:center;gap:.5rem;width:100%;max-width:36rem;display:flex}.playbar h2{text-align:center;flex:1;margin:0;font-size:1.125rem}#hint-count{min-width:var(--tap);text-align:right}.play-area{flex-direction:column;align-items:center;gap:.75rem;display:flex}@media (min-width:52rem) and (orientation:landscape){.play-area{flex-direction:row;align-items:flex-start}.controls{width:18rem}.keypad{grid-template-columns:repeat(3,1fr)!important}}.board{width:var(--board);aspect-ratio:1;border:3px solid var(--line);background:var(--surface);-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-rows:repeat(9,minmax(0,1fr));display:grid;container-type:inline-size}.row{grid-template-columns:repeat(9,minmax(0,1fr));min-height:0;display:grid}.cell{border-right:1px solid var(--thin);border-bottom:1px solid var(--thin);font-size:calc(var(--digit) * 100cqi / 9);color:var(--user);cursor:pointer;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.row .cell:last-child{border-right:0}.row:last-child .cell{border-bottom:0}.cell.edge-r{border-right:3px solid var(--line)}.cell.edge-b{border-bottom:3px solid var(--line)}.cell.given{color:var(--ink);font-weight:700}.cell.hinted{color:var(--hint-ink)}.cell.peer{background:var(--peer)}.cell.same{background:var(--same)}.cell.selected{background:var(--selected);box-shadow:inset 0 0 0 3px var(--ink)}.cell.wrong{color:var(--wrong-ink);background:var(--wrong-bg);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.cell.wrong.selected{background:#f4c4cd}.cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.notes{color:var(--muted);grid-template-columns:repeat(3,1fr);font-size:3cqi;font-weight:600;line-height:1;display:grid;position:absolute;inset:2px}.notes span{justify-content:center;align-items:center;display:flex}:root.large-print .notes{font-size:3.33333cqi}.controls{width:var(--board);gap:.5rem;display:grid}.tools{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.tools button{padding:0 .25rem}.keypad{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.keypad button{padding:0;font-size:1.5rem}:root.large-print .keypad button{font-size:1.875rem}.keypad.pencil button{border-style:dashed;font-size:1.125rem}.stats{gap:1rem;margin:1rem 0;display:flex}.stats div{text-align:center;background:var(--paper);border-radius:10px;flex:1;padding:.5rem}.stats dt{color:var(--muted);font-size:.9375rem}.stats dd{margin:0;font-size:1.75rem;font-weight:700}#solved-title:focus{outline:none}dialog{max-width:min(28rem,94vw);color:var(--ink);border:0;border-radius:12px;padding:0}dialog::backdrop{background:#00000073}.settings{gap:.75rem;padding:1.25rem;display:grid}.settings h2{margin:0}fieldset{border:1px solid #c4c8d2;border-radius:10px;margin:0;padding:.25rem .75rem .5rem}legend{padding:0 .25rem;font-weight:600}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:.75rem;display:flex}.check input{width:1.5rem;height:1.5rem;accent-color:var(--ink)}.prose{max-width:40rem}.prose h1{font-size:1.75rem}.prose h2{margin-top:1.5rem;font-size:1.25rem}.prose li{margin:.375rem 0}.hero{width:100%;max-width:32rem}.hero h1{margin:.25rem 0;font-size:1.5rem;line-height:1.3}.about-short h2{margin-top:1rem;font-size:1.125rem}.about-short ul{padding-left:1.25rem}button.link{min-width:0;color:var(--user);background:0 0;border:0;padding:0;font-weight:400;text-decoration:underline}#timer{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5rem}.keys{border-collapse:collapse;width:100%}.keys th,.keys td{text-align:left;vertical-align:top;border-bottom:1px solid #d8dbe2;padding:.5rem}.keys th{white-space:nowrap;font-weight:600}.prose-dialog{max-width:min(40rem,94vw);max-height:90vh}.prose-dialog .prose{padding:1.25rem}