/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);
  background:var(--bg);
  min-height:100vh;position:relative;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-thumb{background:#26263a;border-radius:var(--nx-r-bedien)}
@media (hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--accent)}}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
.ptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.psub{color:var(--dim);font-size:var(--nx-typo-text);margin-top:8px}
.stats{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}
.stat{font-size:var(--nx-typo-text);color:var(--dim);align-items:center;gap:8px}
.stat b{font-family:var(--nx-f-text);color:#fff;font-size:14px}
.stat svg{color:var(--nx-text)}
.bigsearch{margin-top:24px;position:relative}
.bigsearch .ico{position:absolute;left:13px;top:13px;color:var(--faint)}
.bigsearch input{width:100%;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);
  color:var(--txt);padding:0 92px 0 40px;font-family:'Nunito Sans';font-weight:400;font-size:var(--nx-typo-text);outline:none;transition:.15s}
.bigsearch input:focus{border-color:var(--accent)}
.bigsearch input::placeholder{color:var(--nx-leise)}
.bigsearch .go{position:absolute;right:5px;top:5px;height:32px;padding:0 15px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);cursor:pointer;
  font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);
  background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.bigsearch .go:hover{background:var(--nx-hebung)}}
.tips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tips .lab{font-size:var(--nx-typo-text);color:var(--faint)}
.tip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);background:var(--nx-hebung);
  border:1px solid var(--line2);padding:8px 14px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s}
@media (hover:hover){.tip:hover{background:var(--nx-hebung)}}
/* DIE EINZIGE GESAETTIGTE FLAECHE DER SEITE HAT AM LAUTESTEN GEREDET.
  Gesehen im Bild: zwischen lauter grauen Reihen stand der
  Matchmaking-Block als voller Violettverlauf mit Gittermuster darueber
  und zog auf 145 Punkten Hoehe das ganze Auge auf sich · lauter als
  jede Reihe, die wirklich etwas zu zeigen hat.
  Falsch daran ist nicht die Groesse, sondern wo die Farbe sitzt: die
  Gestaltungsgrundlage kennt Farbe im Punkt und im Knopf, nicht in der
  Flaeche. Die Flaeche traegt jetzt den Tafelton des Hauses (#1f1f24,
  Rundung 18 wie die beiden anderen Blockflaechen der Seite), das
  Gittermuster ist weg, und die Farbe steht dort, wo sie hinfuehrt:
  im einen gefuellten Knopf. */
.mm{border-radius:var(--nx-r-block);position:relative;overflow:hidden;
  background:var(--surface);padding:24px var(--nx-innen);
  display:flex;align-items:center;gap:24px;flex-wrap:wrap}
/* Seitlich der Innenrand jeder Flaeche: mit 32 stand "Matchmaking" auf 66,
  jeder andere Flaechenkopf und das Logo auf 58. */
.mm .l{position:relative;z-index:1;flex:1;min-width:320px}
.mm h2{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.mm p{color:var(--dim);font-size:14px;margin-top:8px;max-width:520px;line-height:1.5}
.mmf{flex-wrap:wrap}
/* RUHIG STATT GEKACHELT.
  Hier standen acht Pillen mit Kante nebeneinander · viel Betrieb fuer drei
  Aussagen. Flaeche statt Kante, untereinander statt nebeneinander, und der
  Punkt davor traegt die einzige Farbe. */
/* DIE DREI MERKMALE TRAGEN DIE BREITE.
  Gemessen bei 1600: die mittlere Spalte der Matchmaking-Kachel ist 865
  Punkte breit und war 56 Punkte hoch · drei kurze Saetze untereinander
  auf halber Seitenbreite. Der Rest war Leere, und eine leere Flaeche
  sagt nichts · schon gar nicht ueber die Sache, auf die wir am meisten
  halten.

  Jetzt stehen sie NEBENEINANDER, drei gleiche Spalten. Dieselben Worte,
  derselbe Punkt davor · nur tragen sie jetzt die Flaeche, statt sie
  leer zu lassen. Sie sind die Antwort auf "wonach wird gematcht", und
  das ist der Satz, der hier stehen soll. */
.mmf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
align-items:start}
@media(max-width:900px){.mmf{grid-template-columns:1fr;gap:7px}}
.mmf .f{font-family:'Nunito Sans',sans-serif;
}
.mmf .f::before{content:"";flex:none;width:5px;height:5px;border-radius:var(--nx-r-pille,999px);
  background:var(--accent)}
.mm .r{position:relative;z-index:1}
.mm .cta{height:52px;padding:0 32px;border:none;border-radius:var(--nx-r-bedien);cursor:pointer;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;background:var(--accent,#5b27e8);display:flex;align-items:center;gap:8px;
  box-shadow:none;transition:.15s}
@media (hover:hover){.mm .cta:hover{transform:translateY(-2px)}}
.section{margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
.shead h3{display:flex;align-items:center;gap:8px}
.shead h3 .badge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);
  padding:0px 8px;border-radius:var(--nx-r-bedien);background:rgba(255,197,61,.13);color:var(--gold);border:1px solid rgba(255,197,61,.3)}
/* 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. */
.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);}}
@media (hover:hover){.seeall:hover{color:#fff}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.grid.live{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{
padding:16px;position:relative;}
@media (hover:hover){.card:hover{border-color:var(--line2);}}
.ctop{display:flex;align-items:center;gap:16px}
.cname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:4px}
.cmeta{font-size:var(--nx-typo-meta);color:var(--faint)}
.platrow{display:flex;gap:8px;margin-top:16px}
.plat{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);display:grid;place-items:center;color:var(--dim)}
.pinfo{margin-top:16px;font-size:var(--nx-typo-text);color:var(--dim);line-height:1.7}
.pinfo b{color:#fff}
.pinfo .now{color:var(--green)}
.tagline{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);
  color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);padding:0px 8px;border-radius:var(--nx-r-pille)}
.cbtns{display:flex;gap:8px;margin-top:16px}
/* FLAECHE STATT KANTE, AUCH AM KLEINEN KNOPF.
  Der Tafelpruefer meldete diese Knoepfe als Linie auf der Karte · zu
  Recht: sie sind divs mit einem Rahmen, und ein Rahmen ist eine Kante.
  Ein Knopf traegt hier eine Flaeche. */
