/* Werkzeuge für land-stadt-fluss.de (T6, 13.11.2026): Kategorien-Generator, "Gilt das?", Punkte-Rechner, Solo-Runde und
   der Tipp des Buchstaben-Generators. Baut auf spielblock.css auf (gen, knopf, status, selten, zettel, Farbvariablen).
   Mobil zuerst, nichts sticky oder fixed, Bewegung nur ohne prefers-reduced-motion (siehe spielblock.css). */

.wz{padding:18px}
@media (min-width:640px){.wz{padding:24px}}
.wz-ohne-js{margin:0 0 14px;padding:10px 14px;border:1px dashed var(--linie-stark);border-radius:var(--r);background:var(--ruhig);font-size:.97rem}
.wz-form{margin:0}
.wz-form[hidden],.wz [hidden]{display:none!important}

/* Felder */
.wz-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;align-items:end}
.wz-felder--klein{grid-template-columns:minmax(0,13em)}
.wz-felder--eigen{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:10px}
.wz-felder label,.wz-breit,.wz-antwort-feld label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.88rem;color:var(--text)}
.wz-breit{margin-top:10px;max-width:32em}
.wz select,.wz input[type="text"],.wz input[type="number"]{min-height:44px;width:100%;border:1px solid var(--linie-stark);border-radius:var(--r);
  background:var(--flaeche);color:var(--text);font:inherit;font-size:1rem;font-weight:400;padding:0 .65em}
.wz select:hover,.wz input[type="text"]:hover,.wz input[type="number"]:hover{border-color:var(--nacht)}
.wz input:disabled,.wz select:disabled,.wz .knopf:disabled{opacity:.55;cursor:not-allowed}
.wz-felder--gilt{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.wz-felder--gilt{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto}}
.wz-knopfzelle .knopf{width:100%}

/* Gruppen mit Häkchen */
.wz-gruppe{border:0;padding:0;margin:16px 0 0;min-width:0}
.wz-gruppe legend{padding:0;margin-bottom:4px;font-weight:600;font-size:.88rem}
.wz-haken-liste{display:flex;flex-wrap:wrap;gap:0 18px}
.wz-haken-liste--spalte{flex-direction:column}
.wz-haken{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.97rem;cursor:pointer}
.wz-haken input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--nacht)}
@media (prefers-color-scheme:dark){.wz-haken input{accent-color:var(--himmel)}}
.wz-zeile{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 32px}
.wz-haken--allein{margin-top:12px}

.wz-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.wz-knoepfe--eng{margin:8px 0}
.wz-status{text-align:left;margin:12px 0 0}
.wz-leise{font-size:.9rem;color:var(--text-leise);margin:.7em 0 0}
.wz-meldung{margin:14px 0 0;font-weight:600}
.wz-meldung--fehler{color:var(--nicht-text)}
.wz-zahl{font-variant-numeric:tabular-nums}

/* Antworten und Treffer ("Gilt das?", Solo-Runde) */
.wz-antwort{font-family:var(--schrift-titel);font-size:1.3rem;font-weight:650;line-height:1.3;color:var(--titel);margin:18px 0 6px;overflow-wrap:anywhere}
.wz-treffer{border:1px solid var(--linie);border-left:4px solid var(--tanne);border-radius:var(--r);padding:12px 16px;margin:12px 0 0;background:var(--flaeche);overflow-wrap:anywhere}
.wz-treffer--absprache{border-left-color:var(--orange)}
.wz-treffer--gilt-nicht{border-left-color:var(--rot)}
.wz-treffer--unbekannt{border-left-color:var(--linie-stark);background:var(--ruhig)}
.wz-treffer--unbekannt .wz-antwort{margin-top:0}
.wz-treffer p{margin:0 0 .45em}
.wz-treffer p:last-child{margin-bottom:0}
.wz-treffer__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.wz-treffer__begriff{font-family:var(--schrift-titel);font-size:1.2rem;color:var(--titel)}
.wz-treffer__kopf .selten{margin-left:0}
.wz-treffer__quelle{font-size:.9rem;color:var(--text-leise)}
.wz-treffer__quelle a{color:var(--text-leise)}
.wz-treffer__link a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.wz-vorschlaege{margin-top:10px}
.wz-stand:empty{display:none}
.status--leer{background:var(--ruhig);color:var(--text-leise);border:1px solid var(--linie)}

/* Kategorien-Generator */
.wz-kat-liste{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;counter-reset:wzkat}
.wz-kat-liste:empty{display:none}
.wz-kat{counter-increment:wzkat;display:flex;flex-direction:column;justify-content:space-between;gap:6px;border:1px solid var(--linie);border-radius:var(--r);padding:12px 14px 8px;background:var(--flaeche)}
.wz-kat--website{border-color:var(--linie-stark)}
.wz-kat__text{display:flex;flex-direction:column;gap:2px}
.wz-kat__name{font-family:var(--schrift-titel);font-weight:650;font-size:1.15rem;line-height:1.25;color:var(--titel);overflow-wrap:anywhere}
.wz-kat__name::before{content:counter(wzkat) ". ";color:var(--text-leise);font-weight:600}
.wz-kat__de{font-size:.86rem;color:var(--text-leise)}
.wz-kat__stufe{font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise)}
.wz-kat__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.wz-kat__aktionen a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.95rem}
.wz-nachher{margin-top:4px}

