/* Сканворд aikyn.kz — все правила внутри .skv, остальную вёрстку не трогают */
.skv{--skv-ink:#000;--skv-muted:#6b6b6b;--skv-line:#000;--skv-clue:#f0f0f0;--skv-word:#fff0e5;--skv-cur:#ffcfa8;--skv-accent:#ff6a00;--skv-bad:#e53935;--skv-ok:#2e7d32;--skv-rev:#1565c0;--skv-arrow:#4f81bd;
  font-family:inherit;color:var(--skv-ink);margin:24px 0 8px;display:grid;gap:14px}
.skv *{box-sizing:border-box}
.skv-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:15px;color:var(--skv-muted)}
.skv-meta b{color:var(--skv-ink);font-weight:700}
.skv-key{display:inline-flex;gap:6px;align-items:center;background:var(--skv-clue);padding:4px 12px;border-radius:4px;font-weight:600;color:var(--skv-ink)}
.skv-key em{font-style:normal;color:var(--skv-accent)}
.skv-bar{position:sticky;top:0;z-index:5;background:#000;color:#fff;padding:10px 14px;display:flex;gap:12px;align-items:baseline;min-height:50px;border-radius:4px}
.skv-bar .n{font-weight:800;min-width:1.6em}
.skv-bar .t{font-size:17px;line-height:1.35;min-width:0}
.skv-bar .s{font-weight:800;letter-spacing:.14em;background:var(--skv-accent);color:#fff;padding:0 5px;border-radius:3px;white-space:nowrap}
.skv-bar .d{margin-left:auto;font-size:12px;opacity:.65;white-space:nowrap}
.skv-board{overflow-x:auto}
.skv-grid{--c:min(calc((100vw - 40px)/7),96px);display:grid;grid-template-columns:repeat(7,var(--c));grid-auto-rows:var(--c);gap:1px;background:var(--skv-line);border:2px solid var(--skv-line);width:max-content;max-width:100%;margin:0 auto}
@media (min-width:992px){.skv-grid{--c:min(calc((75vw - 120px)/7),84px)}}
.skv-cell{position:relative;background:#fff}
.skv-cell.cl{background:var(--skv-clue);padding:6px 6px 4px;font-size:12.5px;line-height:1.22;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.skv-cell.cl .cn{font-weight:800;font-size:12px}
.skv-cell.cl.on{background:var(--skv-word)}
.skv-cell input{all:unset;box-sizing:border-box;width:100%;height:100%;text-align:center;font-family:inherit;font-weight:700;font-size:calc(var(--c)*.42);color:var(--skv-ink);caret-color:transparent;cursor:pointer}
.skv-cell.w{background:var(--skv-word)}
.skv-cell.cur{background:var(--skv-cur);outline:2px solid #000;outline-offset:-2px;z-index:1}
.skv-cell.bad input{color:var(--skv-bad)}
.skv-cell.bad::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;background:var(--skv-bad);transform:rotate(-24deg);opacity:.7}
.skv-cell.ok input{color:var(--skv-ok)}
.skv-cell.rv input{color:var(--skv-rev)}
.skv-defs{position:absolute;width:0;height:0;overflow:hidden;color:var(--skv-arrow)}
.skv-cell .ar{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;color:var(--skv-arrow)}
.skv-cell .ar path{fill:none;stroke:currentColor;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.skv-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.skv-prog{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--skv-muted);font-variant-numeric:tabular-nums}
.skv-prog .b{width:140px;height:6px;background:var(--skv-clue);border-radius:3px;overflow:hidden}
.skv-prog .b i{display:block;height:100%;width:0;background:var(--skv-accent);transition:width .25s}
.skv-btns{display:flex;flex-wrap:wrap;gap:8px}
.skv-btn{font-family:inherit;font-size:14px;font-weight:600;border:1px solid #000;background:#fff;color:#000;padding:8px 16px;border-radius:4px;cursor:pointer}
.skv-btn:hover{background:#000;color:#fff}
.skv-btn.pr{background:#000;color:#fff}
.skv-btn.pr:hover{background:var(--skv-accent);border-color:var(--skv-accent)}
.skv-btn:focus-visible{outline:2px solid var(--skv-accent);outline-offset:2px}
.skv-conf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.skv-conf[hidden]{display:none}
.skv-msg{font-size:15px;font-weight:600;min-height:1.2em}
.skv-msg.ok{color:var(--skv-ok)}.skv-msg.bad{color:var(--skv-bad)}
.skv.won .skv-bar{background:var(--skv-accent)}
.skv-hint{font-size:13px;color:var(--skv-muted)}
.skv-ans{border-top:3px solid #000;margin-top:18px;padding-top:14px}
.skv-ans h2{font-size:1.5em;font-weight:800;margin:0 0 10px;font-family:inherit}
.skv-ans summary{cursor:pointer;font-weight:700;display:inline-flex;gap:8px;align-items:center;border:1px solid #000;padding:8px 16px;border-radius:4px;list-style:none}
.skv-ans summary::-webkit-details-marker{display:none}
.skv-ans summary:hover{background:#000;color:#fff}
.skv-ans[open] summary{margin-bottom:12px}
.skv-ans ol{columns:2 260px;column-gap:28px;margin:0;padding-left:1.4em;font-size:16px;line-height:1.7}
.skv-ans ol b{font-weight:700}
.skv-ans .key{margin:10px 0 0;font-size:16px}
@media (max-width:640px){
  .skv-cell.cl{padding:3px;align-items:center;justify-content:center}
  .skv-cell.cl .ct{display:none}
  .skv-cell.cl .cn{font-size:13px}
  .skv-bar .t{font-size:15px}
  .skv-tools{flex-direction:column;align-items:stretch}
  .skv-btns .skv-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){.skv-prog .b i{transition:none}}