.cbtn{flex:1;
  text-align:center;
}
@media (hover:hover){.cbtn:hover{color:#fff;background:var(--nx-hebung-2)}}
.cbtn.p{border:none;color:#fff;background:var(--accent);box-shadow:none}
@media (hover:hover){.cbtn.p:hover{transform:translateY(-1px)}}
.role{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--cyan);
  background:rgba(52,229,216,.1);border:1px solid rgba(52,229,216,.3);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.trophies{display:flex;gap:0px;margin-top:16px;color:var(--gold)}
.lcard{background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--radius);}
@media (hover:hover){.lcard:hover{border-color:var(--line2);}}
.lthumb{aspect-ratio:16/9;position:relative}
.lgrid{position:absolute;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:22px 22px}
.lbadge{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--live);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.live-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.lview{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:rgba(8,8,14,.6);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lbody{padding:16px 16px;display:flex;align-items:center;gap:16px}
.lmeta{display:flex;flex-direction:column;gap:4px}
.lmeta .t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;line-height:1.3}
.lmeta .g{font-size:var(--nx-typo-meta);color:var(--faint);line-height:1.5}
.watch{margin-left:auto;width:38px;height:38px;border-radius:var(--nx-r-bedien);border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:var(--accent);box-shadow:none;transition:.15s;flex:none}
@media (hover:hover){.watch:hover{transform:scale(1.07)}}
.tcard{display:flex;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);transition:.15s}
@media (hover:hover){.tcard:hover{border-color:var(--line2);box-shadow:none}}
.tlogo{width:48px;height:48px;border-radius:var(--nx-r-karte);display:grid;place-items:center;color:#fff;flex:none}
.av{border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;color:#fff;position:relative;flex:none}
.online{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2.5px solid var(--surface);box-shadow:none}
.spot{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.panel{border:1px solid var(--line);padding:16px;position:relative;overflow:hidden;
  background:var(--nx-hebung)}
.panel.gold{border-color:rgba(255,197,61,.28)}
.panel.eyes{border-color:rgba(255,77,109,.28)}
.ptitle2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:0px}
.pbranded{font-size:var(--nx-typo-meta);color:var(--faint);margin-bottom:16px}
.nx-tspon{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-tspon-ad{margin-left:2px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--faint);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:1px 6px}
.nx-panel-soon{position:relative}
.nx-panel-soon .ptitle2,.nx-panel-soon .pbranded,.nx-panel-soon .rank{filter:grayscale(.85) brightness(.6);pointer-events:none;user-select:none}
.nx-panel-veilbadge{position:absolute;top:12px;right:14px;z-index:6;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:800;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#fff;background:#001489;border:1px solid rgba(255,255,255,.2);border-radius:var(--nx-r-tafel);padding:6px 12px;box-shadow:none}
.panel.nx-rb{border-color:rgba(0,20,137,.45);background:linear-gradient(180deg,rgba(0,20,137,.14),rgba(16,16,25,.9))}
.nx-rb-pres{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--txt)}
.nx-rb-ad{margin-left:8px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--faint);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:1px 6px;vertical-align:middle}
.rank{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.rank:last-child{border-bottom:none}
.rnum{width:24px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--faint);text-align:center;flex:none}
.rnum.g1{color:var(--gold)}
.rnum.g2{color:var(--txt)}
.rnum.g3{color:#cd7f4d}
.rname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.rmeta{font-size:var(--nx-typo-meta);color:var(--faint)}
.rval{margin-left:auto;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}
/* 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);transition:.15s}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.footer{z-index:1;margin-top:32px;}
.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;transition:.15s}
.fbr .logo{margin-bottom:0}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
.lcard .ltw{display:inline-flex;align-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:#9146ff;padding:2px 8px;border-radius:var(--nx-r-bedien);margin-right:8px;vertical-align:middle}
.note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-left:8px}
.actban{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;min-height:206px;padding:24px 32px;display:flex;align-items:center;gap:32px;border:1px solid var(--line)}
.actban::after{content:"";position:absolute;inset:0;pointer-events:none}
.actban .al{position:relative;z-index:2;flex:1;min-width:0}
.actban .ar{position:relative;z-index:2;width:300px;min-height:158px;border-radius:var(--nx-r-tafel);display:grid;place-items:center;flex:none;overflow:hidden}
.actban .agrid{position:absolute;inset:0;opacity:.12;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:26px 26px}
.actban .aeyebrow{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.actban .alogo{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid}
.actban .apres{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim)}
.actban .aad{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.actban .atitle{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff;line-height:1.12}
.actban .asub{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.55;margin-top:16px;max-width:560px}
.actban .achips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.actban .achip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid;display:flex;align-items:center;gap:8px}
.actban .aact{display:flex;gap:16px;margin-top:16px}
.actban .ab1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);border:none;padding:16px 16px;border-radius:var(--nx-r-karte);cursor:pointer;display:flex;align-items:center;gap:8px}
.actban .ab2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);background:var(--nx-hebung);border:1px solid var(--line);color:#fff;padding:16px 16px;border-radius:var(--nx-r-karte);cursor:pointer}
.actban .arwm{font-family:var(--nx-f-titel);font-weight:800;color:#fff;text-align:center;line-height:1.15;position:relative;z-index:2}
.actban.holy{background:linear-gradient(110deg,#0c0a16,#160c24 55%,#1d0c2e);border-color:var(--nx-linie)}
.actban.holy::after{background:radial-gradient(440px 260px at 88% 130%,transparent,transparent 60%)}
.actban.holy .alogo{color:#fff;border-color:rgba(255,255,255,.3);background:var(--nx-hebung)}
.actban.holy .aad{background:var(--accent);color:#fff}
.actban.holy .achip{color:var(--nx-text);border-color:var(--line2);background:var(--nx-hebung)}
.actban.holy .ab1{background:var(--accent);color:#fff}
.actban.holy .ar{background:var(--accent)}
.actban.streak{background:linear-gradient(110deg,#0b0a16,#0f1226 55%,#0c1c28);border-color:rgba(52,229,216,.42)}
.actban.streak::after{background:radial-gradient(440px 260px at 88% 130%,rgba(52,229,216,.22),transparent 60%)}
.actban.streak .alogo{color:#fff;border-color:transparent;background:var(--accent)}
.actban.streak .aad{background:var(--cyan);color:#08080a}
.actban.streak .achip{color:var(--cyan);border-color:rgba(52,229,216,.3);background:rgba(52,229,216,.08)}
.actban.streak .ab1{background:linear-gradient(135deg,#34e5d8,#2ac2b6);color:#08080a}
.actban.streak .ar{background:linear-gradient(135deg,#13313a,#34e5d8)}
.actban.lieferando{background:linear-gradient(110deg,#1a0f04,#241405 55%,#2a1606);border-color:rgba(255,128,0,.45)}
.actban.lieferando::after{background:radial-gradient(440px 260px at 88% 130%,rgba(255,128,0,.25),transparent 60%)}
.actban.lieferando .alogo{color:#fff;border-color:transparent;background:#ff8000}
.actban.lieferando .aad{background:#ff8000;color:#1a0f04}
.actban.lieferando .achip{color:#ffb366;border-color:rgba(255,128,0,.3);background:rgba(255,128,0,.08)}
.actban.lieferando .ab1{background:#ff8000;color:#1a0f04}
.actban.lieferando .ar{background:linear-gradient(135deg,#cc5200,#ff8000)}
.updates{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);overflow:hidden}
.updgrid{grid-template-columns:1fr 1fr;}
.upd{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;transition:.15s}
@media (hover:hover){.upd:hover{border-color:var(--line2)}}
.updhead{display:flex;align-items:center;gap:16px}
.updname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.updtime{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.npic{max-height:16px;max-width:19px;object-fit:contain;display:block}
.updr{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}
.ureact{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);padding:8px 8px;border-radius:var(--nx-r-bedien);}
@media (hover:hover){.ureact:hover{background:var(--nx-hebung)}}
@media (hover:hover){.ureact.l:hover{color:var(--green)}}
@media (hover:hover){.ureact.e:hover{color:var(--gold)}}
@media (hover:hover){.ureact.r:hover{color:var(--cyan)}}
.ucount{margin-left:auto;font-size:var(--nx-typo-meta);color:var(--faint);display:flex;align-items:center;gap:8px}
.ucount span{display:flex;align-items:center;gap:4px}
.upd .ub{flex:1;min-width:0}
.upd .ut{font-size:14px;color:var(--txt);line-height:1.5}
.upd .ut b{font-family:var(--nx-f-text);font-weight:700;color:#fff}
.upd .um{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:8px;display:flex;align-items:center;gap:16px}
.upd .um span{display:flex;align-items:center;gap:4px}
.updbtn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);background:var(--nx-hebung);border:1px solid var(--line);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
@media (hover:hover){.updbtn:hover{color:#fff;border-color:var(--line2)}}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}
.chcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;}
@media (hover:hover){.chcard:hover{border-color:var(--line2)}}
.chtop{display:flex;align-items:center;gap:16px}
.chhash{width:40px;height:40px;border-radius:var(--nx-r-karte);display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff;flex:none}
.chname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.chmem{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.chact{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:8px}
.chdot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:none;flex:none}
.chjoin{margin-top:16px;width:100%;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer}
.tslist{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--nx-hebung)}
.tsrow{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.tsrow:last-child{border-bottom:none}
.tsrank{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--faint);width:22px;text-align:center;flex:none}
.tsinfo{flex:1;min-width:0}
.tsname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px}
.tsgame{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.tstw{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:#9146ff;padding:2px 8px;border-radius:var(--nx-r-bedien)}
.tsview{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px;flex:none}
.tsview .lp{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:none}
.tswatch{flex:none;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
@media(max-width:760px){.chgrid{grid-template-columns:1fr 1fr}.actban{flex-direction:column}.actban .ar{width:100%}}
@media(max-width:760px){.spot{grid-template-columns:1fr}}
.mmf .f{display:inline-flex;align-items:center;gap:8px}
.adslot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.05));box-shadow:inset 0 0 70px transparent;overflow:hidden}
.adslot::before{content:"AD";position:absolute;top:11px;left:11px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#1a1505;background:var(--gold);padding:4px 8px;border-radius:var(--nx-r-bedien);z-index:2}
.adslot::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.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:32px auto;padding:0 var(--nx-rand)}
.adbillboard{width:100%;height:250px}
.adhalf{width:300px;max-width:100%;height:600px;margin:0 auto}
.admid{width:336px;max-width:100%;height:280px;margin:0 auto}
.adfeed{width:100%;height:220px}
.actban.waipu{background:linear-gradient(110deg,#06120f,#08201c 55%,#0a2a25);border-color:rgba(30,192,184,.45)}
.actban.waipu::after{background:radial-gradient(440px 260px at 88% 130%,rgba(30,192,184,.22),transparent 60%)}
.actban.waipu .alogo{color:#06120f;border-color:transparent;background:#1ec0b8}
.actban.waipu .aad{background:#1ec0b8;color:#06120f}
.actban.waipu .achip{color:#5fe0d6;border-color:rgba(30,192,184,.3);background:rgba(30,192,184,.08)}
.actban.waipu .ab1{background:linear-gradient(135deg,#1ec0b8,#149a93);color:#06120f}
.actban.waipu .ar{background:linear-gradient(135deg,#0c3a36,#1ec0b8)}
.actban.freenet{background:linear-gradient(110deg,#0a0f06,#10180a 55%,#16220c);border-color:rgba(118,184,42,.45)}
.actban.freenet::after{background:radial-gradient(440px 260px at 88% 130%,rgba(118,184,42,.22),transparent 60%)}
.actban.freenet .alogo{color:#0a0f06;border-color:transparent;background:#76b82a}
.actban.freenet .aad{background:#76b82a;color:#0a0f06}
.actban.freenet .achip{color:#a6dd5e;border-color:rgba(118,184,42,.3);background:rgba(118,184,42,.08)}
.actban.freenet .ab1{background:linear-gradient(135deg,#76b82a,#5c9120);color:#fff}
.actban.freenet .ar{background:linear-gradient(135deg,#24350f,#76b82a)}
.ab1, .ab2, .abtn, .go, .seeall, .joinbtn, .crefollow, .pmbtn, .submit, .nbtn, .lfgjoin, .sendbtn, .unblock, .btnghost, .btndanger, .pbtn, .abtn.acc, .abtn.dec, .segbtn, .lfgjoin, .surveystars{white-space:nowrap}
.aact,.aacts,.actions{flex-wrap:wrap}
.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}
.discgrid{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));}
.disccard{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px 16px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:16px}
@media (hover:hover){.disccard:hover{border-color:var(--line2);transform:translateY(-2px)}}
.dsrc{display:flex;align-items:center;gap:8px}
.dsrclogo{width:32px;height:32px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center}
.dsrcname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.dsrcsub{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.dtime{margin-left:auto;font-size:var(--nx-typo-meta);color:var(--faint);flex:none}
.dtitle{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.32}
.dexcerpt{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.5}
.dmeta{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.dstat{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);line-height:1}
.dstat svg{color:var(--faint)}
.dright{margin-left:auto;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:4px}
.dpinned{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--gold);border:1px solid rgba(255,197,61,.3);background:rgba(255,197,61,.08);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.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:rgba(24,24,38,.55);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);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)}
.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}
.czph b{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);}
.czsub{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px}
.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}
.czlist{overflow:auto}
.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)}}
.czrl{flex:1;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.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}
.fbk{max-width:560px;border:1px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.04));padding:16px 16px}
.nx-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,0.14);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:16px 16px;border-radius:var(--nx-r-karte);box-shadow:var(--nx-schatten);opacity:0;transition:.25s;z-index:9600}
.nx-toast.show{opacity:1;transform:translate(-50%,0)}
.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-modal.open{display:grid}
.nx-mbox{width:430px;max-width:94vw;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:24px;box-shadow:var(--nx-schatten);text-align:center}
.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-mact{display:flex;gap:8px;justify-content:center}
.nx-mbtn{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:1px solid rgba(255,255,255,.1);background:var(--nx-hebung);color:var(--txt);cursor:pointer}
.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}
.nx-pulse i:nth-child(2){animation-delay:.2s}
.nx-pulse i:nth-child(3){animation-delay:.4s}
@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 .row{display:flex;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}}
.nx-rowcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-tafel);padding:16px;display:flex;flex-direction:column;gap:8px;}
@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 .picks{display:flex;gap:8px;flex-wrap:wrap}
.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-soonbox{text-align:center;max-width:480px}
.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}
.nx-soonact{display:flex;gap:8px;justify-content:center}
.nx-cartdot{position:absolute;top:-4px;right:-6px;min-width:15px;height:15px;border-radius:8px;background:#5b27e8;color:#fff;font:800 var(--nx-typo-klein) var(--nx-f-text);display:flex;align-items:center;justify-content:center;padding:0 4px}
.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.trailer .play{transition:transform .15s}
@media (hover:hover){.mtile.trailer:hover .play{transform:scale(1.12)}}
.mtile.nx-embed{background:#000;cursor:default}
@media (hover:hover){.mtile.nx-embed:hover{transform:none}}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
.mtile.nx-embed .ov,.mtile.nx-embed .play,.mtile.nx-embed .lab{display:none}
html,body{max-width:100%}
/* · 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){html{overflow-x:clip}body{overflow-x:clip}}
img,video,iframe{max-width:100%}
@media(max-width:760px){
  .nx-demobar{height:auto;min-height:30px;line-height:1.25;padding:8px 16px;font-size:var(--nx-typo-meta);text-align:center;flex-wrap:wrap;position:sticky;top:0}
  .nx-demobar .nx-db-sep{display:none}
  .nx-demobar .nx-db-partner{flex-basis:100%}
  
}
@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:760px){
  
  
  .bento .sptile{min-height:150px}
  .bento .sptile.big{min-height:210px}
  
}
@media(max-width:480px){
  
  .bento .sptile{min-height:180px}
  
}
@media(max-width:760px){
  
  .lfgband{padding:16px 16px;gap:8px}
  .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}
  
  .chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
}
@supports (height:100svh){
  body{min-height:100svh}
}
.nx-demobar{height:auto;min-height:38px;box-sizing:border-box;
            padding-top:calc(env(safe-area-inset-top));
            padding-bottom:0;}
@media(max-width:900px){
  .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));}
  .shell{padding-left:max(14px,env(safe-area-inset-left));
         padding-right:max(14px,env(safe-area-inset-right))}
  body{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:900px){
  input,textarea,select{font-size:var(--nx-typo-kartenkopf)}
}
.nx-db-persp::before{content:"Preview as";font-family:var(--nx-f-text);font-weight:800;
  font-size:var(--nx-typo-meta);color:var(--nx-text);
  padding:0 12px 0 10px}
.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::before{font-size:var(--nx-typo-klein);padding:0 8px 0 6px}
  
  .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}
@media(max-width:600px){.nx-biasfree{font-size:var(--nx-typo-klein);padding:3px 8px}}
.ov{inset:1px;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)}
@media (hover:hover){.console-cta:hover{transform:translateY(-1px);
  background:var(--accent);
  box-shadow:none
             0 0 34px -6px rgba(91,39,232,.7)}}
.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}
.btn, .chip-f, .sf, .cta, .soontag{white-space:nowrap}
.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 0;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}
.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-demobar svg{flex:0 0 auto}
.nx-db-tag{font-weight:800}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-db-partner{font-weight:700}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
@media (hover:hover){.nx-demobar a:hover{opacity:.85}}
.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}
@media (hover:hover){.nx-demo-fab:hover{transform:translateY(-2px);box-shadow:var(--nx-schatten)}}
.nx-demo-fab svg{flex:0 0 auto}
.nx-noti.open{opacity:1;transform:translateY(0);pointer-events:auto}
.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)}}
.footer{background:transparent;border-top:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden}
.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}
.nx-veil{position:relative;}
.nx-veil-badge{position:absolute;top:12px;right:14px;z-index:6;align-items:center;gap:6px;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#fff;background:var(--accent);border:1px solid rgba(255,255,255,.18);border-radius:var(--nx-r-tafel);padding:6px 12px;white-space:nowrap;box-shadow:none;pointer-events:none}
@media (hover:hover){.nx-creategrp:hover{box-shadow:inset 0 0 0 99em var(--nx-hebung)}}
.ngm-in{width:100%;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-bedien);color:#fff;padding:10px 12px;font-size:14px;outline:none;box-sizing:border-box}
.ngm-in:focus{border-color:var(--accent)}
.ngm-priv{display:flex;gap:8px;margin-top:6px}
.ngm-priv button{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-bedien);color:var(--dim);padding:10px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
.ngm-priv button.on{border-color:var(--nx-linie);background:var(--nx-hebung);color:#fff}
@keyframes nxPop{0%{transform:scale(1)}35%{transform:scale(1.45) rotate(-8deg)}65%{transform:scale(.9) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@keyframes nxPing{0%{box-shadow:none}100%{box-shadow:0 0 0 14px rgba(91,39,232,0)}}
.rbtn.on .npic,.ureact.on .npic{animation:nxPop .5s cubic-bezier(.3,1.8,.4,1)}
.rbtn.on,.ureact.on{animation:nxPing .55s ease-out}
.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}
.nxn-ic{cursor:default}
.nxn-ic svg{cursor:default}
.nx-firstdiv{margin-top:10px;padding-top:14px}
.mm .l h2,.safer-l h2,.safer-l h3{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt)}
.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}
.wrap{opacity:0}
html.nx-revealed .wrap{opacity:1;transition:opacity .28s ease}
html:not(.nx-revealed) body>.section,html:not(.nx-revealed) body>.nx-charea,html:not(.nx-revealed) body>.adwrap{opacity:0}
html.nx-revealed body>.section,html.nx-revealed body>.nx-charea,html.nx-revealed body>.adwrap{opacity:1;transition:opacity .3s ease}
.mm .mm-sub{font-family:'Nunito Sans',sans-serif;font-weight:400;font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px;max-width:520px;line-height:1.5}
.mmf{gap:0;margin-top:18px}
.mmf .f{font-weight:400;font-size:var(--nx-typo-text);color:var(--dim);background:none;border:0;border-radius:0;padding:0}
/* DER TRENNER GEHOERT ZU DEM POSTEN, AUF DEN ER FOLGT · NICHT ZU DEM
  DAVOR. Er stand als ::before am naechsten Posten. Am Schreibtisch faellt
  das nicht auf, weil die acht Merkmale in eine Zeile passen. Bei 390
  Punkten bricht die Liste in VIER Zeilen um, und der Trenner wandert mit
  seinem Posten an den Zeilenanfang: gemessen begannen drei der vier
  Zeilen mit einem Punkt (Playstyle, Availability, Age range, alle bei
  x=80). Ein Punkt am Zeilenanfang liest sich wie ein Aufzaehlungszeichen
  oder wie ein Fehler. Als ::after am vorigen Posten steht er am
  Zeilenende, wo er heisst: es geht weiter. Der letzte Posten bekommt
  keinen. */
.mmf .f:not(:last-child)::after{content:"\00B7";margin:0 8px;color:var(--dim)}
.mm{margin-top:28px}
.nx-cal{background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:20px 24px;margin:0 calc(-1 * var(--nx-rand,24px))}
.nx-cal-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.nx-cal-head .nx-cal-ic{width:34px;height:34px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);display:grid;place-items:center;color:var(--nx-text);flex:none}
.nx-cal-head h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);margin:0;color:#fff}
.nx-cal-head .nx-cal-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-top:2px}
/* "View more" ist ein Wortknopf: kein seitliches Polster, das Wort endet auf
  der Kante der Tageskarte darunter (vorher 10 Punkte davor). Die Tippflaeche
  waechst unsichtbar um --nx-luecke-knopf nach aussen. */
