/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
body>.section{margin:0 auto;}
body>.adwrap{margin:0 auto;padding-top:52px}
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);background:var(--bg);min-height:100vh;position:relative;}
::-webkit-scrollbar{width:9px;height:9px}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
.toprow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.bigsearch{position:relative;flex:1;min-width:260px}
.bigsearch .ico{position:absolute;left:16px;top:14px;color:var(--faint)}
.bigsearch input{width:100%;height:46px;border-radius:var(--nx-r-tafel);border:1px solid var(--line2);background:var(--nx-hebung);color:var(--txt);padding:0 16px 0 46px;font-family:var(--nx-f-text);font-weight:400;font-size:var(--nx-typo-text);outline:none}
.gchips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.gchip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s;color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung)}
.gchip.on{color:var(--txt);border-color:rgba(52,229,216,.5);background:rgba(52,229,216,.12)}
.billboard{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;min-height:466px;border:1px solid var(--line);margin-top:16px;cursor:pointer}
.bb-bg{position:absolute;inset:0}
.bb-grid{position:absolute;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:34px 34px}
.bb-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,13,.94) 0%,rgba(8,8,13,.7) 38%,transparent 72%),linear-gradient(0deg,rgba(8,8,13,.95),transparent 55%)}
.bb-c{position:absolute;left:44px;bottom:40px;right:44px;max-width:580px;z-index:2}
.bb-tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--nx-text);display:flex;align-items:center;gap:8px;margin-bottom:16px}
.bb-title{font-family:var(--nx-f-titel);font-weight:700;font-size:46px;line-height:1.02;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.6)}
.bb-meta{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.bb-ms{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#0a0a10;padding:0px 8px;border-radius:var(--nx-r-bedien)}
.bb-btn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);padding:16px 24px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s}
.bb-btn.info{color:#fff;background:rgba(255,255,255,.14)}
.bb-disc{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#06210f;background:var(--green);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.bb-was{font-size:var(--nx-typo-text);color:rgba(255,255,255,.5);text-decoration:line-through}
.bb-now{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff}
.spotlight{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand) 32px;position:relative;z-index:1}
.spotlight .lbl{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);display:flex;align-items:center;gap:8px;margin:8px 0 16px}
.bento{display:grid;grid-template-columns:calc(50% - 8px) 1fr 1fr;grid-template-rows:214px 214px;gap:16px}
.sptile{position:relative;border-radius:var(--radius);overflow:hidden;border:0;cursor:pointer;}
.nx-locker{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.nx-locker .sptile.lk{aspect-ratio:3/4;background:var(--nx-hebung)}
.nx-locker .lk-cov{position:absolute;inset:0;background-size:cover;background-position:center}
.nx-locker .lk-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,13,.88),rgba(8,8,13,.06) 55%)}
.nx-locker .lk-c{position:absolute;left:12px;right:12px;bottom:11px;z-index:2}
.nx-locker .lk-nm{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);color:#fff;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.nx-locker .lk-meta{display:flex;align-items:center;gap:6px;margin-top:6px}
/* GEMESSEN: die sechs Spielstunden-Marken standen auf 9 Punkten
  Schrift. Die Schriftleiter kennt als unterste Stufe 10,5, und 121
  andere Stellen der Seite stehen dort. Mit der groesseren Schrift
  erreicht die Marke auch das Etikettenmass von 22 Punkten und damit
  dieselbe Form wie die Marken auf den Spielkacheln. */
