.sk{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:520px;margin:0 auto}.sk-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.sk-tabs{display:flex;flex:1 1 0;min-width:0;gap:4px;background:var(--bg-2);border-radius:999px;padding:3px}.sk-tab{flex:1 1 0;min-width:0;border:0;background:transparent;border-radius:999px;padding:6px 4px;min-height:40px;font-weight:600;color:var(--ink-2);cursor:pointer}.sk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.sk-tab.is-on{background:var(--cell);color:var(--ink);box-shadow:0 1px 2px #00000014}.sk-meta{display:flex;gap:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.9rem;white-space:nowrap}.sk-under{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}.sk-meta b{color:var(--ink)}.sk-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;width:clamp(240px,calc(100dvh - 350px),100%);margin:0 auto;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--line);gap:1px;touch-action:manipulation;user-select:none}.sk-cell{position:relative;border:0;padding:0;background:var(--cell);color:var(--ink);font-size:clamp(18px,5.2vw,28px);font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;display:grid;place-items:center;min-width:0;min-height:0}.sk-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--ink)}.sk-cell:nth-child(n+19):nth-child(-n+27),.sk-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.sk-cell.is-given{background:var(--cell-given);font-weight:700}.sk-cell.is-related{background:var(--cell-related)}.sk-cell.is-same{background:var(--cell-same)}.sk-cell.is-selected{background:var(--cell-selected);box-shadow:inset 0 0 0 2px var(--sun)}.sk-cell.is-wrong{color:var(--coral);background:var(--cell-wrong)}.sk-cell.is-hinted{animation:sk-pop calc(.35s * var(--motion)) ease-out}.sk-cell .marks{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);font-size:clamp(8px,2.2vw,11px);color:var(--sky);font-weight:600;line-height:1}.sk-cell .marks span{display:grid;place-items:center}.sk-cell.is-selected .marks{color:var(--ink-2)}@keyframes sk-pop{0%{transform:scale(.7)}to{transform:none}}.sk-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sk-tool{min-height:var(--tap);border-radius:var(--radius-s);border:1px solid var(--line);background:var(--cell);display:grid;place-items:center;gap:2px;padding:6px 2px;cursor:pointer;font-size:.8rem;color:var(--ink-2);line-height:1.1}.sk-tool svg{width:22px;height:22px}.sk-tool.is-on{background:var(--cell-selected);border-color:var(--sun);color:var(--ink)}.sk-tool.is-pulse{animation:sk-pulse calc(1.2s * var(--motion)) ease-in-out infinite;border-color:var(--sun);color:var(--ink)}@keyframes sk-pulse{50%{box-shadow:0 0 0 4px #f6b83d59}}.sk-tool[disabled]{opacity:.45;cursor:default}.sk-pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}@media(min-width:480px){.sk-pad{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}}.sk-key{min-height:52px;min-width:0;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--cell);font-size:1.5rem;font-weight:600;cursor:pointer;color:var(--ink);display:grid;place-items:center;position:relative;padding:0}.sk-key:active{background:var(--cell-selected)}.sk-key.is-done{opacity:.35}.sk-key-erase{font-size:1.2rem;color:var(--ink-2)}@media(min-width:480px){.sk-key-erase{display:none}}.sk-key small{position:absolute;bottom:3px;right:6px;font-size:.65rem;color:var(--ink-2);font-weight:500}@media(min-width:560px){.sk-key{min-height:64px}}.sk-stuck{font-size:.85rem;color:var(--ink-2);text-align:right;min-height:1.2em}.sk-done .sk-grid{border-color:var(--leaf)}@media(max-width:420px){:root[data-text-size=large] .sk:not(.sk-large){position:relative}:root[data-text-size=large] .sk:not(.sk-large) .sk-row>.suvi-btn.is-quiet{position:absolute;top:2px;right:-8px}:root[data-text-size=large] .sk-head{padding-right:36px;font-size:.85rem;line-height:1.3}:root[data-text-size=large] .sk-head>span:last-child{white-space:nowrap}:root[data-text-size=large] .sk-tabs{flex-basis:100%}}:root[data-text-size=large] .sk-cell{font-size:clamp(20px,6.2vw,32px)}:root[data-text-size=large] .sk-cell .marks{font-size:clamp(9px,2.6vw,13px)}.sk.sk-large{position:relative;max-width:640px}.sk.sk-large .sk-tabs{display:none}.sk.sk-large .sk-row{position:absolute;top:0;right:-8px;min-height:0}.sk.sk-large .sk-head{padding-right:40px;min-height:40px}.sk.sk-large .sk-grid{width:clamp(270px,calc(100dvh - 300px),100%);border:3px solid var(--ink);border-radius:4px;background:color-mix(in srgb,var(--ink) 45%,var(--cell))}.sk.sk-large .sk-cell{font-size:clamp(24px,min(8.4vw,calc((100dvh - 300px)*.087)),46px);font-weight:700;color:var(--sky)}.sk.sk-large .sk-cell.is-given{font-weight:800;color:var(--ink)}.sk.sk-large .sk-cell:nth-child(3n):not(:nth-child(9n)){border-right:3px solid var(--ink)}.sk.sk-large .sk-cell:nth-child(n+19):nth-child(-n+27),.sk.sk-large .sk-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--ink)}.sk.sk-large .sk-cell.is-selected{box-shadow:inset 0 0 0 3px var(--ink)}.sk.sk-large .sk-cell.is-wrong{color:var(--coral)}.sk.sk-large .sk-cell .marks{inset:1px;font-size:clamp(10px,3vw,16px);font-weight:700}.sk.sk-large .sk-key{min-height:60px;font-size:2rem;font-weight:700;border:1.5px solid color-mix(in srgb,var(--ink) 35%,var(--line))}.sk.sk-large .sk-key small{font-size:.75rem}.sk.sk-large .sk-tool{font-size:.9rem;color:var(--ink)}.sk.sk-large .sk-meta{font-size:1rem}@media(min-width:560px){.sk.sk-large .sk-key{min-height:68px}}.sk.sk-large .sk-dock{display:contents}@media(max-width:700px)and (orientation:portrait){.sk.sk-large .sk-dock{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;position:sticky;bottom:0;z-index:6;margin:0 -16px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -6px 18px #3c28141a}.sk.sk-large .sk-tool{min-height:46px;padding:4px 2px}}