.nx-cal-head .nx-cal-all{position:relative;margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;border-radius:var(--nx-r-bedien);transition:.15s}
.nx-cal-head .nx-cal-all::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--nx-luecke-knopf) * -1);right:calc(var(--nx-luecke-knopf) * -1)}
@media (hover:hover){.nx-cal-head .nx-cal-all:hover{color:#fff}}
.nx-cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.nx-cal-day{background:var(--surface2);padding:12px 10px 14px;min-height:132px;cursor:pointer;transition:.15s;display:flex;flex-direction:column}
@media (hover:hover){.nx-cal-day:hover{background:var(--nx-hebung);transform:translateY(-2px)}}
/* HEUTE IST EINE FLAECHE · derselbe Gedanke wie im Eventkalender. */
.nx-cal-day.today{background:var(--nx-hebung-2);box-shadow:inset 0 2px 0 var(--accent)}
.nx-cal-dname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--dim)}
.nx-cal-day.today .nx-cal-dname{color:var(--nx-text)}
.nx-cal-dnum{font-family:var(--nx-f-titel);font-weight:800;font-size:18px;color:#fff;margin-top:2px;line-height:1}
.nx-cal-dots{display:flex;flex-direction:column;gap:4px;margin-top:11px}
.nx-cal-ev{display:flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);color:var(--txt);line-height:1.2;overflow:hidden;cursor:pointer;border-radius:var(--nx-r-bedien);padding:1px 3px;margin:0 -3px;transition:background .15s}
@media (hover:hover){.nx-cal-ev:hover{background:var(--nx-hebung)}}
.nx-cal-ev .d{width:6px;height:6px;border-radius:50%;flex:none}
.nx-cal-ev .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-cal-ev.stream .d{background:var(--accent)}
.nx-cal-ev.content .d{background:#34e5d8}
.nx-cal-ev.event .d{background:#ff8a3d}
.nx-cal-more{font-size:var(--nx-typo-klein);color:var(--dim);margin-top:auto;padding-top:6px}
.nx-cal-empty{font-size:var(--nx-typo-klein);color:rgba(255,255,255,.22);margin-top:11px}
.nx-cal-legend{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}
.nx-cal-lg{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-cal-lg .d{width:8px;height:8px;border-radius:50%}
.nx-cal-lg.stream .d{background:var(--accent)}
.nx-cal-lg.content .d{background:#34e5d8}
.nx-cal-lg.event .d{background:#ff8a3d}
.nx-calov{position:fixed;inset:0;background:rgba(6,6,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99999;display:none;align-items:flex-start;justify-content:center;padding:48px 24px;overflow-y:auto}
.nx-calov.on{display:flex}
.nx-calov-box{background:var(--surface);border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);max-width:960px;width:100%;padding:28px 30px;position:relative;box-shadow:var(--nx-schatten)}
.nx-calov-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.nx-calov-head h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);margin:0;color:#fff}
.nx-calov-nav{margin-left:auto;display:flex;align-items:center;gap:8px;margin-right:44px}
.nx-calov-nav button{width:36px;height:36px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,var(--nx-linie-subtle));background:var(--surface2);color:var(--txt);cursor:pointer;font-size:var(--nx-typo-kartenkopf);display:grid;place-items:center;transition:.15s}
@media (hover:hover){.nx-calov-nav button:hover{border-color:var(--line2,var(--nx-linie));color:#fff}}
.nx-calov-nav .nx-calov-month{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);min-width:150px;text-align:center;color:#fff}
.nx-calov-close{position:absolute;top:22px;right:24px;width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,var(--nx-linie-subtle));background:var(--surface2);color:var(--dim);cursor:pointer;font-size:var(--nx-typo-abschnitt);display:grid;place-items:center;transition:.15s;z-index:2}
@media (hover:hover){.nx-calov-close:hover{color:#fff;border-color:var(--line2,var(--nx-linie))}}
.nx-calov-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.nx-calov-dow{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);text-align:center;padding:6px 0}
.nx-calov-cell{background:var(--surface2);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-bedien);min-height:96px;padding:8px;display:flex;flex-direction:column;gap:4px}
.nx-calov-cell.out{opacity:.35}
.nx-calov-cell.today{border-color:var(--nx-linie);background:var(--nx-hebung)}
.nx-calov-cellnum{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.nx-calov-cell.out .nx-calov-cellnum{color:var(--dim)}
.nx-calov-pill{font-size:var(--nx-typo-klein);line-height:1.25;padding:3px 6px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px;overflow:hidden;cursor:pointer;transition:filter .15s}
@media (hover:hover){.nx-calov-pill:hover{filter:brightness(1.25)}}
.nx-calov-pill .d{width:5px;height:5px;border-radius:50%;flex:none}
.nx-calov-pill .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-calov-pill.stream{background:var(--nx-hebung)}
.nx-calov-pill.stream .d{background:var(--accent)}
.nx-calov-pill.content{background:rgba(52,229,216,.12)}
.nx-calov-pill.content .d{background:#34e5d8}
.nx-calov-pill.event{background:rgba(255,138,61,.12)}
.nx-calov-pill.event .d{background:#ff8a3d}
.nx-calov-legend{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line,var(--nx-linie-subtle))}
.grid.live .lcard{display:flex;flex-direction:column}
.grid.live .lbody{display:flex;flex-direction:column;align-items:stretch;gap:16px;flex:1}
.grid.live .lbody-row{display:flex;align-items:flex-start;gap:12px}
.nx-watch{width:100%;height:40px;box-shadow:none;margin-top:auto}
@media (hover:hover){.nx-watch:hover{transform:translateY(-1px)}}
.nx-watch .nx-watch-lbl{white-space:nowrap}
.nxsh-card, .nx-gn-k{transition:transform .18s ease,box-shadow .18s ease}
@media (hover:hover){.nxsh-card:hover, .nx-gn-k:hover{transform:translateY(-4px);box-shadow:none}
.chcard:hover{transform:translateY(-4px);}}
@media (hover:hover){.nx-veil .card:hover,.nx-veil .gcard:hover{transform:none;box-shadow:none}}
@media (prefers-reduced-motion: reduce){.card,.nxsh-card,.gcard,.chcard,.nx-gn-k{transition:none}@media (hover:hover){.card:hover,.nxsh-card:hover,.gcard:hover,.chcard:hover,.nx-gn-k:hover{transform:none;box-shadow:none}}}
.disccard.nx-src-open{transition:border-color .15s,transform .15s}
@media (hover:hover){.disccard.nx-src-open:hover{border-color:var(--nx-linie);transform:translateY(-1px)}}
.disccard .dright{color:var(--nx-text);font-weight:700}
.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-appad{align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel)}
.nx-appad .ic{width:38px;height:38px;flex:none;border-radius:var(--nx-r-karte);display:grid;place-items:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--accent)}
.nx-appad .tx{min-width:0}
.nx-appad .t{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-appad .s{margin-top:2px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-appad .sp{margin-left:auto;flex:none;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--gold,#ffc53d);border:1px solid rgba(255,197,61,.35);background:rgba(255,197,61,.1);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-appad .why{flex:none;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:720px){.nx-appad{flex-wrap:wrap}.nx-appad .sp{margin-left:0}}
.nx-caps{margin-bottom:16px}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.gchips,.chips{margin-bottom:8px}
body>.nx-charea{padding-top:52px;padding-bottom:0}
body>.adwrap{margin:0 auto;padding-top:52px;padding-bottom:0}
body>.nx-pbox-top{padding-bottom:0}
body>#nxCoplayRow{padding-top:0;padding-bottom:20px;display:flow-root}
.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}
.nx-ptsub{font-size:var(--nx-typo-meta);font-weight:800;}
.nx-gmcol-h,
.nx-slots-k,
.nx-ssm-fmt,
.nx-ss-phandle,
.nx-rv-ch b{color:#fff}
.nxch-curhead{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;margin:22px 0 11px;letter-spacing:0;display:flex;align-items:center;gap:8px}
.nxch-curhead svg{flex:none}
.nxch-curnote{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-chrows .nx-shelf-wrap > .shead h3{font-size:var(--nx-typo-kartenkopf)}
.fh-soon.fh-soon.fh-soon{letter-spacing:.6px}
/* DASSELBE WORT, ZWEI FORMEN.
  Gemessen: "Soon" in der Fussspalte stand eckig auf Radius 8 mit
  Polsterung 3/8, "SOON" in der Karte daneben rund auf Radius 999 mit
  Polsterung 0/9 · und mit ihm die sieben anderen Etiketten der Seite.
  Die dreifache Klasse hat die Form hier staerker gesetzt als der
  Besitzer der Etikettenform und ihn damit ausgehebelt. Form und
  Polsterung stehen jetzt nicht mehr hier; Schrift und Farbe bleiben. */
.eyebrow.eyebrow.eyebrow{font-size:var(--nx-typo-klein);}
p,p,.note,.note,.sub,.sub,.nx-why-p,.nx-why-p,.lead,.lead,.nxp3-v span,.nxp3-v span,.desc,.desc,.cardsub,.cardsub,.subline,.subline,.nx-surf-step span,.nx-surf-step span,.nx-surf-step,.nx-surf-step,.nxp3-v,.nxp3-v,.hiw-step span,.hiw-step span{text-wrap:pretty}
/* .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}
  .finner .fbrand{min-width:0}}
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;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}
.topbar + section.nx-row.nx-row.nx-row.nx-row,.topbar ~ main > section.nx-row:first-child,.topbar + .section.nx-row.nx-row.nx-row{margin-top:32px}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.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}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:22px;font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
#nxChanArea .nx-charea-inner{padding-top:24px}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
.nx-set-card h2,.csechead{font-size:var(--nx-typo-abschnitt)}
.nx-fr-c .x{color:var(--dim)}
@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)}
#nxMsgMenu{position:fixed;z-index:9600;width:300px;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);font-family:"Nunito Sans",sans-serif;display:none}
#nxMsgMenu.open{display:block}
#nxMsgMenu .mh{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
#nxMsgMenu .mi{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--nx-r-bedien);text-decoration:none}
@media (hover:hover){#nxMsgMenu .mi:hover{background:var(--nx-hebung)}}
#nxMsgMenu .mav{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
#nxMsgMenu .mt{flex:1;min-width:0}
#nxMsgMenu .mn{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
#nxMsgMenu .ms{display:block;font:400 var(--nx-typo-text)/1.45 "Nunito Sans",sans-serif;color:var(--dim);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nxMsgMenu .mz{font:400 var(--nx-typo-klein) "Nunito Sans",sans-serif;color:var(--nx-leise);flex:none;margin-top:2px}
#nxMsgMenu .mf{border-top:1px solid rgba(255,255,255,.07);margin-top:6px;padding:9px 10px 4px;text-align:center}
#nxMsgMenu .mf a{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--nx-text);text-decoration:none}
.nx-creategrp{margin-left:auto;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-pille);padding:5px 13px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;white-space:nowrap;transition:background .15s}
@media (hover:hover){.nx-creategrp:hover{background:var(--nx-hebung)}}
#comm-empty{display:none;padding:20px 2px;color:var(--dim);font-size:14px}
#nx-search-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-karte);box-shadow:var(--nx-schatten);padding:6px;z-index:6000;display:none;max-height:420px;overflow:auto}
#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}
@media (hover:hover){.nxsd-row:hover{background:var(--nx-hebung)}}
.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-t{font:700 var(--nx-typo-klein) var(--nx-f-text);flex:none}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
.ureact{cursor:pointer;transition:transform .1s ease,background .15s,border-color .15s}
.ureact.on{background:var(--accent);border-color:var(--nx-linie)}
.ureact.on .npic{filter:brightness(1.35) drop-shadow(0 0 5px transparent)}
@keyframes nxreactpop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.ureact.nx-anim-pop{animation:nxreactpop .26s ease-out}
#nx-watch-modal{position:fixed;inset:0;z-index:9800}
#nx-watch-modal .nw-scrim{position:absolute;inset:0;background:rgba(4,4,8,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#nx-watch-modal .nw-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-width:94vw;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;box-shadow:var(--nx-schatten)}
#nx-watch-modal .nw-x{position:absolute;top:10px;right:14px;z-index:3;background:rgba(10,10,18,.5);border:none;color:#fff;font-size:var(--nx-typo-abschnitt);cursor:pointer;line-height:1;width:30px;height:30px;border-radius:var(--nx-r-bedien)}
#nx-watch-modal .nw-player{position:relative;aspect-ratio:16/9;border-radius:var(--nx-r-karte);display:grid;place-items:center;overflow:hidden}
#nx-watch-modal .nw-play{width:62px;height:62px;border-radius:50%;background:rgba(10,10,18,.55);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:.15s}
@media (hover:hover){#nx-watch-modal .nw-play:hover{transform:scale(1.08);background:var(--nx-hebung)}}
#nx-watch-modal .nw-live{position:absolute;top:12px;left:12px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:1px;color:#fff;background:#e53e4e;border-radius:var(--nx-r-bedien);padding:4px 8px}
#nx-watch-modal .nw-clip{position:absolute;top:12px;left:12px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#0a0a12;background:#34e5d8;border-radius:var(--nx-r-bedien);padding:4px 8px}
#nx-watch-modal .nw-track{position:absolute;left:12px;right:12px;bottom:12px;height:5px;border-radius:4px;background:rgba(255,255,255,.18)}
#nx-watch-modal .nw-track i{display:block;height:100%;width:34%;border-radius:var(--nx-r-marke);background:var(--accent)}
#nx-watch-modal .nw-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 4px}
#nx-watch-modal .nw-who b{display:block;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
#nx-watch-modal .nw-who span{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
#nx-watch-modal .nw-src{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:4px 10px}
#nx-watch-modal .nw-note{margin-top:10px;font:700 var(--nx-typo-meta) "Nunito Sans",sans-serif;color:var(--dim);padding:0 4px}
.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-in::placeholder{color:var(--nx-leise)}
.nxsr-res{max-height:52vh;overflow:auto;padding:8px 0 10px}
.nxsr-g{padding:10px 19px 4px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise)}
.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-r.on{background:var(--accent)}
.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)}
@media (hover:hover){.nxsr-r:hover{background:var(--nx-hebung)}}
.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)}
.nxsr-none{padding:16px 19px;color:var(--nx-leise);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif}
#teams .tcard>div:not(.tlogo){flex:1 1 auto;min-width:0}
#teams .tcard .cname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#teams .tcard .cbtn{flex:none}
#nxCurtain{position:fixed;inset:0;z-index:99999;background:var(--nx-grund);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease}
#nxCurtain.off{opacity:0;pointer-events:none}
#nxCurtain .cd{width:10px;height:10px;border-radius:50%;background:#5b27e8;animation:nxCd 1.1s ease-in-out infinite}
@keyframes nxCd{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
/* EINE BLOCKFLAECHE SIEHT AUS WIE DIE ANDERE.
  Gemessen stehen auf dieser Seite genau zwei Blockflaechen, beide 1523
  breit: die Curated-Flaeche auf Radius 18 und Grund rgb(29,29,35), diese
  hier auf Radius 16 und einem durchscheinenden rgba(255,255,255,.038).
  18 und der Tafelgrund sind das festgelegte Mass fuer eine Blockflaeche;
  ein zweiter Grund fuer dieselbe Rolle war ein Ausreisser. */
.nx-pbox-top,#nxCoplayRow{max-width:var(--nx-breite);margin-left:auto;margin-right:auto;background:var(--nx-flaeche);border-left:1px solid rgba(255,255,255,0.14);border-right:1px solid rgba(255,255,255,0.14)}
.nx-pbox-top{border-top:1px solid rgba(255,255,255,0.14);border-top-left-radius:18px;border-top-right-radius:18px;padding-bottom:22px;margin-bottom:0}
#nxCoplayRow{border-bottom:1px solid rgba(255,255,255,0.14);border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding-top:12px;margin-top:0}
.nx-pbox-top #nxCoplayRow{background:transparent;border:0;border-radius:0;padding-top:0}
#nxCoplayRow .shead{margin-bottom:6px}
#nxMentRow .nx-cl{flex-direction:column;overflow:visible}
#nxMentRow .nx-cl-row{width:auto;max-width:680px;cursor:default}
.nx-ptsub{margin:22px 0 11px;font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--dim)}
.nx-ptsub.first{margin-top:20px}
#nxCoplayRow .nx-ptblock{margin:0}
#nxCoplayRow .nx-cl-ig .nx-cl-dot{background:var(--live,#ff4d5e);box-shadow:none;animation:pulse 1.6s infinite}
#nxCoplayRow .nx-cl-act.join{background:var(--accent);border-color:transparent;color:#fff}
@media (hover:hover){#nxCoplayRow .nx-cl-act.join:hover{filter:brightness(1.08)}}
#nxCoplayRow .nx-cl-act.join.on{background:#2c2c3c;color:var(--dim);pointer-events:none}
#nxCoplayRow .nx-cl-row{align-items:center;min-height:60px}
#nxCoplayRow .nx-cl-tx span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.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}
.fcol .nx-soon-badge{font:800 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);border-radius:var(--nx-r-pille);padding:4px 12px;line-height:1.4}
.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}
.safer{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  padding:20px 22px;border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);
  background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.06));position:relative;overflow:hidden}
.safer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.safer-l{min-width:0}
.safer-eyebrow{font:700 var(--nx-typo-meta) var(--nx-f-text);text-transform:none;color:var(--dim);margin-bottom:6px}
.safer h2{margin:0 0 6px;font-size:var(--nx-typo-abschnitt)}
.safer p{margin:0;color:var(--dim);font-size:var(--nx-typo-text);line-height:1.5;max-width:640px}
.safer p a{color:var(--txt);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:2px}
@media (hover:hover){.safer p a:hover{text-decoration-color:currentColor}}
.safer-r{flex:none}
.safer-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--nx-r-pille);
  border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--txt);
  font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s}