.nx-locker .lk-h{display:inline-flex;align-items:center;gap:4px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:rgba(255,255,255,.85);background:rgba(8,8,14,.6);border:1px solid rgba(255,255,255,.16);padding:0 9px;min-height:22px;box-sizing:border-box;border-radius:999px}
.nx-locker .lk-store{font:700 var(--nx-typo-klein) var(--nx-f-text);color:rgba(255,255,255,.72);background:rgba(8,8,14,.6);border:1px solid rgba(255,255,255,.16);padding:2px 8px;border-radius:var(--nx-r-bedien)}
.nx-locker .play{margin-top:9px;display:inline-flex;align-items:center;gap:6px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#0a0a10;background:#fff;padding:6px 12px;border-radius:var(--nx-r-bedien)}
@media(max-width:1100px){.nx-locker{grid-template-columns:repeat(3,1fr)}}
@media (hover:hover){.sptile:hover{background:var(--nx-hebung);}}
.sptile.big{grid-column:1;grid-row:1/3}
.sptile.wide{grid-column:2/4;grid-row:1}
.sptile .ov{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:26px 26px}
.sptile .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,11,.93),rgba(6,6,11,.2) 58%,transparent)}
.sptile .scr{position:absolute;top:11px;left:11px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);padding:4px 8px;border-radius:var(--nx-r-bedien);color:#0a0a10;z-index:3}
.sptile .c{position:absolute;left:16px;right:16px;bottom:15px;z-index:2}
.sptile .tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--accent);padding:4px 8px;border-radius:var(--nx-r-bedien);display:inline-flex;align-items:center;gap:4px;margin-bottom:8px}
.sptile .tag.nx{background:var(--nx-hebung);color:var(--nx-text)}
.sptile .tag.gold{background:var(--gold);color:#1a1505}
.sptile .nm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.12;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.sptile.big .nm{font-size:var(--nx-typo-seite);line-height:1.03}
.sptile .mt{font-size:var(--nx-typo-meta);color:rgba(255,255,255,.74);font-family:var(--nx-f-text);font-weight:400;margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.sptile.big .mt{font-size:var(--nx-typo-text)}
.sptile .play{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#0a0a10;background:#fff;padding:8px 16px;border-radius:var(--nx-r-bedien)}
.bb-arrow{position:absolute;top:38%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(10,10,18,.55);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.15s}
@media (hover:hover){.bb-arrow:hover{background:var(--accent)}}
.bb-arrow.l{left:16px}
.bb-arrow.r{right:62px}
.bb-dots{position:absolute;bottom:20px;right:26px;display:flex;gap:8px;z-index:6}
.bb-count{position:absolute;top:18px;right:20px;z-index:6;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:rgba(10,10,18,.5);padding:4px 16px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bb-peek{position:absolute;top:0;right:0;bottom:0;width:46px;z-index:4;background:linear-gradient(90deg,transparent,transparent);pointer-events:none}
.lief .carousel .gcard{flex:0 0 300px}
.lief .carousel .gcover{aspect-ratio:16/9}
.lief .carousel .gname{font-size:var(--nx-typo-kartenkopf);bottom:34px}
.carousel.big{gap:16px}
.carousel.big .gcard{flex:0 0 346px}
.carousel.big .gcover{aspect-ratio:16/9}
.carousel.big .gname{font-size:var(--nx-typo-kartenkopf);bottom:34px}
.carousel.big .gsub{font-size:var(--nx-typo-meta)}
.fbanner{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
@media (hover:hover){.fbannerin:hover{border-color:var(--line2);box-shadow:none}}
.fbannerin .ov{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:30px 30px}
.fbannerin .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,13,.92),rgba(8,8,13,.55) 48%,transparent 78%)}
.fbannerin .c{position:relative;padding:32px 32px;max-width:560px;z-index:2}
.fbannerin .tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--nx-hebung);border:1px solid var(--line2);padding:0px 8px;border-radius:var(--nx-r-bedien);display:inline-flex;align-items:center;gap:8px;color:var(--nx-text)}
.fbannerin .nm{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff;line-height:1.04;margin-top:16px;text-shadow:0 3px 16px rgba(0,0,0,.6)}
.fbannerin .bl{font-size:var(--nx-typo-text);color:rgba(255,255,255,.8);margin-top:8px;line-height:1.5;max-width:440px}
.fbannerin .act{display:flex;gap:8px;margin-top:16px;align-items:center}
.fbannerin .b1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:16px 16px;border-radius:var(--nx-r-bedien);display:inline-flex;gap:8px;align-items:center;cursor:pointer;box-shadow:none}
.fbannerin .b2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.22);padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
.sponsor.lief{background:linear-gradient(118deg,#ff8000 0%,#ff7a00 42%,#ff9c33 100%);padding:0;overflow:hidden;position:relative}
.sponsor.lief::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(420px 220px at 88% -30%,rgba(255,255,255,.28),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px);pointer-events:none}
.liefwrap{position:relative;padding:16px 16px 16px}
.liefhead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:0px}
.liefbadge{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--nx-r-karte);padding:8px 16px 8px 8px;box-shadow:none}
.liefhead .pres{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:rgba(255,255,255,.92)}
.liefhead .tt{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff;text-shadow:0 1px 6px rgba(120,50,0,.35)}
.lief .adbadge{background:#fff;color:#9a4d00}
.liefsub{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:rgba(255,255,255,.92);margin:2px 2px 8px;max-width:760px;line-height:1.45}
.lief .crow{position:relative}
.lief .fade{background:linear-gradient(90deg,transparent,#ff8a17)}
.sponsor.waipu{background:linear-gradient(118deg,#0c3a36 0%,#0f4a44 42%,#1ec0b8 140%);padding:0;overflow:hidden;position:relative}
.sponsor.waipu::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(420px 220px at 88% -30%,rgba(255,255,255,.22),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 14px,transparent 14px 28px);pointer-events:none}
.waipu .liefbadge{background:#0c3a36;box-shadow:none}
.waipu .pres,.waipu .liefsub{color:rgba(255,255,255,.9)}
.waipu .tt{color:#fff}
.waipu .adbadge{background:#fff;color:#0a6b64}
.waipu .fade{background:linear-gradient(90deg,transparent,#15938c)}
.lief .arrow{background:#fff;color:#ff7a00}
@media (hover:hover){.lief .arrow:hover{background:var(--nx-flaeche);color:#fff}}
.lief .gcard{border-color:rgba(255,255,255,.18)}
@media (hover:hover){.lief .gcard:hover{border-color:#fff}}
.section{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
.shead h3{display:flex;align-items:center;gap:8px}
.shead .own{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);padding:4px 8px;border-radius:var(--nx-r-bedien);margin-left:8px}
.shead .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;margin-left:8px}
/* EINE FORM FUER 'SEE ALL' · sie stand in zwei Groessen nebeneinander.
  Gemessen auf Games: 81x34 und 68x22 in derselben Ansicht, beide als
  blosser Umriss. Die Groesse kam nicht von hier, sondern davon, ob
  nxm-bedienung.js den Knopf als Pille erkannte oder nicht · zwei
  Besitzer auf einer Form. Jetzt steht sie hier: eine Hoehe, eine
  Fuellung, und mit 34 Punkten auch am Daumen zu treffen. */
/* GEMESSEN: acht Wege "See all" auf derselben Fuellung und in derselben
  Groesse, drei davon violett und fuenf weiss. Ein Weg, den nichts als
  seine Schriftfarbe von seinem Nachbarn unterscheidet, sagt damit
  etwas, was er nicht meint. Die Mehrheit schreibt weiss · und damit
  jetzt auch die drei, die es nicht taten. */
.seeall{min-height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.seeall:hover{background:var(--nx-hebung)}}
.crow{position:relative}
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:8px 2px 16px;scroll-snap-type:x proximity}
.carousel::-webkit-scrollbar-thumb{background:#222234;border-radius:var(--nx-r-bedien)}
.carousel::-webkit-scrollbar-track{background:transparent}
/* DER AUSBLENDRAND DAEMPFT DAS BILD, NICHT DIE ANGABE.
  Er sagt "die Reihe geht weiter" und ist 60 Punkte breit · genau dort,
  wo auf der letzten sichtbaren Kachel der Preis steht. Er trug denselben
  z-index wie die Angaben und stand spaeter im Dokument, also gewann er:
  aus EUR 59,99 wurde ein weisses EUR 5 und danach Grau bis zum
  Verschwinden, waehrend der Nachbarpreis durchgehend weiss stand.
  Dasselbe traf die Genre-Zeile von Control Resonant. Der Verlauf bleibt,
  die Schrift darueber. */
/* GESEHEN: der Verlauf am rechten Reihenende legte sich ueber den Preis
  der letzten voll sichtbaren Karte · "€59.99" war kaum noch zu lesen.
  WARUM FALSCH: ein Preis, den man nicht lesen kann, ist schlimmer als
  kein Preis. Der Verlauf liegt vor der Karte, weil die Kachel ihren
  eigenen Malraum aufmacht und ihre Ebenen dort bleiben. Er wird
  deshalb ueber dem Kartenfuss weich zurueckgenommen · ohne Kante, der
  Hinweis auf mehr Inhalt bleibt. */
.fade{position:absolute;top:6px;bottom:14px;right:0;width:60px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg));z-index:2;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 22px,#000 60px);mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 22px,#000 60px)}
.gcard .gname,.gcard .gsub,.gcard .cprice,.gcard .cmark,.gcard .cscore{z-index:3}
/* ZWEI BESITZER AUF EINEM BEDIENELEMENT. Der Weiterschieber einer Reihe
  gehoert seit dem Umbau nxm-slider-arrows.js mit .nx-cnav. Dieser Kreis
  hier ist der Vorgaenger und wurde nie stillgelegt · gemessen standen in
  neun Reihen beide gleichzeitig da, 10 Punkte versetzt. Er bleibt im
  Bestand, sichtbar ist nur noch einer. */
.nx-row .arrow,.nx-rows .arrow,.crow .arrow{display:none}
.arrow{position:absolute;top:32%;width:42px;height:42px;border-radius:50%;background:rgba(12,12,20,.85);border:none;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.15s}
@media (hover:hover){.arrow:hover{background:var(--accent)}}
.arrow.r{right:-4px}
.gcard{flex:0 0 234px;scroll-snap-align:start;cursor:pointer;position:relative;}
@media (hover:hover){.gcard:hover{z-index:5;border-color:var(--line2)}}
.gcover{aspect-ratio:16/10;position:relative}
.gcover .ov{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:18px 18px}
.gcover .grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,11,.92),transparent 52%)}
/* GESEHEN: auf der Kachel stand der Name unten links, der Preis unten
  rechts, aber 19 Punkte tiefer · zwei Texte in derselben Ecke auf zwei
  Hoehen.
  WARUM FALSCH: der Name sass ueber der Genre-Zeile, und die ist auf
  jeder der 271 Kacheln dieser Seite null Punkte hoch. Er stand also
  ueber nichts. Name und Preis sitzen jetzt auf einer Grundlinie; rechts
  bleibt Platz fuer den Preis, damit sich beide nie ueberlagern. */
.gname{position:absolute;left:11px;right:92px;bottom:11px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8);line-height:1.12}
/* DIE ZEILE UNTER DEM TITEL TRAEGT MEHR ALS DAS GENRE · dazu kommt der
  Grund, warum die Kachel hier steht ("You asked for more ...").
  Beides in einer Zeile ohne Umbruch schnitt mitten im Satz ab.
  Zwei Zeilen, und was nicht hineinpasst, rutscht in die zweite. */
.gsub{position:absolute;left:11px;right:11px;bottom:11px;font-size:var(--nx-typo-klein);color:rgba(255,255,255,.72);font-family:var(--nx-f-text);font-weight:400;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;white-space:normal;overflow:hidden;max-height:2.9em}
/* GEMESSEN: dieselbe Marke stand in zwei Formen auf derselben Ecke ·
  "Free" 33-mal mit 13 Punkten Hoehe und eckigem Rand, "Soon" fuenfmal
  mit 22 Punkten und rundem Ende, dazu die Spielerzahl auf 11 Punkten
  und 9er Schrift. Der Grund war die Hoehe: erst ab 20 Punkten erkennt
  der Besitzer der Zustandsmarken ein Etikett und gibt ihm seine Form ·
  die flachen Marken fielen durch und behielten ihre eigene. 9 steht
  ausserdem unter der untersten Stufe der Schriftleiter. Jetzt traegt
  die Marke von sich aus das Etikettenmass: 22 Punkte, 10,5 Schrift,
  rundes Ende. */
.cmark{position:absolute;top:9px;right:9px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0 9px;min-height:22px;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;gap:4px}
/* DIE KACHELMARKE IST EIN BADGE, KEIN ETIKETT.
  Die zwoelf Kachelarten oben LINKS (STREAM, VIDEO, EVENT ...) sind
  als gefuellte Etiketten festgelegt · die Marke oben RECHTS ist das
  nicht. Sie gehoert zu den Badges, und die stehen auf der Grundlage
  als gedaempfte Flaeche mit farbiger Schrift (FROM THE BETA, PIONEER).
  Hier standen sie fast deckend: FREE mit 92 Prozent Tuerkis lag
  33-mal in EINER Reihe und war die lauteste Flaeche der Seite. */
.cmark.deal{background:rgba(8,8,14,.62);color:var(--nx-weiss,#fff)}
.cmark.spon{background:rgba(255,197,61,.14);color:var(--gold)}
.cmark.free{background:rgba(52,229,216,.15);color:var(--cyan,#34e5d8)}
.cmark.owned{background:rgba(59,227,122,.15);color:var(--green,#3be37a)}
.cmark.soon{background:var(--nx-hebung);color:var(--nx-text)}
.cmark.new{background:var(--nx-hebung);color:var(--nx-text)}
.cmark.players{background:rgba(8,8,14,.7);color:#fff;border:none}
.dotg{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:none}
.cprice{position:absolute;right:10px;bottom:11px;display:flex;align-items:center;gap:8px;z-index:2}
.cprice .pn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.gctx{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--nx-typo-meta);color:var(--dim)}
/* ZWEI ZEILEN STATT DREI PUENKTCHEN · ein Genre, das mitten im Wort
  abbricht, sagt weniger als zwei Zeilen, die fertig werden. */
[data-czl="Coming Soon"] .gcard .gctx > b,[data-czl="Coming Soon"] .gcard .gctx > span{min-width:0;max-width:100%;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* DAS ZITAT BEKOMMT ZWEI ZEILEN.
  Es stand auf einer Zeile mit nowrap und endete mitten im Wort: "A
  masterpiece of the gen…". Zugleich blieben unten in jeder Karte rund 50px
  tot, weil die Karten einer Reihe gleich hoch sind und die hoechste den Takt
  gibt. Zwei Zeilen loesen beides mit derselben Aenderung · der Satz steht
  ganz da, und der Raum, der ohnehin gehalten wird, traegt ihn. Die Quelle
  rutscht unter das Zitat: neben einem zweizeiligen Satz haette sie keinen
  festen Ort mehr. */
.gpress{display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:9px 16px 11px;border-top:1px solid var(--line);min-width:0}
.gpress .q{font-size:var(--nx-typo-meta);line-height:1.42;color:rgba(255,255,255,.78);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-width:0}
.gpress .src{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--dim);flex:none}
.gctx .mini{width:19px;height:19px;border-radius:50%;font-size:var(--nx-typo-klein);display:grid;place-items:center;color:#fff;font-family:var(--nx-f-text);font-weight:700;margin-left:-6px;box-shadow:0 0 0 1.5px var(--surface,var(--nx-flaeche))}
.gctx .mini:first-child{margin-left:0}
.gcard.sponsored{border-color:rgba(255,197,61,.45)}
/* DIE RANGLISTE BEGINNT AUF DER KANTE WIE JEDE REIHE. Ein eigenes
  Polster von 40 Punkten schob die erste Kachel hinter die Kante: die
  Ziffer 1 stand bei 74, ihr Bild bei 114, jede andere Reihe beginnt auf
  34. Die Ziffer gehoert zur Kachel · sie steht jetzt auf der Kante, das
  Polster ist das jeder Bahn (.carousel). */
.t10item{display:flex;align-items:flex-end;flex:none;scroll-snap-align:start}
/* DIE RANGZIFFER BRAUCHT IHRE EIGENE BREITE.
  Sie stand rechtsbuendig in einem festen 96-Punkte-Feld, und das Poster
  ueberlappte davon 24. Bei einer breiten "10" faellt das nicht auf · bei
  einer "1", die nur rund 50 Punkte breit ist, verschwand die halbe Ziffer
  hinter dem Poster. Gemessen : von Platz 1 bis 5 war je nach
  Ziffernbreite mal viel, mal fast nichts zu sehen, und die Reihe las sich
  wie ein Darstellungsfehler statt wie eine Rangliste.
  Ohne festes Feld ueberlappt das Poster bei jeder Ziffer gleich viel. */
.t10num{font-family:var(--nx-f-titel);font-weight:800;font-size:172px;line-height:.64;color:transparent;-webkit-text-stroke:3px #5a5a78;letter-spacing:-4px;flex:none;margin-right:-14px;margin-bottom:-8px;user-select:none;position:relative;z-index:0}
.t10poster{position:relative;width:160px;height:226px;border-radius:var(--radius);overflow:hidden;cursor:pointer;flex:none;z-index:1;border:0;background:var(--surface)} /* Grund auch ohne Cover · sonst scheint die Rangziffer durch */
@media (hover:hover){.t10poster:hover{transform:translateY(-3px)}}
.t10grid2{position:absolute;z-index:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:20px 20px}
.t10pov{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,6,12,.92),rgba(6,6,12,.05) 58%)}
.t10psc{position:absolute;top:9px;left:9px;z-index:2;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:2px 8px;border-radius:var(--nx-r-bedien);color:#0a0a10}
.t10pname{position:absolute;left:11px;right:11px;bottom:11px;z-index:2;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.2}
/* GESEHEN: in der Rangliste standen zwei Kacheln ohne Cover neben vier
  Kacheln mit vollem Bild · dunkles Raster, der Name klein unten in der
  Ecke, als waere das Bild abgerissen.
  WARUM FALSCH: zu diesen beiden Titeln gibt es beim Haendler ueberhaupt
  kein Bild, der Zustand ist also dauerhaft und kein Ladefehler. Eine
  Kachel ohne Cover traegt deshalb den Namen mittig als eigene Flaeche
  und liest sich als Namensschild, nicht als Panne. */
.t10poster:not(.nx-has-art) .t10pname{top:11px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--nx-typo-kartenkopf)}
.t10poster:not(.nx-has-art) .t10pov{background:linear-gradient(0deg,rgba(6,6,12,.5),rgba(6,6,12,.12))}
.sponsor{border:1px solid var(--spc,rgba(255,197,61,.32));border-radius:var(--nx-r-tafel);background:var(--spbg,linear-gradient(180deg,rgba(255,197,61,.05),rgba(16,16,25,.4)));padding:24px var(--nx-innen);margin:0 auto;max-width:var(--nx-breite);box-sizing:border-box}
/* GEMESSEN: der "See all"-Knopf dieser Reihe endete bei 1463, die sieben
  anderen bei 1469 · sechs Punkte vor der Kante, an der alle anderen
  stehen. Ursache war der Abstand zwischen den Teilen des Kopfes: 16 hier
  gegen 10 in jedem anderen Reihenkopf. Jetzt 10 wie ueberall; damit die
  Notiz neben dem Titel dabei nicht zusammenrueckt, gibt .sptag die
  sechs Punkte wieder her. */
.sphead{display:flex;align-items:center;gap:10px;padding:16px 0px 8px;flex-wrap:wrap}
.splogo{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;padding:8px 16px;border-radius:var(--nx-r-bedien)}
.sppresents{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim)}
/* DER REIHENKOPF IST EINE UEBERSCHRIFT, KEIN SPAN, DER SO AUSSIEHT.
  Er stand als <span class="sptitle"> da · fuer jedes Modul, das Reihen
  sucht, war die Reihe damit namenlos, und die Customize-Tafel konnte
  sie weder auflisten noch ausblenden. Jetzt ein h3 · Aussehen bleibt,
  aber die Vorgaben des Browsers muessen ausdruecklich weg. */
.sptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff;margin:0;padding:0;line-height:1.2;display:inline}
.adbadge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#0a0a10;background:var(--gold);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.sptag{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);padding:0;margin:0 0 0 -2px}
.pubhead{display:flex;align-items:center;gap:16px}
.publogo{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:20px;letter-spacing:1.2px;color:#fff;padding:8px 14px;border-radius:var(--nx-r-bedien);border:none;background:var(--nx-hebung)}
.shead .pubhead .publogo.pubtab{font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);color:#fff}
.pubcap{font-size:var(--nx-typo-meta);color:var(--faint)}
.libbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 14px;padding:16px;border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung)}
.libsearch .ico{position:absolute;left:13px;top:12px;color:var(--faint)}
.libsearch input{width:100%;height:42px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);padding:0 16px 0 40px;font-family:'Nunito Sans';font-size:var(--nx-typo-text);outline:none}
.sel{height:42px;padding:0 16px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px;cursor:pointer}
@media (hover:hover){.sel:hover{border-color:var(--line2);color:#fff}}
.sel select{appearance:auto;color-scheme:dark;background:transparent;border:0;outline:none;padding:0;margin:0;color:var(--txt);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);cursor:pointer}
.lgame{flex:0 0 140px;scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);transition:.15s;cursor:pointer}
@media (hover:hover){.lgame:hover{transform:translateY(-3px);border-color:var(--line2)}}
.lgame .cov{aspect-ratio:3/4;position:relative}
.lgame .ov{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:15px 15px}
.lgame .nm{padding:8px 8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Die Bewertungskarte ist ein eigenes Element, kein Anhaengsel der letzten
  Reihe · sie bekommt denselben Takt wie die Reihen darueber (52/46).
  Vorher lag sie mit 32px oben und 0 unten zwischen Inhalt und Fuss und
  klebte an beidem. */
.sstar{cursor:pointer;color:var(--nx-leise)}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol h4{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:16px;}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
.ptsection{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
.ptband{border:1px dashed rgba(52,229,216,.4);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(52,229,216,.06),rgba(255,255,255,.03));padding:16px 16px;position:relative;overflow:hidden}
.ptband::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(420px 200px at 90% -20%,rgba(52,229,216,.18),transparent 60%);pointer-events:none}
.pthead{display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative;z-index:1}
.pthead .ic{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;background:var(--accent);color:#fff;flex:none}
.pthead .t{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff}
.pthead .s{font-size:var(--nx-typo-text);color:var(--dim);margin-left:2px}
.pthead .live{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#08080a;background:var(--cyan);padding:0px 8px;border-radius:var(--nx-r-tafel)}
.ptgrid{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:0px;position:relative;z-index:1}
.ptcard{flex:0 0 240px;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:rgba(12,12,20,.6);overflow:hidden;cursor:pointer;transition:.15s}
@media (hover:hover){.ptcard:hover{transform:translateY(-3px);border-color:rgba(52,229,216,.5)}}
.ptthumb .ovg{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:22px 22px}
.ptbadge{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#08080a;padding:4px 8px;border-radius:var(--nx-r-bedien);background:var(--cyan)}
.ptbadge.demo{background:var(--green)}
.ptbadge.closed{background:var(--gold)}
.ptslots{position:absolute;bottom:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:rgba(8,8,14,.65);padding:4px 8px;border-radius:var(--nx-r-bedien);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ptbody{padding:16px 16px 16px}
.ptname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.ptgen{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.ptcta{margin-top:16px;width:100%;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#08080a;background:linear-gradient(135deg,#34e5d8,#2ac2b6);border:none;padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.ptcta.alt{background:var(--nx-hebung);color:#fff;border:1px solid var(--line2)}
.ptthumb{position:relative;height:120px;display:grid;place-items:center}
@media(max-width:820px){.bb-title{font-size:var(--nx-typo-seite)}.finner{grid-template-columns:1fr 1fr}}
.adslot .adlbl{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--nx-text);z-index:1}
.adslot .adsz{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff;z-index:1}
.adslot .adfmt{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--faint);z-index:1}
.adwrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.cta, .btn-primary, .btnghost, .btnconn, .btndanger, .chjoin, .ab1, .ab2, .go, .play, .lfgjoin, .abtn, .sendbtn, .pbtn, .unblock, .adcta, .segbtn, .tab, .fchip, .catchip, .achip, .crefollow, .pmbtn, .seeall, .cqrbtn, .mmf .f, .tips .tip, .f{line-height:1}
.rbtn.on{color:var(--nx-text);border-color:var(--nx-linie);background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid var(--nx-linie-subtle);border-radius:var(--nx-r-bedien);padding:8px 16px}
.nx-cmt b{font-family:var(--nx-f-text);color:var(--nx-text);font-weight:700}
.nx-postcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin:0 0 16px;animation:nxin .35s}
.nx-postcard .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--nx-f-text)}
.nx-postcard .ph b{color:var(--txt);font-size:14px}
.nx-postcard .ph span{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-postcard p{font-family:'Nunito Sans',sans-serif;color:var(--txt);font-size:14px;line-height:1.55;margin:0}
@keyframes nxin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.nx-rows .rh{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.nx-rows h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0}
.nx-rows .sub{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.nx-rowgrid{grid-template-columns:1fr}}
@media (hover:hover){.nx-rowcard:hover{border-color:var(--nx-linie)}}
.nx-rowcard .top{display:flex;align-items:center;gap:8px}
.nx-rowcard .rav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.nx-rowcard .ti b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-rowcard .ti span{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowcard .pk{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-rowcard .foot{display:flex;align-items:center;gap:8px;margin-top:2px}
.nx-rowcard .subs{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);color:var(--dim)}
.nx-sub{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;background:var(--accent);color:#fff;transition:.15s}
.nx-sub.nx-on{background:rgba(59,227,122,.12);border:1px solid rgba(59,227,122,.4);color:#80efa9}
.nx-soon{position:fixed;inset:0;top:36px;background:rgba(6,6,11,.78);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:9000;padding:16px}
.nx-soonpill{display:inline-block;font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px;text-transform:uppercase}
.nx-soonbox h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.nx-soonbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.6;margin:0 0 22px}
/* DAS KARONETZ IST DIE TEXTUR DER LEEREN FLAECHE, KEIN FILTER AUFS BILD.
  Es stand auf 4 Prozent, sobald ein Cover geladen war · gedacht als
  Andeutung, in Wirklichkeit ein durchgehendes Raster ueber jedem Bild.
  Auf hellen Flaechen (Fable, Marvel's Wolverine, ARC Raiders, Hunt,
  Silksong, Apex, Marvel Rivals, Lonely Mountains) war es deutlich zu
  sehen. Das Artwork traegt die ganze Kachel · dann traegt es sie ohne
  Gitter. Wo kein Bild ist, bleibt das Netz und tut, wozu es da ist. */
.nx-has-art .ov,.nx-has-art .grid-ov,.nx-has-art .ovg,.nx-has-art .bb-grid,.nx-has-art .t10grid2,.nx-has-art .lgrid{opacity:0}
.nx-has-art .bb-peek{opacity:.25}
.mtile.nx-embed{background:#000;cursor:default}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
/* · overflow-x:hidden am HTML macht das Dokument zum Scrollbehaelter,
  und darin klebt nichts mehr: Kopfzeile und Sprungleiste liefen auf dem Telefon
  einfach mit nach oben weg. Nach dem ersten Wischen gab es keine Navigation mehr.
  overflow-x:clip schneidet genauso, macht aber keinen Behaelter · position:sticky
  bleibt am Leben. Gemessen auf sieben Seiten. */
@media(max-width:900px){
  .shell{display:block;max-width:100%}
  
  .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
  
  .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:900px){
  .carousel,.t10row,.row-scroll,.hscroll,.mstrip,.cardrow{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
}
@media(max-width:760px){
  
  
  .bento .sptile{min-height:150px}
  
  
}
@media(max-width:480px){
  
  .bento .sptile{min-height:180px}
  
}
@media(max-width:760px){
  
  
  .convtop,.peerbar,.chathead{flex-wrap:wrap}
  .thhead{flex-wrap:wrap;row-gap:8px}
  .thpres{display:block;line-height:1.5}
  .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
  .thactions{margin-left:0}
  
  
}
@supports (height:100svh){
  body{min-height:100svh}
}
@media(max-width:900px){
  
  .shell{padding-left:max(14px,env(safe-area-inset-left));
         padding-right:max(14px,env(safe-area-inset-right))}
  
}
.carousel,.t10row,.row-scroll,.hscroll,.mstrip,.cardrow,.chips,table{
  -webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar,.t10row::-webkit-scrollbar,.hscroll::-webkit-scrollbar,
.mstrip::-webkit-scrollbar,.cardrow::-webkit-scrollbar{height:0}
.nx-db-persp-tab{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--nx-r-pille);
  font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);color:var(--green,#3be37a);
  background:rgba(59,227,122,.09);
  padding:3px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;cursor:help;line-height:1}
.ov{inset:1px!important;background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{
  inset:1px;background-position:7px 7px}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.console-cta{
  background:var(--accent);
  border:1.5px solid var(--nx-linie);color:#fff;
  font-weight:800;
  box-shadow:none
             0 0 26px -8px rgba(91,39,232,.55)}
.nx-ctrls.inhead{position:static;top:auto;right:auto;
  margin:0 0 0 auto;display:inline-flex;gap:10px;align-items:center;
  opacity:0;pointer-events:none;transition:opacity .15s ease}
.nx-ctrls.inhead + .seeall{margin-left:auto}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.nxc-go{padding:10px 18px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent,#5b27e8);color:#fff;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.nx-rwrap{position:relative}
.nx-rctrls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}
.nx-rwrap:hover .nx-rctrls{opacity:1;pointer-events:auto}
.nx-rbtn{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--nx-typo-meta);line-height:1;transition:.15s ease}
@media (hover:hover){.nx-rbtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-rwrap .rtitle,.nx-rwrap .rhead{transition:padding-right .15s ease}
@media (hover:hover){.nx-rwrap:hover .rtitle,.nx-rwrap:hover .rhead{padding-right:72px}}
.nx-rgrip{cursor:grab}
.nx-rgrip:active{cursor:grabbing}
.nx-rdragging{opacity:.4}
.nx-rover{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-rover-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add2{position:relative;margin:0 0 12px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);transition:.15s ease;background:var(--nx-hebung)}
@media (hover:hover){.nx-add2:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop2{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:50;text-align:left;max-height:280px;overflow:auto}
.nx-pi2{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi2:hover{background:var(--nx-hebung)}}
.nx-pi2h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 4px}
.nx-live{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;margin:0 0 16px;font-family:'Nunito Sans',sans-serif}
.nx-live-dot{width:9px;height:9px;border-radius:50%;background:#3be37a;animation:nxpulse 1.8s infinite;flex:0 0 auto}
@keyframes nxpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 7px rgba(59,227,122,0)}100%{box-shadow:none}}
.nx-live.paused .nx-live-dot{background:#62627a;animation:none}
.nx-live-tx{font-size:var(--nx-typo-text);color:var(--txt);font-weight:700;font-family:var(--nx-f-text)}
.nx-live-sub{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-speed{display:flex;align-items:center;gap:0px;margin-left:auto}
.nx-sp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.07);background:transparent;transition:.15s ease}
@media (hover:hover){.nx-sp:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-sp.nx-on{color:#fff;background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-live.paused .nx-sp{opacity:.4;pointer-events:none}
.nx-pausebtn{margin-left:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);transition:.15s ease;flex:0 0 auto}
@media (hover:hover){.nx-pausebtn:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.nx-new{animation:nxnew .55s ease}
@keyframes nxnew{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 0 1px var(--nx-linie)}100%{opacity:1;transform:none;box-shadow:none}}
.nx-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 6px;color:var(--dim);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}
.nx-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--nx-linie);border-radius:50%;animation:nxspin .8s linear infinite;flex:0 0 auto}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-loader.hidden{display:none}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.nx-demo-fab{position:fixed;right:22px;bottom:22px;z-index:700;display:inline-flex;align-items:center;gap:8px;padding:16px 16px;border-radius:var(--nx-r-pille);background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);text-decoration:none;box-shadow:var(--nx-schatten);border:1px solid rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt)}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
.nx-fb-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;vertical-align:middle;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:4px 8px;white-space:nowrap}
@keyframes nxFbDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.app~footer.footer .finner{max-width:none;margin:0;padding-left:40px;padding-right:40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
.nx-ctrls{position:absolute;top:8px;right:16px;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:35}
.nx-row:hover .nx-ctrls{opacity:1;pointer-events:auto}
.nx-btn{width:30px;height:30px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease;user-select:none}
@media (hover:hover){.nx-btn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-grip{cursor:grab}
.nx-grip:active{cursor:grabbing}
.nx-rm{font-size:var(--nx-typo-text);line-height:1}
.nx-dragging{opacity:.4}
.nx-over{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-over-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add{position:relative;max-width:1228px;margin:32px auto;padding:16px;border:1.6px dashed rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);transition:.15s ease;background:var(--nx-hebung);box-sizing:border-box}
@media (hover:hover){.nx-add:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:248px;max-height:320px;overflow:auto;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:var(--nx-schatten);z-index:50;text-align:left}
.nx-pi{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi:hover{background:var(--nx-hebung)}}
.nx-pi-h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 0px}
.pb-reset{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:background .15s}
body{overflow-x:clip}
#spotlight .lbl{display:flex;align-items:center;gap:8px}
.nx-lib-open{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:var(--surface);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);text-decoration:none;cursor:pointer;transition:.15s}
@media (hover:hover){.nx-lib-open:hover{border-color:var(--nx-linie)}}
.carousel{overflow-y:hidden}
.carousel.t10{padding-top:6px}
/* GESEHEN: der schwebende Knopf unten rechts war bei schmaler Breite eine
  vollstaendig leere Pille · kein Zeichen, kein Wort, obwohl Zeichen und
  Beschriftung im Aufbau stehen und weiss gesetzt sind.
  WARUM FALSCH: die Unschaerfe hinter der Flaeche zwingt den Knopf in eine
  eigene Malschicht, und die faellt bei langen Seiten fort · dann bleibt
  nur die Flaeche stehen. Die Flaeche ist ohnehin fast deckend, die
  Unschaerfe war also nicht zu sehen. Sie entfaellt, der Grund wird
  deckend gesetzt. Ein Knopf ohne Beschriftung darf nicht entstehen. */
.czfab{position:fixed;right:22px;bottom:22px;z-index:9000;display:none;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:1;color:#fff;cursor:pointer;padding:16px 22px;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.16);box-shadow:var(--nx-schatten)}
.czfab svg{width:17px;height:17px}
@media (hover:hover){.czfab:hover{border-color:var(--nx-linie)}}
.czfab svg{color:var(--nx-text)}
.czsep{margin:12px 0 4px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.1));font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim)}
.czsub{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px}
.czov{position:fixed;inset:0;z-index:9500;background:rgba(8,8,13,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:none;align-items:flex-end;justify-content:center;padding:16px 16px 22px}
.czov.open{display:flex}
.czpanel{width:100%;max-width:460px;max-height:78vh;display:flex;flex-direction:column;background:rgba(22,22,34,.6);-webkit-backdrop-filter:blur(28px) saturate(1.7);backdrop-filter:blur(28px) saturate(1.7);border:1px solid rgba(255,255,255,.16);border-radius:var(--nx-r-tafel);box-shadow:var(--nx-schatten);overflow:hidden}
.czrow{display:flex;align-items:center;gap:16px;padding:8px 8px;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.czrow:hover{background:var(--surface2)}}
.czrow.off .czrl{color:var(--faint)}
.czsw{width:42px;height:24px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);position:relative;cursor:pointer;flex:none;transition:.15s}
.czsw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--faint);transition:.15s}
.czsw.on{background:var(--accent);border-color:transparent}
.czsw.on::after{left:20px;background:#fff}
.czlist{overflow:auto}
.czdone{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:1;color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);background:var(--accent);flex:none}
.czrl{flex:1;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);}
.czrl{color:var(--faint)}
.nx-sa-ov{position:fixed;inset:0;z-index:9500;background:rgba(6,6,11,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding:60px 24px;overflow-y:auto}
.nx-sa-ov.open{display:flex}
.nx-sa-panel{width:100%;max-width:1100px;background:var(--bg);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--nx-r-tafel);padding:24px;box-shadow:none}
.nx-sa-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}
.nx-sa-title{margin:0;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:var(--txt)}
.nx-sa-close{flex:none;width:38px;height:38px;border-radius:var(--nx-r-bedien);background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.12));color:var(--txt);font-size:var(--nx-typo-kartenkopf);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-sa-close:hover{border-color:var(--nx-linie)}}
.nx-sa-sub{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin-bottom:18px}
.nx-sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.nx-sa-grid .gcard{margin:0}
@media(max-width:600px){.nx-sa-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.nx-sa-ov{padding:40px 14px}}
.nx-gw{max-width:var(--nx-breite);margin:16px auto;padding:0 var(--nx-rand)}
.nx-gw-head{display:flex;align-items:center;gap:8px;margin-bottom:11px;margin-top:23px}
.nx-gw-pulse{width:9px;height:9px;border-radius:50%;background:#ff2d55;box-shadow:none;animation:nxgwp 1.8s infinite}
@keyframes nxgwp{0%{box-shadow:none}70%{box-shadow:0 0 0 9px rgba(255,45,85,0)}100%{box-shadow:none}}
.nx-gw-lbl{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-gw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nx-gw-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);text-decoration:none;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.08));transition:.15s}
@media (hover:hover){.nx-gw-card:hover{border-color:var(--nx-linie);transform:translateY(-1px)}}
.nx-gw-ic{flex:none;width:34px;height:34px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center}
.nx-gw-ic.tw{background:#9146ff}
.nx-gw-ic.pt{background:#5b27e8}
.nx-gw-ic.rd{background:#ff4500}
.nx-gw-ic.st{background:#1b6ec2}
.nx-gw-tx{flex:1;min-width:0}
.nx-gw-tx b{display:block;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-gw-tx span{display:block;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:2px}
.nx-gw-go{flex:none;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);}
@media(max-width:900px){.nx-gw-grid{grid-template-columns:1fr}}
.nx-lbl-clean{justify-content:flex-end;min-height:0;margin:10px 0 0!important}
.wrap{opacity:0;transition:opacity .28s ease}
html.nx-revealed .wrap{opacity:1}
.nx-ph-slot{background:var(--nx-hebung);border:1px dashed rgba(255,255,255,.13);border-radius:var(--nx-r-tafel);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.nx-ph-slot::before{content:"";width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.nx-ph-slot .nx-ph-txt{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.26)}
.nx-ph-img{background:var(--nx-hebung);border:none;position:relative}
.nx-ph-img::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.16)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.55;pointer-events:none}
.nx-caps-pw{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1}
.nx-caps{background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:16px 18px 14px}
.shell>.nx-caps-sec{grid-column:1/-1}
.nx-cap-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.nx-cap-t{display:flex;align-items:center;gap:12px;min-width:0}
.nx-cap-t .pi-lead{margin:0;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-cap-t svg{flex:none}
.nx-cap-hint{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap;flex:none}
.nx-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 22px;align-items:start}
.nx-cap-row{display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-text)/1.4 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-cap-row svg{color:#3be37a;flex:none}
.nx-cap-vs{margin-top:13px;padding-top:12px;border-top:1px solid var(--line,var(--nx-linie-subtle))}
.nx-cap-vs-p{margin:0;display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cap-spark{color:var(--cyan,#34e5d8);flex:none}
@media(max-width:1100px){.nx-cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nx-cap-grid{grid-template-columns:1fr}.nx-cap-top{flex-direction:column;align-items:flex-start;gap:6px}.nx-cap-vs-p{align-items:flex-start}}
.nx-cap-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 2px;cursor:pointer;color:var(--dim);font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;flex:none}
@media (hover:hover){.nx-cap-toggle:hover{color:var(--dim)}}
.nx-cap-chev{transition:transform .15s ease}
.nx-caps-collapsed .nx-cap-chev{transform:rotate(180deg)}
.nx-caps-collapsed .nx-cap-grid,.nx-caps-collapsed .nx-cap-vs{display:none}
.nx-caps-collapsed .nx-cap-top{margin-bottom:0}
.czph{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.czph b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.czlist{padding:10px 12px 16px}
.pb-navlab{flex:none;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-caps{margin-bottom:16px}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.gchips,.chips{margin-bottom:8px}
.cllabel,.btndanger,.chip.c-live,.nx-live-txt{color:#ff7a92}
.nx-ss-badge,.nx-ss-live{background:rgba(10,10,18,.72);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.nx-ss-live i,.nx-ss-live .d{background:#ff7a92}
#rows > .section.sponsor, .section.sponsor{padding-bottom:24px}
#rows > .nx-poll#nxIndiePoll{padding-bottom:20px}
.section.sponsor > *:last-child{margin-bottom:0}
.nx-charea-inner .nx-gw .shead h3,
.nx-charea-inner .nx-gmods .shead h3,
.nx-charea-inner .nx-gw .shead b,
.nx-charea-inner .nx-gmods .shead b,
/* Ein Spaltenkopf steht ueber dem, was er anfuehrt · mit 11,5 war er
  kleiner als der Kartenkopf darunter (12,5) und der Rang kippte. Die
  Leiter kennt 15,5 fuer einen Unterkopf. */
.nx-charea-inner .nx-gmcol-h{font-size:var(--nx-typo-kartenkopf);font-weight:800;letter-spacing:.02em;text-transform:none;color:#fff}
.nx-charea-inner .nx-gw .note,
.nx-charea-inner .nx-gmods .note{font-size:var(--nx-typo-meta)}
.nx-ptsub,
.nxch-sublbl,
.nx-ssm-fmt,
.nx-ss-phandle,
.nx-rv-ch b{color:#fff}
.nx-lbl-clean{display:none!important}
/* Die Schriftfarbe stand hier ein zweites Mal · sie gehoert dem Haus
  (nx-handschrift.css) und wird von dort gesetzt. Zwei Schreiber auf
  einer Farbe sind ein Fehler, kein Stil. */
.nx-charea-head .seeall{margin-left:auto;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;text-decoration:none;flex:none}
/* GEMESSEN: das Wort "Soon" stand zweimal in zwei Fassungen · auf der
  Spielkachel grau mit rundem Ende, im Tafelkopf und im Fuss violett mit
  Radius 8, bei praktisch gleicher Box. Der Grund war diese Regel: drei
  Klassennamen und Vorrang schlugen den Besitzer der Zustandsmarken, der
  beide gleich einfaerbt. Hier bleibt nur die Grossschreibung, die sonst
  niemand setzt. */
.nx-soon-badge{text-transform:uppercase}
.eyebrow.eyebrow.eyebrow{font-size:var(--nx-typo-klein);}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  }
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px!important;padding-bottom:19px!important;margin-top:0;margin-bottom:0}
section.nx-row.nx-row:has(.gcard),.section.nx-row.nx-row:has(.gcard){padding-top:3px;padding-bottom:3px}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
#nx-hiw{padding-top:0}
.section.nx-ggl-soon.nx-ggl-soon{padding-top:26px}
.studiobody > section,.studiobody > .dashgrid{margin-top:52px}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.nx-navsec.nx-navsec{padding-left:12px}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
/* GEMESSEN: hier stand 22 · die Schriftleiter kennt fuer den Reihenkopf
  20 und dazwischen nichts. Der Besitzer der Schrift hat den Wert am
  Element ohnehin auf 20 gezogen, diese Regel sagte also das Gegenteil
  und wurde nie gelesen. */
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:var(--nx-typo-abschnitt);font-weight:800;line-height:1.2}
/* GEMESSEN: acht Reihenkoepfe, sechs auf 20 · die zwei in der Tafel
  "Curated" auf 15,5. Hier stand dieselbe Ausnahme noch einmal, obwohl
  die Groesse dieser Koepfe gar nicht von hier kommt: der Besitzer der
  Schrift setzt sie am Element selbst und nennt die Rolle Unterkopf. Die
  Zeile hier hat also nur wiederholt, was ohnehin gilt, und sah aus wie
  eine zweite Entscheidung. Sie ist weg · ob 15,5 oder 20 richtig ist,
  entscheidet der eine Besitzer, nicht diese Datei. */
#nxChanArea .nx-charea-inner{padding-top:24px}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px!important}
.nx-set-card h2,.csechead{font-size:var(--nx-typo-abschnitt)}
.nx-fr-c .x{color:var(--dim)}
.nx-charea ~ .nx-charea{margin-top:24px}
.nx-adlab{display:inline-flex;align-items:center;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--dim);border:1px solid rgba(255,255,255,.16);border-radius:var(--nx-r-marke);padding:3px 7px;margin-left:2px;white-space:nowrap;flex:none}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
.nx-anim-pop{animation:nxpop .24s ease-out}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.nx-anim-in{animation:nxfadeup .34s cubic-bezier(.2,.7,.3,1) both}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.nx-anim-toast{animation:nxtoastin .3s cubic-bezier(.2,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
.nx-noti-item.nx-noti-read{opacity:.5}
.nx-eu-foot{display:inline-flex;align-items:center;margin-right:8px;margin-left:-1px;vertical-align:-2px;position:relative;top:-1px}
.nx-eu-foot .nx-eu{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
#nx-search-drop.on{display:block}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
.nxsd-av{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);flex:none}
.nxsd-n{flex:1;min-width:0;font:700 var(--nx-typo-kartenkopf) "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
.nx-wl{position:absolute;top:10px;right:10px;z-index:5;font:700 var(--nx-typo-meta) var(--nx-f-text);color:#fff;background:rgba(10,10,18,.62);border:1px solid rgba(255,255,255,.25);padding:6px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.15s}
@media (hover:hover){.nx-wl:hover{border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-wl.on{color:#80efa9;border-color:rgba(59,227,122,.5);background:rgba(59,227,122,.14)}
.nxsr-ov{position:fixed;inset:0;z-index:80;background:rgba(4,4,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none}
.nxsr-ov.on{display:block}
.nxsr-p{max-width:580px;margin:110px auto 0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-tafel);overflow:hidden;box-shadow:var(--nx-schatten)}
.nxsr-in{width:100%;box-sizing:border-box;background:transparent;border:none;outline:none;color:var(--txt);padding:17px 19px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);border-bottom:1px solid rgba(255,255,255,.08)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-art{width:52px;height:29px;border-radius:var(--nx-r-marke);flex:none;object-fit:cover;background:var(--nx-hebung)}
.nxsr-art.rund{width:30px;height:30px;border-radius:var(--nx-r-bedien)}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.nxsr-a{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nx-slots-wrap{margin:2px 0 20px}
.nx-slots-k{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--dim);margin:0 0 10px}
.nx-slots-k span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-left:10px}
.nx-cl{display:flex;flex-direction:column;gap:6px}
.nx-cl-row{display:flex;align-items:center;gap:12px;background:var(--nx-hebung);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:8px 12px;transition:border-color .15s}
@media (hover:hover){.nx-cl-row:hover{border-color:var(--line2,var(--nx-linie))}}
.nx-cl-dot{width:8px;height:8px;border-radius:50%;flex:none}
.nx-cl-tx{flex:1;min-width:0}
.nx-cl-tx b{display:block;font:700 var(--nx-typo-meta) var(--nx-f-text);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-cl-tx span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cl-act{flex:none;font:700 var(--nx-typo-meta) var(--nx-f-text);white-space:nowrap}
@media (hover:hover){.nx-cl-act:hover{border-color:var(--nx-linie)}}
.nx-charea-head b{letter-spacing:-.01em}
.nx-gf-head b{font-size:var(--nx-typo-abschnitt);font-weight:800;}
/* Dritte Stelle derselben Wiederholung · ein Reihenkopf MIT Kanalbild
  wurde hier noch einmal auf 15,5 festgehalten. Auch weg, aus demselben
  Grund: die Groesse hat einen Besitzer, und der steht woanders. */
/* GEMESSEN: acht "See all" auf der Seite, fuenf schrieben im Hausweiss
  (#edecf6), die drei in den Tafeln in reinem Weiss. Beide sassen auf
  derselben Flaeche und in derselben Groesse · ein Knopf, den nur die
  Schriftfarbe unterscheidet, behauptet einen Unterschied, den es nicht
  gibt. Die Farbe steht jetzt nur noch an EINER Stelle, in der
  Handschrift des Hauses. */
#nxChanArea{padding-top:0!important;margin-top:0}
#nxChanArea>.nx-charea-inner{padding-top:26px}
#nxMyLibrary>.nx-charea-inner{padding-bottom:0}
.nx-charea .nx-charea-inner,.nx-charea-inner{background-color:transparent;background-image:none;border-width:0;box-shadow:none!important}
#nxMyLibrary{padding-top:20px!important}
#nxMyLibrary>.nx-charea-inner{padding-top:0}
#nxSpotlightPT .liefwrap{display:flex;gap:22px;align-items:stretch}
#nxSpotlightPT .pt-px{position:absolute;top:14px;left:14px;display:grid;grid-template-columns:repeat(3,7px);gap:3px}
#nxSpotlightPT .pt-px i{width:7px;height:7px;background:#34e5d8;display:block}
#nxSpotlightPT .pt-px i:nth-child(2){background:var(--accent)}
#nxSpotlightPT .pt-px i:nth-child(4){background:var(--accent)}
#nxSpotlightPT .pt-px i:nth-child(6){opacity:.45}
#nxSpotlightPT .pt-px i:nth-child(7){opacity:.45}
#nxSpotlightPT .pt-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;justify-content:center}
#nxSpotlightPT h3.pt-t{margin:0;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;letter-spacing:-.01em}
#nxSpotlightPT .pt-go{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:#5b27e8;border:1px solid var(--nx-linie);border-radius:var(--nx-r-bedien);padding:9px 16px;cursor:pointer}
@media (hover:hover){#nxSpotlightPT .pt-go:hover{background:var(--accent);box-shadow:inset 0 0 0 99em var(--nx-hebung)}}
#nxSpotlightPT .pt-zweit{font:700 12px var(--nx-f-text);color:var(--txt);background:none;border:1px solid rgba(255,255,255,.16);border-radius:var(--nx-r-bedien);padding:9px 14px;cursor:pointer}
@media(max-width:820px){#nxSpotlightPT .liefwrap{flex-direction:column}}
.nx-railopen{flex-wrap:wrap;overflow-x:visible;white-space:normal}
.nx-railopen>*{flex:none}
.nx-pubsec{margin:18px 0;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);
  background:var(--surface);overflow:hidden}
.nx-pubsec-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line,var(--nx-linie-subtle))}
.nx-pubsec-hd .nx-pubsec-t{font-family:"Encode Sans Condensed",var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-pubsec-hd .nx-pubsec-b{font-size:var(--nx-typo-klein);font-weight:800;color:var(--nx-text);background:var(--nx-hebung);border-radius:var(--nx-r-bedien);padding:2px 8px}
.nx-pubsec-body{display:grid;gap:10px;padding:14px 16px}
.nx-pubcard{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.07));background:var(--nx-hebung)}
.nx-pubcard .nx-pc-ic{width:38px;height:38px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;
  background:var(--accent);color:#fff;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)}
.nx-pubcard .nx-pc-tx{flex:1;min-width:0}
.nx-pubcard .nx-pc-nm{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-pubcard .nx-pc-mt{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px}
.nx-pubcard .nx-pc-pr{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;flex:none;margin-left:auto}
.nx-pubcard .nx-pc-live{font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#3be37a;flex:none}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.whym svg{display:block;flex:none;width:12px;height:12px}
/* Dieselbe Marke im Fuss · sie sagt jetzt dasselbe wie der Besitzer der
  Zustandsmarken, damit sie nicht die Farbe wechselt, wenn er sie
  erreicht. */
.fcol .nx-soon-badge{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--dim);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:0 9px;min-height:22px;box-sizing:border-box;display:inline-flex;align-items:center;line-height:1}
.fsocial{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;align-items:center}
.fsocial .s{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:var(--dim);background:var(--nx-hebung);
  cursor:default;transition:.15s}
.nx-pageinfo{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:14px 18px}
.nx-pageinfo svg{flex:none}
.nx-pageinfo .pi-lead{margin:0 0 3px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt)}
.pb-right a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none;white-space:nowrap;transition:background .15s}
.nx-disc-head{max-width:var(--nx-breite);margin:32px auto 2px;padding:0 var(--nx-rand);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.nx-disc-ey{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-meta);color:var(--nx-text)}
.nx-disc-sub{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
/* GESEHEN: bei 1000 Punkten Breite standen die drei Tafeln noch
  nebeneinander, die mittlere nur 151 Punkte breit · ihr Text brach auf
  zwei bis drei Woerter je Zeile und wurde zur Buchstabensaeule.
  WARUM FALSCH: die Spalten teilen sich den Platz nicht gleich, weil
  Knoepfe in Spalte eins und drei eine Mindestbreite erzwingen · die
  mittlere bekommt nur den Rest. Unter 1200 Punkten wird deshalb
  gestapelt, wie es die Werkzeugseiten schon tun. */
.nx-gmods{max-width:var(--nx-breite);margin:16px auto;padding:0 var(--nx-rand);display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:1200px){.nx-gmods{grid-template-columns:1fr}}
.nx-bw,.nx-pd{background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.07));border-radius:var(--radius);padding:18px}
.nx-gm-h{display:flex;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt);margin-bottom:13px}
.nx-gm-live{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
/* FLAECHE STATT KANTE · die Zeilen wurden mit einem Strich getrennt. Bei
  nur einer Zeile lief der Strich als 385 Punkte langer Balken ueber 68
  Punkte Nichts und las sich wie eine Kante, an der ein Eintrag fehlt.
  Jetzt traegt jede Zeile ihren eigenen leisen Grund. */
.nx-bw-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-bw-row + .nx-bw-row{margin-top:6px}
.nx-bw-row b{color:var(--txt)}
.nx-bw-s{display:block;font-size:var(--nx-typo-meta);color:var(--dim);margin-top:1px}
.nx-bw-ic{width:9px;height:9px;border-radius:50%;flex:none}
.nx-bw-ic.drop{background:#3ddc84;box-shadow:var(--nx-schatten)}
.nx-bw-ic.play{background:#4d9fff;box-shadow:none}
.nx-gm-act{margin-left:auto;flex:none;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);padding:4px 12px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer}
@media (hover:hover){.nx-gm-act:hover{border-color:var(--nx-linie)}}
.nx-pd-soon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px}
/* WER AUSGRAUT, SAGT WARUM. Gemessen : der Inhalt dieser Tafel
  liegt unter grayscale(.7), und die Begruendung stand in einem Kopf mit
  display:none · ein Mensch sah graue Zeilen ohne Grund. Die Marke steht
  jetzt an der sichtbaren Ueberschrift, wie ueberall im Haus. */
.nx-gmcol-h .nx-soon-badge{margin-left:8px;vertical-align:middle}
.nx-pd-veil{filter:grayscale(.7) brightness(.72);pointer-events:none;user-select:none}
.nx-pd-row{padding:8px 0;border-top:1px solid var(--line,var(--nx-linie-subtle))}
.nx-pd-row b{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-pd-row span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-pd{display:flex;flex-direction:column}
.nx-pd-note{margin-top:auto;padding-top:11px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-prevbar .pb-badge{padding:4px 12px}
#nxInvite{display:flex;align-items:center;gap:8px;margin:0 0 10px;width:100%;flex:0 0 100%;grid-column:1/-1;box-sizing:border-box;font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover,.sptile:hover,.nx-fm:hover,.nx-why-c:hover,.nx-supp-c:hover,.evcard:hover,.gcard:hover,.pcard:hover,.rowcard:hover,.nx-rowcard:hover,.subscard:hover,.podcard:hover,.mkt-card:hover,.post:hover,.grp:hover,.ftile:hover,.lcard:hover,.dccard:hover,.block:hover,.fgcard:hover{transform:translateY(-2px);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
.nx-poll{background:var(--surface);border:none;border-radius:var(--nx-r-tafel);padding:16px var(--nx-innen);margin:0 0 24px}
/* Der Kasten folgt der Kartenreihe seiner Sektion · Kartenkante bis Kastenkante wie der Reihen-Takt: 80 */
.crow + .nx-poll{margin-top:80px}
/* Die Umfrage steht IN der Reihe, die schon eingerueckt ist · der alte linke Rand
  (max(24px,(100%-1232px)/2)) rueckte ein zweites Mal ein, und der 560er Deckel liess
  rechts ueber 700px leer. Die Antworten fuellen die Reihe jetzt als Raster. */
.nx-poll-opts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.nx-poll-head{display:grid;gap:4px;margin-bottom:12px}
.nx-poll-badge{justify-self:start;display:inline-flex;align-items:center;gap:4px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:#3be37a;background:rgba(59,227,122,.15);border:none;border-radius:var(--nx-r-bedien);padding:3px 8px}
.nx-poll-head b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt)}
.nx-poll-sub{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
.nx-poll-opts{display:grid;gap:8px}
/* VOR DER WAHL IST EINE OPTION EIN KNOPF, KEIN BALKEN. Die vier Optionen
  standen als breite Kaesten ueber die volle Breite, jeder mit einem leeren
  Balken und einem Fragezeichen darin · das las sich wie ein Bericht, der
  nicht geladen hat. Erst die abgegebene Stimme macht aus der Wahl ein
  Ergebnis, und dann gehoeren Balken und Prozent dazu. */
.nx-poll:not(.voted) .nx-poll-opts{display:flex;flex-wrap:wrap}
.nx-poll:not(.voted) .nx-poll-opt{width:auto;flex:0 1 auto;padding:9px 14px}
.nx-poll:not(.voted) .nx-poll-bar,.nx-poll:not(.voted) .nx-poll-pct{display:none}
.nx-poll-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;border:none;background:var(--nx-hebung);cursor:pointer;transition:background-color .15s}
@media (hover:hover){.nx-poll-opt:hover{border-color:var(--nx-linie)}}
.nx-poll-opt.on{border-color:var(--nx-linie);background:var(--nx-hebung)}
.nx-poll-nm{font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt);flex:1 1 auto;min-width:0}
.nx-poll-bar{flex:1;height:7px;border-radius:99px;background:var(--nx-hebung);overflow:hidden;opacity:0;transition:opacity .2s}
.nx-poll-bar i{display:block;height:100%;width:0;border-radius:var(--nx-r-pille);background:var(--accent);transition:width .45s ease}
.nx-poll-pct{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text2);min-width:34px;text-align:right;opacity:0;transition:opacity .2s}
.nx-poll.voted .nx-poll-bar,.nx-poll.voted .nx-poll-pct{opacity:1}
.nx-poll-foot{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-poll-prize{margin-top:8px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-poll-prize b{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-poll-spon{margin-top:3px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-poll-pct.reveal{animation:nxGpop .5s ease}
@keyframes nxGpop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}100%{transform:scale(1)}}
@media(max-width:560px){.nx-poll-nm{min-width:0;flex:1}}
.shead h3 svg,.shead h2 svg{width:18px;height:18px;flex:none}
.section.nx-row{margin-top:44px}
.section.nx-row:first-of-type{margin-top:14px}
/* DIE REIHE "LATEST FROM YOUR CHANNELS" HATTE NIE EIN CSS.
  js/nextari-games.09-poll.js baut sie mit dreizehn eigenen Klassen, und
  fuer keine davon gab es eine Regel · gemessen stand .nx-chg-carou auf
  display:block. Was man sah, war rohes Markup: volle Balken statt
  Kacheln, "EVENTCOMMUNITY CUP" ohne Abstand, Knoepfe im Text.
  Einzig .nx-chg-row::-webkit-scrollbar stand da · jemand hat angefangen
  und nie zu Ende gestaltet.

  Kein eigenes Muster: dieselbe Form wie .crow/.carousel/.gcard daneben.
  Flaeche statt Kante, Radius aus der Leiter, keine Linien. */
.nx-chg-wrap{margin:26px 0 0}
.nx-chg-rowhead{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);margin:0 0 10px}
.nx-chg-carou{position:relative}
.nx-chg-row{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;
  padding:8px 2px 16px;scroll-snap-type:x proximity}
.nx-chg-card{flex:0 0 268px;scroll-snap-align:start;display:flex;flex-direction:column;
  border-radius:var(--nx-r-karte,12px);overflow:hidden;background:var(--nx-flaeche)}
.nx-chg-cover{position:relative;aspect-ratio:16/9;background:var(--nx-hebung);
  background-size:cover;background-position:center}
.nx-chg-type{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:var(--nx-r-pille);
  font:800 var(--nx-typo-klein) var(--nx-f-text);}
.nx-chg-ct{position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:var(--nx-r-pille);
  background:rgba(8,8,13,.66);color:#fff;
  font:700 var(--nx-typo-klein) var(--nx-f-text);}
.nx-chg-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1 1 auto}
.nx-chg-g{font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim)}
.nx-chg-q{font:800 var(--nx-typo-text)/1.35 var(--nx-f-text);color:var(--txt)}
.nx-chg-via{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-chg-go{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px;
  min-height:34px;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);
  text-decoration:none;cursor:pointer}
@media (hover:hover){.nx-chg-go:hover{color:#fff}}
.nx-chg-nb{position:absolute;top:0;bottom:24px;width:48px;border:none;cursor:pointer;z-index:6;
  display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;
  transition:opacity .15s;padding:0;background:none}
.nx-chg-carou:hover .nx-chg-nb{opacity:1}
.nx-chg-row::-webkit-scrollbar{display:none}
.nx-chg-nb.prev{left:-24px;background:linear-gradient(90deg,rgba(8,8,13,.92),transparent)}
.nx-chg-nb.next{right:-24px;background:linear-gradient(270deg,rgba(8,8,13,.92),transparent)}
@media (hover:hover){.nx-chg-wrap:hover .nx-chg-go:hover{border-color:var(--nx-linie)}}
.nx-chg-go i{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}
#rows > .section{padding-top:26px;padding-bottom:0}
#rows > .nx-poll,#rows > .nx-add{margin:0 auto;padding:40px var(--nx-rand) 0;max-width:var(--nx-breite);box-sizing:border-box}
.nx-charea{max-width:var(--nx-breite);margin:0 auto;padding:40px var(--nx-innen) 0;position:relative;z-index:1}
/* GEMESSEN: 16 Punkte Rundung, waehrend 39 andere Flaechen der Seite
  auf 14 stehen. Die Hausregel gibt der Blockflaeche 18 und der Tafel
  darin 14 · 16 ist keine der beiden. */
.nx-charea-inner{border:none;border-radius:var(--nx-r-tafel);padding:20px 24px 24px}
.nx-charea-head{display:flex;align-items:center;gap:10px}
.nx-charea-head svg{flex:none}
.nx-charea-head b{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff}
.nx-charea-head .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-left:4px}
.nx-charea-mg{margin-left:auto;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:6px 14px;cursor:pointer;transition:background .15s;white-space:nowrap}
@media (hover:hover){.nx-charea-mg:hover{background:var(--nx-hebung)}}
#nxMyLibraryBody{margin-top:16px}
#nxMyLibraryBody > .spotlight,#nxMyLibraryBody > .nx-gw,#nxMyLibraryBody > .nx-gmods{max-width:none!important;margin:0;padding:0}
#nxMyLibraryBody > .nx-gw{margin-top:16px}
#nxMyLibraryBody > .nx-gmods{margin-top:0}
#nxChanArea .nx-charea-inner > .nx-charea-head{margin-top:0}
#nxChanArea #nxChanArea .section{max-width:none;margin:0;padding:0;background:none}
/* HIER STAND EINE ZWEITE SPERRE.
 #nxChgWrap wurde mit display:none!important abgeschaltet · und
 gleichzeitig gab es den Platz im HTML gar nicht. Doppelt ausgeknipst:
 wer einen Kanal abonnierte, sah davon auf dieser Seite nichts, und das
 Modul js/nextari-games.09-poll.js baute in ein Nichts.
 Das Modul versteckt sich selbst, wenn niemand abonniert hat
 (w.style.display='none' bei leerer Liste) · es braucht keine zweite
 Hand dafuer. Festgelegt: anschalten. */
.carousel{scrollbar-width:none}
.carousel::-webkit-scrollbar{display:none;height:0}
.nx-cnav{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;}
.crow:hover .nx-cnav,.nx-slwrap:hover .nx-cnav{opacity:1}
.nx-cnav.off{opacity:0;pointer-events:none}
.nx-cnav svg{width:30px;height:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
/* Die globale Pillenform traf den hoehenfuellenden Carousel-Overlayknopf.
   Mit fester Kantenlaenge bleibt daraus ein kompakter, runder Pfeil. */
.nx-cnav{
  top:50%;bottom:auto;transform:translateY(-50%);
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
  box-sizing:border-box;border-radius:50%!important;
  background:rgba(12,12,18,.82)!important}
.nx-cnav.prev{left:8px}
.nx-cnav.next{right:8px}
.nx-actkick{max-width:var(--nx-breite);margin:32px auto 18px;padding:0 var(--nx-rand) 9px;box-sizing:border-box;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line,var(--nx-linie-subtle))}
.nx-actkick .k{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
.section.sponsor .nx-poll{margin:12px 0 0;padding:12px 16px;width:100%;max-width:none;box-sizing:border-box;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-karte);display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap}
.section.sponsor .nx-poll .nx-poll-head{flex:1;min-width:240px}
.section.sponsor .nx-poll .nx-poll-badge{display:none}
.section.sponsor .nx-poll .nx-poll-head b{font-size:var(--nx-typo-text);display:block}
.section.sponsor .nx-poll .nx-poll-sub{font-size:var(--nx-typo-klein)}
.section.sponsor .nx-poll .nx-poll-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1.2;min-width:300px}
.section.sponsor .nx-poll .nx-poll-opt{padding:6px 10px}
.section.sponsor .nx-poll .nx-poll-nm{font-size:var(--nx-typo-meta)}
.section.sponsor .nx-poll .nx-poll-bar{display:none}
.section.sponsor .nx-poll .nx-poll-foot,.section.sponsor .nx-poll .nx-poll-prize,.section.sponsor .nx-poll .nx-poll-spon{order:3;flex-basis:100%;font-size:var(--nx-typo-klein);margin:2px 0 0;color:var(--dim)}
.section.sponsor .nx-poll .nx-poll-prize b{font-size:var(--nx-typo-klein);color:var(--dim)}
/* Dasselbe fuer die Tafel "Today's slots" · sie stand als einzige
  neben ihren beiden Nachbarn auf 16. */
.nx-gmods .nx-slots-wrap{margin:0;grid-column:auto;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);padding:16px 18px;background:var(--nx-hebung)}
.shead h3 .own{display:none}
#nxChanArea .nx-charea-inner{display:flex;flex-direction:column;gap:26px}
#nxChanArea .nx-charea-inner>*{margin-top:0;margin-bottom:0}
.nx-gmcol{display:flex;flex-direction:column;height:100%}
.nx-gmcol-h{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--dim);margin:0 0 10px}
/* GEMESSEN: die drei Tafeln "Favorites watch", "What changed for you"
  und "Today's slots" standen auf 16 Punkten Rundung, 39 andere Flaechen
  der Seite auf 14. Die Hausregel kennt fuer eine Tafel nur 14. */
.nx-gmcol>*:last-child{flex:1;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px 18px;margin:0;box-sizing:border-box}
#creator-rows{display:flex;flex-direction:column;gap:28px}
#creator-rows>*{margin-top:0;margin-bottom:0}
.nx-charea-out{max-width:var(--nx-breite);margin:0 auto;padding:34px var(--nx-rand) 0}
.nx-charea-out .nx-charea-head{margin-bottom:2px}
.nx-noheadpad{padding-top:6px}
.pubtab{cursor:pointer;opacity:.5;transition:.15s}
.pubtab.on{opacity:1}
@media (hover:hover){.pubtab:hover{opacity:.85}}
.pubinit{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:var(--nx-r-marke);color:#fff;font:800 var(--nx-typo-klein) var(--nx-f-text);vertical-align:-3px;margin-right:2px}
.shead h3 .chav{width:26px;height:26px;border-radius:50%;vertical-align:-7px;margin-right:6px;border:none}
.shead h3 .chmono{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--nx-r-bedien);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text);vertical-align:-4px;margin-right:4px}
#rows > .section.sponsor.waipu{padding-bottom:0}
.sponsor.waipu .liefwrap{padding-bottom:10px}
.liefsub:empty{display:none}
.nx-expanded .carousel,.nx-expanded .nx-risgrid,.nx-expanded [class*="grid"]{flex-wrap:wrap;overflow-x:visible;max-height:none}
.nx-expanded .fade,.nx-expanded .arrow,.nx-expanded .nx-cnav{display:none}
.spotlight .bento{display:flex;flex-wrap:wrap;gap:12px;grid-template-columns:none;grid-template-rows:none}
.bento>.sptile.big{width:100%;flex:none;min-height:340px;position:relative;background-size:cover;background-position:center 28%}
.bento>.sptile.big::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(8,8,14,.88) 16%,rgba(8,8,14,.32) 55%,rgba(8,8,14,.04));pointer-events:none;z-index:1}
.bento>.sptile.big>*{position:relative;z-index:2}
.bento>.sptile.big b{font-size:clamp(26px,2.6vw,30px);line-height:1.1}
.bento>.sptile:not(.big){flex:1 1 0;min-width:220px;width:auto;min-height:150px}
.nx-shchip{position:absolute;z-index:400;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;color:#fff;background:rgba(10,10,18,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:var(--nx-schatten);transition:background .15s,border-color .15s}
@media (hover:hover){.nx-shchip:hover{background:rgba(10,10,18,.78);border-color:rgba(255,255,255,.34)}}
.nx-shchip svg{width:14px;height:14px;display:block}
#nxShPick{position:fixed;z-index:9700;min-width:210px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-tafel);padding:8px;box-shadow:var(--nx-schatten)}
#nxShPick b{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);padding:4px 8px 8px}
#nxShPick button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;cursor:pointer;padding:8px 8px;border-radius:var(--nx-r-bedien);color:var(--txt);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;text-align:left}
@media (hover:hover){#nxShPick button:hover{background:var(--nx-hebung)}}
#nxShPick .a{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent);flex:none}
.gctx.bw span{color:var(--dim);font-size:var(--nx-typo-klein)}
.gctx.bwin span{color:#3be37a;font-size:var(--nx-typo-klein)}
.nx-bw-wait{border:1px solid rgba(255,180,61,.35);background:rgba(255,180,61,.06);border-radius:var(--nx-r-karte);padding:8px 10px;margin-bottom:8px}
.nx-bw-ic.wait{background:#ffb43d}
.shead .seeall{order:98;margin-left:auto}
/* GEMESSEN: der Weg "See all" der Reihe "Community Favorites 2026"
  endete bei 1061, die sieben anderen bei 1469 bis 1533. Der Grund stand
  hier: die Pfeilgruppe traegt einen automatischen linken Rand, der Weg
  daneben auch · zwei automatische Raender teilen den freien Platz
  untereinander auf und schieben keinen von beiden an die Kante. Fuer
  den Reihenkopf .shead war das geregelt, fuer den Kopf einer
  Sponsorenreihe .sphead nicht. Jetzt gilt fuer beide dieselbe Regel. */
.shead .nx-ctrls.inhead,.sphead .nx-ctrls.inhead{order:99;margin-left:14px}
.shead:not(:has(.seeall)) .nx-ctrls.inhead,
.sphead:not(:has(.seeall)) .nx-ctrls.inhead{margin-left:auto}
.section > .nx-ctrls{top:12px;right:12px}
.adwrap > .nx-ctrls,.ptsection > .nx-ctrls,.fbanner > .nx-ctrls,#nxIndiePoll > .nx-ctrls,#nx-subsrow > .nx-ctrls{top:12px;right:12px}
.adwrap,#nxIndiePoll{position:relative}
.fbanner{display:none}
.nx-exveil{filter:grayscale(.92) brightness(.74);pointer-events:none;user-select:none;position:relative}
.nx-exveil-badge{position:absolute;top:12px;right:14px;z-index:8;font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#fff;background:rgba(20,20,28,.9);border:1px solid rgba(255,255,255,.2);border-radius:var(--nx-r-bedien);padding:4px 8px;pointer-events:none}
.czpanel .nx-add{margin:12px 0 0;width:100%;box-sizing:border-box}
#rows > .nx-add{display:none}
.nx-charea-inner > 
.nx-charea-out{padding:4px 0 0;max-width:none;width:100%;margin:0;box-sizing:border-box}
.nx-charea-inner{max-width:var(--nx-breite);margin-left:-24px;margin-right:-24px;width:auto;
  background:transparent;
  border-color:var(--nx-linie);
  padding-top:40px}
.nx-charea{padding-top:0}
.nx-charea-inner > .nx-charea-out + *{margin-top:14px}
.nx-ggl-soon{position:relative;filter:grayscale(.9) brightness(.62);pointer-events:none;user-select:none}
.nx-ggl-badge{position:absolute;top:14px;right:16px;z-index:8;filter:none;font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);padding:4px 10px;border-radius:var(--nx-r-bedien)}
#nxChanArea .nx-charea-inner>*,#nxMyLibrary .nx-charea-inner>*{align-self:stretch;width:100%;margin-left:0;margin-right:0}
.nx-cx{margin-left:8px;width:24px;height:24px;flex:none;border:1px solid var(--line,var(--nx-linie-subtle));
  background:transparent;border-radius:var(--nx-r-bedien);color:var(--dim);font:400 var(--nx-typo-text)/1 var(--nx-f-text);
  cursor:pointer;display:grid;place-items:center;transition:.15s}
@media (hover:hover){.nx-cx:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-cx-back{display:flex;align-items:center;gap:10px;padding:11px 14px;margin:8px 0 0;
  border:1px dashed rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);background:var(--nx-hebung);
  font:400 12px 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cx-back b{font:800 12px var(--nx-f-text);color:#fff}
.nx-cx-back button{margin-left:auto;font:800 var(--nx-typo-meta) var(--nx-f-text);color:#fff;
  background:var(--accent,#5b27e8);border:none;border-radius:var(--nx-r-bedien);padding:7px 13px;cursor:pointer}
.nx-charea > .nx-charea-inner,#nxChanArea > .nx-charea-inner,#nxMyLibrary > .nx-charea-inner{
  border:none;border-width:0;border-radius:var(--nx-r-tafel);
  background:transparent;padding-left:24px;padding-right:24px}
#nxGamesWorld{display:none}
.nx-veil-badge{display:none}
.nx-veil{filter:none;pointer-events:auto}
.nx-veil *{pointer-events:auto}
.nx-veil::after{display:none}
body #rows > .section,
body .nx-charea-inner > .section,
body > .section,
body [data-czl].section{margin-top:0;padding-top:20px;padding-bottom:20px}
body [data-nxorder="subs"]{
  margin-top:26px;margin-bottom:26px}
#nxMyLibrary > .nx-charea-inner,
#nxChanArea > .nx-charea-inner{padding:20px 24px;gap:6px}
#nxMyLibrary .nx-charea-head,
#nxChanArea .nx-charea-head{margin-bottom:8px}
#nxChanArea .nx-charea-inner > .section,
#nxMyLibrary .nx-charea-inner > .section{padding-top:8px!important;padding-bottom:8px!important}
#nxChanArea .nx-charea-inner > .section{
  padding-left:var(--nx-innen,24px)!important;
  padding-right:var(--nx-innen,24px)!important}
#nxMyLibrary .spotlight,#nxMyLibrary .nx-locker{margin-bottom:28px}
#nxMyLibrary .nx-gmods{margin-top:8px;padding-top:8px}
.spotlight .sptile .lk-c,.nx-locker .sptile .lk-c{padding:0 14px 14px}
#nxMyLibrary .nx-gmcol{padding:0 4px}
#nxMyLibrary .nx-gmcol-h{margin-bottom:14px}
.nx-gf-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.nx-gf-head b{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;letter-spacing:-.01em}
.nx-gf-head .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-gf-row{padding-top:8px}
.nx-gf-carou .nx-gf-k{flex:0 0 268px;height:196px;min-height:0;
  border:1px solid rgba(255,255,255,.10);border-radius:var(--nx-r-karte);padding:13px;
  overflow:hidden;position:relative;display:flex;flex-direction:column;
  justify-content:flex-end;background-size:cover!important;background-position:center!important}
@media (hover:hover){.nx-gf-carou .nx-gf-k:hover{border-color:var(--nx-linie)}}
/* Der Schleier gehoert zur Kachel, auf deren BILD Schrift steht. Wird sie
  zur Textkarte (nxm-karten.js: Bild oben, Text darunter auf der Flaeche),
  laege er ueber dem Text und machte die Flaeche dunkler als die Seite
  (gemessen #0c0c11 auf #101013). */
.nx-gf-carou .nx-gf-k:not(.nxk-text)::after{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;
  background:linear-gradient(180deg,rgba(8,8,13,.30) 0%,rgba(8,8,13,.72) 52%,rgba(8,8,13,.93) 100%)}
.nx-gf-carou .nx-gf-k > *{position:relative;z-index:1}
/* GEMESSEN: hier stand, das Etikett der Feed-Karte liege oben links auf
  dem Bild · am Element selbst stand daneben position:static mit
  Vorrang, gesetzt vom Besitzer der Kartenform, der alles, was auf dem
  Bild lag, in den Fluss darunter stellt. Zwei Besitzer auf einer
  Stelle, und diese Regel hat nie gewonnen. Weg damit · dann traegt das
  Etikett wieder die Farbe seiner Art, die die Reihe selbst vergibt,
  statt einer dunklen Flaeche, die sich davorlegt. */
.nx-gf-carou .nx-gf-spiel{margin:0 0 4px;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-text);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.nx-gf-carou .nx-gf-k b{font:700 var(--nx-typo-text)/1.32 var(--nx-f-text);color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.85);display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden;margin:0;height:53px}
.nx-gf-carou .nx-gf-k span:not(.nx-gf-spiel):not(.nx-gf-t):not(.nx-gf-cov):not(.nx-gf-mehr){
  margin:6px 0 0;font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.82);
  text-shadow:0 1px 8px rgba(0,0,0,.8);
  /* ZWEI ZEILEN STATT AUSLASSUNGSPUNKTE. Mit nowrap wurde jede laengere
     Zeile gekuerzt, obwohl die Karte noch sechzig Punkte frei hatte ·
     "Announcement · Tom Clancy's Ghost …" brach dort jedes Mal ab. Im
     Haus wird kein Titel beschnitten; zwei Zeilen genuegen, danach hoert
     er auf. */
  white-space:normal;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.nx-gf-carou .nx-gf-mehr{margin-top:5px;color:var(--nx-text);text-shadow:0 1px 8px rgba(0,0,0,.7)}
.nx-gf-cov{display:none}
.nx-gf-carou{gap:14px!important;padding-bottom:4px!important}
#nxPlaytests .shead > div:first-child{display:flex;flex-direction:column}
#nxPlaytests .shead > div:first-child > b{order:1}
#nxPlaytests .shead > div:first-child > span{order:2;margin-top:3px}
#pubshelf .shead{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
#pubshelf .shead::before{content:"Featured publisher";order:-1;flex:0 0 100%;
  font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;letter-spacing:-.01em;margin-bottom:2px}
#pubshelf .pubhead{order:1}
#pubshelf .seeall{order:2;margin-left:auto}
.section.sponsor{border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-tafel);
  background:var(--nx-hebung);padding:20px 24px;
  margin-top:26px;margin-bottom:26px}
.section.sponsor > .nx-ctrls{right:24px}
.gcard,.czcard,.nx-gf-k,[class*="card"]:not(.nx-cardhide),.post{
  animation:none!important;opacity:1!important;transform:none!important}
body > .section.sponsor,body > .section[data-collection]{
  width:auto;}
body .section.section.section,
body [data-czl].section.section.section,
body #rows > .section.section.section{
  padding-top:20px!important;padding-bottom:20px!important;
  margin-top:0;margin-bottom:40px!important}
body .shead{margin-bottom:18px}
.section .carousel,.section [class*="carou"],.section .nx-slwrap,
.section .friends,.section .crow,.section .nx-risgrid,.nxch-row,.nx-gf-carou{
  overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;max-width:100%}
.section .carousel::-webkit-scrollbar,.section [class*="carou"]::-webkit-scrollbar,
.section .nx-slwrap::-webkit-scrollbar,.section .friends::-webkit-scrollbar,
.nxch-row::-webkit-scrollbar,.nx-gf-carou::-webkit-scrollbar{height:0}
body #nxMyLibrary,body #nxChanArea,body #nxGFollow,
body .nx-charea,body .nx-charea.nx-charea,
body .section.nx-pbox-top.nx-pbox-top{
  margin-top:0!important;margin-bottom:40px!important}
body .nx-pbox-top .section.section.section,
body .nx-charea-inner .section.section.section{margin-bottom:0!important}
body > .section.sponsor,
body > .section[data-collection],
body > .section.sponsor.sponsor{
  margin-left:auto;margin-right:auto;
  max-width:var(--nx-breite);box-sizing:border-box}
/* GESEHEN: die Ueberschrift dieses Abschnitts begann 10 Punkte weiter
  links als jede andere Ueberschrift der Seite · gemessen 58 statt 68.
  WARUM FALSCH: der Besitzer des Abschnitts setzt seine Polsterung mit
  Nachdruck auf 24 Punkte, den Takt einer aelteren Seitenbreite. Die
  Seite hat EINE linke Kante. Diese Regel stand schon hier, traf aber
  mit zu wenig Gewicht und blieb wirkungslos · sie bekommt jetzt den
  Rand des Hauses und ein Gewicht, das den Besitzer erreicht. */
body #nxGFollow.section{padding-left:var(--nx-rand,34px);padding-right:var(--nx-rand,34px)}
/* Auch das zweite Blatt zu diesem Etikett hatte keine Wirkung mehr:
  Schrift, Laufweite, Rundung und Polsterung setzt der Besitzer der
  Etikettenform am Element selbst · gemessen 10,5 Punkte und rundes
  Ende, waehrend hier 16 stand. Eine Regel, die nie gilt, ist keine
  Regel, sondern eine falsche Auskunft. */
@keyframes nx-still{from{visibility:hidden}to{visibility:visible}}
body > .section,body > .nx-row,body > .nx-charea{animation:nx-still 0s 1.2s both}
html.nx-geordnet body > .section,html.nx-geordnet body > .nx-row,html.nx-geordnet body > .nx-charea{animation:none}
/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

  Gemessen standen bei 1600px Fensterbreite drei Anfaenge nebeneinander: das
  Logo bei 28 (feste Polsterung der Kopfzeile), die Vorschauleiste bei 136
  (eigenes 1320er Band) und die erste Inhaltsreihe bei 156. Der Abstand waechst
  mit der Breite · bei 1280 sind es 10px, bei 1600 schon 128.

  Der Inhalt gibt den Takt vor (1600 breit, 34 Polsterung · Stand,
  davor 1280/24), Kopfzeile und
  Vorschauleiste folgen mit derselben Formel. */
/* MOBIL · zwei Stellen, die am Telefon gegen die Bedienung stehen. */

/* 1 · Die 48 Punkte fuer die Vorschauleiste waren fest einprogrammiert. Die
  Leiste selbst traegt nx-nur-demo und verschwindet im Livebetrieb · gemessen
  mit data-nx-betrieb="live": Leistenhoehe 0, Koerperabstand oben trotzdem 48.
  Uebrig blieb ein leeres Band am Seitenanfang, durch das der Inhalt oberhalb
  der geklebten Kopfzeile lief. Jetzt haengt das Mass am Betrieb. */
:root{ --nx-leiste:48px }
:root[data-nx-betrieb="live"]{ --nx-leiste:0px }
body{ padding-top:var(--nx-leiste) }
/* 2 · Die Weiter-Pfeile der Reihen. Am Telefon standen sie dauerhaft an: 31
  Stueck, je 48 von 305 sichtbaren Punkten (15 Prozent), genau an der Kante,
  an der der Daumen die Wischbewegung beginnt · und auf 29 Reihen lag darunter
  ein zweiter, aelterer Pfeil (.arrow.r, 42 Punkte, opacity 1). Am Finger wird
  gewischt; die Reihen sind overflow-x:auto und koennen das. Die Breitenabfrage
  steht neben hover:none, weil sich hover:none nicht in jeder Pruefumgebung
  stellen laesst. Die Sichtbarkeit kommt als Inline-Stil aus nxm-slider-arrows,
  deshalb mit Nachdruck. */
@media (hover:none), (max-width:767px){
  .nx-cnav, .arrow.l, .arrow.r{ opacity:0 !important; pointer-events:none; }
}
/* MOBIL · Der schwebende Knopf "Customize" war 132x51 Punkte gross
  und verdeckte an den meisten Rollstaenden Bedienbares. Ersatzlos ausblenden
  ginge nicht · er ist der einzige Weg in die Anpassen-Flaeche. Am Telefon
  deshalb nur das Zeichen: ein Kreis von 52 Punkten. Die Beschriftung ist ein
  blosser Textknoten, das Zeichen hat feste Masse · font-size:0 trifft nur
  den Text. */
@media (max-width:767px){
  .czfab{ width:52px; height:52px; padding:0; gap:0; font-size:0; justify-content:center; }
}
/* SPRUNGLEISTE · Die Leiste ist ein Rollkasten (overflow-x:auto),
  aber css/nx-handschrift.css blendet ihren Rollbalken aus. Gemessen bei 1600
  Punkten: Kasten 1278 breit, Inhalt 2149 · von 18 Eintraegen standen 8
  ausserhalb, der letzte sichtbare mitten im Wort abgeschnitten, ohne jeden
  Hinweis darauf, dass es weitergeht. Der Balken kommt zurueck: schmal, in der
  Farbe der Linien, und nur dann, wenn wirklich mehr da ist als hineinpasst ·
  ueberall sonst zeigt der Browser ihn gar nicht erst. */
.nx-snav{scrollbar-width:auto}
.nx-snav::-webkit-scrollbar{display:block;height:6px;-webkit-appearance:none}
.nx-snav::-webkit-scrollbar-track{background:transparent}
.nx-snav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:var(--nx-r-pille)}
@media (hover:hover){.nx-snav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34)}}
.shead .nx-ggl-badge{position:static;margin-left:auto;margin-right:12px}
.shead .nx-ggl-badge + .seeall{margin-left:0}

/* Am Telefon zaehlte der Rand doppelt: --nx-breite zieht unter 1328 px schon 48 px ab,
  und der Rahmen darum traegt sein eigenes Polster · der Kasten stand auf 257 statt 305 Punkten
  (gemessen bei 390 px). Steht am Dateiende, weil die Regel weiter oben sonst gewinnt. */
/* Die Innentafel haengt mit -24 Punkten links und rechts im Rahmen. Wird
  sie auf 100 Prozent gedeckelt, geht der Ueberstand nur rechts verloren:
  gemessen bei 390 Punkten ein 48 Punkte breiter leerer Streifen der
  dunkleren Aussenflaeche ueber 1760 Punkte Hoehe, und die runden Ecken der
  Innentafel sassen mitten in der eckigen Aussentafel. Der Deckel umfasst
  jetzt beide Ueberstaende. */
@media(max-width:900px){body .nx-charea-inner{max-width:calc(100% + 48px)!important}
body .nx-charea-inner .section.nx-gr-teil,body .section.nx-gr-teil{max-width:100%}}

/* ==========================================================================
  DIE BIBLIOTHEKS-KACHEL AUF DEM TELEFON

  Bei 390 Punkten stehen zwei Kacheln nebeneinander · jede ist dann 121 breit
  und 161 hoch. Hineingelegt wurde bis zum derselbe Textblock wie auf
  dem grossen Schirm: Name (auf 121 Punkten zweizeilig), Spielzeit-Pille,
  Plattform-Pille. Gemessen 174 Punkte Text in einer 161 Punkte hohen Kachel ·
  und weil der Block am Fuss verankert ist, lief er OBEN aus der Kachel
  heraus: "Strike 2" stand ueber der Kartenkante im Nichts.

  Ein Poster in dieser Groesse traegt einen Namen und sonst nichts · so
  machen es die Bildseiten, an denen wir uns messen. Die Pillen stehen auf
  der Spieldetailseite, wo Platz fuer sie ist.
  ========================================================================== */
@media (max-width:640px){
  .nx-locker .lk-c{max-height:calc(100% - 16px);overflow:hidden}
  .nx-locker .lk-meta{display:none}
  .nx-locker .lk-nm{font-size:var(--nx-typo-meta);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* "Continue playing" ist eine Aufschrift, kein Knopf · es ist ein DIV
  ohne Handlung. Bei 146 Punkten Kachelbreite brach es in zwei Zeilen,
  wurde 48 Punkte hoch und schob den Namen dieser einen Kachel 64 Punkte
  hoeher als den der Nachbarin. Einzeilig und flach: der Name bleibt auf
  der Linie der Reihe. */
  .nx-locker .play{white-space:nowrap;font-size:var(--nx-typo-klein);
    padding:5px 10px;margin-top:7px;min-height:0}
  /* DER RAND ZAEHLTE ZWEIMAL, UND DIE AUFSCHRIFT ENDETE IM WORT.
  Die Kachel ist bei 390 Punkten 135 breit. .lk-c haengt darin schon mit
  12 Punkten links und rechts; die Regel fuer Spotlight und Locker legt
  darauf NOCH EINMAL 14 Punkte Polster. Macht 26 je Seite und damit eine
  Textspalte von 81 Punkten. "Continue playing" ist dort 113 Punkte breit
  und stand als "Continue playi" da · den Rest schnitten .lk-c und die
  Kachel ab. Am Telefon traegt der Einzug den Rand allein, das Polster
  faellt weg. Gemessen bei 390 Punkten. */
  .nx-locker .sptile .lk-c{padding:0;left:10px;right:10px}
  /* Und derselbe Grund wie am grossen Schirm: der Textblock ist am Fuss
  verankert und waechst nach oben. Ein Mindestmass legt alle Namen einer
  Reihe auf dieselbe Zeile · was weniger traegt, bekommt Luft darunter. */
  .nx-locker .lk-c{min-height:62px;display:flex;flex-direction:column;
    justify-content:flex-start;gap:0}
}

/* ==========================================================================
  DIE NAMEN EINER REIHE STEHEN AUF EINER LINIE

  Der Textblock der Bibliothekskachel ist am Fuss verankert und waechst nach
  OBEN · eine Kachel mit "Continue playing" schiebt ihren Namen damit 50
  Punkte hoeher als die Nachbarin. Gemessen  ueber sechs Kacheln:
  161, 200, 211, 211, 211, 211. Das liest sich als Wackeln, obwohl jede
  Kachel fuer sich richtig ist.

  Eine feste Blockhoehe legt alle Namen auf dieselbe Zeile · was weniger
  traegt, bekommt Luft darunter statt die Zeile zu verschieben. Nur am
  grossen Schirm: auf dem Telefon traegt die Kachel ohnehin nur den Namen.
  ========================================================================== */
@media (min-width:641px){
  .nx-locker .lk-c{min-height:110px;display:flex;flex-direction:column;
    justify-content:flex-start;gap:6px}
  .nx-locker .lk-meta{margin-top:0}
}

/* ==========================================================================
  EIN REIHENKOPF STEHT AUF DER KANTE SEINES KASTENS

  .nx-charea-inner zieht sich 24 Punkte nach beiden Seiten heraus, damit
  die scrollende Kartenreihe den Kasten randlos fuellt. Am Telefon nahm
  dieser Zug auch die Reihenkoepfe mit: "Curated" stand bei x38, der
  Creator-Kopf, seine Notiz und "See all" darunter bei x14 · auf der
  Kastenkante. Der Zug gilt fuer die Karten, nicht fuer die Koepfe.
  ========================================================================== */
@media (max-width:767px){
  #nxChanArea .nx-charea-inner > .section > .shead,
  #nxChanArea .nx-charea-inner > .section > .nx-grp-creator,
  #nxMyLibrary .nx-charea-inner > .section > .shead{
    padding-left:24px;padding-right:24px}
}


/* EINE SCHIEBBARE REIHE SAGT, DASS SIE SCHIEBBAR IST.
  "New for Games You Like" traegt 3938 Punkte Inhalt in 1315 Punkten
  Breite · die fuenfte Karte endete mitten im Wort, und als einzige Reihe
  der Seite hatte sie keinen Weiterschieber. Bis der Schieber dort haengt,
  zeigt wenigstens die Kante, dass es weitergeht: der letzte sichtbare
  Streifen laeuft aus, statt hart abzuschneiden. */
.nx-gf-carou{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}

/* ==========================================================================
  EINE REIHE SPRANG MIT IHREM "SEE ALL" AUS DER SPALTE

  Am Telefon stapelt sich ein Reihenkopf: Name, Notiz, dann der Weg zu
  allem · alle drei an der linken Kante. Das Haus regelt das fuer .shead
  und .nx-charea-head. Der Kopf der Sponsorenreihe heisst .sphead und
  stand in dieser Aufzaehlung nicht.

  Gemessen bei 390 Punkten: "See all" steht auf sieben Reihen bei x48, auf
  "Community Favorites 2026" bei x206 · 158 Punkte weiter rechts, allein in
  einer eigenen Zeile. In einer Spalte gibt es kein Rechts.

  ZWEI BESITZER AUF EINEM MASS. Das margin-left:auto stand doppelt da:
  einmal hier in .seeall, und einmal noch einmal als style="" am Element
  selbst · in der Seite und in den drei Reihenbauern von
  nextari-games.02-inline.js. Gegen ein am Element geschriebenes Mass
  kommt keine Regel an, und genau deshalb steht in nxm-mobil.css fuer
  .shead ein !important. Das Mass am Element ist weg, die Regel hier ist
  der einzige Besitzer · dann genuegt hier auch eine gewoehnliche Regel.

  Ueber 640 Punkten steht der Kopf wieder in einer Zeile, und das auto
  schiebt den Weg wie gehabt an die rechte Kante.
  ========================================================================== */
@media (max-width:640px){
  .sphead .seeall{margin-left:0;align-self:flex-start}
  /* Gestapelt steht die Notiz in eigener Zeile · die zwei Punkte, die sie
  neben dem Titel zuruecknimmt, schoben sie dort vor die Linie des Titels. */
  .sphead .sptag{margin-left:0}
}
/* DAS FINGERMASS GILT AUCH FUER DEN WEG AUS EINER KANALKARTE.
  Gemessen bei 390 Punkten: "Event details" stand auf 34 Punkten Hoehe ·
  das Register nennt 40 als Mindestmass fuer ein Ziel, das ein Daumen
  treffen soll. */
@media(max-width:767px){
  .nx-chg-go{min-height:40px}
}