/* Boxenfunk — Ebene 9: restliche Seiten (Plan 2026-10-01, Schritt 6).
   Unsere Server (Liste, Detail, Seitenspalte), HRC Dash (Idle Racer), Sonstige
   Leaderboards (.ebkat/.ebzeile), Sonstige Events (Kacheln aus ram.css + Punkte),
   Profil/Moderation (.pf, .mod-*, .tbl). Nur unter html[data-design="boxenfunk"];
   Raster/Abstaende nur in eigenen @media-Bloecken (mobile.css-Falle).
   Cyan (heute die Wertefarbe dieser Seiten) wird Weiss bzw. Bereichsfarbe; die
   Server-Karten tragen im Boxenfunk die Farbe ihres Bereichs (Lizenz gruen, RaM rot,
   Academy blau, Events gelb) statt der Klassenfarbe. */

/* ---------- Schriftboden 13 px (Heute 8,5–12,5 px) ---------- */
html[data-design="boxenfunk"] :where(
  .idle-h, .idle-z--platz em, .idle-pod__l, .idle-tipp, .idle-fuss, .srv-hero__eyebrow, .srv-card__head,
  .srv-card__art, .srv-card__puls, .srv-chip, .srv-akt, .srv-badge, .srv-trenner, .srv-rek__k, .srv-block__sub,
  .srv-auto__zahlen, .srv-str--kopf, .srv-fahrer__km small, .srv-fahrer__rd small, .srv-rek__s small, .sg-block__s,
  .sg-row__r, .sg-row__w small, .sg-woche span, .sg-rek__k, .sg-rek small, .sg-leer, .ebkat__label, .ebkat__pm,
  .ebkat__best i, .ebkat__strecke b, .ebzeile__klasse, .ebzeile__meta, .ebzeile__server, .racecard__pt,
  .tbl th, .tbl small, .lk--weak, .pf-field > span, .pf-hint
) { font-size: 13px; }
html[data-design="boxenfunk"] .racecard__pod--voll .racecard__av { font-size: 13px; }
html[data-design="boxenfunk"] .idle-h .arrow { font-size: 13px; }
html[data-design="boxenfunk"] .srv-hero__km small { font-size: max(13px, .42em); }

