.suvi-main:has(.sv){max-width:1000px}body:has(.sv) .suvi-foot{max-width:1000px}.suvi-main:has(.sv)>.suvi-about{max-width:720px}.sv{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:520px;margin:0 auto}.sv-board,.sv-side{display:contents}.sv-panel{order:0;display:grid;gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;min-height:5.6em;color:var(--ink);font-size:.95rem;line-height:1.4}.sv-panel p{margin:0}.sv-board>.sv-grid{order:1}.sv-actions{order:2}.sv-pad{order:3}.sv-more{order:4}.sv-paste{order:5}.sv-legend{order:6}.sv-list-head,.sv-side>.sv-help,.sv-steps,.sv-steps-end{order:7}.sv-grid.sk-grid{width:clamp(260px,calc(100dvh - 340px),100%)}@media(min-width:900px){.sv-grid.sk-grid{width:100%}}.sv-grid.sk-grid{grid-template-rows:repeat(9,minmax(0,1fr))}.sv .sk-cell{line-height:1}:root .sv .sk-grid .sk-cell.sv-solved:not(.is-given){color:var(--sky);font-weight:600}:root .sv .sk-grid .sk-cell.sv-answer:not(.is-given){color:var(--plum);font-weight:600;font-style:italic}.sv .sk-cell.sv-focus{background:color-mix(in srgb,var(--sun) 26%,var(--cell))}.sv .sk-cell.is-given.sv-focus{background:color-mix(in srgb,var(--sun) 30%,var(--cell-given))}.sv .sk-cell.sv-target{background:var(--cell-selected);box-shadow:inset 0 0 0 3px var(--ink);z-index:1}.sv .sk-cell.is-selected:not(.sv-target){box-shadow:inset 0 0 0 2px var(--ink-2)}.sv .sk-cell.is-wrong{background:var(--cell-wrong);color:var(--coral)}.sv .sk-cell .marks{font-size:clamp(9px,2.7vw,13px)}.sv .sk-cell .marks .sv-struck{color:var(--coral);text-decoration:line-through;text-decoration-thickness:2px;font-weight:800}.sv .sk-cell:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}.sv-status{font-size:.95rem}.sv-status b{font-variant-numeric:tabular-nums}.sv-tech{display:inline-block;margin-left:4px;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;font-weight:700;background:var(--sun);color:#2a1f16;border-radius:999px;padding:2px 9px;text-decoration:none;vertical-align:1px}.sv-tech:hover,.sv-tech:focus-visible{text-decoration:underline}.sv-text{font-size:1rem}.sv-help{font-size:.88rem;color:var(--ink-2);margin:0}.sv-note{border-radius:var(--radius-s);padding:6px 10px;font-size:.95rem}.sv-note.is-ok{background:var(--done-bg);color:var(--ink)}.sv-note.is-warn{background:var(--todo-bg);color:var(--ink)}.sv-note.is-error{background:var(--cell-wrong);color:var(--ink)}.sv-note.is-info{color:var(--ink-2);padding:0}.sv-stall{display:grid;gap:6px;border-left:4px solid var(--plum);padding:4px 0 4px 10px}.sv-stall p{margin:0}.sv-stall .suvi-btn,.sv-back{justify-self:start}.sv-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.sv-actions .suvi-btn{min-height:52px;font-size:1.02rem;line-height:1.15;text-align:center;padding:6px 10px}.sv-more{display:flex;flex-wrap:wrap;gap:8px}.sv-small{min-height:44px;padding:6px 14px;font-size:.95rem}.sv-small.is-on,.sv-small[aria-pressed=true]{background:var(--cell-selected);border-color:var(--sun)}.sv-pad .sk-key{min-height:52px}.sv-erase{color:var(--ink-2)}@media(min-width:480px){.sv-pad.sk-pad{grid-template-columns:repeat(10,minmax(0,1fr))}.sv-pad .sk-key-erase{display:grid}}.sv-paste{display:grid;gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px}.sv-paste-label{font-weight:700}.sv-paste-input{width:100%;font:inherit;font-size:1rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;padding:8px 10px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--cell);color:var(--ink);min-height:72px;resize:vertical;word-break:break-all}.sv-paste .suvi-btn{justify-self:start}.sv-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.85rem;color:var(--ink-2);margin:0}.sv-legend span:before{content:"4";display:inline-block;width:1.4em;text-align:center;margin-right:4px;border:1px solid var(--line);border-radius:4px;font-weight:700;background:var(--cell)}.sv-legend .sv-key-clue:before{background:var(--cell-given);color:var(--ink)}.sv-legend .sv-key-solved:before{color:var(--sky);font-weight:600}.sv-legend .sv-key-answer:before{color:var(--plum);font-style:italic;font-weight:600}.sv-legend .sv-key-struck:before{content:"7";color:var(--coral);text-decoration:line-through;text-decoration-thickness:2px;font-weight:800;font-size:.85em}.sv-list-head{font-size:1.15rem;margin:10px 0 0}.sv-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:sv}.sv-steps li{counter-increment:sv}.sv-step{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;justify-content:space-between;text-align:left;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--cell);color:var(--ink);cursor:pointer;font:inherit;font-size:.95rem}.sv-step:before{content:counter(sv) ".";color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:2.2em}.sv-step-what{flex:1 1 auto}.sv-step-tech{flex:none;font-size:.8rem;color:var(--ink-2);text-align:right}.sv-step.is-on{background:var(--cell-selected);border-color:var(--sun)}.sv.is-solved .sk-grid{border-color:var(--leaf)}@media(max-width:700px)and (orientation:portrait){.sv.is-stepping .sv-actions{position:sticky;bottom:0;z-index:6;margin:0 -16px;padding:8px 16px max(8px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -6px 18px #3c281414}}@media(min-width:900px){.sv{max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px}.sv-board{display:block;position:sticky;top:12px}.sv-side{display:grid;gap:10px;align-content:start}.sv-steps{max-height:420px;overflow-y:auto;padding-right:4px}}:root[data-text-size=large] .sv-panel{min-height:6.4em}:root[data-text-size=large] .sv-tech{font-size:.72rem}@media(max-width:700px)and (orientation:portrait){:root[data-text-size=large] .sv-grid.sk-grid{width:clamp(250px,calc(100dvh - 372px),100%)}}