@media (hover:hover){.safer-cta:hover{background:var(--nx-hebung)}}
@media (max-width:720px){.safer{grid-template-columns:1fr;gap:12px}.safer-r{align-self:start}}
.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-pi-ic{flex:none;width:44px;height:44px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);display:flex;align-items:center;justify-content:center}
.nx-pi-tx{flex:1;min-width:0}
.nx-pi-tx .pi-lead{margin:0;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:var(--txt)}
.nx-pi-side{flex:0 0 300px;display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line,rgba(255,255,255,.08))}
.nx-pi-spark{flex:none;width:28px;height:28px;border-radius:var(--nx-r-bedien);background:rgba(52,229,216,.1);display:flex;align-items:center;justify-content:center}
.nx-pi-hint{font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:900px){.nx-pi-side{display:none}}
.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-avail{width:fit-content;display:inline-flex;align-items:center;gap:6px;margin-top:5px;}
.nx-prevbar .pb-badge{padding:4px 12px}
@media (hover:hover){.nx-fb-sup:hover{background:var(--nx-hebung)}}
#nxInvite{display:flex;align-items:center;gap:8px;margin:0 0 18px;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)}
#nxInvite svg{flex:none}
@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-podrail .pd-rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
#nx-podrail .pd-card{flex:0 0 230px;scroll-snap-align:start;background:var(--surface);
  border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);overflow:hidden;
  transition:transform .15s,border-color .15s}
