/* Nebelbank Strafkatalog */

.nbsk{
  --nbsk-orange:#ff9900;
  --nbsk-gold:#ffcc00;
  --nbsk-rot:#e05a2b;
  --nbsk-gruen:#3fa34d;
  --nbsk-blau:#2b6cb0;
  --nbsk-text:rgba(255,228,200,.9);
  --nbsk-leise:rgba(255,204,153,.5);
  --nbsk-linie:rgba(255,153,0,.18);
  --nbsk-flaeche:rgba(0,0,0,.35);
  --nbsk-zeile:rgba(255,255,255,.02);
  font-family:'Rajdhani','Segoe UI',system-ui,sans-serif;
  color:var(--nbsk-text);
  display:block;
  text-align:left;
}
.nbsk{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0 clamp(14px,3vw,40px)}
.nbsk *{box-sizing:border-box}
.nbsk :focus-visible{outline:2px solid var(--nbsk-orange);outline-offset:2px}
.nbsk button{font-family:inherit}
.nbsk-label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nbsk-orange)}

/* Statusleiste */
.nbsk-statusleiste{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:12px}
.nbsk-statusleiste>*{flex:0 0 auto}
.nbsk-status{display:flex;flex-direction:column;justify-content:center;min-width:104px;padding:8px 14px;border:1px solid var(--nbsk-linie);border-left:3px solid var(--nbsk-orange);border-radius:4px;background:var(--nbsk-flaeche)}
.nbsk-status-zahl{font-size:1.15rem;font-weight:700;line-height:1.1;color:var(--nbsk-orange)}
.nbsk-status-text{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nbsk-leise);margin-top:2px}
.nbsk-status-gewaehlt{border-left-color:var(--nbsk-gruen)}
.nbsk-status-gewaehlt .nbsk-status-zahl{color:var(--nbsk-gruen)}
.nbsk-status-summe .nbsk-status-zahl{color:var(--nbsk-gold)}
.nbsk-status-haft{border-left-color:var(--nbsk-rot)}
.nbsk-status-haft .nbsk-status-zahl{color:var(--nbsk-rot)}
.nbsk-werkzeuge{display:flex;gap:6px;margin-left:auto;align-items:stretch}
.nbsk-werkzeug{display:flex;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nbsk-text);background:var(--nbsk-flaeche);border:1px solid var(--nbsk-linie);border-radius:4px;padding:10px 14px;cursor:pointer}
.nbsk-werkzeug:hover{border-color:var(--nbsk-orange)}
.nbsk-werkzeug-rot{color:var(--nbsk-rot)}
.nbsk-werkzeug-rot:hover{border-color:var(--nbsk-rot)}

/* Suche */
.nbsk-suchzeile{position:relative;margin-bottom:10px}
.nbsk-such-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--nbsk-leise);font-size:1rem}
.nbsk-suche{width:100%;font-family:inherit;font-size:1rem;color:var(--nbsk-text);background:var(--nbsk-flaeche);border:1px solid var(--nbsk-linie);border-radius:4px;padding:13px 14px 13px 40px;outline:none}
.nbsk-suche::placeholder{color:rgba(255,204,153,.35)}
.nbsk-suche:focus{border-color:var(--nbsk-orange)}