/* ---------- Gemeinsame Flaechen ---------- */
html[data-design="boxenfunk"] :is(.srv-hero, .srv-card, .srv-detail__head, .srv-rek, .srv-auto, .sg-block,
  .idle-pod, .ebkat, .ebzeile, .pf, .idle-quelle) {
  border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; background: var(--bx-flaeche);
}
html[data-design="boxenfunk"] :is(.srv-card, .srv-auto, .ebkat, .ebzeile, .idle-pod[data-profil]):hover {
  transform: none; box-shadow: none; filter: brightness(1.12);
}
html[data-design="boxenfunk"] :is(.srv-card__title, .srv-detail__title, .srv-block__t, .sg-block__t, .ebkat__titel,
  .ebzeile__strecke, .idle-pod__n, .mod-photo__name) {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .01em; color: #fff;
}
html[data-design="boxenfunk"] :is(.srv-hero__eyebrow, .srv-rek__k, .srv-trenner, .srv-str--kopf, .sg-rek__k, .sg-block__s,
  .idle-pod__l, .ebkat__label, .srv-block__sub, .idle-h) {
  font-family: var(--bf-display); font-weight: 700; font-style: normal; letter-spacing: .1em; color: var(--bf-ink-dim);
}
/* Werte: kursiv-kondensiert, weiss — Cyan der Heute-Fassung entfaellt. */
html[data-design="boxenfunk"] :is(.srv-hero__km, .srv-rek__v, .srv-fahrer__km, .srv-str__best, .sg-row__w,
  .idle-pod__w, .ebkat__best, .ebkat__pt, .ebzeile__best, .racecard__pt) {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; font-variant-numeric: tabular-nums; color: #fff; text-shadow: none;
}
/* Zusammengesetzte Selektoren je eigene Regel — in einer :is()-Liste hoeben sie die ganze Liste an. */
html[data-design="boxenfunk"] .sg-woche b,
html[data-design="boxenfunk"] .sg-rek b {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; font-variant-numeric: tabular-nums; color: #fff; text-shadow: none;
}
html[data-design="boxenfunk"] .pf h1 { font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
html[data-design="boxenfunk"] .pf p { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .ebkat__best i,
html[data-design="boxenfunk"] .pf-field > span {
  font-family: var(--bf-display); font-weight: 700; font-style: normal; letter-spacing: .1em; color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .tbl th { font-family: var(--bf-display); font-weight: 700; letter-spacing: .1em; }
html[data-design="boxenfunk"] :is(.srv-hero__km small, .srv-rek__v small, .sg-row__w small) { font-style: normal; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] :is(.srv-card__text, .srv-detail__text, .srv-hero__fact, .srv-rek__s, .ebkat__meta, .ebzeile__meta,
  .idle-tipp, .idle-fuss, .idle-quelle, .wip__tipp, .pf-hint) { font-family: var(--bf-text); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] :is(.srv-back, .wip__tipp a, .tbl a:hover, .srv-str__halter:hover, .sg-row[role="button"]:hover .sg-row__n) { color: var(--bf-gelb); }

/* ---------- Unsere Server ---------- */
html[data-design="boxenfunk"] .srv-card[data-server] { --ac: var(--bx-b-sonst); }
html[data-design="boxenfunk"] .srv-card[data-server="29"] { --ac: var(--bx-b-lizenz); }
html[data-design="boxenfunk"] :is(.srv-card[data-server="31"], .srv-card[data-server="32"]) { --ac: var(--bx-b-ram); }
html[data-design="boxenfunk"] .srv-card[data-server="34"] { --ac: var(--bx-b-academy); }
html[data-design="boxenfunk"] .srv-hero { box-shadow: inset 6px 0 0 var(--bf-gelb); }
html[data-design="boxenfunk"] .srv-card { box-shadow: inset 6px 0 0 var(--ac, var(--bf-knopf-hell)); }
html[data-design="boxenfunk"] .srv-card--archiv { box-shadow: inset 6px 0 0 var(--bf-knopf-hell); }
html[data-design="boxenfunk"] .srv-card__bild {
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, .03) 0 2px, transparent 2px 9px),
    linear-gradient(135deg, color-mix(in srgb, var(--ac, var(--bf-knopf)) 26%, #121722), #07090e);
}
html[data-design="boxenfunk"] .srv-card__art {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; letter-spacing: .1em;
  color: var(--bf-dunkel); background: var(--ac, var(--bf-ink)); padding: 0 14px 0 6px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 100%, 0 100%);
}
html[data-design="boxenfunk"] .srv-card--archiv .srv-card__art { background: var(--bf-knopf-hell); color: var(--bf-ink); }
html[data-design="boxenfunk"] :is(.srv-card__puls, .srv-akt) { font-family: var(--bf-display); font-weight: 600; color: #8f9ab0; }
html[data-design="boxenfunk"] .srv-akt b { color: #fff; }
html[data-design="boxenfunk"] :is(.srv-chip, .srv-badge, .ebkat__kl, .ebzeile__klasse, .ebkat__auto) {
  font-family: var(--bf-display); font-weight: 700; border: 0; border-radius: 0; background: var(--bf-knopf); color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] :is(.srv-chip b, .ebkat__auto) { color: #fff; }
html[data-design="boxenfunk"] .srv-trenner::after { height: 3px; background: var(--bf-knopf); }
html[data-design="boxenfunk"] .srv-detail__kurz { font-family: var(--bf-display); font-weight: 700; letter-spacing: .08em; color: var(--bf-gelb); }
html[data-design="boxenfunk"] .srv-hinweis {
  border: 0; border-radius: 0; background: var(--bf-panel-2); box-shadow: inset 4px 0 0 var(--bf-gelb);
  font-family: var(--bf-text); color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .srv-rek { box-shadow: inset 0 4px 0 var(--bf-knopf-hell); }
html[data-design="boxenfunk"] :is(.srv-fahrer, .srv-str) { border: 0; border-radius: 0; background: rgba(255, 255, 255, .045); }
html[data-design="boxenfunk"] :is(.srv-fahrer, .srv-str):hover { background: rgba(255, 255, 255, .09); }
html[data-design="boxenfunk"] .srv-str--kopf,
html[data-design="boxenfunk"] .srv-str--kopf:hover { background: var(--bf-knopf); color: var(--bf-ink); box-shadow: inset 0 -3px 0 var(--bf-gelb); }
html[data-design="boxenfunk"] :is(.srv-fahrer__name, .srv-auto__name, .srv-str__name) { font-family: var(--bf-display); font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
html[data-design="boxenfunk"] :is(.srv-fahrer__rang, .srv-fahrer__rd, .srv-str__laenge, .srv-str__runden, .srv-auto__zahlen) {
  font-family: var(--bf-display); font-weight: 600; color: var(--bf-ink-dim);
}
html[data-design="boxenfunk"] .srv-auto__img--leer { border-radius: 0; background: var(--bf-panel-2); }
html[data-design="boxenfunk"] .sg-woche div { border-radius: 0; background: var(--bf-panel-2); }
html[data-design="boxenfunk"] .sg-rek + .sg-rek { border-top: 2px solid var(--bf-knopf); }
html[data-design="boxenfunk"] .sg-lade { border-radius: 0; border-color: var(--bf-knopf-hell); }
html[data-design="boxenfunk"] :is(.sg-row__r, .sg-woche span, .sg-rek small, .sg-leer) { font-family: var(--bf-display); font-weight: 600; color: #8f9ab0; }
html[data-design="boxenfunk"] .sg-leer { font-style: normal; }
html[data-design="boxenfunk"] .sg-row__n { font-family: var(--bf-display); font-weight: 700; text-transform: uppercase; }

/* ---------- HRC Dash (Idle Racer): Zeitenturm mit Fuellbalken ---------- */
html[data-design="boxenfunk"] .idle-quelle { box-shadow: inset 4px 0 0 var(--bf-knopf-hell); }
html[data-design="boxenfunk"] .idle-quelle--alt { box-shadow: inset 4px 0 0 var(--gt4); color: var(--bf-ink); }
html[data-design="boxenfunk"] .idle-tab { border: 0; border-radius: 0; background: none; backdrop-filter: none; }
html[data-design="boxenfunk"] .idle-kopfzeile { background: var(--bf-knopf); border-bottom: 0; box-shadow: inset 0 -3px 0 var(--bf-gelb); }
html[data-design="boxenfunk"] .idle-h { color: var(--bf-ink); white-space: nowrap; }
html[data-design="boxenfunk"] :is(.idle-h.sorted, .idle-h.sortable:hover) { color: var(--bf-gelb); text-shadow: none; }
html[data-design="boxenfunk"] .idle-r { background: rgba(255, 255, 255, .045); border-bottom: 3px solid var(--bf-bg); }
html[data-design="boxenfunk"] .idle-r:hover { transform: none; box-shadow: none; background: rgba(255, 255, 255, .09); }
html[data-design="boxenfunk"] .idle-r--p1 { --rowc: var(--gold); }
html[data-design="boxenfunk"] .idle-r--p2 { --rowc: var(--silver); }
html[data-design="boxenfunk"] .idle-r--p3 { --rowc: var(--bronze); }
html[data-design="boxenfunk"] :is(.idle-r--p1, .idle-r--p2, .idle-r--p3) { border-left: 0; box-shadow: inset 5px 0 0 var(--rowc); }
html[data-design="boxenfunk"] .idle-z { font-family: var(--bf-display); font-weight: 600; }
html[data-design="boxenfunk"] .idle-z.num { border-radius: 0; }
html[data-design="boxenfunk"] .idle-z b { font-weight: 700; }
html[data-design="boxenfunk"] .idle-fuell {
  background: color-mix(in srgb, var(--bf-gelb) 18%, transparent);
  border-right: 2px solid color-mix(in srgb, var(--bf-gelb) 70%, transparent);
}
html[data-design="boxenfunk"] :is(.idle-r--p1, .idle-r--p2, .idle-r--p3) .idle-fuell {
  background: color-mix(in srgb, var(--rowc) 20%, transparent); border-right-color: color-mix(in srgb, var(--rowc) 70%, transparent);
}
html[data-design="boxenfunk"] .idle-z--platz { font-family: var(--bf-display); font-weight: 800; font-style: italic; color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] :is(.idle-r--p1, .idle-r--p2, .idle-r--p3) .idle-z--platz { color: var(--rowc); }
html[data-design="boxenfunk"] .idle-z--platz em { font-style: normal; font-weight: 700; }
html[data-design="boxenfunk"] .idle-r:hover .idle-z--name { color: #fff; }
html[data-design="boxenfunk"] .idle-pod--1 { --pc: var(--gold); }
html[data-design="boxenfunk"] .idle-pod--2 { --pc: var(--silver); }
html[data-design="boxenfunk"] .idle-pod--3 { --pc: var(--bronze); }
html[data-design="boxenfunk"] .idle-pod { box-shadow: inset 0 6px 0 var(--pc, var(--bf-knopf-hell)); }
html[data-design="boxenfunk"] .idle-pod__w { color: var(--pc, #fff); }
html[data-design="boxenfunk"] .idle-fuss { border-top: 2px solid var(--bf-knopf); }

/* ---------- Eventserver ---------- */
html[data-design="boxenfunk"] .ebkat { box-shadow: inset 6px 0 0 var(--bereich, var(--bx-b-sonst)); }
html[data-design="boxenfunk"] .ebkat:hover .ebkat__titel { color: #fff; }
html[data-design="boxenfunk"] .ebkat__oeffnen {
  font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .04em;
  border: 0; border-radius: 0; color: var(--bf-dunkel); background: var(--bereich, var(--bf-gelb)); clip-path: var(--bx-schraeg);
}
html[data-design="boxenfunk"] .ebkat:hover .ebkat__oeffnen { background: #fff; }
html[data-design="boxenfunk"] .ebkat__meta b { color: #fff; }
html[data-design="boxenfunk"] .ebkat__strecke {
  border: 0; border-radius: 0; background: var(--bf-panel-2); box-shadow: inset 4px 0 0 var(--bereich, var(--bf-gelb));
}
html[data-design="boxenfunk"] .ebkat__strecke:hover { transform: none; box-shadow: inset 4px 0 0 #fff; background: var(--bf-knopf); }
html[data-design="boxenfunk"] .ebkat__streckenname { font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; }
html[data-design="boxenfunk"] .ebkat__strecke b { font-family: var(--bf-display); color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .ebkat__tat {
  font-family: var(--bf-display); font-weight: 700; color: var(--bereich, var(--bf-gelb)); border-left: 2px solid var(--bf-knopf-hell);
}
html[data-design="boxenfunk"] .ebkat__strecke .ebkat__pf { color: var(--bereich, var(--bf-gelb)); }
html[data-design="boxenfunk"] .ebkat__podest { border-radius: 0; background: rgba(0, 0, 0, .28); }
html[data-design="boxenfunk"] .ebkat__pn { font-family: var(--bf-display); font-weight: 600; text-transform: uppercase; }
html[data-design="boxenfunk"] .ebkat__pz:first-child .ebkat__pn { font-weight: 800; color: #fff; }
html[data-design="boxenfunk"] .ebkat__pt { color: var(--bf-ink-dim); }
html[data-design="boxenfunk"] .ebkat__pz:first-child .ebkat__pt { color: var(--gold); }
html[data-design="boxenfunk"] .ebzeile { box-shadow: inset 5px 0 0 var(--bereich, var(--bx-b-sonst)); }
html[data-design="boxenfunk"] .ebzeile:hover .ebzeile__strecke { color: #fff; }

/* ---------- Profil + Moderation ---------- */
html[data-design="boxenfunk"] .pf { box-shadow: inset 0 4px 0 var(--bf-knopf-hell); }
html[data-design="boxenfunk"] :is(.pf-input, .pf-consent-box, .pf-claim__row, .mod-row, .mod-photo, .pf-photo__empty, .pf-appkey code) {
  font-family: var(--bf-text); border: 0; border-radius: 0; background: var(--bf-panel-2); box-shadow: inset 4px 0 0 var(--bf-knopf-hell);
}
html[data-design="boxenfunk"] :is(.pf-input:focus, .pf-claim__row.selected) { box-shadow: inset 4px 0 0 var(--bf-gelb); }
html[data-design="boxenfunk"] .pf-claim__row:hover { background: var(--bf-knopf); }
html[data-design="boxenfunk"] :is(.pf-photo__preview img, .mod-photo img) { border: 0; border-radius: 0; }
html[data-design="boxenfunk"] .pf-photo { border-top: 2px solid var(--bf-knopf); }
html[data-design="boxenfunk"] .pf-note {
  border: 0; border-radius: 0; background: var(--bf-panel-2); box-shadow: inset 4px 0 0 var(--bf-gelb);
}
html[data-design="boxenfunk"] .pf-status--hinweis { color: var(--bf-ink); }
html[data-design="boxenfunk"] .tbl th { color: var(--bf-ink); background: var(--bf-knopf); border-bottom: 3px solid var(--bf-gelb); }
html[data-design="boxenfunk"] .tbl td { border-bottom: 2px solid var(--bf-bg); background: rgba(255, 255, 255, .03); }
html[data-design="boxenfunk"] .tbl tbody tr:hover td { background: rgba(255, 255, 255, .08); }
html[data-design="boxenfunk"] .tbl a { font-family: var(--bf-display); font-weight: 700; text-transform: uppercase; }

/* ---------- Telemetrie-Hilfe ---------- */
html[data-design="boxenfunk"] .tk-hilfe__h { font-family: var(--bf-display); font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .02em; }
/* Die Hilfeseite steckt in `.tele-view` (TelemetrieHilfeView.js) und faellt damit unter die
   Telemetrie-Ausnahme von grund.css — Titel deshalb hier flach (nur diese Seite, Haken: .tk-hilfe__h). */
html[data-design="boxenfunk"] .tele-view:has(> .tk-hilfe__h) .grad-text {
  background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #fff; filter: none;
}