@media (hover:hover){#nx-podrail .pd-card:hover{transform:translateY(-3px);border-color:rgba(52,229,216,.4)}}
#nx-podrail .pd-cov{height:110px;display:grid;place-items:center;color:#fff;position:relative}
#nx-podrail .pd-cov svg{width:30px;height:30px;opacity:.9}
#nx-podrail .pd-len{position:absolute;right:9px;bottom:8px;font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:#fff;background:rgba(8,8,13,.55);border-radius:var(--nx-r-bedien);padding:2px 8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#nx-podrail .pd-meta{padding:12px 14px 14px;display:flex;gap:10px;align-items:flex-start}
#nx-podrail .pd-txt{flex:1;min-width:0}
#nx-podrail .pd-show{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nx-podrail .pd-ep{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#nx-podrail .pc-play{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;
  border:1px solid rgba(52,229,216,.4);background:rgba(52,229,216,.1);color:#8ff4ea;cursor:pointer;transition:.15s}
@media (hover:hover){#nx-podrail .pc-play:hover{background:rgba(52,229,216,.24)}}
#nx-podrail .pc-play.on{background:#34e5d8;color:#08221f;border-color:#34e5d8}
#nx-podrail .pc-play svg{width:12px;height:12px}
#nx-podrail a.pd-card{display:block;color:inherit;text-decoration:none}
/* EINE KANTE AUF DER SEITE · die kuratierten Reihen standen 24 px weiter
  rechts als alle anderen: gemessen Karten bei x=83, jede andere Reihe der
  Seite bei x=58. Der Behaelter der Kanalflaeche bringt seinen Rand schon
  mit; dieser hier kam ein zweites Mal obendrauf. Der senkrechte Abstand
  bleibt, der seitliche faellt weg. */
.nx-shelf-wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px 0;position:relative;z-index:1}
.nx-shelf-wrap .shead{display:flex;align-items:center;margin:0 0 16px}
.nx-shelf-wrap.nx-dragging{opacity:.55}
.nxsh-av{border-radius:50%;vertical-align:-7px;margin:0 2px;border:1px solid var(--line)}
.nxsh-avm{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff}
.nxsh-new{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:#0c0c14;background:var(--green);border-radius:var(--nx-r-pille);padding:3px 8px;margin-left:10px}
.nxsh-ctrls{margin-left:auto;display:flex;align-items:center;gap:8px}
.nxsh-cbtn{width:30px;height:30px;border:1px solid var(--line);background:var(--nx-hebung);color:var(--nx-leise);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;padding:0}
@media (hover:hover){.nxsh-cbtn:hover{color:#fff;border-color:var(--nx-linie)}}
.nxsh-cbtn.nxsh-grip{cursor:grab}
.nxsh-carou{position:relative}
.nxsh-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.nxsh-grid::-webkit-scrollbar{display:none}
.nxsh-nb{position:absolute;top:0;bottom:0;width:44px;z-index:3;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;padding:0}
.nxsh-nb.prev{left:-24px;background:linear-gradient(90deg,rgba(8,8,13,.92),transparent);}
.nxsh-nb.next{right:-24px;background:linear-gradient(270deg,rgba(8,8,13,.92),transparent);}
.nx-shelf-wrap:hover .nxsh-nb{opacity:1}
.nxsh-nb svg{filter:drop-shadow(0 0 6px rgba(0,0,0,.8))}
/* VIER JE REIHE, NICHT SIEBEN (: die Seite las sich wie YouTube).
  Weniger und groesser · der Rest bleibt im Karussell, weggenommen wird nichts.
  min-width haelt die Karte auf schmalen Schirmen lesbar, dann rollt die Reihe. */
.nxsh-grid .nxsh-card{flex:0 0 calc((100% - 48px)/4);min-width:248px;max-width:none;scroll-snap-align:start}
.nxsh-card{position:relative;}
/* Bildkarte statt Zeile: der Deckel bekommt ein Bildformat statt einer festen
  Hoehe · bei 108 px waere er auf der breiteren Karte ein Briefschlitz. */
.nxsh-cover{position:relative;aspect-ratio:16/9;height:auto;flex:none}
.nxsh-brand{display:flex;align-items:center;justify-content:center;overflow:hidden}
.nxsh-brandimg{width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,255,255,.14);object-fit:cover}
.nxsh-brandimg.nxsh-avm{width:62px;height:62px;font-size:var(--nx-typo-abschnitt)}
.nxsh-cover .nxsh-type{position:absolute;top:8px;left:8px}
.nxsh-type{font:800 9px var(--nx-f-text);opacity:.72;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.nxsh-type.is-ad{font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0;text-transform:none;opacity:1;color:#fff;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.35);border-radius:var(--nx-r-bedien);padding:1px 6px;text-shadow:none}
/* DIE SENDUNG IM RADAR · die Form der Live-Marke gehoert
  css/nextari-flaechen.css (.nx-live-pille). Hier nur, was der Deckel
  sonst jeder Aufschrift gibt und eine Marke nicht braucht: die
  gedaempfte Deckkraft und den Schriftschatten. */
.nxsh-type.nx-live-pille{opacity:1;text-shadow:none}
/* BEZAHLT STEHT AN DER KARTE, NICHT IM KLEINGEDRUCKTEN.
  Ein Beitrag aus einer freigegebenen Zusammenarbeit traegt "Ad · <Marke>"
  (nxm-radar.js). Eine leise Flaeche in Pillenform direkt ueber dem Weg ·
  kein Markengrund und keine Versalien: die Wortmarke bleibt so, wie die
  Marke sie schreibt. */
.nxsh-werbung{align-self:flex-start;display:inline-flex;align-items:center;
  font:700 var(--nx-typo-meta)/1.3 'Nunito Sans',sans-serif;color:var(--txt);
  background:var(--nx-hebung-2);border-radius:var(--nx-r-pille);padding:3px 10px}
/* DER DECKELTEXT IST DAS BILD, WENN ES KEINES GIBT.
  In einer kuratierten Reihe haben manche Karten ein Foto und manche nur
  ihren Verlauf ·  gemessen: bei LVL Berlin drei von vier ohne.
  Der Deckeltext stand dabei klein unten in einer sonst leeren Flaeche und
  sah aus wie ein Rest. Gross und in der Mitte traegt er die Flaeche selbst,
  und die Reihe liest sich als eine Gestaltung statt als halb geladen ·
  dieselbe Antwort wie auf den Abendkarten. Wo ein Foto liegt, bleibt der
  Text klein am Fuss: dort muss er sich nicht gegen ein Bild behaupten. */
.nxsh-covertext{position:absolute;left:14px;right:14px;top:50%;
  transform:translateY(-50%);font-family:var(--nx-f-titel);font-weight:800;
  font-size:19px;line-height:1.16;
  color:rgba(255,255,255,.17);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;pointer-events:none}
/* EINE AUFSCHRIFT, EINE SCHRIFT.
  Gemessen in einer einzigen Reihe: 19 Deckeltexte auf 19 Punkt, gross und
  blass in der Mitte · vier auf 12,5 Punkt, klein und weiss am Fuss. Die
  vier sind die, denen ein Spielbild untergelegt wurde; sie standen damit
  in einer anderen Schriftgroesse und einer anderen Laufweite neben ihren
  Nachbarn. Die SCHRIFT ist jetzt dieselbe. Was bleibt, ist die Lage:
  ueber einem Bild traegt die Aufschrift volles Weiss und steht am Fuss,
  weil sie sich dort gegen das Bild behaupten muss · blass in der Mitte
  waere sie auf einem Foto nicht mehr zu lesen. */
.nxsh-cover[style*="url("] .nxsh-covertext{position:absolute;left:10px;right:10px;
  top:auto;bottom:8px;transform:none;
  color:#fff;line-height:1.2}
.nxsh-livepip{position:absolute;top:11px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:none}
.nxsh-body{padding:12px 14px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.nxsh-name{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.3}
.nxsh-q{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);line-height:1.45;flex:1}
.nxsh-go{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;text-decoration:none;align-self:flex-start;}
@media (hover:hover){.nxsh-go:hover{border-color:var(--nx-linie)}}
.nxsh-go i{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}
.nxsh-list{display:flex;flex-direction:column;gap:8px}
.nxsh-li{display:flex;align-items:center;gap:12px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.nxsh-litype{font:800 var(--nx-typo-klein) var(--nx-f-text);border-radius:var(--nx-r-pille);padding:3px 8px;flex:none}
.nxsh-litx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.nxsh-litx b{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}
.nxsh-litx span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-addch{max-width:var(--nx-breite);margin:0 auto;padding:0 var(--nx-rand) 32px}
.nxach-inner{border-top:1px dashed var(--line2);padding-top:16px}
.nxach-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.nxach-t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.nxach-s{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nxach-browse{margin-left:auto;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--nx-text);text-decoration:none;cursor:pointer}
.nxach-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}
.nxach-row::-webkit-scrollbar{height:0}
.nxach-card{flex:0 0 max(200px,calc((100% - 64px)/5));scroll-snap-align:start}
.nxach-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;text-decoration:none;background:var(--nx-hebung);border:1px dashed var(--line2);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:.15s;}
@media (hover:hover){.nxach-card:hover{background:var(--nx-hebung-2);border-color:var(--nx-linie)}}
.nxach-card.on{border-style:solid;border-color:var(--nx-linie);background:var(--nx-hebung)}
/* EINE KARTE, DIE NOCH NICHT KANN, IST TROTZDEM EINE KARTE.
  Gemessen in der Reihe "Add more channels": die drei Flaechen sind exakt
  gleich gross (278 breit), die zwei fertigen tragen Radius 10 und Grund
  rgba(255,255,255,.043) ohne Rand · die dritte Radius 14, Grund
  rgba(255,255,255,.01) und einen gestrichelten Rand. Damit hatte sie eine
  Form, die sonst nirgends auf der Seite vorkommt. Getrennt wird mit der
  Flaeche, nicht mit einer Linie; dass hier noch etwas kommt, sagt die
  Marke in der Karte, nicht ihr Umriss. */
.nxach-card.nxach-soon{cursor:default;background:var(--nx-hebung);border:0;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.nxach-card.nxach-soon:hover{background:var(--nx-hebung)}}
.nxach-card.nxach-soon .nxach-n,.nxach-card.nxach-soon .nxach-m{opacity:.45}
/* Auf die Leiter und ohne Kante · 9 Punkte steht auf keiner Sprosse,
  und eine Pille traegt im Haus keinen Ring. */
.nxach-soonpill{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:.06em;
  border:0;border-radius:var(--nx-r-pille,999px);background:var(--nx-hebung);
  padding:2px 8px;margin-top:4px}
.nxach-av,.nxach-mono{width:34px;height:34px;border-radius:50%;flex:none;object-fit:cover;border:1px solid var(--line)}
.nxach-mono{display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nxach-mono.dim{opacity:.35}
.nxach-n{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.nxach-m{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nxach-b{margin-top:4px;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text)}
.nxach-card.on .nxach-b{color:var(--txt)}
@media(max-width:1100px){.nxach-row{grid-template-columns:1fr 1fr}}
.shead h3 svg,.shead h2 svg{width:18px;height:18px;flex:none}
[data-ch-row="lvl"] .shead .nxsh-av,.nxach-card [src*="lvl.global"],[data-ch-row="lvl"] .nxsh-brandimg{object-fit:contain;background:#fff;padding:3px;box-sizing:border-box}
.nx-shelf-wrap .shead{position:relative}
.nxsh-cbtn.nxsh-muteon{color:#ffc53d;border-color:rgba(255,197,61,.4)}
.nxsh-mmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;min-width:230px;background:var(--nx-flaeche-2);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:8px;box-shadow:var(--nx-schatten);display:flex;flex-direction:column;gap:2px}
.nxsh-mmh{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);padding:4px 8px 6px}
.nxsh-msrc{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-radius:var(--nx-r-bedien);padding:8px 10px;cursor:pointer;color:#fff;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif}
@media (hover:hover){.nxsh-msrc:hover{background:var(--nx-hebung)}}
.nxsh-msrc i{width:8px;height:8px;border-radius:50%;flex:none}
.nxsh-msrc span{margin-left:auto;font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--green,#3be37a)}
.nxsh-msrc.off{opacity:.55}
.nxsh-msrc.off span{color:var(--dim)}
.nxsh-allmuted{border:1px dashed var(--line,rgba(255,255,255,.1));border-radius:var(--nx-r-tafel);padding:18px;text-align:center;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-charea{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-innen);position:relative;z-index:1}
.nx-charea-inner{border:none;border-radius:var(--nx-r-tafel);background:transparent;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-text) 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)}}
.nx-charea .nx-shelf-wrap{max-width:none;margin:0;padding:24px 0 0}
.nx-charea .nx-addch{max-width:none;margin:0;padding:0}
.nx-charea .nxach-inner{margin-top:24px;padding-top:20px}
.czgrp{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);padding:10px 8px 4px}
.czmini{display:flex;gap:4px;flex:none}
.czmv{width:24px;height:24px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:transparent;color:var(--nx-leise);cursor:pointer;padding:0;font:800 var(--nx-typo-meta) var(--nx-f-text);line-height:1}
@media (hover:hover){.czmv:hover{border-color:var(--nx-linie);color:#fff}}
.czmv[disabled]{opacity:.3;cursor:default}
.bigsearch{max-width:560px}
.bigsearch input{height:38px}
.tips{margin-top:8px}
.updgrid .upd{padding:12px 14px}
.updgrid .updhead{gap:12px}
.updgrid .ut{margin-top:8px;font-size:var(--nx-typo-text);line-height:1.45}
.updgrid .updr{margin-top:10px}
section.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);box-sizing:border-box}
section.nx-rows .rh{margin:0 0 16px}
.nx-cl{display:flex;flex-direction:column;gap:8px}
.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:12px 14px;transition:border-color .15s}
@media (hover:hover){.nx-cl-row:hover{border-color:var(--line2,var(--nx-linie))}}
.nx-cl-dot{width:9px;height:9px;border-radius:50%;flex:none}
.nx-cl-tx{flex:1;min-width:0}
.nx-cl-tx > b{display:block;font:700 var(--nx-typo-text) 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-av-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.nx-av-day{background:var(--surface2);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-karte);padding:10px;min-height:74px;display:flex;flex-direction:column;gap:8px}
.nx-av-day.today{border-color:var(--nx-linie)}
.nx-av-dn{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim)}
.nx-av-day.today .nx-av-dn{color:var(--nx-text)}
.nx-av-chips{display:flex;flex-direction:column;gap:2px}
.nx-av-chip{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);display:block}
.nx-av-quiet{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-av-foot{margin-top:12px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-wywa-done{align-items:center;gap:8px;margin-top:12px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-wywa-done svg{color:#3be37a;flex:none}
.updgrid{display:flex;flex-direction:column;gap:8px}
#updates .nx-cl-row{margin:0}
.nx-cl-meta{flex:none;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap}
#updates .nx-cl-tx span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#updates .nx-cl-tx span b{display:inline;white-space:inherit}
#updates .nx-cl-meta{display:inline-flex;align-items:center;gap:4px}
.nx-fyp-s{font-size:var(--nx-typo-meta);color:var(--dim);margin:10px 0 8px}
.nx-fyp-row{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin:0 8px 8px 0;border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-pille);background:var(--surface)}
.nx-fyp-row .nx-fyp-ava{width:24px;height:24px;font-size:var(--nx-typo-klein)}
.nx-fyp-row div b{font-size:var(--nx-typo-text)}
.nx-fyp-row div span{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--nx-typo-klein)}
.nx-fyp-btn{padding:4px 12px;font-size:var(--nx-typo-klein)}
#friends .cbtn,#players .cbtn,#creators .cbtn{white-space:nowrap;padding:8px 8px;font-size:var(--nx-typo-meta)}
#friends .cbtns,#players .cbtns,#creators .cbtns{gap:6px}
#friends .card,#players .card,#creators .card{padding:12px}
#nx-podrail{margin:0 auto;padding:32px var(--nx-rand);max-width:var(--nx-breite);box-sizing:border-box}
/* DREI SPALTEN, DREI ZEILENRASTER.
  Gesehen im Bild: Titel links, die Merkmalsliste in der Mitte und der
  Knopf rechts standen auf drei verschiedenen Hoehen, weil jede Spalte
  auf ihre eigene Mitte gestellt war · im Inneren des Blocks fand das
  Auge keine Ordnung. Eine gemeinsame Oberkante gibt sie ihm. */
.nx-mm3{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:start}
.nx-mm3 .l{min-width:0}
.nx-mm-lbl{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);margin:0 0 8px}
.nx-mm-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.nx-mm-live{display:inline-flex;align-items:center;gap:8px;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-mm-live i{width:7px;height:7px;border-radius:50%;background:#3be37a;box-shadow:none}
.nx-mm-note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
/* DIE KERNFUNKTION TRAEGT DIE HAUSFARBE.
  Jede Hauptseite hat genau eine farbige Flaeche: die Sache, fuer die man
  auf diese Seite kommt. Auf People ist das Matchmaking. Sonst bleibt die
  Seite grau · Farbe an einer Stelle ist eine Aussage, an vielen ist sie
  Laerm. Die Flaeche ist flach und ganz im einen Lila (--accent), die
  Schrift weiss. Der eine gefuellte Knopf wird weiss mit dunkler Schrift
  (--nx-grund), sonst verschwaende er auf seinem Grund;
  er traegt data-nx-knopfgrund="blank", damit nxm-bedienung.js ihn nicht
  auf Violett zurueckmalt. */
.mm.nx-mm3{background:var(--accent)}
.mm.nx-mm3 .mm-sub,.mm.nx-mm3 .mmf .f,.mm.nx-mm3 .nx-mm-note{color:rgba(255,255,255,.78)}
.mm.nx-mm3 .mmf .f::before{color:rgba(255,255,255,.55);background:rgba(255,255,255,.55)}
.mm.nx-mm3 .mmf .f:not(:last-child)::after{color:rgba(255,255,255,.55);}
.mm.nx-mm3 .mmf .f:not(:last-child)::after{background:none}
.mm.nx-mm3 .cta{background:#fff;color:var(--nx-grund)}
.mm.nx-mm3 .cta svg{stroke:currentColor}
@media (hover:hover){.mm.nx-mm3 .cta:hover{background:rgba(255,255,255,.9)}}
@media(max-width:1000px){.nx-mm3{grid-template-columns:1fr}.nx-mm-cta{align-items:flex-start}}
.nx-lc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:980px){.nx-lc-grid{grid-template-columns:1fr}}
.nx-lc-card{display:flex;flex-direction:column;gap:12px;background:var(--nx-hebung);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:14px 16px;transition:border-color .15s}
@media (hover:hover){.nx-lc-card:hover{border-color:var(--line2,var(--nx-linie))}}
.nx-lc-top{display:flex;align-items:center;gap:12px}
.nx-lc-ava{width:38px;height:38px;border-radius:var(--nx-r-karte);display:grid;place-items:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;flex:none}
.nx-lc-id{min-width:0}
.nx-lc-id b{display:block;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-lc-id span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-lc-pitch{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim);margin:0;flex:1}
.nx-lc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nx-lc-open{font:700 var(--nx-typo-klein) var(--nx-f-text);color:#3be37a}
.nx-av-chip.nx-you{font-weight:700;color:var(--nx-text);background:none;border:0;box-shadow:none}
#nxTeamProf{position:fixed;inset:0;z-index:9700}
#nxTeamProf .tp-scrim{position:absolute;inset:0;background:rgba(4,4,8,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#nxTeamProf .tp-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-width:94vw;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:20px;box-shadow:var(--nx-schatten)}
#nxTeamProf .tp-x{position:absolute;top:12px;right:14px;background:rgba(10,10,18,.5);border:none;color:#fff;font-size:var(--nx-typo-abschnitt);cursor:pointer;line-height:1;width:30px;height:30px;border-radius:var(--nx-r-bedien)}
#nxTeamProf .tp-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}
#nxTeamProf .tp-ava{width:52px;height:52px;border-radius:var(--nx-r-tafel);display:grid;place-items:center;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;flex:none}
#nxTeamProf .tp-head b{display:block;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff}
#nxTeamProf .tp-head span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxTeamProf .tp-sec{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);margin:14px 0 7px}
#nxTeamProf .tp-roster{display:flex;flex-wrap:wrap;gap:8px}
#nxTeamProf .tp-mem{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-pille);padding:4px 12px;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--txt)}
#nxTeamProf .tp-mem i{width:8px;height:8px;border-radius:50%;flex:none}
#nxTeamProf .tp-mem.open{border-style:dashed;border-color:var(--nx-linie);color:var(--nx-text)}
#nxTeamProf .tp-facts{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
#nxTeamProf .tp-foot{display:flex;align-items:center;gap:10px;margin-top:16px}
#nxTeamProf .tp-cta{font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:#fff;background:var(--accent,#5b27e8);border:1px solid var(--nx-linie);border-radius:var(--nx-r-pille);padding:8px 20px;cursor:pointer}
#nxTeamProf .tp-note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text)}
#friends .card{position:relative}
.nx-pinbtn{position:absolute;top:9px;right:9px;width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.1));background:rgba(10,10,18,.55);color:var(--nx-leise);cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:2}
#friends .card:hover .nx-pinbtn{display:flex}
.nx-pinbtn.on{display:flex;color:#ffc53d;border-color:rgba(255,197,61,.45)}
.nx-pinbtn svg{width:13px;height:13px}
#friends.grid,#live.grid,#players.grid,#creators.grid,#nxTeamsGrid.grid,#nxFreieGrid.grid,#teams.grid{display:flex;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}
#friends.grid::-webkit-scrollbar,#live.grid::-webkit-scrollbar,#players.grid::-webkit-scrollbar,#creators.grid::-webkit-scrollbar,#nxTeamsGrid.grid::-webkit-scrollbar,#nxFreieGrid.grid::-webkit-scrollbar,#teams.grid::-webkit-scrollbar{display:none}
#friends.grid>*,#players.grid>*{flex:1 1 190px;min-width:190px;scroll-snap-align:start}
#creators.grid>*{flex:0 0 190px;scroll-snap-align:start}
#live.grid>*{flex:0 0 300px;scroll-snap-align:start}
.nx-slwrap{position:relative}
.nx-cnav{position:absolute;top:0;bottom:4px;width:48px;z-index:6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;padding:0}
.nx-cnav.prev{left:0;background:linear-gradient(90deg,rgba(8,8,13,.96),rgba(8,8,13,.4) 55%,transparent)}
.nx-cnav.next{right:0;background:linear-gradient(270deg,rgba(8,8,13,.96),rgba(8,8,13,.4) 55%,transparent)}
.nx-slwrap:hover .nx-cnav{opacity:1}
.nx-cnav.off{opacity:0;pointer-events:none}
.nx-nfx-wrap .nx-cnav,.nx-slwrap.nx-nfx-wrap > .nx-cnav{display:none}
.nx-cnav svg{width:30px;height:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.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)}
.nx-risgrid{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.nx-risgrid::-webkit-scrollbar{display:none}
.nx-riscard{width:234px;flex:none;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.07));border-radius:var(--nx-r-tafel);padding:12px 14px;box-sizing:border-box}
.nx-riscard .rc-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.nx-riscard .rc-ava{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--accent)}
.nx-riscard .rc-n{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt)}
.nx-riscard .rc-g{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-riscard .rc-bot{display:flex;align-items:center;gap:8px;margin-top:10px}
.nx-riscard .rc-v{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-riscard .rc-mom{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:#3be37a}
.nx-riscard .rc-mom::before{content:"\00B7";margin-right:7px;color:var(--dim)}
.nx-riscard .rc-w{margin-left:auto;border:none;cursor:pointer;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent,#5b27e8);padding:6px 12px;border-radius:var(--nx-r-bedien)}
.nx-radar{margin:14px 0 2px;padding:12px 16px;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel)}
.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}
.section #updates.updgrid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;scrollbar-width:none;grid-template-columns:none}
.section #updates.updgrid::-webkit-scrollbar{display:none}
.section #updates .nx-cl-row{flex:none;width:400px}
.section .nx-cl{flex-direction:row;flex-wrap:nowrap;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.section .nx-cl::-webkit-scrollbar{display:none}
.section .nx-cl-row{flex:none;width:400px;margin:0;box-sizing:border-box}
.section div:has(> .tsrow){display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.section div:has(> .tsrow)::-webkit-scrollbar{display:none}
.section .tsrow{flex:none;width:400px;margin:0;box-sizing:border-box}
.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}
#nxR42 .nx-r42{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(120deg,#ff5a2810,var(--surface,var(--nx-flaeche)));border:1px solid #ff5a2840;border-radius:var(--nx-r-tafel)}
#nxR42 .ic{width:44px;height:44px;flex:none;border-radius:var(--nx-r-tafel);display:grid;place-items:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:#ff5a28}
#nxR42 .tx{min-width:0}
#nxR42 .t{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
#nxR42 .s{margin-top:2px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxR42 .w{margin-top:3px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text)}
#nxR42 .badges{margin-left:auto;flex:none;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
#nxR42 .sp{font:800 var(--nx-typo-klein) var(--nx-f-text);color:#1a1505;background:var(--gold,#ffc53d);border-radius:var(--nx-r-bedien);padding:2px 8px}
#nxR42 .nw{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxR42 .cta{flex:none;font:800 var(--nx-typo-meta) var(--nx-f-text);color:#fff;background:#ff5a28;border:none;border-radius:var(--nx-r-bedien);padding:8px 16px;cursor:pointer}
@media(max-width:760px){#nxR42 .badges{display:none}}
.shead .seeall{order:98;margin-left:auto}
.shead .nx-ctrls.inhead{order:99;margin-left:14px}
/* ZWEI MAL "auto" TEILEN DEN PLATZ, STATT IHN ABZUGEBEN.
  Gemessen in der Kopfzeile "Teams": der Knopf "+ Create team" stand bei
  842 bis 941, die Reihenbedienung bei 1493 bis 1523, dazwischen 552
  Punkte Luft. Beide trugen margin-left:auto, und der freie Rest wird
  dann halbiert · der Knopf landet in der Mitte statt an der Kante.
  Der freie Platz gehoert dem ERSTEN der beiden; die Bedienung haelt
  danach nur noch ihren Abstand.

  DASSELBE NOCHMAL, MIT DREI TEILERN · Kopfzeile "Groups".
  Gemessen bei 1600: die drei Reiter standen bei 682 bis 992, die
  Reihenbedienung bei 1191 bis 1221, "+ Create group" erst bei 1419 bis
  1523. Drei Elemente mit margin-left:auto dritteln den freien Platz,
  und die Reiter landen dadurch mitten in der Zeile · sie sehen aus wie
  eine zentrierte Leiste, obwohl sie zur rechten Gruppe gehoeren.
  Der erste der drei (die Reiter) nimmt den Platz, die beiden danach
  halten nur noch ihren Abstand. Diese Kopfzeile heisst nicht .shead
  sondern .nx-gr-kopf · sie kommt aus nxm-reihen-reiter.js und wird von
  den Regeln darueber nicht getroffen. */
.shead:not(:has(.seeall)):not(:has(.nx-createteam)):not(:has(.nx-gr-reiter)) .nx-ctrls.inhead{margin-left:auto}
/* Der Sortiergriff im .nx-gr-kopf gehoert nxm-reihen-reiter.js (Tor 5ap, 05.10.). */
.nx-gr-kopf .nx-creategrp{margin-left:14px}
.section > .nx-ctrls{top:12px!important;right:12px!important}
.nx-appad{display:none}
.rc-w,.chjoin{background:var(--nx-hebung);border:1px solid rgba(255,255,255,.16);color:var(--txt);box-shadow:none}
@media (hover:hover){.rc-w:hover,.chjoin:hover{border-color:var(--nx-linie)}}
#nxChArea .nx-chrows [style*='linear-gradient']{box-shadow:inset 0 0 0 999px rgba(10,10,16,.35)!important}
#nxChArea .nx-chrows{display:flex;flex-direction:column;gap:28px}
.nxch-sublbl{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--dim);margin:16px 0 10px}
.safer-pts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:16px 0 12px}
@media(max-width:820px){.safer-pts{grid-template-columns:1fr}}
.safer-pt{border-left:2px solid rgba(255,255,255,0.14);padding:2px 0 2px 12px}
.safer-pt b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);margin-bottom:3px}
.safer-pt span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);line-height:1.45}
.safer-align{font-size:var(--nx-typo-text);color:var(--dim);margin-top:6px}
.nx-ment-hide{display:none}
#teams{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}
#teams::-webkit-scrollbar{height:0}
#teams>*{flex:0 0 clamp(230px,22vw,280px);scroll-snap-align:start;min-width:0}
.discgrid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}
.discgrid::-webkit-scrollbar{height:0}
.discgrid>*{flex:0 0 clamp(300px,30vw,360px);scroll-snap-align:start;min-width:0}
#nxChArea .nx-chrows > *{margin-top:0;margin-bottom:0}
.nx-nfx{position:absolute;top:0;bottom:0;width:46px;border:none;cursor:pointer;z-index:7;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s;padding:0}
.nx-nfx.prev{left:0;background:linear-gradient(90deg,rgba(8,8,13,.94),transparent);border-radius:12px 0 0 12px}
.nx-nfx.next{right:0;background:linear-gradient(270deg,rgba(8,8,13,.94),transparent);border-radius:0 12px 12px 0}
.nx-nfx-wrap:hover .nx-nfx{opacity:1}
.nx-nfx-wrap.nfx-start .nx-nfx.prev{opacity:0!important;pointer-events:none}
.nx-nfx-wrap.nfx-end .nx-nfx.next{opacity:0;pointer-events:none}
.nx-nfx svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}
.nxach-card.nx-exveil,.nx-shelf-wrap.nx-exveil{filter:grayscale(.92) brightness(.74)}
.nxach-card.nx-exveil{position:relative}
.nxach-card.nx-exveil::after{content:"SOON";position:absolute;top:10px;right:12px;z-index:8;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:.09em;color:#fff;background:rgba(20,20,28,.92);border:1px solid rgba(255,255,255,.22);border-radius:var(--nx-r-bedien);padding:4px 8px;pointer-events:none}
.nx-exveil{filter:grayscale(.92) brightness(.74);pointer-events:none;user-select:none;position:relative}
.nx-exveil-badge{position:absolute;top:10px;right:12px;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}
.nx-exveil-badge{display:none}
.card .pinfo .now{color:var(--dim);font-weight:400}
.card .nx-avail{margin-top:6px;font-weight:700}
.section:has(.safer){display:none}
#nxR42{display:none}
.nx-wywa-done{display:none}
.card:has(.cbtns){display:flex;flex-direction:column}
.card:has(.cbtns) .cbtns{margin-top:auto}
.nx-avail{background:none;border:none;padding:0;margin:2px 0 0;border-radius:0;color:var(--dim);font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif}
.nx-avail i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--faint,#a9a9b6);box-shadow:none;margin-right:6px;vertical-align:middle}
.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}
body{opacity:0;animation:nxPplIn .3s ease .42s forwards}
@keyframes nxPplIn{to{opacity:1}}
/* DIE DREI HAUPTSEITEN TEILEN EINEN AUFBAU · hier standen 58 statt 32,
  und der leere Abstand unter dem Auftakt war auf People 26 Punkte
  groesser als auf Games. Nebeneinander gehalten sieht man es sofort. */