/* Filter */
.nbsk-filterzeile{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.nbsk-filter{display:flex;align-items:stretch;flex:1 1 190px;min-width:170px;border:1px solid var(--nbsk-linie);border-radius:4px;overflow:hidden;background:var(--nbsk-flaeche)}
.nbsk-filter-symbol{display:flex;align-items:center;justify-content:center;min-width:38px;font-size:.75rem;font-weight:700;color:#241a00;background:var(--nbsk-orange)}
.nbsk-filter select{flex:1;font-family:inherit;font-size:.86rem;color:var(--nbsk-text);background:transparent;border:0;padding:10px 8px;outline:none;cursor:pointer}
.nbsk-filter select option{background:#151009;color:var(--nbsk-text)}

/* Tabelle */
.nbsk-tabelle-rahmen{border:1px solid var(--nbsk-linie);border-radius:4px;background:var(--nbsk-flaeche);overflow:hidden}
.nbsk-tabelle{width:100%;border-collapse:collapse;font-size:.86rem;table-layout:fixed}
.nbsk-tabelle th{padding:11px 10px;border-bottom:2px solid rgba(255,153,0,.3);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nbsk-leise);text-align:left;white-space:nowrap;background:rgba(0,0,0,.25)}
.nbsk-tabelle td{padding:9px 10px;border-bottom:1px solid rgba(255,153,0,.07);vertical-align:middle;line-height:1.35}
.nbsk-zeile{cursor:pointer}
.nbsk-zeile:nth-of-type(even){background:var(--nbsk-zeile)}
.nbsk-zeile:hover{background:rgba(255,153,0,.08)}
.nbsk-zeile[data-gewaehlt="true"]{background:rgba(63,163,77,.14);box-shadow:inset 3px 0 0 var(--nbsk-gruen)}
.nbsk-gruppe td{padding:18px 10px 8px;border-bottom:1px solid rgba(255,153,0,.28);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nbsk-orange);background:rgba(0,0,0,.2)}
.nbsk-sp-par{width:6%;white-space:nowrap;font-weight:700;color:var(--nbsk-orange)}
.nbsk-sp-name{width:26%}
.nbsk-name{font-weight:600;color:var(--nbsk-text)}
.nbsk-sp-anmerkung{width:22%;color:var(--nbsk-leise);font-size:.78rem}
.nbsk-sp-flag{width:8%;text-align:center}
.nbsk-sp-kaution{width:8%;text-align:right;color:var(--nbsk-leise);white-space:nowrap}
.nbsk-sp-geld{width:9%;text-align:right;color:var(--nbsk-gold);font-weight:600;white-space:nowrap}
.nbsk-sp-haft{width:11%;white-space:nowrap}
.nbsk-sterne{color:var(--nbsk-gold);letter-spacing:1px}
.nbsk-schild{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:10px}
.nbsk-ja{background:rgba(63,163,77,.85);color:#04140a}
.nbsk-nein{background:rgba(255,255,255,.06);color:var(--nbsk-leise)}
.nbsk-gesetz-schild{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(224,90,43,.85);color:#1a0600;border-radius:3px;padding:2px 6px;margin-left:6px;vertical-align:middle}
.nbsk-kein-treffer{display:none}
.nbsk-kein-treffer td{padding:34px 10px;color:var(--nbsk-leise)}

/* Akte */
.nbsk-akte{border:1px solid rgba(255,153,0,.28);border-left:3px solid var(--nbsk-orange);border-radius:4px;background:var(--nbsk-flaeche);padding:16px 18px;margin-top:18px}
.nbsk-akte-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--nbsk-linie);padding-bottom:10px;margin-bottom:12px}
.nbsk-az{font-size:.72rem;letter-spacing:.08em;color:var(--nbsk-leise)}
.nbsk-positionen{max-height:32vh;overflow-y:auto}
.nbsk-position{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px dashed var(--nbsk-linie)}
.nbsk-position-par{font-weight:700;font-size:.8rem;color:var(--nbsk-orange);white-space:nowrap}
.nbsk-position-name{flex:1 1 180px;font-size:.88rem}
.nbsk-position select{font-family:inherit;font-size:.72rem;color:var(--nbsk-text);background:rgba(0,0,0,.45);border:1px solid var(--nbsk-linie);border-radius:3px;padding:4px 6px}
.nbsk-menge{display:flex;align-items:center;border:1px solid var(--nbsk-linie);border-radius:3px;overflow:hidden}
.nbsk-menge button{background:rgba(255,153,0,.1);border:0;color:var(--nbsk-orange);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;padding:5px 12px}
.nbsk-menge button:hover{background:var(--nbsk-orange);color:#241a00}
.nbsk-menge span{font-size:.82rem;min-width:26px;text-align:center}
.nbsk-entfernen{background:none;border:0;color:var(--nbsk-leise);cursor:pointer;font-size:1.1rem;line-height:1;padding:2px 6px}
.nbsk-entfernen:hover{color:var(--nbsk-rot)}
.nbsk-leer{font-size:.88rem;color:var(--nbsk-leise);margin:6px 0 0}
.nbsk-akte[data-gefuellt="true"] .nbsk-leer{display:none}
.nbsk-optionen{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:14px}
.nbsk-feld{flex:1 1 220px}
.nbsk-feld span{display:block;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,153,0,.55);margin-bottom:5px}
.nbsk-feld select{width:100%;font-family:inherit;font-size:.88rem;color:var(--nbsk-text);background:rgba(0,0,0,.45);border:1px solid var(--nbsk-linie);border-radius:3px;padding:9px}
.nbsk-feld select option{background:#151009}
.nbsk-schalter{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--nbsk-leise);cursor:pointer;padding-bottom:9px}
.nbsk-schalter input{accent-color:var(--nbsk-orange);width:16px;height:16px}
.nbsk-summen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.nbsk-summe{border:1px solid var(--nbsk-linie);border-radius:3px;padding:10px}
.nbsk-summe span{display:block;font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,153,0,.5)}
.nbsk-summe strong{display:block;font-size:1.55rem;font-weight:700;line-height:1.2}
.nbsk-summe em{display:block;font-style:normal;font-size:.66rem;color:var(--nbsk-rot);margin-top:3px}
.nbsk-geld strong{color:var(--nbsk-gold)}
.nbsk-haft strong{color:var(--nbsk-rot)}
.nbsk-kaution strong{color:var(--nbsk-leise)}
.nbsk-punkte strong{color:var(--nbsk-text)}
.nbsk-ersatzhaft{display:none;font-size:.8rem;color:var(--nbsk-rot);border:1px dashed rgba(224,90,43,.5);border-radius:3px;padding:8px 10px;margin:10px 0 0}
.nbsk-ersatzhaft[data-sichtbar="true"]{display:block}
.nbsk-nebenfolgen{display:none;margin-top:14px;border-top:1px solid var(--nbsk-linie);padding-top:10px}
.nbsk-nebenfolgen[data-sichtbar="true"]{display:block}
.nbsk-nebenfolgen ul{list-style:none;margin:7px 0 0;padding:0}
.nbsk-nebenfolgen li{font-size:.82rem;color:var(--nbsk-leise);line-height:1.7;padding-left:14px;position:relative}
.nbsk-nebenfolgen li::before{content:"\2013";position:absolute;left:0;color:var(--nbsk-orange)}
.nbsk-meldung{font-size:.74rem;letter-spacing:.08em;color:var(--nbsk-orange);min-height:18px;margin:10px 0 0}

