/* Kreuzworträtsel: Feld, Fragen, Lösungswort. Retro-Optik kommt aus _shared/spiele.css. */
.kw-cluebar{display:flex;align-items:stretch;gap:4px;margin-bottom:6px}
.kw-clue{flex:1;height:calc(3 * 1.35em + 12px);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:5px 7px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;font-size:13px;line-height:1.35;color:#000}
.kw-clue b{color:#000080}
.cs-root .kw-arrow{width:30px;padding:0;font-weight:700;font-size:14px}
.kw-len{color:#808080;font-size:.9em}
.kw-board-wrap{position:relative;border:3px solid;border-color:#808080 #fff #fff #808080;background:#c0c0c0}
.kw-board{display:grid;width:max-content;margin:0 auto;--kwc:24px}
.kw-void{min-width:0;min-height:0}
.cs-root .kw-cell{position:relative;min-width:0;min-height:0;padding:0;margin:0;background:#fff;border:1px solid #404040;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;overflow:hidden;width:var(--kwc);height:var(--kwc)}
.kw-l{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 calc(var(--kwc) * .56)/1 Tahoma,Arial,sans-serif;color:#000;text-transform:uppercase;pointer-events:none}
.kw-n{position:absolute;left:1px;top:0;font:max(7px,calc(var(--kwc) * .27))/1.1 Tahoma,Arial,sans-serif;color:#000;pointer-events:none}
.cs-root .kw-cell.kw-mark{background:#fff8d6}
.kw-cell.kw-mark::after{content:"";position:absolute;inset:12%;border:1.5px solid #c00;border-radius:50%;pointer-events:none}
.kw-m{position:absolute;right:1px;bottom:0;font:700 max(7px,calc(var(--kwc) * .27))/1 Tahoma,Arial,sans-serif;color:#c00;pointer-events:none}
.cs-root .kw-cell.kw-word{background:#dfe6ff}
.cs-root .kw-cell.kw-sel{background:#ffec80;outline:2px solid #000080;outline-offset:-2px;z-index:1}
.kw-cell.kw-rev .kw-l{color:#000080;font-style:italic}
.cs-root .kw-board.kw-won .kw-cell{background:#e8ffe8;cursor:default}
.cs-root .kw-board.kw-won .kw-cell.kw-mark{background:#fff1a8}
.kw-kbd{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;border:0;padding:0;margin:0;font-size:16px;background:transparent;color:transparent;caret-color:transparent;pointer-events:none}
.kw-solution{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 2px;padding:6px 4px;border:2px solid;border-color:#808080 #fff #fff #808080}
.kw-solgroup{display:flex;gap:2px}
.kw-solcell{width:20px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff8d6;border:1px solid #000;font:700 14px/1 Tahoma,Arial,sans-serif;color:#000}
.kw-sollabel{font-size:11px;text-align:center;margin-top:6px;color:#000}
.kw-clues{margin-top:10px;display:grid;gap:10px}
.kw-clues h3{font:700 12px/1.2 Tahoma,Arial,sans-serif;margin:0 0 4px;color:#000;text-transform:none;letter-spacing:normal}
.kw-clues ol{list-style:none;margin:0;padding:0;border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;max-height:220px;overflow:auto}
.kw-clues li{margin:0}
.cs-root .kw-clues button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e0e0e0;background:#fff;padding:5px 7px;font-size:12px;line-height:1.35;min-height:0;box-shadow:none}
.cs-root .kw-clues button.kw-active{background:#000080;color:#fff}
.cs-root .kw-clues button.kw-active .kw-len{color:#c0c0ff}
.cs-root .kw-clues button.kw-filled{color:#808080}
.cs-root .kw-clues button.kw-filled.kw-active{color:#fff}
.kw-actions{display:flex;gap:5px;margin-top:8px}
.cs-root .kw-actions button{flex:1;padding:4px 2px;min-height:28px}
@media(min-width:700px){.kw-clues{grid-template-columns:1fr 1fr}}
.kw-board-wrap+.kw-solution{margin-top:8px}
.cs-root .cs-status{min-height:2.9em}

/* ---------- Modernes Design (nur mit .cs-modern) ---------- */
.cs-modern .kw-cluebar{gap:8px;margin-bottom:10px}
.cs-modern .kw-clue{background:var(--cr);border:0;border-radius:12px;color:var(--nv);padding:8px 12px;font-size:13.5px;height:calc(3 * 1.35em + 16px)}
.cs-modern .kw-clue b{color:var(--pt)}
.cs-root.cs-modern .kw-cluebar button.kw-arrow{width:38px;padding:0;font-size:18px;border-radius:12px}
.cs-modern .kw-board-wrap{border:0;background:transparent;padding:2px 0}
.cs-modern .kw-board{gap:2px}
.cs-root.cs-modern .kw-cell{border:1.5px solid var(--nv);border-radius:5px;background:#fff}
.cs-modern .kw-l{color:var(--nv);font-family:"Open Sans",Arial,sans-serif;font-weight:700}
.cs-modern .kw-n{color:var(--sg);font-family:"Open Sans",Arial,sans-serif}
.cs-root.cs-modern .kw-cell.kw-mark{background:var(--cr)}
.cs-modern .kw-cell.kw-mark::after{border:2px solid var(--gd);inset:10%}
.cs-modern .kw-m{color:#9a7b34;font-family:"Open Sans",Arial,sans-serif}
.cs-root.cs-modern .kw-cell.kw-word{background:#e3eeed}
.cs-root.cs-modern .kw-cell.kw-sel{background:#cfe3e1;outline:2px solid var(--pt);outline-offset:-2px}
.cs-modern .kw-cell.kw-rev .kw-l{color:var(--pt)}
.cs-root.cs-modern .kw-board.kw-won .kw-cell{background:#eef6f1}
.cs-root.cs-modern .kw-board.kw-won .kw-cell.kw-mark{background:var(--cr)}
.cs-modern .kw-solution{border:0;padding:12px 0 2px;gap:8px;flex-wrap:wrap}
.cs-modern .kw-solgroup{gap:2px}
.cs-modern .kw-solcell{width:20px;height:26px;border:1.5px solid var(--gd);border-radius:6px;background:#fff;color:var(--nv);font:700 14px/1 "Open Sans",Arial,sans-serif}
.cs-root.cs-modern .kw-actions button{min-height:38px;font-size:13px;font-weight:600}
.cs-modern .kw-clues h3{font:400 18px/1.2 "League Gothic","Oswald",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--nv)}
.cs-modern .kw-clues ol{border:0;background:transparent;max-height:240px}
.cs-root.cs-modern .kw-clues .kw-q{border:0;border-bottom:1px solid var(--ln);border-radius:0;background:transparent;color:var(--nv);padding:7px 6px;font-size:13px}
.cs-root.cs-modern .kw-clues .kw-q.kw-active{background:#e3eeed;color:var(--nv);border-radius:8px}
.cs-root.cs-modern .kw-clues .kw-q.kw-active .kw-len{color:var(--sg)}
.cs-root.cs-modern .kw-clues .kw-q.kw-filled{color:#9aa7a6}
.cs-modern .kw-len{color:var(--sg)}