body > .wrap{padding-top:32px}
.nx-veil{filter:none;pointer-events:auto;user-select:auto}
.nx-veil *{pointer-events:auto}
.nx-veil::after{display:none}
.nx-veil-badge{display:none}
body [data-czl].section,body > .section,body #rows > .section{
  padding-top:20px;padding-bottom:20px;
  margin-top:0;margin-bottom:26px}
.nx-shelf-wrap{margin-bottom:26px}
[data-czl="Players who fit you"] [class*="card"],
[data-czl="Teams looking for players"] [class*="card"],
[data-czl="Creators for your games"] [class*="card"]{min-height:150px}
[data-czl="New from the channels"] [class*="card"],
[data-czl="Talked about today"] [class*="card"],
[data-czl="The talk right now"] [class*="card"],
[data-czl="Recently unlocked"] [class*="card"],
[data-czl="While you were away"] [class*="card"]{min-height:210px}
.nx-pbox-top [class*="card"]{padding-left:0;padding-right:0}
.nx-pbox-top [class*="card"] *{white-space:normal}
.section [class*="card"]{overflow:hidden}
.tcard{align-items:center;gap:11px;padding:14px;
  flex:0 0 296px;min-width:296px}
.tcard > .tlogo{flex:0 0 48px}
.tcard > div:not(.tlogo):not([class*="cbtn"]){flex:1 1 0;min-width:0}
.tcard .cname,.tcard .cmeta{white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;display:block}
.tcard [class*="cbtn"]{flex:0 0 auto}
.tcard .nx-tspon{display:flex;align-items:center;gap:6px;
  margin:6px 0 0;padding:0;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim);background:none;border:0}