/* Regelzeilen und zweite Leiste */
.nbsk-regelzeile{cursor:default}
.nbsk-regelzeile:hover{background:rgba(255,153,0,.04)}
.nbsk-regelzeile .nbsk-sp-anmerkung{color:rgba(255,204,153,.7);font-size:.8rem;white-space:normal}
.nbsk-statusleiste-unten{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--nbsk-linie)}

/* Strafzumessung */
.nbsk-regeln{margin-top:26px;border-top:1px solid var(--nbsk-linie);padding-top:22px}
.nbsk-regeln-kopf h2{font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--nbsk-orange);margin:6px 0 18px}
.nbsk-regeln-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.nbsk-regeln-raster article{background:var(--nbsk-flaeche);border:1px solid var(--nbsk-linie);border-radius:4px;padding:14px 16px}
.nbsk-regeln-raster h3{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nbsk-orange);margin:0 0 8px}
.nbsk-regeln-raster p{font-size:.84rem;line-height:1.7;color:var(--nbsk-leise);margin:0}

@media (max-width:1100px){
  .nbsk-tabelle th:nth-child(3),.nbsk-tabelle tr.nbsk-zeile:not(.nbsk-regelzeile) td.nbsk-sp-anmerkung{display:none}
  .nbsk-sp-name{width:34%}
}
@media (max-width:820px){
  .nbsk-tabelle th:nth-child(4),.nbsk-tabelle th:nth-child(5),.nbsk-tabelle th:nth-child(6),.nbsk-tabelle th:nth-child(7),
  .nbsk-tabelle td:nth-child(4),.nbsk-tabelle td:nth-child(5),.nbsk-tabelle td:nth-child(6),.nbsk-tabelle td:nth-child(7){display:none}
  .nbsk-sp-name{width:52%}.nbsk-sp-geld{width:20%}.nbsk-sp-haft{width:22%}
}
@media (max-width:900px){
  .nbsk-summen{grid-template-columns:1fr 1fr}
  .nbsk-werkzeuge{margin-left:0;width:100%}
  .nbsk-werkzeug{flex:1}
}
@media print{
  .nbsk-suchzeile,.nbsk-filterzeile,.nbsk-werkzeuge,.nbsk-menge,.nbsk-entfernen{display:none !important}
  .nbsk-tabelle-rahmen{overflow:visible}
}