/* NEXTARI · DAS KARTENSYSTEM · vier Arten statt einundzwanzig.
 *
 * Am ueber alle 54 Seiten gemessen: 100 Kartenarten, 21 davon mit
 * Bild, davon 15 ueber 65 % Bild und neun bei 95 % und mehr. Die Karten mit
 * dem WENIGSTEN Bild trugen die MEISTEN Infozeilen · die Eventkarte sechs
 * bei 39 %, die Coverkarte auf Games vier bei 100 %, und die musste sie auf
 * das Bild legen.
 *
 * DIE TRENNLINIE IST NICHT "SPIEL ODER NICHT", sondern wie viel die Karte zu
 * sagen hat:
 *
 *  Eine Zeile oder keine  -> das Cover fuellt die Karte (Netflix).
 *  Der Titel steht im Verlauf, sonst nichts.
 *  Zwei Zeilen oder mehr  -> das Bild bekommt eine feste Kante, darunter
 *  steht der Text auf eigenem Grund.
 *
 * So verliert keine Karte Information · drei gewinnen welche dazu, weil
 * unter dem Bild Platz entsteht. Und eine Reihe hat EINE Hoehe: die der
 * hoechsten Karte.
 */

/* ------------------------------------------------------------------
  ART 1 · SPIEL HOCHKANT · das Poster ist die Aussage
  ------------------------------------------------------------------ */
.nxk-hoch,
.sptile.lk,
.lgame{
  border-radius:var(--nx-r-karte);
  overflow:hidden;
  position:relative;
}

/* ------------------------------------------------------------------
  ART 2 · SPIEL QUER · dasselbe fuer breite Reihen
  ------------------------------------------------------------------ */
.nxk-quer,
.mtile{
  border-radius:var(--nx-r-karte);
  overflow:hidden;
  position:relative;
}

/* ------------------------------------------------------------------
  ART 3 · SACHE MIT TEXT · Abend, Mensch, Kanal, Ort, Empfehlung
  Das Bild haelt seine Hoehe, der Text steht darunter auf eigenem Grund.
  Bildhoehe nach Kartenbreite · unter 250 breit 104, bis 360 breit 132,
  darueber 160.
  ------------------------------------------------------------------ */
.nxk-text{
  display:flex!important;
  aspect-ratio:auto;
  height:auto;
  flex-direction:column;
  border-radius:var(--nx-r-karte);
  overflow:hidden;
  background:var(--nx-hebung);
  border:none;
}
/* EINE KARTE AUF EINER FLAECHE BRAUCHT DIE NAECHSTE STUFE · und die
  bekommt sie jetzt von selbst. Hier stand eine Ausnahme fuer drei
  Elternteile (.nx-charea, .wg, .panel), die auf --surface2 umschaltete ·
  auf dem Profil lag die Karte aber in .block, war nicht genannt und stand
  mit fuenf Stufen Abstand fast unsichtbar darauf. --nx-hebung ist EINE
  Stufe ueber dem, was darunter liegt, also braucht es keine Liste. */
/* DER VORRANG IST NOETIG · die Seiten-CSS gibt ihren Bildflaechen Hoehen
  und Seitenverhaeltnisse mit !important. Wer eine Flaeche besitzt, sagt
  das auch dem Browser · dieselbe Lehre wie beim Bildmaler  */
.nxk-text > .nxk-bild{
  flex:none;
  height:132px;
  aspect-ratio:auto;
  background-size:cover;
  background-position:center 30%;
  background-repeat:no-repeat;
}
.nxk-text > .nxk-in{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:3px;
  /* Innen eng und auf jeder Karte gleich (Feed als Massstab, 06.10.):
  ein Polster fuer alle Groessen, gelesen aus --nx-karte-polster. */
  padding:var(--nx-karte-polster,12px 14px 14px);
  min-width:0;
}
.nxk-text .nxk-t{
  font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);
  color:var(--txt);
}
.nxk-text .nxk-m{
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;
  color:var(--dim);
}
/* ------------------------------------------------------------------
  ART 3b · SPIELKACHEL IM NETFLIX-STIL
"hatten wir doch bei games netflix style bei den
  artworks definiert, das ist nicht mehr so richtig vorhanden. manche
  texte wirken viel zu eng gelayoutet" · und: "die neue graue schoene
  hintergrundfarbe schiesst teilweise aus den elementen hinaus."

  Beides war dieselbe Stelle. Gemessen deckte das Artwork nur 68 bis 76
  Prozent der Kachel · darunter lag ein grauer Streifen von 32 px mit
  dem Text. Genau dieser Streifen ist das Grau, das "hinausschiesst",
  und genau er ist der Unterschied zu Netflix: dort traegt das Bild die
  ganze Kachel, und der Text liegt IM Bild auf einem Verlauf.

  Es gilt nur fuer .gcard · eine Spielkachel zeigt ein Artwork, und das
  Artwork ist die Aussage. Karten mit eigenem Inhalt (ein Video mit
  Kanal und Datum, ein Beitrag) behalten ihren Textbereich: dort waeren
  drei Zeilen im Bild unlesbar.
  ------------------------------------------------------------------ */