.tcard .nx-tspon *{white-space:nowrap;font-size:var(--nx-typo-klein)}
[class*="card"]:not(.nx-cardhide),.tcard,.lcard,.gcard,.post,.nxch-card{
  animation:none!important;opacity:1!important;transform:none!important}
.section,[data-czl]{max-width:100%;overflow:hidden}
.nx-row .carousel, [class*="carou"]{overflow-x:auto;scrollbar-width:none}
[class*="carou"]::-webkit-scrollbar{height:0}
.section.sponsor,.section[data-collection]{border:1px solid rgba(255,255,255,.09);
  border-radius:var(--nx-r-tafel);background:var(--nx-hebung);
  padding:20px 24px;margin-bottom:26px}
/* Dieselbe Blockflaeche, gemessene 16 gegen die festgelegten 18 · hier
  stand der Wert, der die Rundung oben ueberschrieb. */
body > .section.nx-pbox-top{margin-left:auto;margin-right:auto;
  border-radius:var(--nx-r-block);padding:20px var(--nx-innen);box-sizing:border-box;
  width:auto;max-width:var(--nx-breite)}
.nx-pbox-top #nxCoplayRow{padding-left:0;padding-right:0;
  margin-left:0;margin-right:0;max-width:none}
.nx-pbox-top #nxCoplayRow > *{padding-left:24px;padding-right:24px;
  margin-left:0;margin-right:0;max-width:none;
  box-sizing:border-box}
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}
body .nx-pbox-top .section.section.section,
body .nx-charea-inner .section.section.section{margin-bottom:0!important}
body > .section,
body > [data-czl].section,
body > .nx-charea,
body > [id^="nx"].section{
  max-width:var(--nx-breite);margin-left:auto;margin-right:auto}
body > .section.sponsor,
body > .section[data-collection],
body > .section.sponsor.sponsor{box-sizing:border-box}
body #nxChArea{padding-top:20px!important;padding-bottom:20px}
body .nx-charea > .nx-charea-inner > .nx-charea-head > b,
body #nxChArea > .nx-charea-inner > .nx-charea-head > b,

body .mm .l h2, body .safer-l h2,
body > .section h2, body > .nx-row h2,
body .section:not(.nx-charea) .shead h2, body .section:not(.nx-charea) .shead h3,
body .nx-row:not(.nx-charea) .shead h2, body .nx-row:not(.nx-charea) .shead h3{
  font:800 var(--nx-typo-abschnitt) var(--nx-f-titel)!important;
  letter-spacing:-.01em;color:#fff}
/* DER SEITENRAND GEHOERT ZUR REIHE. Hier stand margin:0 0 40px und hat
  damit die waagerechte Zentrierung geloescht · jede Reihe klebte links
  an der Fensterkante, ausser denen, die eine spaetere Regel wieder
  eingefangen hat. Gemessen an der Markenflaeche auf People: 0 bis 1363
  statt 34 bis 1397. Die Breite steht in max-width, die Mitte hier. */
body > .section, body > .nx-row, body > .nx-charea{margin:0 auto 40px}
body .nx-charea .nx-charea-head > b{
  font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);
  letter-spacing:-.01em;color:#fff}
body .nx-charea .nx-shelf-wrap .shead h3,
body .nx-charea .nx-shelf-wrap .shead h2,
body #nxChArea .nx-shelf-wrap .shead h3,
body #nxChArea .nx-shelf-wrap .shead h2{
  font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)!important;
  letter-spacing:0}
body .nx-charea{margin-left:auto;margin-right:auto}
/* Verhuellung nur ueber die Klasse nx-exveil (siehe unten): eine Reihe, die
  nur ueber ihre Kennung ausgegraut wird, sieht tot aus, gilt dem Sortierer
  aber als lebendig und steht dann grau zwischen den echten. */

body .nx-slwrap .card{padding-left:14px!important;padding-right:14px!important}
body .nx-pf-zu,
body .nx-pbox-top #nxCoplayRow,
body #nxCoplayRow{padding-left:0;padding-right:0}
body .nx-nfx.prev{left:24px}
body .nx-nfx.next{right:24px}
body .section.nx-exveil, body .nx-row.nx-exveil{
  filter:grayscale(.85) brightness(.62);
  pointer-events:none;user-select:none;position:relative}
body .section.nx-exveil *, body .nx-row.nx-exveil *{pointer-events:none}
body .section.nx-exveil::after, body .nx-row.nx-exveil::after{
  
  content:"Coming soon";display:block;position:absolute;top:16px;right:22px;z-index:6;
  font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--dim);background:rgba(10,10,16,.92);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-marke);padding:5px 11px;filter:none}
body > .section.nx-pbox-top{border-bottom:1px solid rgba(255,255,255,0.14)}
@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 · drei Stellen, die am Telefon gegen die Bedienung stehen.
  Werte bei 390 Punkten gemessen. */

/* 1 · Die Weiter-Pfeile der Reihen liegen unsichtbar (opacity 0) ueber der
  rechten Kante und nehmen dort trotzdem jeden Druck an: 15 von 40 waren
  gleichzeitig durchsichtig und anfassbar. Am Finger wird gewischt, nicht
  geklickt · dort gehoert der Druck der Karte darunter. Die Breitenabfrage
  steht daneben, weil ein Telefon immer schmal ist und sich hover:none nicht
  in jeder Pruefumgebung stellen laesst. */
