.board.svelte-15q6zgb{--cell-gap:2px;--box-gap:6px;--tile-pad:2px;--frame:5px;padding:calc(var(--frame) + var(--tile-pad));background:var(--board);box-shadow:0 5px 0 var(--board-drop);border-radius:22px;position:relative}.tiles.svelte-15q6zgb{inset:var(--frame);gap:calc(2 * var(--cell-gap) + var(--box-gap) - 2 * var(--tile-pad));display:grid;position:absolute}.tile.svelte-15q6zgb{background:var(--tile);border-radius:14px}.cells.svelte-15q6zgb{row-gap:var(--cell-gap);aspect-ratio:1;outline:none;grid-template-columns:minmax(0,1fr);display:grid;position:relative;container-type:inline-size}.row.svelte-15q6zgb{column-gap:var(--cell-gap);display:grid}.cell.svelte-15q6zgb{background:var(--cell);min-width:0;color:var(--player);font-family:var(--font-display);font-weight:600;font-size:calc(100cqw / var(--n) * .6);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:8px;place-items:center;line-height:1;transition:background-color .12s,transform .15s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative}.cell.svelte-15q6zgb:active{transform:scale(.92)}.cell.svelte-15q6zgb:focus-visible{outline-offset:-3px;z-index:1}.cell.peer.svelte-15q6zgb{background:var(--cell-peer)}.cell.region.svelte-15q6zgb{background:var(--cell-region)}.cell.same.svelte-15q6zgb{background:var(--cell-same)}.cell.pattern.svelte-15q6zgb{background:var(--cell-pattern)}.cell.bad.svelte-15q6zgb{background:var(--cell-bad)}.cell.target.svelte-15q6zgb{background:var(--cell-pattern);box-shadow:inset 0 0 0 2.5px var(--cell-target-ring)}.cell.sel.svelte-15q6zgb{background:var(--cell-sel)}.cell.sel.bad.svelte-15q6zgb{background:var(--cell-bad);box-shadow:inset 0 0 0 3px var(--focus)}.cell.given.svelte-15q6zgb{color:var(--given)}.cell.bad.player.svelte-15q6zgb{color:var(--bad-ink)}.cell.sel.svelte-15q6zgb .digit:where(.svelte-15q6zgb){color:var(--cell-sel-ink)}.cell.sel.bad.svelte-15q6zgb .digit:where(.svelte-15q6zgb){color:var(--given)}.cell.sel.bad.player.svelte-15q6zgb .digit:where(.svelte-15q6zgb){color:var(--bad-ink)}.cell.wrong.svelte-15q6zgb:after{content:"";background:var(--bad-ink);border-radius:2px;height:2.5px;position:absolute;bottom:11%;left:24%;right:24%}.cell.player.svelte-15q6zgb .digit:where(.svelte-15q6zgb){animation:.22s cubic-bezier(.3,1.6,.5,1) svelte-15q6zgb-digit-in}.notes.svelte-15q6zgb{grid-template-columns:repeat(var(--box-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--box-rows), minmax(0, 1fr));font-family:var(--font-ui);font-weight:800;font-size:calc(100cqw / var(--n) * .25);color:var(--note);display:grid;position:absolute;inset:5%}@container (width<=440px){.notes.svelte-15q6zgb{font-size:calc(100cqw / var(--n) * .3);color:var(--ink-2)}}.cell.sel.svelte-15q6zgb .notes:where(.svelte-15q6zgb){color:var(--cell-sel-ink)}.note.svelte-15q6zgb{border-radius:3px;place-items:center;display:grid}.note.hi.svelte-15q6zgb{color:var(--note-hi);background:var(--note-hi-bg)}.note.struck.svelte-15q6zgb{color:var(--strike);text-decoration:line-through 2px}.board.celebrate.svelte-15q6zgb .cell:where(.svelte-15q6zgb){animation:.6s cubic-bezier(.3,1.6,.5,1) both svelte-15q6zgb-celebrate;animation-delay:calc(var(--i) * 30ms)}@keyframes svelte-15q6zgb-digit-in{0%{opacity:0;transform:scale(.4)}}@keyframes svelte-15q6zgb-celebrate{40%{background:var(--sun);transform:scale(.82)}}@media (forced-colors:active){.board.svelte-15q6zgb,.tile.svelte-15q6zgb{border:2px solid canvastext}.cell.svelte-15q6zgb{border:1px solid graytext}.cell.same.svelte-15q6zgb,.cell.region.svelte-15q6zgb,.cell.pattern.svelte-15q6zgb,.cell.target.svelte-15q6zgb{outline-offset:-4px;outline:2px dotted highlight}.cell.sel.svelte-15q6zgb{forced-color-adjust:none;color:highlighttext;background:highlight}.cell.sel.svelte-15q6zgb .digit:where(.svelte-15q6zgb),.cell.sel.svelte-15q6zgb .notes:where(.svelte-15q6zgb){color:highlighttext}.cell.bad.svelte-15q6zgb{forced-color-adjust:none;color:marktext;background:mark;border:2px dashed canvastext}.cell.bad.svelte-15q6zgb .digit:where(.svelte-15q6zgb),.cell.sel.bad.svelte-15q6zgb .digit:where(.svelte-15q6zgb),.cell.sel.bad.player.svelte-15q6zgb .digit:where(.svelte-15q6zgb){color:marktext}.cell.sel.bad.svelte-15q6zgb{outline-offset:-3px;box-shadow:none;outline:3px solid highlight}.cell.wrong.svelte-15q6zgb:after{background:0 0;border-bottom:3px solid;height:0}.note.hi.svelte-15q6zgb{forced-color-adjust:none;color:highlighttext;background:highlight}}