.gcard.nxk-text{
  aspect-ratio:16/10!important;
  height:auto;
  background:transparent!important;
  border:0!important;
  position:relative;
}
.gcard.nxk-text > .nxk-bild{
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  background-position:center 42%;
}
/* Der Text liegt im Bild und bringt seine eigene Lesbarkeit mit · ein
  Verlauf, kein Kasten. Ohne ihn verschwindet weisse Schrift auf einem
  hellen Artwork. */
.gcard.nxk-text > .nxk-in{
  position:absolute!important;
  left:0; right:0; bottom:0;
  flex:none!important;
  padding:26px 12px 11px!important;
  background:linear-gradient(to top,rgba(8,8,10,.92) 0%,rgba(8,8,10,.72) 46%,rgba(8,8,10,0) 100%);
  z-index:2;
}
.gcard.nxk-text .nxk-t{
  font-size:14px;
  text-shadow:0 1px 10px rgba(0,0,0,.85);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* Die zweite Zeile traegt Studio und Ort · sie darf umbrechen, aber nur
  einmal. Drei Zeilen im Bild lesen sich als Textblock, nicht als Kachel. */
.gcard.nxk-text .nxk-m{
  font-size:12px;
  text-shadow:0 1px 8px rgba(0,0,0,.85);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.gcard.nxk-text .nxk-f{
  margin-top:6px!important;
  padding-top:0!important;
}

/* Die Fusszeile sinkt nach unten · dadurch stehen die Fusszeilen aller
  Karten einer Reihe auf einer Linie, auch wenn der Text darueber
  verschieden lang ist. */
.nxk-text .nxk-f{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:auto;
  padding-top:9px;
}
/* UNTEN LINKS STEHT, WOHER ES KOMMT · bei einer Empfehlung der Kurator,
  beim Radar die Plattform. Dieselbe Stelle, dieselbe Bedeutung. */
.nxk-text .nxk-her{
  display:flex;
  align-items:center;
  gap:6px;
  font:700 var(--nx-typo-meta) var(--nx-f-text);
  color:var(--dim);
  min-width:0;
}
.nxk-text .nxk-her img,
.nxk-text .nxk-her .nxk-av{
  width:20px;height:20px;border-radius:50%;flex:none;
  background-size:cover;background-position:center;
}
.nxk-text .nxk-r{
  margin-left:auto;
  font:800 13px var(--nx-f-text);
  color:var(--txt);
  white-space:nowrap;
}

/* Schmale Karte · unter 250 Punkten */
.nxk-text.nxk-s > .nxk-bild{height:104px}
/* Breite Karte · ab 380 Punkten */
.nxk-text.nxk-l > .nxk-bild{height:160px}
.nxk-text.nxk-l > .nxk-in{gap:4px}
.nxk-text.nxk-l .nxk-t{font-size:16px}

/* ------------------------------------------------------------------
  EINE REIHE, EINE HOEHE
  Am zweimal gebraucht: erst zwang ein Seitenverhaeltnis allen
  Karten 16:9 auf und schnitt den Text ab, dann nahm jede Karte ihre
  eigene Hoehe · sechs Formate bei neun Karten. stretch gibt allen die
  Hoehe der hoechsten, ohne dass etwas abgeschnitten wird.
  ------------------------------------------------------------------ */
.nxk-reihe{display:flex;align-items:stretch;gap:16px}
.nxk-reihe > *{align-self:stretch}

/* ------------------------------------------------------------------
  DIE LEERE KARTE · eine Flaeche, die auf ihren Inhalt wartet
  : "lieber raus und freie Flaechen durch graue leere
  Karte ersetzen, sodass man sieht, dass da gefuellt wird." Eine
  erfundene Veranstaltung ist schlechter als eine ehrliche Luecke ·
  die Luecke sagt, dass hier etwas hingehoert.
  ------------------------------------------------------------------ */
.nxk-leer{
  display:flex;
  flex-direction:column;
  border-radius:var(--nx-r-karte);
  background:var(--nx-hebung);
  border:none;
  min-height:180px;
  overflow:hidden;
}
/* DAS KAESTCHEN HAT DIE BILDHOEHE DER KARTE, DIE FEHLT.
  Gemessen stand das wartende Kaestchen auf 104 Punkten Bildhoehe, die
  Textkarte derselben Familie zwei Bloecke weiter oben auf 132. Ein
  Kaestchen zeigt die FORM der fehlenden Karte · steht es daneben, liest
  sich der Unterschied von 28 Punkten als zweite Kartenart, nicht als
  Luecke. Es ist dasselbe Mass wie in .nxk-text, deshalb steht hier
  derselbe Wert.
  DER VORRANG IST NOETIG, und zwar gegen das eigene Haus: nxm-leerreihe.js
  bringt seine Form selbst mit und schreibt denselben Waehler mit 104 in
  einen <style>-Block, der NACH dieser Datei in den Kopf kommt. Gleiche
  Staerke, spaetere Stelle · ohne Vorrang aendert diese Zeile nichts.
  Der zweite Besitzer bleibt bestehen; wer ihn zusammenlegt, nimmt das
  !important gleich mit weg. */
.nxk-leer > .nxk-bild{
  flex:none;
  height:132px;
  background:var(--nx-hebung);
  border:none;
}
.nxk-leer > .nxk-in{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:12px 14px 14px;
}
/* AUF DER LEITER, UND NUR HIER.
  13 und 12 standen neben den Sprossen (12,5 und 11,5) · eine halbe Stufe
  daneben sieht niemand und die Leiter misst es trotzdem, weil sonst jede
Groesse "fast richtig" sein darf. Dieselben zwei Angaben standen vorher
  auch in nxm-leerreihe.js; das Stylesheet gewann, und das Modul
  schrieb ins Leere. Jetzt gibt es eine Stelle. */
.nxk-leer .nxk-t{
  font:800 var(--nx-typo-text) var(--nx-f-text);
  color:var(--dim);
}
.nxk-leer .nxk-m{
  font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;
  color:var(--dim);
  opacity:.8;
}

/* ==================================================================
  DIE NACHZUEGLER · dreizehn Kartenarten, die den Vertrag nie erreicht
  haben.

  Gemessen ueber sieben Seiten: der Vertrag deckt 99 Karten, rund 440
  stehen daneben. nxm-karten.js kennt fuenfzehn Selektoren und wandelt
  die zuverlaessig um · die hier kennt es nicht, und sie tragen
  deshalb ihre eigenen Masse: Radien 12, 13, 14 UND 16 fuer dieselbe
  Sache, dazu Gruende von durchsichtig bis reinem Schwarz.

  Das Markup wird NICHT umgebaut · dafuer ist es zu spaet am Abend und
  fremde Module suchen nach diesen Namen. Was sie bekommen, ist die
  FORM des Vertrags: eine Karte ist 12 rund, eine Tafel 14. Mehr
  braucht es nicht, damit eine Reihe ruhig wirkt · die Unruhe kam nie
  vom Inhalt, sondern davon, dass vier Nachbarn vier Rundungen hatten.

  Wer eine dieser Arten spaeter richtig umbaut, nimmt sie hier raus. */
.edcard, .merchcard, .newscard, .nx-ss-card, .nx-ytclip,
.nx-pmedia-c, .nx-pfl-k, .banner, .nx-lvl-c,
.nx-cal-day, .nxec-day{
  border-radius:var(--nx-r-karte);
}
/* Diese beiden fassen mehreres unter einem Kopf zusammen · das ist
  eine Tafel, keine Karte, und Tafeln sind 14. */
.nx-noti, .nx-fr-c{
  border-radius:var(--nx-r-tafel);
}
/* WO KEIN GRUND STAND, STAND DIE KARTE IM NICHTS.
  Vier der dreizehn trugen gar keinen (durchsichtig) und lagen damit
  direkt auf der Seite · eine Karte ohne Flaeche ist keine Karte,
  sondern ein Textblock mit Abstand. Der Ton ist der der Leiter, nicht
  ein neuer. Ausgenommen bleibt, wer sein Bild selbst traegt (.banner)
  und wer die Farbe eines Kunden fuehrt (.nx-lvl-c).
  Der Ton ist EINE STUFE ueber dem Grund (--nx-hebung), kein fester Wert:
  auf der Seite ist das #1f1f24 wie vorher, in einem Kasten #2d2d34. Mit
  --surface standen die Kalendertage auf People, Events und dem
  Creator-Profil im Kasten gleichen Tons und waren keine Kacheln mehr. */
.edcard, .newscard, .nx-ytclip, .nx-cal-day, .nxec-day{
  background-color:var(--nx-hebung);
}

/* ==================================================================
  DIE TEILE EINER KARTE · der Vertrag der Kartenbauer.

  Jeder Bauer schreibt seine Karte in ihrer fertigen Ordnung und nennt
  die Teile beim Namen:
    data-nx-kontext   die Zeile ueber dem Namen (wann, Marke und Spiel,
                      was gerade laeuft)
    data-nx-name      der Name
    data-nx-fakten    die Zeile darunter
    data-nx-zustand   ob man noch reinkommt · frei, knapp, zu, neutral
  Welche Zeile ein Zeitpunkt und welche ein Zustand ist, sagt
  NXFAKT.teile() (nxm-faktenzeile.js) · umgehaengt wird nichts mehr.
  Hier steht nur, wie die Teile aussehen.
  ------------------------------------------------------------------ */
.ftile [data-nx-kontext]{
  display:block;margin:0 0 4px;
  font:700 var(--nx-typo-klein)/1.35 var(--nx-f-text);color:var(--dim);
}
.card .ctop [data-nx-kontext]{
  display:block;
  font:700 var(--nx-typo-klein)/1.35 var(--nx-f-text);color:var(--dim);
}
/* Die leere Zeile haelt ihre Hoehe · sonst stehen die Namen einer Reihe
  auf verschiedenen Hoehen. */
.ftile [data-nx-kontext]{min-height:14px}
/* AUF EINER BILDKACHEL IST GRAU NICHT LESBAR. Der Schleier dunkelt von
  unten, die obere Zeile liegt darueber · sie bekommt dieselbe Behandlung
  wie der Titel: helles Weiss und denselben Schatten. */
.ftile .fcontent [data-nx-kontext]{color:rgba(255,255,255,.76);text-shadow:0 2px 10px rgba(0,0,0,.6)}
/* Die Personenkarte: was gerade laeuft, steht ueber dem Namen, klein und
  ruhig · Wort fuer Wort, wie der Bauer es schreibt. */
.card .ctop [data-nx-kontext]{margin:0 0 2px}
.card .ctop [data-nx-kontext] .now{color:var(--dim)}
/* Die Spiele-Feedkarte: Marke und Spiel stehen nebeneinander. Ihre
  eigenen Abstaende behalten sie · das Spiel haelt seinen Abstand zum
  Titel. */
.nx-gf-k [data-nx-kontext]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 5px}
/* Der Punkt vor dem Zustand · seine Farbe kommt aus dem Wert, den der
  Bauer aus der Zahl liest, nicht aus dem Gefuehl. */
[data-nx-fakten] > [data-nx-zustand]::before{
  content:'';display:inline-block;width:6px;height:6px;border-radius:var(--nx-r-rund);
  margin-right:7px;vertical-align:middle;position:relative;top:-1px;background:var(--faint);
}
[data-nx-fakten] > [data-nx-zustand="frei"]::before{background:var(--nx-cyan)}
[data-nx-fakten] > [data-nx-zustand="knapp"]::before{background:#e8a33c}
/* DIE KOPFZEILE WIE IM FEED (08.10.) · nxm-karten.js (kopfzeilen) haengt
  die Zeile "wer, was, wann" ueber den Titel und markiert sie mit
  data-nx-kartenkopf. Hier steht nur ihr Aussehen: Notizsprosse, grau, eine
  Zeile, der Titel folgt mit wenig Luft. */
.evcard .evbody > .nx-kz[data-nx-kartenkopf]{margin:0 0 3px}
.nxsh-body > .nxsh-q[data-nx-kartenkopf]{flex:none;font:600 var(--nx-typo-meta)/1.4 var(--nx-f-text);color:var(--dim)}
.nxsh-body > .nxsh-q[data-nx-kartenkopf] + .nxsh-name{flex:1}
/* Auf der Spielekarte steht der Name vorn, dann die Marke, dann Quelle
  und Alter · "Name · Art · Zeit". */
/* Im Karussell der Spieleseite klemmt css/nextari-games.css jede Zeile
  der Karte auf zwei Zeilen (".nx-gf-carou .nx-gf-k span:not(...)") · die
  Kopfzeile ist dort eine Reihe, die umbrechen darf, und ihre Quellzeile
  traegt die Schrift des Kopfs. Darum der Vorrang ueber diese Regel. */
html body .nx-gf-carou .nx-gf-k.nx-gf-k [data-nx-kontext][data-nx-kontext]:has(> [data-nx-kartenkopf]),
.nx-gf-k [data-nx-kontext]:has(> [data-nx-kartenkopf]){display:flex;flex-wrap:wrap;align-items:center;
  column-gap:8px;row-gap:2px;height:auto;overflow:visible;-webkit-line-clamp:none;margin:0 0 5px}
.nx-gf-k [data-nx-kontext] > .nx-gf-spiel{order:-1;margin:0}
html body .nx-gf-carou .nx-gf-k.nx-gf-k [data-nx-kontext] > [data-nx-fakten][data-nx-fakten][data-nx-kartenkopf],
.nx-gf-k [data-nx-kontext] > [data-nx-fakten][data-nx-kartenkopf]{display:block;margin:0;flex:1 1 100%;min-width:0;
  font:600 var(--nx-typo-meta)/1.4 var(--nx-f-text);color:var(--nx-text);opacity:.82}

/* ==================================================================
  DIE KARTENZEILE · DIE SPRACHE DES FEEDS (Nr. C72, Entscheidung 06.10.
  "Feed als Massstab"). Events, People, Games, Profil, Creator-Profil,
  Event- und Spielseite: je Karte oder Listenzeile genau EIN kompakter
  Hauptknopf rechts, Pille, 36 hoch (am Telefon reicht die Tippflaeche
  unsichtbar auf 44); grau, lila fuer eine NEXTARI-Handlung, die Farbe
  der Plattform nur nach draussen (die setzt nxm-quellenzeichen.js am
  Knopf). Weitere Knoepfe sind kleine graue Zeichen ohne Kasten.
  Benannt werden die Knoepfe in nxm-karten.js (kartenzeilen), ihre Art
  sagt nxm-knopfart.js · gemalt wird nur hier. Dieselben Masse wie die
  Aktionszeile des Feeds (css/nextari-feed.css).
  ================================================================== */
/* Die Leiter von nxm-bedienung.js und die Knopfregeln in nextari.css
  setzen Hoehe und Rundung mit Vorrang aus --nx-h-bedien, --nx-r-bedien
  und --nx-r-klein · der Hauptknopf traegt diese Werte darum selbst
  (36, Pille), statt mit einem zweiten Vorrang dagegenzuhalten.
  :not(#nx-kz) hebt die Regeln auf die Stufe einer Kennung · Seiten-CSS
  wie #potm .nxpotm-stimme (People) waehlt ihre Karten ueber die
  Kennung der Reihe, und die Form gehoert hier. */
html body .nx-kz-haupt:not(#nx-kz){--nx-h-bedien:36px;--nx-r-bedien:var(--nx-r-pille);--nx-r-klein:var(--nx-r-pille);
  box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;
  height:var(--nx-h-bedien);min-height:var(--nx-h-bedien);max-height:var(--nx-h-bedien);padding:0 16px;margin-top:0;margin-bottom:0;border:0;
  border-radius:var(--nx-r-pille);box-shadow:none;background-image:none;white-space:nowrap;text-decoration:none;
  font:700 var(--nx-typo-meta)/1 var(--nx-f-text);cursor:pointer}
html body .nx-kz-haupt[data-nx-knopfart="grau"]:not(#nx-kz){background-color:var(--nx-hebung-2);color:var(--txt)}
html body .nx-kz-haupt[data-nx-knopfart="nx"]:not(#nx-kz){background-color:var(--nx-akzent);color:var(--txt)}
html body .nx-kz-haupt > :is(svg,img){width:15px;height:15px;flex:none;margin-right:6px}
html body .nx-kz-haupt.nx-kz-spalte:not(#nx-kz){align-self:flex-end;width:max-content;max-width:100%}
html body .nx-kz-haupt.nx-kz-block:not(#nx-kz){display:flex;width:max-content;max-width:100%;margin-left:auto}
html body .nx-kz-haupt::after{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--nx-kz-hit,0px));bottom:calc(-1 * var(--nx-kz-hit,0px))}
html body .nx-kz-leise{background:none;background-image:none;border:0;box-shadow:none;color:var(--nx-leise);
  height:var(--nx-h-bedien);min-height:var(--nx-h-bedien);padding:0 6px;border-radius:var(--nx-r-bedien);
  font:700 var(--nx-typo-meta)/1 var(--nx-f-text);cursor:pointer}
html body .nx-kz-leise.nx-kz-zeichen{font-size:0;gap:0;width:var(--nx-h-bedien);padding:0;justify-content:center}
html body .nx-kz-leise.nx-kz-zeichen > :is(svg,img){width:20px;height:20px;margin:0}
@media (hover:hover){html body .nx-kz-leise:hover{color:var(--txt)}}
@media(max-width:767px){
  html body .nx-kz-haupt{--nx-kz-hit:4px}
}

/* ==================================================================
  DER EINTRAG IN EINER GRUPPE · VARIANTE B (Nr. C73, Entscheidung 06.10.
  "Kuratierte Reihen", Dokumente/KURATIERTE-REIHE-A-B.png).
  Die Gruppe (.nx-charea, auf den Profilen .block) behaelt ihre Flaeche
  #1f1f24 mit Kopf und Notiz. Ihre Eintraege haben KEINE eigene Flaeche:
  getrennt nur durch Luft (10), kleines Bild links (56), Titel und
  Unterzeile, rechts der eine kompakte Hauptknopf (.nx-kz-haupt, oben).
  Benannt in nxm-karten.js (eintraege), gemalt nur hier. Dreifache
  Klasse: die Seiten-CSS und nextari-flaechen.css setzen den Grund der
  Zeilen mit zwei Klassen und Vorrang; nxm-kachel.js setzt die Breite
  der Kanal-Kacheln (.nxsh-carou > .nxsh-card) mit Vorrang.
  ================================================================== */
html body .nxk-liste.nxk-liste{display:flex!important;flex-direction:column;flex-wrap:nowrap;
  gap:10px!important;overflow:visible!important;scroll-snap-type:none!important}
html body .nxk-liste > .nxk-eintrag.nxk-eintrag{flex:none!important;width:100%!important;max-width:none!important;
  min-width:0;margin:0}
html body .nxk-eintrag.nxk-eintrag.nxk-eintrag{background-color:transparent;background-image:none!important;
  border:0;box-shadow:none!important;border-radius:0;padding:0!important;min-height:0!important;
  display:flex!important;flex-direction:row;align-items:center;gap:12px;overflow:visible!important}
@media (hover:hover){html body .nxk-eintrag.nxk-eintrag:hover{background-color:transparent!important}}
html body .nxk-eintrag > .nxk-bild.nxk-bild{width:56px;min-width:56px;height:56px;
  border-radius:var(--nx-r-klein,10px);overflow:hidden}
html body .nxk-eintrag > .nxk-bild > .nxsh-type{display:none!important}
html body .nxk-eintrag.nxk-eintrag > .nxk-in{flex:1 1 auto;min-width:0;padding:0;gap:0;background:none}
html body .nxk-eintrag .nxsh-body.nxsh-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  column-gap:12px;row-gap:2px;align-items:center;padding:0;margin:0;background:none}
html body .nxk-eintrag .nxsh-body > *{grid-column:1;min-width:0;margin:0!important}
html body .nxk-eintrag .nxsh-body > .nxsh-go.nxsh-go{grid-column:2;grid-row:1 / span 6;justify-self:end;align-self:center;
  width:auto!important;margin:0!important}
html body .nxk-eintrag > .nx-cl-tx,html body .nxk-eintrag > .nx-pl-t{flex:1 1 auto;min-width:0}
html body .nxk-eintrag > .nx-cl-act{margin-left:auto;align-self:center!important;width:auto!important}
/* Am Telefon (und in schmalen Spalten wie den Slots auf Games) bliebe neben
  Bild und Knopf kaum Platz fuer den Titel · gemessen 50 px Textbreite und
  Zeilen bis 318 hoch. Der Knopf rutscht dort unter den Text, bleibt rechts. */
@media(max-width:767px){
  html body .nxk-eintrag .nxsh-body.nxsh-body{grid-template-columns:minmax(0,1fr);row-gap:8px}
  html body .nxk-eintrag .nxsh-body > .nxsh-go.nxsh-go{grid-column:1;grid-row:auto;justify-self:end}
  html body .nxk-eintrag.nxk-eintrag.nxk-eintrag:has(> .nx-cl-act){row-gap:8px!important}
  html body .nxk-eintrag > .nx-cl-tx{flex:1 1 calc(100% - 60px)}
}