.sv-board{width:100%;position:relative;container-type:inline-size}.sv-grid{aspect-ratio:1;border:2px solid var(--ink);border-radius:var(--r-panel);background:var(--paper);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-template-columns:repeat(9,minmax(0,1fr));display:grid;overflow:hidden}.sv-grid>[role=row]{display:contents}.sv-cell{border-inline-end:1px solid var(--rule);border-block-end:1px solid var(--rule);min-width:0;color:var(--quiet);font-family:var(--text);cursor:pointer;outline:none;justify-content:center;align-items:center;font-size:6.4cqi;font-weight:400;line-height:1;display:flex;position:relative}.sv-cell[data-c="2"],.sv-cell[data-c="5"]{border-inline-end:2px solid var(--ink)}.sv-cell[data-c="8"]{border-inline-end:0}.sv-cell[data-r="2"],.sv-cell[data-r="5"]{border-block-end:2px solid var(--ink)}.sv-cell[data-r="8"]{border-block-end:0}.sv-cell:before{content:"";background:var(--wash);opacity:0;transition:opacity var(--respond) var(--ease-respond);pointer-events:none;position:absolute;inset:0}.sv-cell[data-tint=soft]:before{opacity:.45}.sv-cell[data-tint=full]:before{opacity:1}.sv-cell:after{content:"";pointer-events:none;border:2px solid #0000;position:absolute;inset:0}.sv-cell[data-sel]:after,.sv-cell:focus-visible:after{border-color:var(--accent)}.sv-cell[data-wrong]:after{border-color:var(--caution)}.sv-digit{position:relative}.sv-cell[data-given] .sv-digit{color:var(--ink);font-weight:600}.sv-cell[data-same] .sv-digit{color:var(--accent);font-weight:600}.sv-cell[data-bad] .sv-digit{color:var(--caution);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.09em}.sv-ghost{color:var(--accent);text-underline-offset:.14em;font-weight:600;text-decoration:underline;text-decoration-thickness:.07em;position:relative}.sv-ink{color:var(--ink);opacity:0;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.sv-cell[data-inked] .sv-ink{opacity:1}.sv-cell[data-wave] .sv-ink{animation-name:sv-ink;animation-duration:var(--settle);animation-timing-function:var(--ease-settle);animation-delay:calc(var(--d,0s) + .18s);animation-fill-mode:both}.sv-cell[data-wave]:before{animation-name:sv-wash;animation-duration:calc(var(--draw) * 2);animation-timing-function:var(--ease-settle);animation-delay:var(--d,0s);animation-fill-mode:both}@keyframes sv-ink{0%{opacity:0}to{opacity:1}}@keyframes sv-wash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sv-cell[data-wave]:before{animation:none}}.sv-notes{color:var(--quiet);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;font-size:2.85cqi;font-weight:500;line-height:1;display:grid;position:absolute;inset:11%}.sv-note[data-key]{color:var(--accent);font-weight:600}.sv-note[data-gone]{color:var(--caution);text-decoration:line-through;text-decoration-thickness:.14em}.sv-note[data-side]{border-radius:var(--r-round);justify-content:center;align-items:center;width:1.45em;height:1.45em;display:flex}.sv-note[data-side=a]{background:var(--accent);color:var(--paper)}.sv-note[data-side=b]{border:.13em solid var(--accent);color:var(--accent)}.sv-mark{border-radius:var(--r-round);width:1.5cqi;height:1.5cqi;position:absolute;inset-block-start:5%;inset-inline-start:5%}.sv-mark[data-mark="1"]{background:var(--ink)}.sv-mark[data-mark="2"]{border:.35cqi solid var(--ink)}.sv-links{pointer-events:none;fill:none;stroke-linecap:round;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.sv-link-strong{stroke:var(--accent);stroke-width:6px}.sv-link-weak{stroke:var(--quiet);stroke-width:2.5px}.sv-board[data-paused] .sv-grid{visibility:hidden}.sv-rest{justify-content:center;align-items:flex-start;gap:var(--near);padding:var(--apart);border:2px solid var(--rule);border-radius:var(--r-panel);flex-direction:column;display:flex;position:absolute;inset:0}.sv-pad{gap:var(--snug);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sv-key{justify-content:center;align-items:center;gap:var(--tight);border:1px solid var(--rule);border-radius:var(--r-control);min-width:0;min-height:3.25rem;color:var(--ink);font-family:var(--text);transition:background-color var(--respond) var(--ease-respond), border-color var(--respond) var(--ease-respond), color var(--respond) var(--ease-respond);background:0 0;font-size:1.5rem;font-weight:500;line-height:1;display:flex}.sv-key:active{background:var(--wash)}@media (hover:hover) and (pointer:fine){.sv-key:hover{background:var(--wash)}}.sv-key[aria-pressed=true]{border-color:var(--accent);background:var(--wash);color:var(--accent);font-weight:600}.sv-key[data-done]{color:var(--quiet);font-weight:400}.sv-key-word{font-size:1rem;font-weight:600}.sv-key-wide{grid-column:span 2}.sv-key-erase{grid-column:auto}.sv-pad-wrap{container-type:inline-size}@container (max-width:17rem){.sv-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-key-wide,.sv-key-erase{grid-column:1/-1}}.sv-key-shape{border-radius:var(--r-round);width:.7rem;height:.7rem;display:inline-block}.sv-key-shape[data-mark="1"]{background:currentColor}.sv-key-shape[data-mark="2"]{border:2px solid}.sv-table{border-collapse:collapse;width:100%;font-family:var(--text)}.sv-table th,.sv-table td{border-block-end:1px solid var(--rule);text-align:end;vertical-align:baseline;padding:.875rem 0}.sv-table th:first-child,.sv-table td:first-child{text-align:start}.sv-table thead th{padding-block-start:0}.sv-paper{aspect-ratio:1;border:2px solid var(--ink);color:var(--ink);font-family:var(--text);grid-template-columns:repeat(9,minmax(0,1fr));font-weight:600;display:grid;container-type:inline-size}.sv-paper>span{border-inline-end:1px solid var(--rule);border-block-end:1px solid var(--rule);justify-content:center;align-items:center;font-size:6.4cqi;line-height:1;display:flex}.sv-paper>span[data-c="2"],.sv-paper>span[data-c="5"]{border-inline-end:2px solid var(--ink)}.sv-paper>span[data-c="8"]{border-inline-end:0}.sv-paper>span[data-r="2"],.sv-paper>span[data-r="5"]{border-block-end:2px solid var(--ink)}.sv-paper>span[data-r="8"]{border-block-end:0}.sv-sheet-item{break-inside:avoid}@media print{.sv-sheet-item{width:72%}.sv-answers{break-before:page}.sv-print-one{width:88%}}