/* Punkte-Rechner */
.wz-teil+.wz-teil{border-top:1px solid var(--linie);margin-top:22px;padding-top:18px}
.wz .wz-titel{font-family:var(--schrift-text);font-size:.8rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-leise);margin:0 0 10px;line-height:1.3}
.wz-spieler{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 16px}
.wz-spieler li{display:flex;align-items:center;gap:6px;min-width:0}
.wz-spieler input{flex:1 1 auto;min-width:0}
.wz-x{flex:none;min-width:44px;padding:0;font-size:1.3rem;line-height:1}
.wz-eingabe{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.wz-runde-spieler{border:1px solid var(--linie);border-radius:var(--r);padding:8px 12px 6px;margin:0;min-width:0;background:var(--flaeche)}
.wz-runde-spieler legend{font-family:var(--schrift-titel);font-weight:650;font-size:1.05rem;color:var(--titel);padding:0 4px;max-width:100%;overflow-wrap:anywhere}
.wz-feldzeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,10em);gap:4px 8px;align-items:center;padding:3px 0}
.wz-feldzeile label{font-size:.93rem;overflow-wrap:anywhere}
.wz-feldzeile input[type="number"]{grid-column:2}
.wz-runde-summe{font-size:.9rem;font-weight:600;color:var(--text-leise);text-align:right;margin:4px 0 2px}
.wz-stand-tabellen .zettel{margin-bottom:1.2em}
.wz-rang .wz-zahl,.wz-runden .wz-zahl{font-weight:600}
.wz-rang--vorn th,.wz-rang--vorn td{color:var(--titel);font-weight:700}
.wz-runden__gesamt th,.wz-runden__gesamt td{font-weight:700;border-top:2px solid var(--linie-stark)}
.wz-aktionen{white-space:nowrap}
.wz-aktionen .knopf{margin:2px 4px 2px 0}
.wz-frage{border:1px solid var(--linie-stark);border-radius:var(--r);background:var(--ruhig);padding:12px 14px 4px;margin:4px 0 8px}
.wz-frage p{margin:0}
@media (max-width:639.98px){
  .wz-runden .wz-aktionen{white-space:normal}
  .wz-runden__gesamt td,.wz-runden__gesamt th{border-top:0}
}

/* Solo-Runde */
.wz-spiel .gen__buehne{margin-bottom:12px}
.wz-aufgabe{text-align:center;font-weight:600;margin:0 0 14px}
.wz-antworten{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 16px}
.wz-antwort-feld{min-width:0}
.wz-auswertung{margin-top:4px}
.wz-auswertung .wz-antwort{margin-top:6px}
.wz-bestwert-zeile{font-weight:600;margin:0 0 12px}
.wz-punkte{font-family:var(--schrift-titel);font-weight:700;color:var(--titel);white-space:nowrap}
.wz-grund{display:block;font-size:.9rem;color:var(--text-leise);margin-top:.25em}
.wz-auswertung__tabelle td .status,.wz-auswertung__tabelle td .selten{margin:.15em .3em .15em 0;vertical-align:middle}
.wz-auswertung__tabelle td{overflow-wrap:anywhere}

/* Buchstaben-Generator: Hinweis zur Tastatur nur bei Geräten mit Maus oder Tastatur */
.gen__tipp{text-align:center;font-size:.88rem;color:var(--text-leise);margin:0 0 6px}
@media (hover:none){.gen__tipp{display:none}}

/* Spielzettel zum Drucken (Kategorien-Generator): nur im Druck sichtbar, A4 quer über @page aus dem Skript */
.wz-druck{display:none}
@media print{
  body.wz-druckt>*:not(.wz-druck){display:none!important}
  body.wz-druckt .wz-druck{display:block!important;font-family:var(--schrift-text);color:#1B2350;background:#fff}
  .wz-druck__kopf{display:flex;align-items:baseline;gap:10mm;border-bottom:1mm solid #293775;padding-bottom:2.5mm;margin-bottom:4mm}
  .wz-druck__kopf p{margin:0}
  .wz-druck__titel{font-family:var(--schrift-titel);font-size:22pt;font-weight:700;color:#293775;line-height:1}
  .wz-druck__name{flex:1;font-size:12pt}
  .wz-druck__linie{display:inline-block;width:80mm;border-bottom:.3mm solid #1B2350}
  .wz-druck__marke{font-size:9pt;color:#4A548C}
  .wz-druck__tabelle{width:100%;border-collapse:collapse;table-layout:fixed}
  .wz-druck__tabelle th{font-size:10.5pt;font-weight:700;line-height:1.2;text-align:left;vertical-align:bottom;padding:2mm 1.5mm;
    border:.3mm solid #293775;background:#E6F2FA;color:#1B2350;hyphens:auto;overflow-wrap:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .wz-druck__tabelle td{height:13.5mm;border:.3mm solid #8A93B5}
  .wz-druck__tabelle .wz-druck__b{width:27mm;hyphens:manual}
  .wz-druck__tabelle .wz-druck__p{width:21mm;hyphens:manual}
  .wz-druck__summenzeile td{height:10mm}
  .wz-druck__tabelle .wz-druck__summe{text-align:right;font-weight:700;font-size:10.5pt;padding-right:3mm;border-left-color:transparent;border-bottom-color:transparent}
}