@media (hover:none), (max-width:767px){
  .nx-nfx, .nxsh-nb{ pointer-events:none; }
}
@media (max-width:600px){
  /* 2 · Der Wochenkalender blieb siebenspaltig: sieben Saeulen von 27 Punkten
  auf 816 Punkten Hoehe, kein Terminname lesbar (11 Namen zu ueber der
  Haelfte weggeschnitten). Zwei Tage je Zeile (siehe nxm-mobil.css). Doppelt geschrieben und mit
  Nachdruck, weil nxm-chrome.js zur Laufzeit repeat(7,minmax(0,1fr))
  !important einspeist und sonst gewinnt. */
  .nx-cal-week.nx-cal-week{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nx-cal-day{ min-height:0; }
}
/* 3 · Der schwebende Knopf "Customize" war 132x51 Punkte gross und verdeckte
  an sechs von sieben Rollstaenden Bedienbares. Am Telefon 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){
/* ZWEI KNOEPFE IN EINER SCHMALEN KARTE · am Telefon ohne Zeichen. Gemessen bei
  360 und 390: "Einladen" mit Zeichen war 85 Punkte breit, der Knopf 78 · Zeichen
  und Schrift standen 4 Punkte ueber jede Kante hinaus. Das Wort allein passt. */
#friends .cbtn svg,#players .cbtn svg,#creators .cbtn svg{display:none}

  /* Die Beschriftung wird ausgeblendet, nicht auf Schriftgroesse null gesetzt:
  font-size:0 verliert gegen die Typo-Leiter (Knopf 12,5 mit !important), der
  Text blieb stehen und lief ueber den Knopf hinaus. Gemessen bei 390. */
  .czfab{ width:52px; height:52px; padding:0; gap:0; justify-content:center; }
  .czfab .czfab-t{ display:none; }
}
/* MOBIL · Die 48 Punkte fuer die Vorschauleiste waren fest
  einprogrammiert. Die Leiste 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) }
/* 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)}}
/* TABLET · Dieselbe Kollision wie auf der Spieleseite: die
  Mobilregel fuer die Kopfzeile setzt height:58px, verliert aber gegen die
  spaetere Pauschalregel .topbar{height:76px!important}
. Gemessen blieb der
  Kopf bei 768, 1000 und 1080 Punkten 76 hoch · und das, obwohl ab 1080
  abwaerts schon der Burger steht, also die schmale Anordnung gilt. Unter 768
  greift die Telefonregel aus nxm-mobil.css.
  Die Sprungleiste klebt hier bisher genau an der Unterkante des Kopfes
  (gemessen 124 zu 124). Damit sie das bleibt und kein Streifen entsteht,
  durch den beim Rollen Inhalt laeuft, haengt ihr Klebepunkt zwischen 901 und
  1080 an der gemessenen Kopfunterkante statt an der festen Zahl. Bis 900
  bleibt es bei der Regel aus nx-handschrift.css. */
@media(min-width:901px) and (max-width:1080px){
  .nx-snav.nx-snav{top:var(--nx-kopf,106px)}
}
/* Ein Kanal sind IMMER zwei Reihen · Curated oben, Radar darunter.
  Damit man das sieht und nicht lernen muss, haengen beide sichtbar an
  derselben Schiene unter dem Kanalnamen; der Radar-Kopf ist ein Unterkopf
  und haengt mit einem kurzen Strich an dieser Schiene. */
.nx-chrows .nx-shelf-wrap[data-ch-row]{position:relative;padding-left:24px}
.nx-chrows .nx-shelf-wrap[data-ch-row]::before{content:"";position:absolute;left:7px;
  top:56px;bottom:10px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,transparent,transparent)}
.nx-chrows .nxch-curhead{position:relative;font-size:var(--nx-typo-text);color:var(--txt);margin:20px 0 10px}
.nx-chrows .nxch-curhead::before{content:"";position:absolute;left:-17px;top:50%;
  width:12px;height:2px;border-radius:2px;background:var(--nx-hebung)}
.nxch-auto{font:800 var(--nx-typo-klein) 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:3px 8px;margin-left:2px}
@media(max-width:700px){
  .nx-chrows .nx-shelf-wrap[data-ch-row]{padding-left:16px}
  .nx-chrows .nx-shelf-wrap[data-ch-row]::before{left:3px}
  .nx-chrows .nxch-curhead::before{left:-13px;width:9px}
}

/* MOBIL · DIE NOTIZ FAENGT DA AN, WO DER TITEL ANFAENGT.
  .note traegt oben (Zeile 190) margin-left:8px. Am Schreibtisch ist das der
  Abstand zum Titel, der in derselben Zeile steht. Am Telefon bricht
  .nx-gr-kopf um (display:flex, flex-wrap:wrap), die Notiz steht in einer
  eigenen Zeile · und aus dem Abstand wird eine zweite Kante.
  Gemessen bei 390 Punkten: Titel bei 48, Notiz bei 56 ("Live right now",
  "Groups", "Talked about today"), waehrend die Notizen ohne diesen Kopf
  (Teams, Creators for your games) bei 48 stehen. Der Zwischenraum in der
  Zeile bleibt: .nx-gr-kopf hat gap:12px. */
@media (max-width:767px){
  .nx-gr-kopf .note{ margin-left:0; }
}


/* ---------------- Latest from your channels ----------------
  Die Reihe ist von Games nach People gezogen · ihre Regeln lagen aber
  noch in der Games-CSS. Ohne sie stand die Reihe roh auf der Seite:
  Balken in voller Breite, Knoepfe im Text, nichts an seinem Platz.
  Hier stehen sie jetzt, bei der Seite, die sie zeigt. */
.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;
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}
  .nx-chg-go{min-height:40px}

/* PLAYER OF THE MONTH · nxm-monatswahl.js. Eine Tafel auf der Flaeche, die
  Karten eine Stufe darueber (--nx-hebung). Die Preiskarte steht in der
  Reihe rechts und nimmt den Platz von zwei Karten · ihre Farben setzt NXFN
  aus marke.json (--fn-*), hier steht keine Markenfarbe. */
#potm.nxpotm{background:var(--nx-flaeche);border-radius:var(--nx-r-block);padding:var(--nx-innen);
  margin-top:32px;margin-bottom:32px}
#potm .nxpotm-kopf{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 20px}
#potm .nxpotm-kopf h3{margin:0}
#potm .nxpotm-kopf .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
#potm .nxpotm-praes{margin-left:auto;display:flex;align-items:center;gap:12px;
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#potm .nxpotm-spons{font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);
  text-transform:uppercase;color:var(--dim);background:var(--nx-hebung);border-radius:var(--nx-r-marke);padding:5px 9px}
#potm .nxpotm-logo{display:inline-flex;line-height:0}
#potm .nxpotm-reihe{display:flex;gap:16px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none}
#potm .nxpotm-reihe::-webkit-scrollbar{display:none}
#potm .nxpotm-k{flex:1 1 0;min-width:168px;scroll-snap-align:start}
#potm .nxpotm-k.nxk-text > .nxk-bild{position:relative;background-color:var(--nx-hebung)}
#potm .nxpotm-bild::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,16,19,0) 35%,rgba(16,16,19,.72) 100%)}
#potm .nxpotm-bild .av{position:absolute;left:16px;bottom:14px;z-index:1}
#potm .nxpotm-k > .nxk-in{padding:14px 16px 16px;gap:2px}
#potm .nxpotm-k .nxk-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#potm .nxpotm-k .nxk-m{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Die leere Karte sagt einen Satz, keinen Namen · am Telefon (124 Punkte
  Textbreite) passte er in keiner Sprache auf eine Zeile. Zwei Zeilen, dann "…". */
#potm .nxpotm-k.nxk-leer .nxk-m{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#potm .nxpotm-zahlen{display:flex;gap:16px;margin:12px 0 16px}
#potm .nxpotm-zahlen span{display:flex;flex-direction:column;gap:1px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
#potm .nxpotm-zahlen b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt)}
#potm .nxpotm-stimme{margin-top:auto;width:100%;min-height:40px;border:0;border-radius:var(--nx-r-bedien);
  background:var(--nx-hebung-2,rgba(216,216,246,.14));color:#fff;font:700 var(--nx-typo-text) var(--nx-f-text);
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}
@media (hover:hover){#potm .nxpotm-stimme:hover{background:rgba(216,216,246,.2)}}
#potm .nxpotm-stimme.is-mein{background:var(--accent);cursor:default;opacity:1}
#potm .nxpotm-stimme:disabled:not(.is-mein){opacity:.45;cursor:default}
#potm .nxpotm-sieg{margin-top:auto;min-height:38px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--nx-r-bedien);background:var(--accent);color:#fff;font:700 var(--nx-typo-text) var(--nx-f-text)}
#potm .nxpotm-k.nxk-leer{min-height:0}
#potm .nxpotm-k.nxk-leer > .nxk-in{padding:14px 16px 16px}
#potm .nxpotm-preis{flex:2 1 0;min-width:300px;display:flex;flex-direction:column;justify-content:space-between;
  gap:24px;border-radius:var(--nx-r-karte);padding:24px;background:var(--fn-grund,var(--nx-hebung));
  color:var(--fn-schrift,#fff);scroll-snap-align:start}
#potm .nxpotm-preis-kick{font:700 var(--nx-typo-klein) var(--nx-f-text);
  opacity:.72}
#potm .nxpotm-preis-was{font:800 var(--nx-typo-abschnitt)/1.25 var(--nx-f-titel);margin-top:8px}
#potm .nxpotm-preis-zeile{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;opacity:.8;margin-top:6px}
#potm .nxpotm-preis-fuss{display:flex;align-items:center;gap:12px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;opacity:.9}
#potm .nxpotm-fuss{margin-top:16px;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
#potm .nxpotm-fuss b{font-weight:700;color:var(--txt)}
#potm .nxpotm-fuss a{color:var(--txt);text-decoration:underline;text-underline-offset:2px}
#potm .nxpotm-ich{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:0 0 16px;padding:16px 20px;
  border-radius:var(--nx-r-karte);background:var(--nx-hebung)}
#potm .nxpotm-ich-kick,#potm .nxpotm-erg-kick{font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim)}
#potm .nxpotm-ich-t{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;margin-top:4px}
#potm .nxpotm-ich-m{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim);margin-top:4px}
#potm .nxpotm-ich-knoepfe{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px}
#potm .nxpotm-erg{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:0 0 16px;
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#potm .nxpotm-erg b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
/* Der Gewinner des Vormonats steht ueber der laufenden Wahl, auf eigener
  Karte wie der eigene Streifen · sonst liest er sich als Teil des Stands. */
#potm .nxpotm-erg.is-vor{padding:16px 20px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);align-items:center}
#potm .nxpotm-erg .nxpotm-knopf{margin-left:auto}
#potm .nxpotm-auch{margin-top:16px;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
#potm .nxpotm-auch b{font-weight:700;color:var(--txt)}
#potm .nxpotm-prot{color:var(--txt);text-decoration:underline;text-underline-offset:2px}
.nxpotm-knopf{min-height:38px;padding:0 16px;border:0;border-radius:var(--nx-r-bedien);
  background:var(--nx-hebung-2,rgba(216,216,246,.14));color:#fff;font:700 var(--nx-typo-text) var(--nx-f-text);
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nxpotm-knopf.is-voll{background:var(--accent)}
.nxpotm-knopf:disabled{opacity:.45;cursor:default}
.nxpotm-deck{position:fixed;inset:0;z-index:99990;background:rgba(4,4,8,.86);display:grid;place-items:center;padding:20px}
.nxpotm-deck-in{text-align:center;max-width:380px;width:100%}
.nxpotm-deck-in img{width:100%;max-height:72vh;object-fit:contain;border-radius:var(--nx-r-karte)}
.nxpotm-deck-reihe{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
@media(max-width:767px){
  /* Am Telefon wird gewischt · die Pfeilleiste der Reihe stand leer als
  eigene Zeile im Kopf. */
  #potm .nxpotm-kopf > .nx-ctrls{display:none}
  #potm .nxpotm-praes{margin-left:0;width:100%}
  #potm .nxpotm-k{min-width:156px}
  #potm .nxpotm-preis{min-width:264px;padding:16px}
  #potm .nxpotm-ich{padding:16px}
  #potm .nxpotm-ich-knoepfe{margin-left:0}
}