/* HINWEIS ZUR FEED-KARTE: dieselben Regeln stehen auch in
  css/nextari-feed.css, das diese Datei DAVOR laedt · dort gehoeren
  sie hin, weil dieselbe Karte am Telefon steht, und geaendert werden
  sie im Erzeuger werkzeug/feed-css-ziehen.py.

  Warum sie hier trotzdem noch stehen: einmal herausgenommen und
  gemessen · 1156 Stilwerte auf Home aenderten sich, unter anderem
  fiel der Kartenname von Gewicht 800 auf 700. Die Kopien hier
  gewinnen also gegen andere Regeln dieser Datei, nicht nur gegen
  die Feed-Datei. Das aufzuloesen heisst, jede betroffene Regel
  einzeln nachzusehen · eine eigene Sitzung, kein Nebenbei. */
/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
body{
  min-height:100vh;position:relative;}
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)}}
.shell{position:relative;z-index:1}
.col-left,.col-right{position:sticky;top:114px;align-self:start;height:fit-content;max-height:calc(100vh - 164px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.frail{background:var(--nx-hebung);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px}
.frail .grp{padding:8px 0 14px}
.frail .grp:last-child{padding-bottom:2px}
.flabel{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);margin:2px 0 12px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-f{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-pille);
  cursor:pointer;transition:.15s;color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung)}
@media (hover:hover){.chip-f:hover{color:var(--txt);border-color:var(--line2)}}
.chip-f.on{color:var(--txt);border-color:rgba(52,229,216,.5);background:rgba(52,229,216,.12)}
.chip-f.mut{opacity:.45;text-decoration:line-through}
.box{width:16px;height:16px;border-radius:8px;border:1.5px solid #3a3a52;flex:none}
.saved{display:flex;align-items:center;gap:8px;width:100%;padding:16px 16px;border-radius:var(--nx-r-karte);cursor:pointer;
  color:var(--txt);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);border:1px solid var(--line);
  background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.saved:hover{border-color:var(--line2);background:var(--nx-hebung-2)}}
.feedhead{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.feedhead h1{font-family:var(--nx-f-titel);font-weight:700;font-size:22px;color:#fff}
.feedhead .cnt{font-size:var(--nx-typo-text);color:var(--faint)}
.post{background:var(--nx-hebung);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px;margin-bottom:16px;position:relative;overflow:hidden;
  animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
@media (hover:hover){.post:hover{border-color:var(--line2)}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.phead{display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative;z-index:1}
.uname{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-wrap:wrap}
.sub{font-size:var(--nx-typo-text);color:var(--dim)}
.sub b{color:var(--nx-text)}
.kicker{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--faint)}
.kbtn{cursor:pointer;transition:.15s;color:var(--faint);font-size:var(--nx-typo-kartenkopf);line-height:1}
@media (hover:hover){.kbtn:hover{color:var(--nx-text)}}
.chip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien);}
.c-spieler{background:var(--nx-hebung);color:var(--nx-text);border:1px solid var(--line2)}
.c-creator{background:rgba(255,197,61,.12);color:var(--gold);border:1px solid rgba(255,197,61,.3)}
.c-events{background:rgba(124,140,255,.14);color:#9db0ff;border:1px solid rgba(124,140,255,.3)}
.c-news{background:var(--nx-hebung);color:var(--txt);border:1px solid var(--line)}
.c-live{background:rgba(216,27,69,.15);color:var(--live);border:1px solid rgba(216,27,69,.35);display:flex;align-items:center;gap:8px}
.live-pulse{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:none}50%{opacity:.6;box-shadow:0 0 0 6px rgba(216,27,69,0)}}
.stars{display:flex;gap:4px;margin-bottom:16px}
.btxt{font-size:14px;line-height:1.5;color:var(--txt);margin:2px 0 14px;position:relative;z-index:1}
.btxt b{color:#fff}
.games-row{display:flex;gap:8px;margin-bottom:16px;position:relative;z-index:1}
.cover{flex:1;aspect-ratio:3/4;border-radius:var(--nx-r-karte);position:relative;overflow:hidden;border:1px solid var(--line);
  cursor:pointer;transition:.2s;min-width:0}
@media (hover:hover){.cover:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:none}}
.cover-name{position:absolute;left:8px;right:8px;bottom:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);
  line-height:1.15;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.grid-ov{position:absolute;opacity:.16;
  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:14px 14px}
.banner{width:100%;aspect-ratio:16/7;border-radius:var(--nx-r-tafel);position:relative;overflow:hidden;border:1px solid var(--line);margin-bottom:16px}
.banner-grid{position:absolute;inset:0;opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:24px 24px}
.banner-title{position:absolute;left:16px;bottom:14px;right:16px;font-family:var(--nx-f-titel);font-weight:700;font-size:18px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.play-orb{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:rgba(8,8,14,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}
/* GEMESSEN: der Zaehler auf dem Vorschaubild stand auf 12,5px, Radius 8
  und 34 Punkten Hoehe · Punkt fuer Punkt das Mass eines Knopfes, obwohl
  an ihm nichts zu druecken ist. Ein Etikett liegt auf der Kachel und
  sagt eine Zahl: 10,5px, Radius 999, gut zwanzig Punkte hoch. */
.viewers{position:absolute;top:12px;right:12px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;
  background:rgba(8,8,14,.6);padding:4px 9px;border-radius:var(--nx-r-pille);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.actions{display:flex;gap:8px;position:relative;z-index:1;flex-wrap:wrap;margin-bottom:16px}
.btn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:16px 16px;border-radius:var(--nx-r-karte);
  cursor:pointer;transition:.15s;border:1px solid var(--line);background:transparent;color:var(--txt);display:flex;align-items:center;gap:8px}
@media (hover:hover){.btn:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung)}}
.btn-primary{border:none;color:#fff;margin-left:auto;background:var(--accent);box-shadow:none}
@media (hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:none;background:var(--accent)}}
.react{display:flex;align-items:center;gap:0px;flex-wrap:nowrap;position:relative;z-index:1;padding-top:16px;border-top:1px solid var(--line)}
.rbtn{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);white-space:nowrap;
  padding:8px 8px;border-radius:var(--nx-r-bedien);cursor:pointer;transition:.15s;border:1px solid transparent}
@media (hover:hover){.rbtn:hover{background:var(--nx-hebung)}}
@media (hover:hover){.rbtn.like:hover{color:var(--green)}}
@media (hover:hover){.rbtn.epic:hover{color:var(--gold)}}
@media (hover:hover){.rbtn.ok:hover{color:var(--nx-text)}}
@media (hover:hover){.rbtn.respect:hover{color:var(--cyan)}}
@media (hover:hover){.rbtn.watch:hover{color:var(--nx-text)}}
@media (hover:hover){.rbtn.dis:hover{color:var(--live)}}
.ricon{width:18px;height:17px;display:grid;place-items:center;flex:none}
.npic{max-height:22px;max-width:28px;object-fit:contain;display:block}
/* Save und Share rechts in der Reaktionszeile: mittig ausgerichtet, sonst
  dehnt ein 40 Punkte hoher Knopf die Nachbarn mit, waehrend Like, Epic und
  Dislike links bei 33 bleiben. */
.react .right{margin-left:auto;display:flex;align-items:center;gap:var(--nx-luecke-knopf);flex:none}
.rail{background:var(--nx-hebung);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px;margin-bottom:16px}
.rtitle{font-family:var(--nx-f-text);font-weight:700;font-size:14px;
}
.rtitle svg{color:var(--nx-text)}
.rrow{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.rrow:last-child{border-bottom:none}
.thumbs{display:flex}
.mini{width:30px;height:38px;border-radius:var(--nx-r-bedien);margin-left:-9px;border:2px solid var(--surface);position:relative;overflow:hidden}
.mini:first-child{margin-left:0}
.rname{font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:var(--txt);display:flex;align-items:center;gap:4px}
.rsub{font-size:var(--nx-typo-meta);color:var(--faint)}
.rsub b{color:var(--nx-text)}
.add{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;margin-left:auto;cursor:pointer;border:none;display:grid;place-items:center;
  color:#fff;transition:.15s;background:var(--accent);box-shadow:none}
@media (hover:hover){.add:hover{transform:scale(1.08)}}
.acts{display:flex;gap:4px;margin-left:auto;align-items:center}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow: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}
.railpromo{position:relative;overflow:hidden;border-radius:var(--nx-r-tafel);border:1px solid rgba(255,138,0,.55);background:linear-gradient(135deg,#ff8000,#ff9d33);padding:16px 16px;margin-top:2px}
.railpromo::before{content:"";position:absolute;inset:0;opacity:.45;background:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 12px,transparent 12px 24px);pointer-events:none}
.rp-logo{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--nx-r-bedien);padding:4px 16px 4px 8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#9a4d00}
.rp-title{position:relative;z-index:1;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#3d1f00;margin-top:16px}
.rp-cta{position:relative;z-index:1;margin-top:16px;width:100%;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#9a4d00;background:#fff;border:none;padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.rgame{display:inline-flex;align-items:center;gap:4px}
.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)}
@media(max-width:1080px){.col-right{display:none}.finner{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.col-left{display:none}}
.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:22px;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}
.whym{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);margin-top:8px;cursor:help}
.btn,.cta,.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}
/* GESEHEN: alle fuenf "See all" auf Home waren blosser Text · 48 auf 16
  Punkte, ohne Grund, Radius 0. Auf nextari-games sind dieselben acht von
  acht ein Bedienelement mit Flaeche, 34 hoch und Radius 10.
  WARUM DAS FALSCH WAR: diese Datei ist die einzige Seiten-CSS ohne den
  .seeall-Block, den alle Schwesterseiten tragen. Der Ausgang wird von
  nxm-wegweiser.js gebaut und bringt nur eine Schriftangabe mit, keine
  Form. Ohne Flaeche und ohne Zeigefinger erkennt nxm-bedienung.js ihn
  nicht als Bedienelement · deshalb bekam er auf dieser einen Seite auch
  kein Hausmass und blieb ein Wort am Zeilenende.
  WER WAS BESITZT: die Form gehoert nxm-bedienung.js, die Schrift
  nxm-typo.js. Hier steht deshalb ohne Vorrang und ohne Schriftangabe
  GENAU das, was der Besitzer fuer diesen Ort vorsieht · ein Ausgang im
  Widget sitzt in einer Kachel, und dort ist ein Bedienelement klein:
  28 hoch, Radius 9, Polster 0/11, ruhiger Grund. So sieht der Ausgang
  gleich aus, ob das Modul ihn schon bestaetigt hat oder noch nicht ·
  gemessen war einer von fuenf 34 hoch, weil er spaeter gebaut wird als
  der letzte Lauf des Moduls. Am Telefon gilt nxm-mobil.css mit dem
  Fingermass 44. */
.seeall,
.nx-ausgang{margin-left:auto;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;border:0;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);color:var(--dim);letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:.15s}
@media (hover:hover){.seeall:hover,.nx-ausgang:hover{background:var(--nx-hebung);color:#fff}}
.aact,.aacts,.actions{flex-wrap:wrap}
.adpost{padding:16px 16px}
.adrow{display:flex;align-items:center;gap:16px}
.adlogo{flex:none;width:52px;height:52px;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-text);color:#0a0f06}
.adtxt{flex:1;min-width:0}
.adt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.3}
.ads{font-size:var(--nx-typo-text);color:var(--dim);margin-top:0px;line-height:1.45}
/* Die Grundfarbe der Anzeige ist die des Hauses, nicht ein Gruen, das
  keiner Marke gehoert. Steht eine echte Buchung an, setzt nxm-ad-live.js
  die Farbe der gebuchten Marke darueber. */
.adcta{flex:none;white-space:nowrap;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent,#5b27e8);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
.adfoot{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.adtag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint);border:1px solid var(--line);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.adwhy{font-size:var(--nx-typo-meta);color:var(--nx-text);cursor:pointer}
@media(max-width:560px){.adrow{flex-wrap:wrap}.adcta{margin-left:auto}}
.cta,.btn,.btn-primary,.btnghost,.btnconn,.btndanger,.joinbtn,.chjoin,.ab1,.ab2,.go,.play,.lfgjoin,.abtn,.sendbtn,.pbtn,.unblock,.adcta,.segbtn,.tab,.fchip,.catchip,.chip,.badge,.achip,.whym,.crefollow,.pmbtn,.seeall,.cqrbtn,.mmf .f,.tips .tip,.f{line-height:1}
.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;border-radius:var(--nx-r-pille);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,.10);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);display:none;align-items:flex-start;justify-content:center;padding:64px 16px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.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,.10);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:14px;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{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}
.subscard{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px 16px;margin-bottom:16px}
.subscard .sc-title{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px;margin-bottom:12px}
.subscard .sc-note{font-size:var(--nx-typo-meta);color:var(--faint);margin-bottom:16px}
.subscard .sc-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.subscard .sc-cov{width:34px;height:46px;border-radius:var(--nx-r-bedien);flex:0 0 auto;background:linear-gradient(135deg,#23233a,#3a3a55);background-size:cover;background-position:center}
.subscard .sc-main{flex:1;min-width:0}
.subscard .sc-game{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}
.subscard .sc-meta{font-size:var(--nx-typo-meta);color:var(--nx-text);margin-top:1px}
.subscard .sc-when{font-size:var(--nx-typo-klein);font-weight:700;color:var(--green);white-space:nowrap}
.chip.c-live{display:inline-flex;align-items:center}
.chip.c-live .live-pulse{margin-right:5px}
.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)!important;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:18px;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:18px;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:14px;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:30px;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 9px 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%}
@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!important;display:grid!important}
}
@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!important;gap:8px!important}
  .convtop,.peerbar,.chathead{flex-wrap:wrap!important}
  .thhead{flex-wrap:wrap!important;row-gap:8px}
  .thpres{display:block!important;line-height:1.5}
  .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
  .thactions{margin-left:0!important}
  
  .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))!important;
            padding-bottom:0!important;}
@media(max-width:900px){
  .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top))!important;}
  .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:14px;
  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!important;background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{
  inset:1px;background-position:7px 7px}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.console-cta{
  background:var(--accent);
  border:1.5px solid var(--nx-linie)!important;color:#fff!important;
  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!important;top:auto!important;right:auto!important;
  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:14px}
@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{color:var(--txt);border-color:rgba(52,229,216,.5);background:rgba(52,229,216,.12)}
.btn,.pill,.chip,.chip-f,.tag,.badge,.sf,.cta,.soontag{white-space:nowrap}
#nx-loader .nxl-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;max-width:88vw;padding:10px 16px;border-radius:var(--nx-r-pille);background:var(--nx-hebung);position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,0.14);font:700 var(--nx-typo-text)/1.35 "Nunito Sans",sans-serif;color:var(--nx-text2);text-align:left;white-space:nowrap}
@media(max-width:560px){#nx-loader .nxl-note{white-space:normal;text-align:center;max-width:84vw}}
.fbk{max-width:none}
.nx-rwrap{position:relative}
.nx-rctrls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}
.nx-rwrap:hover .nx-rctrls{opacity:1;pointer-events:auto}
.nx-rbtn{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--nx-typo-meta);line-height:1;transition:.15s ease}
@media (hover:hover){.nx-rbtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-rwrap .rtitle,.nx-rwrap .rhead{transition:padding-right .15s ease}
@media (hover:hover){.nx-rwrap:hover .rtitle,.nx-rwrap:hover .rhead{padding-right:72px}}
#rails .railpromo{margin-bottom:16px}
.nx-rgrip{cursor:grab}
.nx-rgrip:active{cursor:grabbing}
.nx-rdragging{opacity:.4}
.nx-rover{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-rover-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add2{position:relative;margin:0 0 12px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);transition:.15s ease;background:var(--nx-hebung)}
@media (hover:hover){.nx-add2:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop2{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:50;text-align:left;max-height:280px;overflow:auto}
#rails>.nx-add2{margin:0}
@media (hover:hover){#rails>.nx-add2:hover{background:var(--nx-hebung)}}
#rails>.nx-add2>.nx-pop2{top:auto;bottom:calc(100% + 8px)}
.nx-pi2{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi2:hover{background:var(--nx-hebung)}}
.nx-pi2h{color:var(--dim);font-size:9px;padding:8px 16px 4px}
.nx-live{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;margin:0 0 16px;font-family:'Nunito Sans',sans-serif}
.nx-live-dot{width:9px;height:9px;border-radius:50%;background:#3be37a;animation:nxpulse 1.8s infinite;flex:0 0 auto}
@keyframes nxpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 7px rgba(59,227,122,0)}100%{box-shadow:none}}
.nx-live.paused .nx-live-dot{background:#62627a;animation:none}
.nx-live-tx{font-size:var(--nx-typo-text);color:var(--txt);font-weight:700;font-family:var(--nx-f-text)}
.nx-live-sub{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-speed{display:flex;align-items:center;gap:4px;margin-left:auto}
.nx-sp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--nx-leise);cursor:pointer;padding:6px 12px;border-radius:var(--nx-r-bedien);border:1px solid transparent;background:transparent;transition:.15s ease}
@media (hover:hover){.nx-sp:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-sp.nx-on{color:#fff;background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-live.paused .nx-sp{opacity:.4;pointer-events:none}
.nx-pausebtn{margin-left:6px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);transition:.15s ease;flex:0 0 auto}
@media (hover:hover){.nx-pausebtn:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.nx-new{animation:nxnew .55s ease}
@keyframes nxnew{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 0 1px var(--nx-linie)}100%{opacity:1;transform:none;box-shadow:none}}
.nx-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 6px;color:var(--dim);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}
.nx-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--nx-linie);border-radius:50%;animation:nxspin .8s linear infinite;flex:0 0 auto}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-loader.hidden{display:none}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-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:14px;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:9px;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}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
@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}
#feed > .nx-live{width:100%;box-sizing:border-box;margin:0 0 14px}
.shell{opacity:0;transition:opacity .28s ease}
html.nx-revealed .shell{opacity:1}
.nx-ph-slot{background:var(--nx-hebung);border:1px dashed rgba(255,255,255,.13);border-radius:var(--nx-r-tafel);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.nx-ph-slot::before{content:"";width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.nx-ph-slot .nx-ph-txt{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.26)}
.nx-ph-img{background:var(--nx-hebung)!important;border:none!important;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}
.gupdcard{padding:16px 16px 8px}
.gupdcard .gu-row{padding:12px 0;gap:11px}
.gupdcard .gu-row{border-top:none}
.gupdcard .gu-row + .gu-row{border-top:1px solid var(--line,var(--nx-linie-subtle))}
.gupdcard .gu-cov{width:42px;height:42px;}
.gupdcard .gu-upd{margin-top:2px}
.gupdcard .gu-when{align-self:flex-start;margin-top:3px}
.nx-caughtup{max-width:none;width:100%;box-sizing:border-box;margin:22px 0 10px;text-align:left;padding:16px 18px;border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);background:none;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.nx-caughtup-ic{width:26px;height:26px;border-radius:50%;background:var(--nx-hebung);color:var(--nx-text);display:grid;place-items:center;margin:0;flex:none}
.nx-caughtup-ic svg{width:14px;height:14px}
.nx-caughtup-fr{margin-top:12px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nx-caughtup-fr b{font-family:var(--nx-f-text);font-weight:700;color:#fff}
.nx-caughtup-fr a{color:var(--nx-text);font-weight:700;text-decoration:none}
@media (hover:hover){.nx-caughtup-fr a:hover{color:#fff}}
.nx-caughtup-t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;margin:3px 0 0;flex:1 1 auto;min-width:0}
.nx-caughtup-s{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);line-height:1.5;margin:0;flex-basis:100%;padding-left:38px}
.nx-caughtup-tags{display:flex;gap:14px;justify-content:flex-start;margin:8px 0 0;flex-wrap:wrap;flex-basis:100%;padding-left:38px}
.nx-caughtup-tag{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);background:none;border:none;border-radius:0;padding:0}
.nx-biasfree-line{display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:2px 2px 14px;padding:8px 12px;background:var(--nx-hebung);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-bedien)}
.nx-biasfree-line svg{flex:none;color:var(--nx-text)}
.nx-biasfree-line b{color:var(--txt);font-family:var(--nx-f-text);font-weight:700}
.nx-agg-row.nx-src-open{border-radius:var(--nx-r-bedien);transition:background .15s}
@media (hover:hover){.nx-agg-row.nx-src-open:hover{background:var(--nx-hebung)}}
.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 14px 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 14px var(--nx-f-text);color:#fff}
.czlist{padding:10px 12px 16px}
.pb-navlab{flex:none;font:800 9px var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-caps{margin-bottom:8px!important}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.gchips,.chips{margin-bottom:8px}
/* EIN PLATZ FUER EINE SACHE · der Zeitstempel wurde an zwei Stellen
   eingesetzt: in die Kopfzeile, wo es eine gibt, sonst als freies
   Element an die Karte. Gemessen stand er dadurch auf einer Karte oben
   rechts und auf der naechsten mitten im Text. Er steht jetzt ueberall
   oben rechts; die Karte selbst traegt den Bezugspunkt. */
/* DER ZEITSTEMPEL GEHT NACH RECHTS, NICHT NACH OBEN.
   Erst stand er mal in der Kopfzeile und mal frei mitten im Text.
   Absolut oben rechts zu setzen war der naechstliegende Griff und der
   falsche: dort stehen auf manchen Karten schon die Live-Pille und das
   Schliessen-Kreuz, und beide lagen danach uebereinander. In der Zeile
   bleiben und ans Ende ruecken loest beides, ohne jemandem den Platz
   wegzunehmen. */
.nx-ts{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);
  align-self:center;margin-left:auto;margin-right:6px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.nx-ts-abs{position:absolute;top:16px;right:16px;margin:0;z-index:2}
.nx-updmore{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.nx-updmore .chip{flex:none}
.nx-updmore b{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-rail-lib{display:inline-block;margin-top:10px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--nx-text);text-decoration:none}
@media (hover:hover){.nx-rail-lib:hover{color:#fff}}
.nx-mrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.07))}
.nx-mrow:last-of-type{border-bottom:0}
.nx-mrow-t{min-width:0;flex:1}
.nx-mrow-t b{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);cursor:pointer}
.nx-mrow-t span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-mrow-g{display:flex;gap:4px;flex:none}
.nx-mrow-g>*{width:26px;height:34px;border-radius:var(--nx-r-bedien);overflow:hidden}
.nx-mrow-foot{margin-top:12px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-fgh{margin:26px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.nx-fgh:first-child{margin-top:0}
#feed>.nx-live+.nx-fgh{margin-top:0}
.nx-fgh{display:flex;align-items:baseline;gap:12px}
.nx-fgh b{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);}
.nx-fgh-all{margin-left:auto;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text);text-decoration:none}
@media (hover:hover){.nx-fgh-all:hover{color:#fff}}
.nx-tn-fold{margin-left:auto;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-tn-fold:hover{color:var(--dim)}}
.nx-tn-foldc{transition:transform .15s ease}
.nx-tn-closed .nx-tn-foldc{transform:rotate(180deg)}
.nx-fr-back{display:block;width:100%;margin:10px 0 0;padding:8px 0 0;background:none;border:0;border-top:1px solid var(--line,rgba(255,255,255,.08));text-align:left;cursor:pointer;color:var(--dim);font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif}
@media (hover:hover){.nx-fr-back:hover{color:var(--dim)}}
.shell{padding-top:32px}
.cllabel,.btndanger,.chip.c-live,.nx-live-txt{color:#ff7a92!important}
.nx-ss-badge,.nx-ss-live{background:rgba(10,10,18,.72)!important;color:#fff!important;-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!important}
.nx-tn-mehr{display:block;width:100%;margin-top:6px;padding:8px 0;background:none;border:none;border-top:1px solid var(--line,rgba(255,255,255,.07));color:var(--nx-text);font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;text-align:left;cursor:pointer}
@media (hover:hover){.nx-tn-mehr:hover{color:var(--txt)}}
.frail .nx-rail-lib{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;margin:12px 0 0;padding:10px 14px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--nx-r-karte);background:var(--nx-hebung);color:var(--txt);text-decoration:none;font:700 var(--nx-typo-text) var(--nx-f-text);transition:.15s}
@media (hover:hover){.frail .nx-rail-lib:hover{background:var(--nx-hebung-2);border-color:var(--nx-linie)}}
.frail .nx-rail-lib::after{content:"\2192";font-size:14px;color:var(--nx-text)}
.nx-tn-ic{display:none}
.nx-tn-row > .nx-pl-src:first-child{margin-left:0}
.nx-rail-title{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);letter-spacing:-.01em;color:#fff;padding-bottom:12px;margin:0 0 16px}
.nx-pt-tag{position:absolute;top:11px;left:12px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--txt);background:rgba(8,8,13,.62);border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-bedien);padding:4px 8px}
#feed > .post[data-type="playtonight"] .banner-title{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
/* .nx-fa-* gehoert css/nextari-feed.css · dieselbe Karte steht am Telefon. */
.nx-purpose{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0;padding:0}
.shell > .nx-cont{padding-top:2px!important}
.nx-purpose b{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;letter-spacing:-.01em}
.nx-purpose-src{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:900px){.nx-purpose{gap:4px}}
.nx-fr-c .x{color:var(--dim)}
.nx-ses-again{background:none;border:1px solid rgba(255,255,255,.16)!important;color:var(--dim)!important}
@media (hover:hover){.nx-ses-again:hover{border-color:var(--nx-linie);color:#fff!important}}
#nxMobileAd .nx-rsup-go{margin-top:22px!important}
#nxMobileAd .nx-mob-row{gap:14px}
#nxMobileAd .nx-mob-pts{gap:13px;justify-content:flex-start;padding:1px 0 0}
#nxMobileAd .nx-msl-pkt b{margin-bottom:1px}
#nxMobileAd .nx-msl-pkt span{line-height:1.5}
.nx-mob-n{margin:14px 0 0;font:400 var(--nx-typo-meta)/1.5 "Nunito Sans",sans-serif;color:var(--dim)}
.nx-rsup-l{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.nx-rsup-l li{display:flex;align-items:flex-start;gap:8px;font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-rsup-ck{flex:none;margin-top:1px}
.frail .nx-live-dot{margin-right:7px}
/* Die Schriftgroesse des Wortes "Live" stand hier UND weiter unten in
  .frail .nx-live .nx-live-tx · zwei Regeln fuer dieselbe Eigenschaft.
  Sie hat jetzt einen Besitzer, den spezielleren von beiden. */
.frail .nx-live-sub{flex-basis:100%;margin:3px 0 0;font-size:var(--nx-typo-klein);line-height:1.4}
/* VIER TEMPI, EINE REIHE. "Pause" hing allein in einer eigenen Zeile
  unter den drei anderen und sah aus, als waere es vom Raster
  gefallen · es ist dasselbe: eine Wahl, wie schnell der Strom laeuft. */
.frail .nx-speed{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex-basis:100%;margin:11px 0 0}
.frail .nx-speed .nx-sp{width:auto;text-align:center;padding:6px 0;font-size:var(--nx-typo-klein)}
/* "Pause" ist keine vierte Geschwindigkeit, sondern ein Halt · es
  steht deshalb unter den dreien und ueber die ganze Breite, mit
  eigener Flaeche. Vorher hing es halb zentriert und ohne sichtbare
  Flaeche da und sah aus, als waere es vom Raster gefallen. */
.frail .nx-pausebtn{margin:5px 0 0;padding:7px 0;font-size:var(--nx-typo-klein);justify-content:center;border-radius:var(--nx-r-bedien);flex-basis:100%;width:100%;background:var(--nx-hebung)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--dim)!important}
#nxRsupCard{padding:18px 17px}
#nxRsupCard .nx-rsup-h{margin-bottom:13px}
#nxRsupCard .nx-rsup-t{margin-bottom:16px;line-height:1.55}
#nxRsupCard .nx-rsup-amts{margin-bottom:14px}
#nxRsupCard .nx-rsup-l{margin-top:15px;gap:10px}
#feed > .nx-zone{margin:34px 0 14px!important}
#feed > .nx-zone:first-child{margin-top:8px!important}
#feed > .nx-fgh{margin:17px 0 11px!important}
/* ZWEI :root-BLOECKE IN EINER DATEI · der zweite gewann still.
  Hier stand eine fast vollstaendige Kopie des Blocks von ganz oben,
  aus einer spaeteren Zusammenfuehrung. Beide auf derselben
  Spezifitaet, also gewann der spaetere · und mit ihm seine
  abweichenden Werte. Der sichtbarste: --live stand hier auf #ff4d6d,
  waehrend die uebrige Oberflaeche an sechzig Stellen #d81b45 fuehrt.
  Derselbe Zustand hatte dadurch auf Home ein anderes Rot als auf
  Events · gemessen, nicht vermutet.
  Was ein Wert schon hat, wird hier nicht wiederholt. Uebrig bleibt
  nur, was es oben NICHT gibt. --bg und --surface2 sind ganz weg: den
  Seitengrund besitzt css/nextari-flaechen.css, und zwar allein. */
:root{
  --accent-dim:var(--nx-hebung); --teal:#34e5d8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{overflow-x:clip}
body{background:var(--bg);color:var(--txt);font-family:var(--nx-f-text);-webkit-font-smoothing:antialiased}
body *::-webkit-scrollbar{width:0;height:0}   /* nur die inneren Rollflaechen · das Dokument behaelt seine Leiste, sonst ist Home breiter als jede Nachbarseite */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px var(--nx-kopfrand);background:rgba(11,11,18,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{display:flex;gap:2px;margin-left:6px}
.nav a{font-family:var(--nx-f-text);font-weight:700;font-size:13px;color:var(--dim);padding:7px 12px;border-radius:var(--nx-r-bedien);cursor:pointer}
.nav a.on{color:#fff;background:var(--nx-hebung)}
@media (hover:hover){.nav a:hover{color:#fff}}
.sp{margin-left:auto}
.avail{display:inline-flex;align-items:center;gap:7px;font-family:var(--nx-f-text);font-weight:700;font-size:12px;color:#bff3ea;border:1px solid rgba(63,208,201,.35);background:rgba(63,208,201,.07);border-radius:var(--nx-r-pille);padding:6px 12px}
.avail i{width:7px;height:7px;border-radius:50%;background:var(--teal)}
.wrap{max-width:1200px;margin:0 auto;padding:30px 34px 90px}
.hello{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:4px}
.hello h1{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);letter-spacing:-.01em;color:#fff;margin:0}
.hello .status{font-size:14px;color:var(--dim);padding-bottom:5px}
.hello .status b{color:#fff;font-weight:700}
.hello .status .lv{color:var(--live);font-weight:800}
.arrange{display:flex;align-items:center;gap:10px;margin:18px 0 14px}
.arrange .edit{margin-left:auto;font-family:var(--nx-f-text);font-weight:800;font-size:12px;color:var(--nx-text);border:1px solid var(--line2);background:var(--nx-hebung);border-radius:var(--nx-r-bedien);padding:7px 13px;cursor:pointer}
.board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-flow:dense}
@media(max-width:980px){.board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.board{grid-template-columns:1fr}}
/* GEMESSEN: zehn von elf Tafeln lagen auf 14 Punkten Rundung und 13/14
  Innenabstand, eine auf 16 und 15/16 · das war die einzige, die nicht im
  Brett steht und deshalb nie die Brettregel sah. 14 ist das Hausmass der
  Tafel, 16 gehoert der Blockflaeche. Es steht jetzt hier, im Grundwert,
  statt in einer zweiten Regel daneben. */
/* FLAECHE STATT KANTE · die erste Festlegung der Gestaltungsgrundlage.
  Jedes Widget trug hier eine 1px-Linie · zehn Rechtecke nebeneinander,
  die die Seite in Kaesten zerlegen, statt sie als Flaechen ruhen zu
  lassen. Der Grund (--surface) hebt das Widget schon vom Seitengrund
  ab; die Linie hat daneben nichts zu leisten.
  Beim Ordnen bleibt die gestrichelte Linie · dort IST eine Kante die
  Aussage ("dieses Feld kannst du greifen"). */
.wg{background:var(--surface);border:0;padding:13px 14px;min-height:118px;position:relative;transition:border-color .16s,transform .16s,box-shadow .16s;cursor:default}
.wg.w2{grid-column:span 2}
.wg.h2{grid-row:span 2}
/* Beim Ueberfahren hebt sich die FLAECHE, nicht eine Kante. */
@media (hover:hover){.wg:hover{background:var(--nx-hebung)}}
.board.editing .wg{cursor:grab;border:1px dashed var(--line2)}
.board.editing .wg:active{cursor:grabbing}
.wg.drag{opacity:.4}
.wg.over{box-shadow:0 0 0 2px var(--nx-linie)}
.wg-grip{position:absolute;top:12px;right:12px;color:var(--faint);opacity:0;font-size:13px;letter-spacing:-2px}
.board.editing .wg-grip{opacity:1}
/* Beim Umordnen ist der Griff sichtbar · dann steht der Ausblenden-Knopf
   neben ihm, nicht auf ihm. Vorher deckten sie sich zu 100 %, und der
   Finger-Zweig steigt bei Zielen in button aus: ein Druck auf den
   sichtbaren Griff startete kein Ziehen, sondern traf den Knopf. */
.board.editing .wg .nx-weg{opacity:1;pointer-events:auto;right:38px}
#rails.editing > .nx-b-widget .nx-weg{opacity:1;pointer-events:auto;right:38px}
.wg-h{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.wg-h .ic{width:22px;height:22px;border-radius:var(--nx-r-marke);display:grid;place-items:center;flex:none;background:var(--nx-hebung);color:var(--nx-icon)}
.wg-h b{font-family:var(--nx-f-text);font-weight:800;font-size:12px;letter-spacing:.02em;color:#fff}
.wg-h .up{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:9.5px;color:var(--faint);display:inline-flex;align-items:center;gap:5px}
.wg-h .up i{width:5px;height:5px;border-radius:50%;background:var(--green);animation:breathe 2.6s infinite}
.lw{display:flex;gap:11px;align-items:center}
.lw .th{width:52px;height:52px;border-radius:var(--nx-r-bedien);background-size:cover;background-position:center;flex:none;position:relative;background-color:var(--nx-flaeche-2)}
/* Das Abspielzeichen und die LIVE-Marke teilten sich dieselbe Flaeche ·
  das Dreieck lag mitten auf den Buchstaben, das Wort las sich als
  "L▶VE". Gefunden im visuellen Durchgang, nachgemessen mit
  elementFromPoint: auf der Mitte der Marke antwortete das Dreieck.
  Die Marke sitzt oben links, das Zeichen bekommt den unteren Teil. */
.lw .th .pl{position:absolute;left:0;right:0;bottom:0;top:42%;display:grid;place-items:center;color:#fff;pointer-events:none}
.lw .liveb{z-index:2}
.lw .liveb{position:absolute;top:4px;left:4px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);letter-spacing:.05em;color:#fff;background:var(--live);padding:2px 5px;border-radius:var(--nx-r-marke)}
.lw .m b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff}
/* ECHTE STREAMTITEL SIND LANG · "IRL Wir bauen das 5.000 EUR Setup von
  HyperX OMEN bei der Gewinnerin auf". In einer Zeile wird daraus ein
  Schnitt mitten im Wort; die Hausregel sagt: keine beschnittenen Titel.
  Zwei Zeilen reichen fuer jeden gemessenen Titel. */
.lw .m span{font-size:var(--nx-typo-meta);color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip}
.lw .m .cnt{color:var(--teal);font-weight:700}
.fr{display:flex;flex-direction:column;gap:9px}
.fr-row{display:flex;align-items:center;gap:8px;min-width:0}
.fr-av{width:30px;height:30px;border-radius:50%;background-size:cover;flex:none;position:relative;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:800;color:#fff;font-size:var(--nx-typo-meta)}
.fr-av .d{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--surface);background:var(--green)}
.fr-av .d.pl{background:var(--accent)}
.fr-tx{flex:1 1 0;min-width:0}
/* Eine Leiter, die 12 UND 12,5 fuer dieselbe Rolle haelt, ist keine Leiter ·
  dasselbe Wort stand in zwei Widgets nebeneinander in zwei Groessen. Beide
  stehen jetzt auf der Sprosse der Bedienung, 12,5. */
.fr-tx b{display:block;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.fr-tx span{display:block;max-width:100%;font-size:var(--nx-typo-klein);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* EIN GEFUELLTER KNOPF JE KARTE · alles andere ist Umriss.
  Die Kachel 'Around you' trug drei gefuellte Knoepfe untereinander:
  einmal 'Take the slot' und zweimal 'Message'. Damit schreit die
  Nebenhandlung so laut wie die Hauptsache, und die Kachel ist die
  lauteste der Schiene, obwohl sie das Nebensaechlichste zeigt.
  Gefuellt bleibt, was wirklich etwas anstoesst · der offene Platz.
  Anschreiben ist eine Nebenhandlung und traegt ihren Umriss. */
.fr-j{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;margin-left:auto;color:var(--nx-text);background:none;border:1px solid var(--nx-linie);border-radius:var(--nx-r-bedien);padding:0 11px;white-space:nowrap;cursor:pointer;transition:.15s}
@media (hover:hover){.fr-j:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung)}}
.fr-row:first-child .fr-j{color:#fff;background:var(--accent);border-color:transparent}
@media (hover:hover){.fr-row:first-child .fr-j:hover{filter:brightness(1.1);background:var(--accent)}}
.li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.li:first-of-type{border-top:0}
/* Vorschaubilder brauchen genug Flaeche fuer sichtbares Artwork · kleine,
  stark gerundete Miniaturen sahen wie Ellipsen statt wie Spielcover aus. */
.li .th{width:52px;height:29px;border-radius:var(--nx-r-marke);background-size:cover;background-position:center;flex:none;background-color:var(--nx-flaeche-2)}
.li .tx{min-width:0}
/* Spieltitel sind lang · "FINAL FANTASY VII REMAKE INTERGRADE" passt
  nicht in eine Zeile dieser Kachel. Zwei Zeilen statt eines Schnitts. */
.li .tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;white-space:normal;overflow:hidden;text-overflow:clip}
.li .tx span{font-size:var(--nx-typo-klein);color:var(--dim)}
.li .w{margin-left:auto;font-family:var(--nx-f-text);font-weight:800;font-size:9.5px;color:var(--nx-text);white-space:nowrap}
.stat{display:flex;gap:18px;flex-wrap:wrap}
.stat div b{display:block;font-family:var(--nx-f-titel);font-weight:900;font-size:var(--nx-typo-abschnitt);color:#fff;line-height:1}
.stat div span{font-size:var(--nx-typo-klein);color:var(--dim)}
.cont{position:relative}
.cont .bar,.wg .bar{height:5px;border-radius:3px;background:var(--nx-hebung-2);margin-top:10px;overflow:hidden}
.cont .bar i,.wg .bar i{display:block;height:100%;background:var(--accent)}
.wg-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin-top:12px;color:#fff;background:var(--nx-hebung-2);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:0 11px;white-space:nowrap;cursor:pointer}
.wg-cta.acc{background:var(--accent);border-color:transparent}
.wg.add{display:grid;place-items:center;color:var(--faint);cursor:pointer;min-height:118px}
@media (hover:hover){.wg.add:hover{border-color:var(--line2)}}
.wg.add span{font-family:var(--nx-f-text);font-weight:800;font-size:13px}
.feed-h{display:flex;align-items:center;gap:10px;margin:34px 2px 8px}
.feed-h b{font-family:var(--nx-f-text);font-weight:800;font-size:16px;color:#fff}
.feed-h .sub{font-size:var(--nx-typo-text);color:var(--faint)}
.feed{border-left:2px solid var(--line);margin-left:8px;padding-left:0}
.fe{position:relative;padding:13px 0 13px 26px;border-bottom:1px solid var(--line)}
.fe::before{content:"";position:absolute;left:-6px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--faint);border:2px solid var(--bg)}
.fe.new::before{background:var(--teal);box-shadow:none}
.fe .when{font-family:var(--nx-f-text);font-weight:800;font-size:10px;color:var(--faint);}
.fe .tt{font-size:14px;color:#fff;margin-top:3px}
.fe .tt b{font-weight:700;font-family:var(--nx-f-text)}
.fe .tt .a{color:var(--nx-text)}
.fe.slidein{animation:slidein .5s ease}
.proto{position:fixed;bottom:0;left:0;right:0;z-index:70;background:var(--nx-flaeche);backdrop-filter:blur(8px);border-top:1px solid var(--line2);padding:7px 20px;font-family:var(--nx-f-text);font-weight:700;font-size:11px;color:#d7d0ff;text-align:center}
.toast{position:fixed;left:50%;bottom:46px;transform:translateX(-50%) translateY(14px);z-index:80;font-family:var(--nx-f-text);font-weight:700;font-size:13px;color:#fff;background:var(--nx-flaeche-2);border:1px solid var(--line2);border-radius:var(--nx-r-karte);padding:11px 16px;opacity:0;pointer-events:none;transition:.2s}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes breathe{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes slidein{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.wg{animation:rise .45s ease both}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
.nx-cont-head{justify-content:flex-end;}
.nx-gruss{margin-bottom:2px}
.nx-gruss{grid-column:1/-1;margin:10px 0 0}
.nx-gruss h1{font:800 var(--nx-typo-seite) var(--nx-f-titel);color:#fff;margin:0;letter-spacing:0}
.nx-gruss-name{background:linear-gradient(var(--nx-text),var(--nx-text));-webkit-background-clip:text;background-clip:text;color:transparent}
.nx-gruss p{display:flex;align-items:center;gap:7px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:7px 0 0}
.nx-gruss p b{color:var(--txt);font-weight:700}
.nx-gruss-dot{width:8px;height:8px;border-radius:50%;background:#3be37a;box-shadow:none;flex:none}
.nx-cont{grid-column:1/-1;width:100%;margin:0 0 8px}
.nx-cont-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 12px}
.nx-cont-h{display:flex;align-items:center;gap:8px;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;margin:0}
.nx-cont-h svg{width:18px;height:18px;flex:none;color:var(--nx-text)}
.nx-cont-carou{position:relative}
.nx-cont-row{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;scroll-behavior:smooth}
.nx-cont-row::-webkit-scrollbar{display:none}
.nx-cont-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible}
.nx-cont-card{min-width:0!important;width:auto!important;max-width:none!important}
.nx-tn-head{display:flex;align-items:center;gap:12px;margin:0 0 4px}
.nx-tn-h2{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;margin:0}
.nx-tn-head .nx-tn-brief{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:normal;overflow:visible;flex:1;min-width:0}
.nx-tn-all{margin-left:auto;flex:none;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim);text-decoration:none}
@media (hover:hover){.nx-tn-all:hover{color:#fff}}
.nx-pl-done{display:none}
#nxChanHome{margin-top:18px}
.nx-tl-head{margin-top:26px}
@media(max-width:980px){.nx-cont-row{grid-template-columns:1fr 1fr}}
.nx-cont-nb{position:absolute;top:0;bottom:0;width:40px;border:none;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:.2s;padding:0}
.nx-cont-nb.prev{left:-20px;background:linear-gradient(90deg,rgba(8,8,13,.92),transparent)}
.nx-cont-nb.next{right:-20px;background:linear-gradient(270deg,rgba(8,8,13,.92),transparent)}
.nx-cont-carou:hover .nx-cont-nb{opacity:1}
.nx-cont-card{position:relative;flex:1 0 236px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:var(--radius,14px);background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.08));cursor:pointer;transition:border-color .15s,transform .15s;overflow:hidden}
.nx-cont-art{position:absolute;inset:0;z-index:0;opacity:.15;pointer-events:none;background-size:cover;background-position:center 30%}
.nx-cont-card>*:not(.nx-cont-art):not(.nx-cont-x){position:relative;z-index:1}
@media (hover:hover){.nx-cont-card:hover{border-color:var(--nx-linie);transform:translateY(-1px)}}
.nx-cont-top{display:flex;align-items:center;gap:12px;min-width:0}
.nx-cont-ic{width:40px;height:40px;flex:none;border-radius:var(--nx-r-karte);display:grid;place-items:center;background:var(--nx-hebung);color:var(--nx-text)}
.nx-cont-ic svg{width:20px;height:20px}
.nx-cont-tt{min-width:0;flex:1}
.nx-cont-name{font:700 14px var(--nx-f-text);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-cont-sub{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.nx-cont-bar{height:4px;border-radius:999px;background:var(--nx-hebung-2);overflow:hidden}
.nx-cont-bar i{display:block;height:100%;border-radius:var(--nx-r-pille);background:var(--accent)}
.nx-cont-status{display:flex;align-items:center;gap:6px;font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim);height:4px}
.nx-cont-status i{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}
.nx-cont-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nx-cont-src{font:800 9px var(--nx-f-text);color:#fff;border-radius:var(--nx-r-bedien);padding:3px 8px;white-space:nowrap}
.nx-cont-go{display:inline-flex;align-items:center;gap:4px;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text);white-space:nowrap}
.nx-cont-go svg{width:12px;height:12px}
.nx-cont-card>.nx-cont-x{position:absolute;top:8px;right:8px;z-index:4;width:22px;height:22px;border-radius:var(--nx-r-bedien);border:none;background:var(--nx-hebung);color:var(--dim);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;opacity:0;pointer-events:none;transition:opacity .15s ease}
.nx-cont-x svg{width:12px;height:12px}
.nx-cont-card:hover>.nx-cont-x{opacity:1;pointer-events:auto}
@media (hover:hover){.nx-cont-x:hover{background:rgba(255,255,255,.14);color:#fff}}
.nx-cont-tog{margin-left:auto;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text);
  background:none;border:0;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:5px}
@media (hover:hover){.nx-cont-tog:hover{color:#fff}}
.nx-cont-tog svg{width:13px;height:13px;transition:transform .18s}
.nx-cont-tog.zu svg{transform:rotate(180deg)}
.nx-cont-add{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;padding:12px 14px;border-radius:var(--radius,14px);background:none;
  border:1px dashed rgba(255,255,255,.16);cursor:pointer;transition:border-color .15s,color .15s;
  color:var(--dim);font:700 var(--nx-typo-text) var(--nx-f-text)}
@media (hover:hover){.nx-cont-add:hover{border-color:var(--nx-linie);color:#fff}}
.nx-cont-add svg{width:19px;height:19px}
.nx-cont-add .sub{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);text-align:center}
.nx-cont-add{position:relative}
.nx-cont-add.offen{border-style:solid;border-color:var(--nx-linie);background:var(--nx-hebung);color:#fff}
.nx-cont-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;
  display:flex;flex-direction:column;gap:6px;padding:11px;
  background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);
  box-shadow:var(--nx-schatten)}
.nx-cont-back{display:flex;align-items:center;gap:8px;width:100%;text-align:left;
  background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);
  padding:7px 9px;cursor:pointer;color:var(--txt);font:700 var(--nx-typo-meta) var(--nx-f-text)}
@media (hover:hover){.nx-cont-back:hover{border-color:var(--nx-linie);color:#fff}}
.nx-cont-back b{font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-cont-back .pl{color:var(--nx-text);font-size:14px;line-height:1}
main>.nx-tonight{margin:0 0 16px}
.nx-mob-row{display:flex;gap:13px;align-items:center}
.nx-mob-pts{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.nx-mock{width:100px;min-height:204px;display:flex;flex-direction:column;flex:none;background:var(--nx-grund);border-radius:var(--nx-r-block);border:2px solid #34344a;box-shadow:none;padding:6px 7px 0;overflow:hidden}
.nx-mock-isl{display:block;width:26px;height:6px;border-radius:999px;background:#000;border:1px solid rgba(255,255,255,.08);margin:0 auto 5px}
.nx-mock-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px}
.nx-mock-top .lg{font:800 6.5px var(--nx-f-text);letter-spacing:.13em;color:#fff}
.nx-mock-av{width:9px;height:9px;border-radius:50%;background:var(--accent);font:800 5px/9px var(--nx-f-text);color:#fff;text-align:center}
.nx-mock-lab{font:800 4.5px var(--nx-f-text);color:var(--nx-leise);margin:0 0 3px}
.nx-mock-live{position:relative;height:30px;border-radius:var(--nx-r-marke);margin:0 0 5px;background:linear-gradient(120deg,#5a1f16,#c2492c 60%,#e8842a);overflow:hidden}
.nx-mock-live .lv{position:absolute;top:2px;left:3px;font:800 4px var(--nx-f-text);letter-spacing:.08em;color:#fff;background:#e5484d;border-radius:2px;padding:1px 2px}
.nx-mock-live .tt{position:absolute;left:3px;bottom:2px;font:700 4.8px var(--nx-f-text);color:#fff}
.nx-mock-live .op{position:absolute;right:3px;bottom:2px;font:800 4px var(--nx-f-text);color:#fff;background:#5b27e8;border-radius:2px;padding:1px 2px}
.nx-mock-frs{display:flex;gap:3px;margin:0 0 5px}
.nx-mock-frs span{width:10px;height:10px;border-radius:50%;position:relative}
.nx-mock-frs span::after{content:"";position:absolute;right:-1px;bottom:-1px;width:3.5px;height:3.5px;border-radius:50%;background:#3be37a;border:1px solid #0b0b13}
.nx-mock-tiles{display:flex;gap:3px;margin:0 0 5px}
/* DREI BALKEN STATT FUENF PUNKTE.
  Das Handybild zeigte an dieser Stelle bunte Kreise · Zierde ohne Aussage.
  Die echte Home fuehrt dort "Everyone is playing" mit drei Balken, und das
  Bild soll zeigen, was das Produkt zeigt. */
.nx-mock-bars{display:flex;flex-direction:column;gap:3px;margin:0 0 5px}
.nx-mock-bars i{display:block;height:3px;border-radius:var(--nx-r-pille,999px);
  background:var(--accent);width:var(--w,60%)}
.nx-mock-tiles span{flex:1;height:21px;border-radius:var(--nx-r-marke);position:relative}
.nx-mock-tiles i{position:absolute;top:1px;left:1px;font:800 4px var(--nx-f-text);font-style:normal;color:#0a0a10;background:#3be37a;border-radius:2px;padding:0 2px}
.nx-mock-row{display:flex;align-items:center;gap:4px;margin:0 0 5px}
.nx-mock-row .av{width:9px;height:9px;border-radius:50%;flex:none}
.nx-mock-row .tx{flex:1;min-width:0;font:400 5.5px 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-mock-row .jn{flex:none;font:800 4.5px var(--nx-f-text);color:var(--nx-text);border:1px solid var(--nx-linie);border-radius:3px;padding:1px 3px}
.nx-mock-ev{font:800 4.2px var(--nx-f-text);letter-spacing:.06em;color:#3be37a;border:1px solid rgba(59,227,122,.4);background:rgba(59,227,122,.08);border-radius:var(--nx-r-marke);padding:2px 3px;margin:0 0 5px;text-align:center}
.nx-mock-tabs{display:flex;border-top:1px solid rgba(255,255,255,.08);margin:auto -7px 0;padding:3px 4px 5px}
.nx-mock-tabs span{flex:1;text-align:center;font-size:5.5px;color:var(--nx-leise);display:flex;flex-direction:column;align-items:center;gap:1px;filter:grayscale(1);opacity:.75}
.nx-mock-tabs span.on{color:var(--nx-text);filter:none;opacity:1}
.nx-mock-tabs i{font:700 4px var(--nx-f-text);font-style:normal;letter-spacing:.04em}
.nx-mock-tabs span.on i{color:var(--nx-text)}
.nx-msl-pkt b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;margin:0 0 2px}
.nx-msl-pkt span{display:block;font:400 var(--nx-typo-klein)/1.45 "Nunito Sans",sans-serif;color:var(--dim)}
.nx-suchweg,
#feed > .post.nx-suchweg,
#feed > .post.nx-filterhide{display:none}
.chip-f.nxf-act,#savedFilters .nxf-act{background:var(--nx-hebung)!important;border-color:var(--nx-linie)!important;color:#fff!important}
#creatorfilter .nxf-on{background:var(--nx-hebung);border-radius:var(--nx-r-bedien)}
.nx-postmenu{position:absolute;z-index:70;min-width:170px;padding:6px;border-radius:var(--nx-r-karte);border:1px solid rgba(255,255,255,.16);background:var(--nx-flaeche-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--nx-schatten)}
.nx-postmenu button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;border-radius:var(--nx-r-bedien);background:transparent;color:var(--txt);font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;cursor:pointer}
@media (hover:hover){.nx-postmenu button:hover{background:var(--nx-hebung)}}
.podcard{background:linear-gradient(180deg,rgba(52,229,216,.08),rgba(19,19,30,.6));
  border:1px solid rgba(52,229,216,.24);border-radius:var(--nx-r-tafel);padding:14px 16px;margin-bottom:16px}
.podcard .pc-title{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px;margin-bottom:12px}
.podcard .pc-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.podcard .pc-cov{width:38px;height:38px;border-radius:var(--nx-r-bedien);flex:0 0 auto;display:grid;place-items:center;color:#fff}
.podcard .pc-cov svg{width:17px;height:17px}
.podcard .pc-main{flex:1;min-width:0}
.podcard .pc-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}
.podcard .pc-ep{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podcard .pc-play{width:28px;height:28px;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){.podcard .pc-play:hover{background:rgba(52,229,216,.24)}}
.podcard .pc-play.on{background:#34e5d8;color:#08221f;border-color:#34e5d8}
.podcard .pc-play svg{width:12px;height:12px}
.gupdcard{background:var(--nx-hebung);
  border:1px solid rgba(255,255,255,0.13);border-radius:var(--nx-r-tafel);margin-bottom:16px}
.gupdcard .gu-title{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px;margin-bottom:12px}
.gupdcard .gu-row{display:flex;align-items:center;cursor:pointer}
.gupdcard .gu-cov{border-radius:var(--nx-r-bedien);flex:0 0 auto;background-size:cover;background-position:center}
.gupdcard .gu-main{flex:1;min-width:0}
.gupdcard .gu-game{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}
.gupdcard .gu-upd{font-size:var(--nx-typo-meta);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gupdcard .gu-when{font-size:var(--nx-typo-klein);font-weight:700;color:var(--nx-text);white-space:nowrap}
@media (hover:hover){.gupdcard .gu-row:hover .gu-game{color:var(--txt)}}
.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:14px;color:var(--txt)}
.nx-pubsec-hd .nx-pubsec-b{font-size:9px;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 14px var(--nx-f-text)}
.nx-pubcard .nx-pc-tx{flex:1;min-width:0}
.nx-pubcard .nx-pc-nm{font:700 14px 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 14px var(--nx-f-text);color:#fff;flex:none;margin-left:auto}
.nx-pubcard .nx-pc-live{font-size:9px;font-weight:800;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#3be37a;flex:none}
body{padding-top:var(--nx-leiste,48px)}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;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);border-radius:var(--nx-r-tafel)}
.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,
.nx-rsup-h .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}
.nx-whatis{background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}
.nx-whatis svg{flex:none;margin-top:2px}
.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-why{color:var(--nx-leise)}
.nx-agg-wrap{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
.nx-agg-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.07))}
@media (hover:hover){.nx-agg-row:hover{border-color:var(--nx-linie)}}
.nx-agg-ic{flex:none;width:26px;height:26px;border-radius:var(--nx-r-bedien);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 var(--nx-typo-text) var(--nx-f-text)}
.nx-agg-n{flex:none;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);min-width:16px}
.nx-agg-tx{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-reason{display:flex;align-items:center;gap:8px;margin:2px 0 10px;padding:8px 12px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.09);font:400 var(--nx-typo-meta)/1.4 'Nunito Sans',sans-serif;color:#b9b6d6}
.nx-reason svg{flex:none;color:var(--nx-text)}
.nx-art-note{margin-top:9px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-feed-empty{background:var(--surface);border:1px dashed var(--line,rgba(255,255,255,.1));border-radius:var(--nx-r-tafel);padding:26px;text-align:center;font:400 14px 'Nunito Sans',sans-serif;color:var(--dim)}
#savedFilters:empty{display:block;padding:10px 2px 2px}
#savedFilters:empty::after{content:"No saved filters yet. Combine filters above and hit +.";font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-arrange-hint{margin:-6px 0 14px;padding:0 4px;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
/* "Today" liegt in der mittleren Spalte, und die ist selbst eine Flaeche · der Kasten steht deshalb eine Stufe darueber, sonst hat er
  den Ton der Spalte und ist keiner mehr. */
.nx-tonight{position:relative;border-radius:var(--nx-r-tafel);padding:0;margin:0 0 14px;overflow:hidden;
 background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.13)}
.nx-tn-sum{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left}
@media (hover:hover){.nx-tn-sum:hover{background:var(--nx-hebung)}}
.nx-tn-ey{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt);flex:none}
.nx-tn-brief{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-tn-date{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim);margin-left:auto;flex:none}
.nx-tn-chev{flex:none;color:var(--nx-leise);transition:transform .15s}
.nx-tonight.open .nx-tn-chev{transform:rotate(180deg)}
.nx-tn-body{padding:8px 14px 12px}
.nx-tn-rows{display:grid;gap:8px;position:relative;z-index:1}
.nx-tn-body .nx-tn-row{min-height:36px;padding:3px 0}
.nx-tn-row{display:flex;align-items:center;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-tn-row b{font-weight:700;color:var(--txt)}
.nx-tn-ic{width:8px;height:8px;border-radius:50%;margin-right:11px;flex:none}
.nx-tn-ic.on{background:#3ddc84;box-shadow:none}
.nx-tn-ic.live{background:#ff4655}
.nx-tn-ic.clock{background:#ffcc33}
.nx-tn-ic.av{background:#34e5d8}
.nx-tn-sum .nx-tn-ic{margin-right:0}
.nx-pl-src{flex:none;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;border-radius:var(--nx-r-bedien);padding:4px 8px;margin-right:6px}
.nx-pl-time{margin-left:auto;font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim);flex:none;padding-left:14px}
.nx-tn-row .nx-tn-act{margin-left:14px}
.nx-pl-done{align-items:center;gap:8px;margin-top:12px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-pl-done svg{color:#3be37a;flex:none}
.nx-tn-act{margin-left:auto;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);
 border-radius:var(--nx-r-bedien);padding:8px 14px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:.15s;flex:none;white-space:nowrap}
@media (hover:hover){.nx-tn-act:hover{border-color:var(--nx-linie)}}
.nx-tn-toggle{position:relative;z-index:1;margin-top:13px;display:inline-flex;align-items:center;gap:8px;
 border:1px solid rgba(52,229,216,.35);background:rgba(52,229,216,.07);color:#7feee4;border-radius:var(--nx-r-pille);
 padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
.nx-tn-tdot{width:9px;height:9px;border-radius:50%;background:rgba(52,229,216,.4);transition:.15s}
.nx-tn-toggle.on{background:rgba(52,229,216,.16);border-color:#34e5d8;color:#b8fff6}
.nx-tn-toggle.on .nx-tn-tdot{background:#34e5d8;box-shadow:none}
.nx-ses{border:1px solid rgba(61,220,132,.28)}
.nx-ses-badge{width:44px;height:44px;border-radius:var(--nx-r-karte);display:grid;place-items:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-ses-win{background:rgba(61,220,132,.14);border:1px solid rgba(61,220,132,.4);color:#7fe8a9;font-weight:800}
.nx-ses-clips{display:grid;grid-template-columns:96px 96px 1fr;gap:10px;align-items:center;margin:4px 0 12px}
.nx-ses-clip{position:relative;height:58px;border-radius:var(--nx-r-bedien);filter:grayscale(.5) brightness(.75)}
.nx-ses-clip span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:.85;font-size:var(--nx-typo-kartenkopf)}
.nx-ses-clip i{position:absolute;bottom:4px;right:6px;font:700 var(--nx-typo-klein) var(--nx-f-text);font-style:normal;color:#fff;background:rgba(0,0,0,.7);border-radius:var(--nx-r-marke);padding:1px 4px}
.nx-ses-note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
.nx-ses-note em{font-style:normal;color:var(--nx-text);font-weight:700;font-size:var(--nx-typo-klein);margin-left:4px}
.nx-ses-foot{display:flex;align-items:center;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ses-foot b{color:var(--txt)}
.nx-ses-gg{margin-left:auto}
.nx-prevbar .pb-badge{padding:4px 12px}
.nx-rsup{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin-bottom:16px}
.nx-rsup-h{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-meta);color:var(--txt);margin-bottom:11px}
.nx-rsup-t{font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim);margin-bottom:13px}
.nx-rsup-amts{display:flex;gap:8px;margin-bottom:10px}
.nx-rsup-a{flex:1;border:1px solid rgba(255,255,255,.15);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 0;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;text-align:center;transition:.15s}
.nx-rsup-a.on{border-color:var(--nx-linie);color:var(--nx-text)}@media (hover:hover){.nx-rsup-a:hover{border-color:var(--nx-linie);color:var(--nx-text)}}
.nx-rsup-pro{margin-top:9px;border-top:1px solid var(--nx-linie);padding-top:9px}
.nx-rsup-pro b{display:block;font:800 9px var(--nx-f-text);color:var(--nx-text);margin:0 0 3px}
.nx-rsup-pro span{display:block;font:400 var(--nx-typo-meta)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-rsup-go{display:block;width:100%;border:0;background:var(--accent,#5b27e8);color:#fff;border-radius:var(--nx-r-bedien);padding:10px 0;font:800 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;text-align:center;text-decoration:none;transition:.15s}
@media (hover:hover){.nx-rsup-go:hover{filter:brightness(1.1)}}
.nx-rsup-n{margin-top:9px;font:400 var(--nx-typo-klein)/1.5 'Nunito Sans',sans-serif;color:var(--nx-leise);text-align:center}
@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}
.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:nxIn .45s ease both}
@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}}}
.post .nx-posthide{cursor:pointer;font-size:var(--nx-typo-text);line-height:1;opacity:.55;transition:.15s}
@media (hover:hover){.post .nx-posthide:hover{opacity:1;color:#ff6b6b}}
.post.nx-hidden{display:none}
.nx-cardhide{position:absolute;top:10px;right:10px;z-index:5;width:24px;height:24px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.12));background:rgba(8,8,14,.6);color:var(--dim);cursor:pointer;font-size:var(--nx-typo-text);line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:.15s}
.nx-whatis:hover .nx-cardhide,.subscard:hover .nx-cardhide,.podcard:hover .nx-cardhide,.gupdcard:hover .nx-cardhide{opacity:.75}
@media (hover:hover){.nx-cardhide:hover{opacity:1!important;color:#ff6b6b;border-color:rgba(255,107,107,.4)}}
.nx-carddismissed{display:none!important}
.nx-hiddenbar{display:none;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.11);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:#b9b6d6}
.nx-hiddenbar.on{display:flex}
.nx-floatbar{position:fixed;right:22px;bottom:22px;z-index:9999;display:none;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--nx-r-pille);background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);box-shadow:var(--nx-schatten);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nx-floatbar.on{display:flex}
.nx-floatbar .nx-fb-ic{color:var(--nx-text);font-size:14px}
.nx-floatbar b{font-family:var(--nx-f-text);color:#fff}
.nx-floatbar button{background:var(--accent,#5b27e8);color:#fff;border:none;border-radius:var(--nx-r-pille);padding:4px 12px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;margin-left:4px}
@media (hover:hover){.nx-floatbar button:hover{filter:brightness(1.12)}}
.czsep{margin:12px 0 4px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.1));font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim)}
.nx-fb-posts{bottom:72px}
.nx-hiddenbar b{font-family:var(--nx-f-text);color:var(--txt)}
.nx-hiddenbar button{margin-left:auto;background:var(--accent,#5b27e8);color:#fff;border:none;border-radius:var(--nx-r-bedien);padding:6px 14px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
@media (hover:hover){.nx-hiddenbar button:hover{filter:brightness(1.1)}}
.nx-reason{flex-wrap:wrap;row-gap:8px}
.nx-tune{margin-left:auto;display:inline-flex;gap:4px;flex:none;padding-left:10px}
.nx-tune-btn{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise);border:1px solid rgba(255,255,255,.12);background:transparent;border-radius:var(--nx-r-bedien);padding:4px 12px;cursor:pointer;transition:.15s;white-space:nowrap}
@media (hover:hover){.nx-tune-btn:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-tune-more.on{color:#3be37a;border-color:rgba(61,220,132,.5);background:rgba(61,220,132,.08)}
.nx-tune-stub{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px dashed rgba(255,255,255,.14);border-radius:var(--nx-r-tafel);padding:12px 16px;margin:0 0 16px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
.nx-tune-stub b{color:var(--dim);font-weight:700}
.nx-tune-undo{margin-left:auto;flex:none;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);border-radius:var(--nx-r-bedien);padding:4px 12px;cursor:pointer}
@media (hover:hover){.nx-tune-undo:hover{background:var(--nx-hebung)}}
#feed > .post:not([data-nx-dig]){display:block;opacity:1;visibility:visible}
/* DER GRUND DARF NICHT ABGESCHNITTEN WERDEN · er ist die Aussage der
   Zeile. Gemessen blieben von "You follow DoktorFroid · live now" 146
   von 323 Punkten uebrig, weil zwei Knoepfe daneben standen und der
   Text nicht umbrechen durfte. Jetzt bricht er um, und die Knoepfe
   ruecken darunter, wenn es eng wird. */
.fc-why{margin-top:8px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(170,169,192,.78);display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.fc-why .t{white-space:normal;overflow:visible;min-width:0;flex:1 1 60%}
.fc-why .nx-tune{margin-left:auto;flex:none}
.nx-ssbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel)}
.nx-ss-tgl i{font-size:0}
.nx-ss-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nx-ss-obj{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);background:var(--nx-hebung);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.nx-ss-obj img,.nx-ss-obj .oa{width:20px;height:20px;border-radius:50%;flex:none}
.nx-ss-obj .oa{display:grid;place-items:center;font:800 9px var(--nx-f-text);color:#fff;background:var(--accent)}
.nx-ss-obj span b{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
.nx-ss-obj span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ss-obj em{display:inline;font:400 9px 'Nunito Sans',sans-serif;font-style:normal;color:rgba(170,169,192,.78);margin-left:6px}
.nx-ss-obj button,.nx-ss-obj a{margin-left:auto;border:none;cursor:pointer;text-decoration:none;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-ss-cd .rsvp{font:800 8.5px var(--nx-f-text);font-style:normal;color:#3be37a;border:1px solid rgba(59,227,122,.35);padding:2px 6px;border-radius:var(--nx-r-bedien);margin:0 6px}
.nx-ss-fr{display:flex;align-items:center;gap:8px}
.nx-ss-fr .fa{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 9px var(--nx-f-text);color:#fff;background:var(--accent);border:2px solid #3be37a}
.nx-ss-fr span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ss-fr button{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-ss-soc{display:flex;gap:8px;flex-wrap:wrap}
.nx-ss-soc a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:var(--nx-r-pille)}
@media (hover:hover){.nx-ss-soc a:hover{border-color:var(--nx-linie);color:var(--txt)}}
.nx-ss-soc i{width:7px;height:7px;border-radius:50%;font-size:0}
.nx-ss-cd{text-decoration:none;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ss-cd b{font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text);font-variant-numeric:tabular-nums}
body.nx-glance body.nx-glance #feed > .post[data-cat="games"],body.nx-glance #feed > .post[data-cat="news"],body.nx-glance #feed > .post[data-disc]{display:none!important}
body.nx-glance .filters,body.nx-glance .chips{opacity:.35}
.nx-tick-h{display:flex;align-items:baseline;gap:14px;margin-bottom:10px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px}
.nx-tick-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.nx-tick-row::-webkit-scrollbar{display:none}
.nx-tick-c{flex:none;width:186px;background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-karte);padding:8px 12px;cursor:pointer;transition:.15s}
@media (hover:hover){.nx-tick-c:hover{border-color:var(--nx-linie)}}
.nx-tick-src{display:inline-flex;align-items:center;gap:4px;font:800 8.5px var(--nx-f-text);color:var(--dim);margin-bottom:5px}
.nx-tick-src i{width:6px;height:6px;border-radius:2px;font-size:0}
.nx-tick-c b{display:block;font:700 var(--nx-typo-meta)/1.35 var(--nx-f-text);color:var(--txt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nx-tick-c span{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:rgba(170,169,192,.78)}
body.nx-glance .nx-tick{display:none}
.nx-tick-h span{display:none}
.nx-fr-h{display:flex;gap:14px;margin:0 0 12px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px}
.nx-fr-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.nx-fr-row::-webkit-scrollbar{display:none}
/* FLAECHE STATT KANTE · dieselbe Regel wie beim Widget darueber.
  Drei Freundeskarten mit Linie in einem Widget ohne Linie ist zweierlei
  Gestalt auf derselben Flaeche. */
.nx-fr-c{flex:none;width:400px;box-sizing:border-box;background:var(--surface);border:0;padding:12px 16px;position:relative}
.nx-fr-c .x{position:absolute;top:9px;right:11px;border:none;background:none;cursor:pointer;font-size:14px}
.nx-fr-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.nx-fr-av{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}
.nx-fr-top b{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
.nx-fr-top span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text)}
.nx-fr-msg{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim);margin-bottom:9px}
.nx-fr-it{display:flex;align-items:center;gap:8px}
.nx-fr-it b{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-fr-it span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text)}
.nx-fr-act{margin-left:auto;display:flex;gap:8px}
.nx-fr-act button{border:none;cursor:pointer;font:800 var(--nx-typo-klein) var(--nx-f-text);padding:6px 12px;border-radius:var(--nx-r-bedien)}
.nx-fr-act .p{background:var(--accent,#5b27e8);color:#fff}
.nx-fr-act .t{background:var(--nx-hebung);color:var(--dim)}
body.nx-glance .nx-fr{display:none}
.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);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 9px var(--nx-f-text);color:#fff;background:var(--accent);flex:none}
.nx-ssbar{margin:0 0 16px}
.nx-fr{margin:0 0 16px}
.nx-tick{margin:0 0 16px}
#nxTonight>.nx-ss-head{padding:12px 14px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));justify-content:flex-start;gap:14px}
#nxTonight>.nx-ss-head>b,.nx-fr-h b,.nx-tick-h b{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
#nxTonight>.nx-ss-head>b{margin-right:auto}
.nx-fr-h{align-items:baseline}
#nxTonight>.nx-ss-head .nx-ss-tgl{border-width:1px;border-style:solid;border-color:rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 14px;font:700 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:0}
body.nx-glance #nxTonight>.nx-ss-head .nx-ss-tgl{border-color:rgba(52,229,216,.5);color:var(--txt);background:rgba(52,229,216,.08)}
.nx-fr-h .n{margin-left:auto;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);background:none;padding:0;border-radius:0;font-variant-numeric:tabular-nums}
main>#nxSsBar:empty{display:block;height:0;margin:0;padding:0;border:0;background:none}
.rtitle,.sc-title,.pc-title,.gu-title{font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line,var(--nx-linie-subtle));padding-bottom:8px;margin-bottom:12px}
.rtitle svg,.sc-title svg,.pc-title svg,.gu-title svg{width:14px;height:14px}
.sc-row[data-href],.rrow[data-href]{cursor:pointer}
#nxPlaying{display:none}
body.nx-glance #nxPlaying{display:block}
body.nx-glance #feed,body.nx-glance .nx-cont,body.nx-glance .col-left,body.nx-glance .col-right{display:none!important}
body.nx-glance #nxTnBody{display:none}
body.nx-glance #nxTonight>.nx-ss-head{border-bottom:0}
body.nx-glance .shell{grid-template-columns:minmax(0,1fr)}
.nxp-kick{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:26px 0 14px;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt)}
.nxp-queue{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:14px}
.nxp-main{grid-row:1/3;border-radius:var(--nx-r-tafel);overflow:hidden;position:relative;background:var(--accent);min-height:300px;border:1px solid rgba(255,255,255,0.14);cursor:pointer}
.nxp-main .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,13,.92),rgba(8,8,13,.1) 60%)}
.nxp-live{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px;color:#fff;background:var(--live);border-radius:var(--nx-r-bedien);padding:3px 8px}
.nxp-view{position:absolute;top:12px;right:12px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:rgba(8,8,14,.65);border:1px solid rgba(255,255,255,.2);border-radius:var(--nx-r-bedien);padding:3px 8px}
.nxp-main .c{position:absolute;left:18px;right:18px;bottom:16px}
.nxp-main .who{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.nxp-main .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#c31220,#5c0910);display:grid;place-items:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nxp-main .nm{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff}
.nxp-main .sub{color:rgba(255,255,255,.85);font-size:var(--nx-typo-text);margin-bottom:10px}
.nxp-main .why{color:rgba(255,255,255,.6);font-size:var(--nx-typo-meta);margin-bottom:12px}
.nxp-cta{display:inline-flex;align-items:center;gap:8px;font:800 var(--nx-typo-text) var(--nx-f-text);color:#0a0a10;background:#fff;border:none;border-radius:var(--nx-r-bedien);padding:8px 16px;cursor:pointer}
.nxp-card{border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--surface);overflow:hidden;position:relative;cursor:pointer;transition:transform .15s,border-color .15s}
@media (hover:hover){.nxp-card:hover{transform:translateY(-3px);border-color:var(--line2)}}
.nxp-card .cov{height:74px;background:linear-gradient(135deg,var(--c1,#16222e),var(--c2,#4a8a9a));position:relative}
.nxp-card .tag{position:absolute;top:8px;left:8px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:rgba(8,8,14,.7);border:1px solid rgba(255,255,255,.2);border-radius:var(--nx-r-bedien);padding:2px 6px}
.nxp-card .tag.lv{background:var(--live);border-color:transparent}
.nxp-card .c{padding:10px 12px 12px}
.nxp-card .nm{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;line-height:1.2}
.nxp-card .sub{color:var(--faint);font-size:var(--nx-typo-klein);margin-top:3px}
.nxp-num{position:absolute;right:10px;bottom:10px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--cyan)}
.nxp-lower{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:14px}
.nxp-panel{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--surface);padding:16px 18px}
.nxp-panel .nxp-kick{margin-top:0}
.nxp-frow{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.nxp-frow:last-child{border-bottom:none}
.nxp-frow .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 var(--nx-typo-meta) var(--nx-f-text);color:#fff;position:relative;flex:none}
.nxp-frow .av i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--surface);font-size:0}
.nxp-frow .nm{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nxp-frow .sub{color:var(--faint);font-size:var(--nx-typo-meta)}
.nxp-frow .act{margin-left:auto;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--cyan);border:1px solid rgba(52,229,216,.4);background:none;border-radius:var(--nx-r-bedien);padding:4px 12px;cursor:pointer}
.nxp-evrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}
.nxp-evrow:last-child{border-bottom:none}
.nxp-evrow .ic{width:36px;height:36px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);display:grid;place-items:center;color:var(--nx-text);flex:none}
.nxp-evrow .nm{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nxp-evrow .sub{color:var(--faint);font-size:var(--nx-typo-meta)}
.nxp-evrow .cd{margin-left:auto;font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--gold);font-variant-numeric:tabular-nums}
@media(max-width:1100px){.nxp-queue{grid-template-columns:1fr 1fr}.nxp-main{grid-row:auto;grid-column:1/-1}.nxp-lower{grid-template-columns:1fr}}
.frail .nx-live{flex-direction:row;flex-wrap:wrap;align-items:center;gap:7px;margin:0;background:none;border:none;border-radius:0;padding:0}
/* GEMESSEN: das Wort "Live" stand auf 12,5px/700 in fast weiss und war
  damit das Erste und Hellste der Gruppe · es las sich als deren
  Ueberschrift, obwohl die Gruppe eine eigene hat. Eine Gruppe hat einen
  Kopf. "Live" gehoert in den Satz darunter und bekommt dessen Schrift. */
.frail .nx-live .nx-live-tx{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.frail .nx-live .nx-live-sub{flex-basis:100%;font-size:var(--nx-typo-meta);margin-top:-3px}
.frail .nx-live .nx-speed{margin-left:0;flex-basis:100%;flex-wrap:wrap;gap:6px;margin-top:3px}
.frail .nx-live .nx-sp{padding:5px 11px;font-size:var(--nx-typo-text);border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.14)}
.frail .nx-live .nx-sp.nx-on{border-color:var(--nx-linie);background:var(--nx-hebung);color:var(--nx-text)}
.frail .nx-live .nx-pausebtn{margin-left:0;padding:5px 11px;font-size:var(--nx-typo-text);border-radius:var(--nx-r-pille);background:none;border:1px solid rgba(255,255,255,.14);color:var(--nx-leise)}
@media (hover:hover){.frail .nx-live .nx-pausebtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.frail .nx-live-time{font-size:var(--nx-typo-klein)}
.nxnf-bar{display:flex;gap:8px;margin:2px 2px 14px;flex-wrap:wrap;align-items:center}
.nxnf-lbl{font:800 10px var(--nx-f-text);color:var(--dim);margin-right:2px}
.nxnf-c{color:var(--dim);border:1px solid var(--line,var(--nx-linie-subtle));background:transparent;border-radius:var(--nx-r-pille);padding:6px 13px;cursor:pointer;transition:.15s}
.nxnf-c.on{color:#fff;background:var(--accent);border-color:var(--line2,var(--nx-linie))}
@media (hover:hover){.nxnf-c:hover{color:#fff}}
.nxnf-src{display:inline-flex;align-items:center;gap:6px;font:700 var(--nx-typo-klein) var(--nx-f-text);padding:3px 8px;border-radius:var(--nx-r-marke);letter-spacing:.04em}
.nxnf-src.game{background:var(--nx-hebung);color:var(--nx-text)}
.nxnf-src.creator{background:rgba(216,27,69,.16);color:#ffaebd}
.nxnf-src.group{background:rgba(52,229,216,.14);color:#8ff0e8}
.nxnf-src.friend{background:rgba(59,227,122,.14);color:#9de9b8}
.fe .nxnf-meta{display:flex;align-items:center;gap:9px;margin-bottom:5px}
#nxStream{margin-left:0;}
#nxStream .fe{position:relative;transition:border-color .16s}
@media (hover:hover){#nxStream .fe:hover{border-color:var(--line2,var(--nx-linie))}}
.nxp-head{display:flex;align-items:center;gap:11px;padding:13px 16px 0}
.nxp-av{width:38px;height:38px;border-radius:var(--nx-r-karte);flex:none;background-size:cover;background-position:center;
  display:grid;place-items:center;font:800 13px var(--nx-f-text);color:#fff}
.nxp-who b{display:block;font:800 13.5px var(--nx-f-text);color:#fff;line-height:1.25}
.nxp-who span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nxp-why{margin-left:auto;font:700 10px var(--nx-f-text);padding:4px 9px;border-radius:var(--nx-r-marke);white-space:nowrap}
.nxp-why.game{background:var(--nx-hebung);color:var(--nx-text)}
.nxp-why.creator{background:rgba(216,27,69,.16);color:#ffaebd}
.nxp-why.group{background:rgba(52,229,216,.14);color:#8ff0e8}
.nxp-why.friend{background:rgba(59,227,122,.14);color:#9de9b8}
.nxp-art{height:172px;margin:12px 16px 0;border-radius:var(--nx-r-karte);background-size:cover;background-position:center;background-color:var(--nx-hebung)}
.nxp-t{font:700 15px/1.35 var(--nx-f-text);color:#fff;padding:12px 16px 0}
.nxp-acts{display:flex;gap:8px;padding:12px 16px 14px;align-items:center}
.nxp-b{font:800 12px var(--nx-f-text);color:#fff;background:var(--nx-hebung);border:1px solid var(--line,var(--nx-linie-subtle));
  border-radius:var(--nx-r-bedien);padding:8px 14px;cursor:pointer;transition:.15s}
.nxp-b.pri{background:var(--accent,#5b27e8);border-color:transparent}
@media (hover:hover){.nxp-b:hover{filter:brightness(1.15)}}
.nxp-when{margin-left:auto;font:400 11px 'Nunito Sans',sans-serif;color:var(--dim)}
.nxpace{display:flex;align-items:center;gap:8px;margin:0 2px 12px;flex-wrap:wrap}
.nxpace .lb{font:800 10px var(--nx-f-text);color:var(--dim)}
.nxpace button{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim);border:1px solid var(--line,var(--nx-linie-subtle));
  background:transparent;border-radius:var(--nx-r-bedien);padding:5px 11px;cursor:pointer;transition:.15s}
.nxpace button.on{color:var(--txt);border-color:rgba(52,229,216,.5);background:rgba(52,229,216,.12)}
@media (hover:hover){.nxpace button:hover{color:#fff}}
.nxpace .live{display:inline-flex;align-items:center;gap:6px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--cyan,#34e5d8);margin-left:4px}
.nxpace .live i{width:6px;height:6px;border-radius:50%;background:var(--cyan,#34e5d8);animation:nxb 2.4s infinite}
@keyframes nxb{0%,100%{opacity:1}50%{opacity:.3}}
.nxcaught{text-align:center;margin:26px auto 0;max-width:460px;padding:22px 20px;border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);background:var(--nx-hebung)}
.nxcaught .ico{width:44px;height:44px;border-radius:50%;margin:0 auto 12px;background:rgba(52,229,216,.1);border:1px solid rgba(52,229,216,.3);display:grid;place-items:center;color:var(--cyan,#34e5d8);font-size:var(--nx-typo-abschnitt)}
.nxcaught b{display:block;font:800 16px var(--nx-f-text);color:#fff}
.nxcaught p{font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim);margin:7px 0 0}
.nxapp{margin:16px auto 0;max-width:640px;border:1px dashed var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:18px 20px}
.nxapp .h{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.nxapp .h b{font:800 14px var(--nx-f-text);color:#fff}
.nxapp .h .soon{margin-left:auto;font:800 9.5px var(--nx-f-text);letter-spacing:.08em;color:var(--nx-text);border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-marke);padding:3px 8px}
.nxapp .cols{display:flex;gap:16px;flex-wrap:wrap}
.nxapp .c{flex:1;min-width:150px}
.nxapp .c b{display:block;font:800 12px var(--nx-f-text);color:var(--nx-text);margin-bottom:3px}
.nxapp .c span{font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
/* KEIN GESTRICHELTES KAESTCHEN zwischen neun randlosen Flaechen · der Knopf
  war das einzige Element der Seite mit einem Rand und las sich als
  vergessener Platzhalter. Die Flaeche traegt ihn, wie alle anderen auch. */
#board .wg.add{transition:border-color .16s,background .16s}
#board .wg.add .plus{width:36px;height:36px;border-radius:var(--nx-r-bedien);
  display:grid;place-items:center;font:400 21px var(--nx-f-titel);line-height:1;background:var(--nx-hebung)}
#board .wg.add span{font:800 var(--nx-typo-text) var(--nx-f-text);letter-spacing:.02em}
#board .wg.add small{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
body{opacity:0;animation:nxHomeIn .35s ease .3s forwards}
@keyframes nxHomeIn{to{opacity:1}}
.nx-dashhome{max-width:1440px;margin:0 auto;padding:46px 28px 0}
.nx-dashhome .hello{margin-bottom:30px}
.nx-dashhome .arrange{margin:0 0 22px}
/* GEMESSEN: waagerecht lagen zwischen den Kacheln exakt 12 Punkte, senkrecht
  14,00 bis 17,50 · derselbe Zwischenraum in zwei Massen. Der Grund war das
  Raster: eine Kachel belegt ganze Rasterzeilen, und bei 4 Punkten Raster
  bleibt bis zu knapp vier Punkte Rest ueber ihrer Hoehe stehen. Mit einem
  Raster von einem Punkt faellt der Rest unter einen Punkt. */
#board{display:grid;row-gap:0;align-items:start;
  grid-auto-rows:1px;grid-auto-flow:row dense}
#board .wg{height:auto;align-self:start;}
#board .wg{animation:none!important;opacity:1!important;transform:none!important}
#board .wg.nx-ma-wg{height:212px;min-height:212px}
#board .nx-ma-in{display:flex;flex-direction:column;height:100%;min-height:0}
#board .nx-ma-k{display:block;flex:1 1 auto;min-height:0;overflow-y:auto}
#board .nx-ma-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#board .wg.h2{grid-row:auto!important}
#board .wg.add{width:auto;height:auto;margin:0;min-height:150px;border:none;
  background:var(--nx-hebung)!important;display:flex;flex-direction:column;
  align-items:center;justify-content:center;color:var(--nx-text);cursor:pointer;padding:14px 10px}
@media (hover:hover){#board .wg.add:hover{background:var(--nx-hebung)!important}}
.shell{display:grid;}
.shell > .col-left{
  position:sticky;align-self:start;
overflow-y:auto;overscroll-behavior:contain;
  margin:0;padding:16px;width:auto;max-width:none;
  background:var(--nx-hebung);border:0;
  border-radius:var(--nx-r-block);display:flex;flex-direction:column;gap:14px}
.shell > .col-right{
  border-radius:var(--nx-r-block);}
.shell > .col-left::-webkit-scrollbar,.shell > .col-right::-webkit-scrollbar{width:6px}
.shell > .col-left::-webkit-scrollbar-thumb,.shell > .col-right::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14);border-radius:var(--nx-r-pille)}
@media (hover:hover){.shell > .col-left::-webkit-scrollbar-thumb:hover,.shell > .col-right::-webkit-scrollbar-thumb:hover{
  background:var(--nx-hebung)}}
.shell > .col-left::-webkit-scrollbar-track,.shell > .col-right::-webkit-scrollbar-track{background:transparent}
.shell > .col-left > *,.shell > .col-right > *{margin:0!important}
.shell > main{
/* DREI SCHIENEN, EINE SPRACHE · und die ist die Flaeche.
   Linke Schiene und Mitte trugen je links und rechts eine Haarlinie, oben
   und unten keine; die rechte Schiene gar keine. Dieselbe Flaeche, dieselbe
   Rundung, zwei verschiedene Einfassungen · im Bild bei x68, x333 und x341
   nachgemessen. Die Flaeche trennt schon, die Linie sagt nichts dazu. */
border:0;}
/* Zweite Begruessung und die Reihe "Pick up where you left off" wurden hier
  ausgeknipst · beide werden jetzt gar nicht mehr gebaut (nextari-home.html). */
.shell > main > .gupdcard{order:40}
.shell > main > .podcard{order:45}
.col-right > .nx-platzhalter{display:none}
.col-left .frail{background:none;border:0;padding:0;margin:0}
/* Getrennt wird mit Abstand, nicht mit einem Strich · die linke
  Schiene trug vier davon uebereinander. */
.col-left .grp{border-top:0;margin:0}
.col-left .chips{display:flex;flex-wrap:wrap;gap:6px}
.col-left .chip-f{padding:5px 10px;
  border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.09)!important;
  background:var(--nx-hebung)!important;color:var(--dim)!important;cursor:pointer;transition:.15s}
@media (hover:hover){.col-left .chip-f:hover{border-color:var(--nx-linie)!important;color:#fff!important}}
.col-left .chip-f.on{background:var(--accent)!important;border-color:var(--nx-linie)!important;color:#fff!important}
.col-left .nx-rail-lib{display:inline-block;margin-top:8px;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);text-decoration:none}
.nx-filterhide{display:none}
.shell > main{display:flex;flex-direction:column;gap:30px}
.shell > main > *{margin:0!important;order:50}
.shell > main > style,.shell > main > script{display:none!important}
.shell > main > #nxSsBar{order:5}
.shell > main > #nxPlaying{order:10}
.shell > main > .nx-mid-h{order:14}
.shell > main > #feed{order:15}
.shell > main > #nxTick{order:20}
.shell > main > #nxYtRow{order:25}
.shell > main > #nxKulRow{order:30}
.shell > main > #nxErgFreunde{order:35}
.shell > main > #nxCaughtup{order:90}
.shell > main > #nxFeedManage{order:95}
.nx-mid-h{display:flex;align-items:baseline;gap:10px}
.nx-mid-h b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-mid-h span{font:400 12px 'Nunito Sans',sans-serif;color:var(--dim)}
.shell main .post,.shell main .rail,.shell main .nx-dig{
  border-radius:var(--nx-r-tafel);border:1px solid rgba(255,255,255,.07);
  background:var(--nx-hebung);box-shadow:none}
.shell main .post{margin:0 0 14px;max-height:none}
@media (hover:hover){.shell main .post:hover{border-color:var(--nx-linie)}}
.col-right .rail,.col-right .gupdcard,.col-right .podcard,.col-right .nx-rsup{
  background:var(--nx-hebung);border:1px solid rgba(255,255,255,.07)!important;
  border-radius:var(--nx-r-tafel);box-shadow:none!important}
.col-right > *{order:50}
.col-right > .nx-netbox{order:5}
.col-right > .rail{order:10}
.col-right > #nxHomeCal{order:20}
.col-right > .gupdcard{order:30}
.col-right > .podcard{order:35}
.col-right > #nxRsupCard{order:80}
.col-right > .nx-add2{order:99}
.col-right > .subscard,.col-right > #nxMobileAd,.col-right > .railpromo{display:none}
/* DER STROM IM ZWEITSCHIRM · eine Zeile je Moment.
  Die Kacheln waren fuer die schmale Schiene gebaut: enge Polsterung, kein
  Bild, Kappe bei sechs. Auf der Zweitschirm-Breite liest sich derselbe
  Inhalt als Zeile · wer, wie alt, woher, was, wohin. display:contents loest
  den Kopf auf, damit Bild, Name, Marke, Satz und Knoepfe EINE Spaltenordnung
  teilen und ueber alle Zeilen auf derselben Kante stehen. */
#nxStream{border-left:0!important;margin:0!important;display:flex!important;flex-direction:column;gap:8px!important}
/* display OHNE !important: der Strom blendet einzelne Zeilen per Stil am
  Element aus (Takt und Filter) · ein !important hier haette jede
  Ausblendung ueberstimmt und alle Karten gezeigt. */
#nxStream .fe{display:grid;grid-template-columns:34px minmax(96px,156px) 92px minmax(0,1fr) auto;
  align-items:center;column-gap:14px;row-gap:0;
  padding:9px 14px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:var(--nx-r-karte)!important;
  background:var(--nx-hebung)!important;overflow:hidden}
#nxStream .fe::before{display:none}
#nxStream .fe .nxp-art{display:none}
#nxStream .nxp-head{display:contents}
#nxStream .nxp-av{width:34px;height:34px;border-radius:var(--nx-r-bedien);font-size:12px}
#nxStream .nxp-who{min-width:0}
#nxStream .nxp-who b{font-size:var(--nx-typo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nxStream .nxp-who span{font-size:11px}
#nxStream .nxp-why{margin-left:0;justify-self:start;font-size:9.5px;padding:3px 7px}
/* Eine Zeile, sauber gekuerzt: alle Zeilen des Stroms behalten dieselbe Hoehe,
  und ein langer Titel endet an einem Auslassungszeichen statt mitten im Wort.
  Der volle Satz haengt am title-Attribut. */
#nxStream .nxp-t{font:600 13px/1.4 'Nunito Sans',sans-serif;color:var(--txt);padding:0;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nxStream .nxp-acts{padding:0;gap:7px;justify-self:end}
#nxStream .nxp-b{font-size:11px;padding:6px 11px}
#nxStream a.nxp-b{text-decoration:none;display:inline-flex;align-items:center}
#nxStream .nxp-who .nx-herk{margin-left:6px}
/* Die Demo-Pille setzt nxm-marken.js VOR eine Flaeche, die im Raster liegt ·
  sie steht damit als eigene Zeile ueber ihrer Karte und darf sich nicht auf
  die volle Spaltenbreite dehnen. Abstaende bleiben beim Besitzer. */
#nxStream > .nx-demopill{align-self:flex-start}
/* STAND DES STROMS · was die Uhr zuletzt gemessen hat, nicht was wir hoffen.
  Sein Platz steht IMMER da: sonst schoebe die Meldung "1 new" beim Auftauchen
  die ganze Liste um eine Zeilenhoehe nach unten, und der ruhige Schirm haette
  genau das getan, was er nicht tun soll. */
.nx-dashhome > .feed-h{flex-wrap:wrap;min-height:24px}
#nxStromStand{margin-left:auto;min-height:24px;font:700 11px var(--nx-f-text);color:var(--dim);
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
#nxStromStand .nx-st-neu{color:var(--txt);border:1px solid rgba(52,229,216,.5);background:rgba(52,229,216,.12);
  border-radius:var(--nx-r-pille);padding:3px 10px;cursor:pointer;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:.04em}
@media (hover:hover){#nxStromStand .nx-st-neu:hover{border-color:rgba(52,229,216,.85)}}
#nxStromStand .nx-st-zeit{font-variant-numeric:tabular-nums}
@media(max-width:760px){
  #nxStream .fe{display:block;padding:11px 13px!important}
  #nxStream .nxp-head{display:flex}
  #nxStream .nxp-who b{white-space:normal}
  #nxStream .nxp-why{margin-left:auto}
  #nxStream .nxp-t{margin-top:7px;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  #nxStream .nxp-acts{margin-top:9px}
  #nxStream .fe > .nx-demopill{margin:9px 0 0}
  #nxStromStand{margin:6px 0 0;flex-basis:100%}
}
.nx-ss-tgl{display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  font:800 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);
  color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 13px;transition:.15s}
@media (hover:hover){.nx-ss-tgl:hover{border-color:rgba(52,229,216,.45)}}
.nx-ss-tgl i{width:7px;height:7px;border-radius:50%;background:#6a6a80;flex:none;font-style:normal;transition:.15s}
body.nx-glance .nx-ss-tgl{border-color:rgba(52,229,216,.5);color:var(--txt);background:rgba(52,229,216,.08)}
body.nx-glance .nx-ss-tgl i{background:#34e5d8;box-shadow:none}
body.nx-glance .shell{display:none}
/* VIER STATT SECHS · der Zweitschirm steht neben einem laufenden Spiel.
  Mit 252 Punkten Mindestbreite passten bei 1600 sechs Kacheln in eine
  Zeile, gemessen 281 Punkte je Stueck. Darin bricht "Everyone is
  playing" seine Balken um, und die Feed-Zeilen kuerzen jeden zweiten
  Titel. Wer nebenher spielt, liest im Vorbeischauen · dafuer braucht
  eine Kachel Platz, nicht Gesellschaft. Bei 340 sind es vier, und bei
  schmalen Fenstern faellt es von selbst auf drei und zwei. */
body.nx-glance #board{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));column-gap:14px}
main.nx-dashhome > #nxPlaying{display:none}
body.nx-glance main.nx-dashhome > #nxPlaying{display:block;}
/* Eine Kachel mit eigener Ortsliste (data-nx-orte, gefuehrt von
  nxm-brett.js) steht nur dort · ohne Zweitschirm faellt eine reine
  Zweitschirm-Kachel aus dem Brett. */
body:not(.nx-glance) #board > .wg[data-nx-orte]:not([data-nx-orte~="home"]){display:none}
body.nx-glance footer,body.nx-glance #nxFeedbackBar,
body.nx-glance .nx-fb-hero,body.nx-glance #nxFbHero{display:none}
/* DER ZWEITSCHIRM IST NUR DAS BRETT. Der Knopf sagt es seit jeher
  ("feed and filters are resting"), und .shell verschwindet auch · der
  Strom samt Filter, Takt und Aufholmarke kam aber SPAETER dazu und stand
  ausserhalb von .shell. Damit hing unter den Widgets eine zweite Seite:
  Filterleiste, Taktleiste und ein langer Feed · genau das, was im
  Zweitschirm nicht sein soll. Weggenommen ist nichts: derselbe Strom
  steht als Widget im Katalog ("Right now", "Gaming press", "From your
  people") und laesst sich aufs Brett holen. */
body.nx-glance main.nx-dashhome > .feed-h,
body.nx-glance main.nx-dashhome > #nxnfBar,
body.nx-glance main.nx-dashhome > #nxPaceBar,
body.nx-glance main.nx-dashhome > #nxStream,
body.nx-glance main.nx-dashhome > #nxCaught,
body.nx-glance main.nx-dashhome > #nxStromKopf,
body.nx-glance main.nx-dashhome > #nxFeedManage{display:none!important}
.nx-ss-note{display:none;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
body.nx-glance .nx-ss-note{display:inline}
.nxch-sec{max-width:100%;overflow:hidden}
.nxch-row{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:flex-start}
.nxch-card{flex:0 0 230px!important;height:200px!important}
@media(max-width:1240px){.shell{grid-template-columns:220px minmax(0,1fr)!important}
  .shell > .col-right{grid-column:1/-1;position:static;max-height:none}}
/* Waagerechte Kante und Breite setzt die Seitenbreite-Regel am Ende der Datei. */
.nx-dashhome{padding-top:88px;padding-bottom:44px;
  background:none;
  border-bottom:1px solid var(--nx-linie-subtle)}
.shell{grid-template-columns:266px minmax(0,1fr) 300px!important;
  max-width:var(--nx-breite);margin:0 auto;padding:30px var(--nx-rand) 60px}
.shell > .col-right{display:flex;flex-direction:column;gap:16px;
  position:sticky;top:calc(var(--nx-kopf, 72px) + 14px);align-self:start;overscroll-behavior:contain;
  padding:0;margin:0;width:auto;max-width:none;
  background:none;border:0}
.shell > .col-right::-webkit-scrollbar{width:6px}
.shell > .col-right::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:var(--nx-r-pille)}
.shell > .col-right > *{display:none}
.shell > .col-right > .nx-b-widget,
.shell > .col-right > #nxMobileAd.nx-b-widget{display:block;margin:0}
.nx-b-widget{border:1px solid rgba(255,255,255,.08);border-radius:var(--nx-r-tafel);
  background:var(--nx-hebung);padding:14px}
.nx-b-widget .nx-bw-h{display:flex;align-items:center;gap:7px;margin:0 0 10px;
  font:800 11px var(--nx-f-text);color:var(--dim)}
.shell > .col-right > .nx-b-widget{flex:1 1 300px}
/* Hier stand bis zum 04.10. eine schliessende Klammer ohne Regel (Rest eines
  frueheren Blocks), dahinter @media(max-width:900px){.shell{...minmax(0,1fr)}}.
  Chrome las die Klammer als Anfang des naechsten Selektors und verwarf den
  Block. Sichtbar wurde das nie: dieselbe Regel steht in den Breitenstufen
  weiter unten (@media (max-width:900px), .shell > .col-left), und die sind
  der Besitzer der Spalten. Die Klammer ist weg, die Doppelung auch (Nr. C53). */

.shell > main{max-width:none;margin:0}
footer{max-width:none;width:100%}
footer{border-top:1px solid var(--nx-linie-subtle);padding-left:0;padding-right:0}

#board{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
  column-gap:12px}
#board .wg{padding:13px 14px;border-radius:var(--nx-r-tafel)!important;
  position:relative;overflow:hidden;isolation:isolate}
#board .wg .wg-cta{margin-top:9px!important}

#board .wg[data-nxbg]::before{content:"";position:absolute;inset:-10px;z-index:-2;
  background-image:var(--bg);background-size:cover;background-position:center;filter:blur(5px)}
#board .wg[data-nxbg]::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,8,13,.8) 0%,rgba(8,8,13,.86) 55%,rgba(8,8,13,.96) 100%)}
/* FLAECHE STATT KANTE · auch auf einem Widget mit Bild.
  Hier bekam jedes Widget MIT Hintergrundbild eine helle Kante · genau
  die eckigen Raender, die auf der Seite auffallen. Was sie leisten
  sollte (das Bild vom Grund abheben) leistet der Schleier darunter
  schon, und zwar ohne etwas zu zeichnen. */
#board .wg[data-nxbg]{border:0}
#board .wg[data-nxbg] .wg-h b,#board .wg[data-nxbg] b{text-shadow:0 1px 10px rgba(0,0,0,.85)}

.col-left .grp:first-of-type{border-top:0;padding-top:0!important;
  margin:0 0 6px!important;padding-bottom:24px!important;border-bottom:0}
/* Hier stand eine zweite Schriftgroesse, Farbe und Sperrung fuer den Kopf
  der ersten Gruppe · die drei anderen Koepfe der Schiene bekommen ihre
  von der Schienenregel. Ein Kopf, eine Regel. */
.col-left .grp:first-of-type .chips{flex-direction:column!important;gap:3px!important}
.col-left .grp:first-of-type .chip-f{width:100%!important;border-radius:var(--nx-r-bedien)!important;
  padding:9px 12px!important;font:700 13px var(--nx-f-text)!important;
  border-color:transparent!important;background:transparent!important;text-align:left!important}
@media (hover:hover){.col-left .grp:first-of-type .chip-f:hover{background:var(--nx-hebung)!important}}
.col-left .grp:first-of-type .chip-f.on{background:var(--accent)!important;
  border-color:var(--nx-linie)!important;color:#fff!important}

/* · Diese Regel schaltete die GANZE Gliederung des Feeds ab:
  Gruppenueberschriften, Zonentitel, Zwischenkoepfe. Uebrig blieben Karten in
  drei Breiten ohne ein Wort dazu · daher wirkte der Feed beliebig. Die
  Ueberschriften und Zonentitel kommen zurueck; leere Gruppen blendet
  nxm-feed-tidy.js weiterhin einzeln aus. Die Verdichtungskaesten und
  Zwischenkoepfe bleiben aus, die waren wirklich doppelt. */
#feed .nx-dig,
#feed > .shead,#feed > h2,#feed > h3{display:none!important}
#feed{flex-direction:column;gap:16px}

#feed{display:grid;align-items:start;
  grid-auto-rows:4px;}
#feed > *{margin:0}
#feed > .nx-mehr-halter{grid-column:1/-1}

#feed > .post{position:relative;overflow:hidden;}


@supports not (color: color-mix(in srgb, red 50%, blue)){
  #feed > .post{background:var(--nx-hebung)!important}
#feed > .post::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
    background:var(--nxq,var(--nx-text));z-index:4}
}

/* NEXTARI selbst: der Punkt ist das eine Lila (eine Flaeche), die Toenung
  der Karte und der Pille nicht · Lila gibt es nicht als Schleier. */
.nxq-nextari{ --nxq-ton:var(--nx-text) }   

/* FLAECHE STATT KANTE · auch hier. Die Pille hatte beides: eine Fuellung
  UND einen Ring in derselben Farbfamilie. Zusammen las sich das wie zwei
  Pillen uebereinander · genau das, was an der freenet-Karte auffiel. */
.nx-herkunft{
  background:color-mix(in srgb,var(--nxq-ton,var(--nxq)) 14%,transparent);
  color:color-mix(in srgb,var(--nx-text) 82%,#ffffff)}
.nx-herkunft i{background:var(--nxq)!important}

.nxq-press .banner,.nxq-press .nxp-art{height:168px!important;position:relative}
.nxq-press .btxt b,.nxq-press .banner-title{font:800 16px/1.28 var(--nx-f-text)!important;
  color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.9)}
/* Hier lag eine rote Haarlinie ueber der Karte · als einzige Flaeche der
  Seite, quer ueber die gerundeten Ecken hinweg und in einem Rot, das
  weder zur Farbe dieser Karte noch zum einen Rot des Hauses gehoerte.
  Eine Markierung, die nur an einer Stelle vorkommt und der Kartenform
  nicht folgt, liest sich als Darstellungsfehler. Getrennt wird mit
  Flaeche; woher die Karte kommt, sagt ihr Herkunftszeichen. */

/* Hier stand border-radius:0 · ohne Begruendung, und daneben ist jede Karte
  gerundet. Eine Ecke, die nur an zwei von 43 Flaechen scharf ist, liest sich
  als Fehler, nicht als Absicht. */
.nxq-twitch .viewers{background:rgba(0,0,0,.72);}
/* KEIN ZWEITES LIVE. Auf dem Artwork steht bereits LIVE · das ist die
  Stelle, an der man es sucht. Ein zweiter roter Punkt an der Pille
  daneben sagt dasselbe noch einmal. */

.nxq-youtube .banner,.nxq-youtube .nxp-art{border-radius:var(--nx-r-karte,14px)}


#feed > .post{border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-karte);
  background:var(--nx-hebung);box-shadow:none}

/* DER DECKEL SITZT AM KOERPER, NICHT AN DER KARTE.
  Vorher hatte die ganze Karte max-height:430 und overflow:hidden, und der
  Knopf "Read more" schwebte darin am unteren Rand. Gemessen lagen auf drei
  Karten der Knopf und die Reaktionszeile uebereinander: Like, Epic,
  Dislike, Merken, Teilen und "More like this" standen unter dem Verlauf
  und liessen sich nicht mehr treffen. Ein Deckel, der Bedienung verdeckt,
  nimmt weg statt zu kuerzen.
  Gekuerzt wird jetzt der Textkoerper der Karte (.nx-kurz, von deckeln()
  gesetzt); Bedienzeilen und Begruendung stehen immer darunter, und der
  Knopf steht zwischen beiden statt auf ihnen. */
#feed > .post img{max-height:320px;object-fit:cover}
#feed > .post .nx-kurz{position:relative;overflow:hidden}
#feed > .post .nx-kurz::after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;
  background:linear-gradient(180deg,rgba(11,11,18,0),rgba(11,11,18,.92));pointer-events:none}
#feed > .post.nx-offen .nx-kurz{max-height:none!important}
#feed > .post.nx-offen .nx-kurz::after{display:none}
.nx-mehr{display:block;margin:9px auto 3px;
  font:800 11px var(--nx-f-text);letter-spacing:.04em;color:var(--nx-text);cursor:pointer;
background:var(--nx-flaeche);border-radius:var(--nx-r-pille);padding:6px 13px}
@media (hover:hover){.nx-mehr:hover{border-color:var(--nx-linie);color:#fff}}
.nx-mehr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

#nxMehrStrom{display:flex;align-items:center;justify-content:center;gap:9px;
  padding:14px;border:1px dashed rgba(255,255,255,.13);border-radius:var(--nx-r-tafel);
  background:var(--nx-hebung);cursor:pointer;
  font:800 var(--nx-typo-text) var(--nx-f-text);letter-spacing:.03em;color:var(--dim)}
@media (hover:hover){#nxMehrStrom:hover{border-color:var(--nx-linie);color:#fff}}
#nxMehrStrom small{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}

@media (hover:hover){#feed > .post:hover{border-color:var(--nx-linie)}}

/* Klein, ruhig, ohne Kante · eine Herkunftsangabe ist eine Notiz, kein
  Bedienelement. Enger gesetzt (2px statt 3px hoch) und mit etwas Luft
  nach unten: sie klebte mit null Punkten am Inhalt darunter. */
.nx-herkunft{display:inline-flex;align-items:center;gap:5px;
  font:800 var(--nx-typo-klein) var(--nx-f-text);border:0;border-radius:var(--nx-r-pille);
  padding:2px 8px;margin-bottom:8px;white-space:nowrap}
.nx-herkunft i{width:5px;height:5px;border-radius:50%;flex:none;font-style:normal}
.nx-herkunft.f i{background:#3be37a}
.nx-herkunft.g i{background:var(--accent)}
.nx-herkunft.c i{background:var(--live,#d81b45)}
.nx-herkunft.n i{background:#34e5d8}
.nx-herkunft.e i{background:#ffc53d}
.nx-herkunft.a i{background:#a9a9b6}
.nx-hkopf{display:flex;align-items:center;gap:8px;padding:12px 16px 0}

#nxStromKopf{display:flex;flex-wrap:wrap}
#nxStromKopf .nx-rn-ic{display:inline-flex;align-items:center;justify-content:center;
flex:none;
  background:rgba(52,229,216,.12);border:1px solid rgba(52,229,216,.35);color:#34e5d8}
#nxStromKopf span{font:400 12px 'Nunito Sans',sans-serif;color:var(--dim)}

.shell > .col-left{top:calc(var(--nx-kopf, 72px) + 14px);max-height:calc(100vh - var(--nx-kopf, 72px) - 36px)}
.col-left .grp{padding:14px 0 0!important}

.col-right{display:none}

.shell > main > #nxTick,
.shell > main > #nxYtRow,
.shell > main > #nxKulRow,
.shell > main > #nxErgFreunde,
.shell > main > .gupdcard,
.shell > main > .podcard{display:none}


.nx-umb{opacity:0;margin-left:7px;cursor:pointer;flex:none;
  width:19px;height:19px;border-radius:var(--nx-r-marke);border:1px solid rgba(255,255,255,.16);
  background:var(--nx-hebung);color:var(--dim);
  font:700 10px/17px var(--nx-f-text);text-align:center;transition:.15s;
  display:inline-block;vertical-align:middle}
.wg-h:hover .nx-umb,.nx-mid-h:hover .nx-umb,.nx-umb:focus{opacity:1}
@media (hover:hover){.nx-umb:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung)}}
[data-nx-umb]{outline:none}
[data-nx-umb][contenteditable="true"]{background:var(--nx-hebung);
  border-radius:var(--nx-r-marke);padding:1px 6px;margin:-1px -6px;
  box-shadow:inset 0 0 0 1px var(--accent)}
.nx-umb-hint{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim);margin-left:8px}

.nx-suche{position:relative;margin:0 0 14px}
.nx-suche input{width:100%;box-sizing:border-box;padding:10px 12px 10px 32px;
  border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.10);
  background:var(--nx-hebung);color:var(--txt);
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;outline:none}
.nx-suche input::placeholder{color:var(--nx-leise)}
.nx-suche input:focus{border-color:var(--accent);background:var(--nx-hebung-2)}
.nx-suche .lupe{position:absolute;left:11px;top:50%;transform:translateY(-50%);
  color:var(--nx-leise);font-size:12px;pointer-events:none}
.nx-suche .weg{position:absolute;right:8px;top:50%;transform:translateY(-50%);
  cursor:pointer;color:var(--dim);font:700 12px var(--nx-f-text);
  border:0;background:none;padding:4px;display:none}
.nx-suche.hat .weg{display:block}
.nx-vor{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.nx-vor button{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;padding:4px 9px;border-radius:var(--nx-r-pille);
  border:1px solid rgba(255,255,255,.10);background:var(--nx-hebung);
  color:var(--dim);cursor:pointer}
@media (hover:hover){.nx-vor button:hover{border-color:var(--nx-linie);color:#fff}}
.nx-treffer{font:700 11px var(--nx-f-text);color:var(--dim);margin-top:9px;letter-spacing:.04em}
.nx-suchleer{grid-column:1/-1;padding:26px;text-align:center;border-radius:var(--nx-r-tafel);
  border:1px dashed rgba(255,255,255,.12);color:var(--dim);
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif}

#feed{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));}

#feed > .post.nxq-twitch{background:linear-gradient(180deg,rgba(145,70,255,.20),rgba(145,70,255,.05));border:1px solid rgba(145,70,255,.34)}
@media (hover:hover){#feed > .post.nxq-twitch:hover{border-color:rgba(145,70,255,.62)}}
.nxq-twitch{ --nxq:rgb(145,70,255) }

#feed > .post.nxq-youtube{background:linear-gradient(180deg,rgba(255,0,0,.20),rgba(255,0,0,.05));border:1px solid rgba(255,0,0,.34)}
@media (hover:hover){#feed > .post.nxq-youtube:hover{border-color:rgba(255,0,0,.62)}}
.nxq-youtube{ --nxq:rgb(255,0,0) }

#feed > .post.nxq-discord{background:linear-gradient(180deg,rgba(88,101,242,.20),rgba(88,101,242,.05));border:1px solid rgba(88,101,242,.34)}
@media (hover:hover){#feed > .post.nxq-discord:hover{border-color:rgba(88,101,242,.62)}}
.nxq-discord{ --nxq:rgb(88,101,242) }

#feed > .post.nxq-steam{background:linear-gradient(180deg,rgba(102,192,244,.20),rgba(102,192,244,.05));border:1px solid rgba(102,192,244,.34)}
@media (hover:hover){#feed > .post.nxq-steam:hover{border-color:rgba(102,192,244,.62)}}
.nxq-steam{ --nxq:rgb(102,192,244) }

#feed > .post.nxq-netflix{background:linear-gradient(180deg,rgba(229,9,20,.20),rgba(229,9,20,.05));border:1px solid rgba(229,9,20,.34)}
@media (hover:hover){#feed > .post.nxq-netflix:hover{border-color:rgba(229,9,20,.62)}}
.nxq-netflix{ --nxq:rgb(229,9,20) }

@media (hover:hover){#feed > .post.nxq-spotify:hover{border-color:rgba(30,215,96,.62)}}
.nxq-spotify{ --nxq:rgb(30,215,96) }

@media (hover:hover){#feed > .post.nxq-reddit:hover{border-color:rgba(255,69,0,.62)}}
.nxq-reddit{ --nxq:rgb(255,69,0) }

#feed > .post.nxq-press{background:linear-gradient(180deg,rgba(185,194,208,.20),rgba(185,194,208,.05));border:1px solid rgba(185,194,208,.34)}
@media (hover:hover){#feed > .post.nxq-press:hover{border-color:rgba(185,194,208,.62)}}
.nxq-press{ --nxq:rgb(185,194,208) }

#feed > .post.nxq-people{background:linear-gradient(180deg,rgba(59,227,122,.20),rgba(59,227,122,.05));border:1px solid rgba(59,227,122,.34)}
@media (hover:hover){#feed > .post.nxq-people:hover{border-color:rgba(59,227,122,.62)}}
.nxq-people{ --nxq:rgb(59,227,122) }

#feed > .post.nxq-event{background:linear-gradient(180deg,rgba(255,197,61,.20),rgba(255,197,61,.05));border:1px solid rgba(255,197,61,.34)}
@media (hover:hover){#feed > .post.nxq-event:hover{border-color:rgba(255,197,61,.62)}}
.nxq-event{ --nxq:rgb(255,197,61) }

@media (hover:hover){#feed > .post.nxq-nextari:hover{border-color:var(--nx-linie)}}
.nxq-nextari{ --nxq:var(--accent) }

#feed > .post.nxq-ad{background:linear-gradient(180deg,rgba(138,138,163,.20),rgba(138,138,163,.05));border:1px solid rgba(138,138,163,.34)}
@media (hover:hover){#feed > .post.nxq-ad:hover{border-color:rgba(138,138,163,.62)}}
.nxq-ad{ --nxq:rgb(138,138,163) }

#feed > .post.nxq-press .nx-herkunft{letter-spacing:.16em}

.nx-kat{position:fixed;inset:0;z-index:7000;display:none;
  background:rgba(6,6,12,.72);backdrop-filter:blur(6px)}
.nx-kat.auf{display:grid;place-items:center}
.nx-kat-box{width:min(860px,92vw);max-height:84vh;overflow:auto;
  background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.10);border-radius:var(--nx-r-block);padding:22px 24px}
.nx-kat-h{display:flex;align-items:baseline;gap:10px;margin:0 0 4px}
.nx-kat-h b{font:800 19px var(--nx-f-titel);color:#fff}
.nx-kat-h span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-kat-h .zu{margin-left:auto;cursor:pointer;border:1px solid rgba(255,255,255,.14);
  background:none;color:var(--dim);border-radius:var(--nx-r-bedien);width:30px;height:30px;font:700 13px var(--nx-f-text)}
.nx-kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:18px}
.nx-kat-k{border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-karte);padding:13px 14px;
  background:var(--nx-hebung);display:flex;flex-direction:column;gap:5px}
.nx-kat-k b{font:800 13px var(--nx-f-text);color:#fff;display:flex;align-items:center;gap:7px}
.nx-kat-k small{font:400 var(--nx-typo-meta)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-kat-k .quelle{font:700 9.5px var(--nx-f-text);
  color:var(--nx-leise)}
.nx-kat-k button{margin-top:8px;align-self:flex-start;cursor:pointer;
  font:800 var(--nx-typo-meta) var(--nx-f-text);padding:7px 13px;border-radius:var(--nx-r-bedien);
  border:1px solid var(--nx-linie);background:var(--nx-hebung);color:var(--nx-text)}
@media (hover:hover){.nx-kat-k button:hover{border-color:var(--nx-linie);color:#fff}}
.nx-kat-k.drin button{border-color:rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--dim)}
.nx-kat-k.leer{opacity:.5}
.nx-kat-k.leer button{pointer-events:none}

/* UNSICHTBAR HEISST UNKLICKBAR.
   Der Knopf stand auf opacity 0 und nahm trotzdem jeden Klick an: er liegt
   ueber dem Zieh-Griff (100 % Deckung), ueber der Statuspille und am
   breiten Brett ueber dem Kacheltitel. Ein Treffer blendet die Kachel
   sofort aus und schreibt das in den Speicher · ohne Rueckfrage. Auf dem
   Telefon gibt es kein Ueberfahren, dort konnte er nie sichtbar werden und
   war zugleich 44 Punkte gross. */
#board .wg .nx-weg{position:absolute;top:8px;right:8px;z-index:5;opacity:0;pointer-events:none;
  cursor:pointer;width:22px;height:22px;border-radius:var(--nx-r-marke);
  border:1px solid rgba(255,255,255,.16);background:rgba(10,10,18,.78);color:var(--dim);
  font:700 11px/20px var(--nx-f-text);text-align:center;transition:.15s}
#board .wg:hover .nx-weg{opacity:1;pointer-events:auto}
@media (hover:hover){#board .wg .nx-weg:hover{border-color:#e5484d;color:#fff;background:rgba(229,72,77,.25)}}
.nx-wg-liste{display:flex;flex-direction:column;gap:7px}
.nx-wg-z{display:flex;align-items:center;gap:9px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-wg-z b{font:700 var(--nx-typo-meta) var(--nx-f-text);color:#fff}
.nx-wg-z .z{margin-left:auto;font:800 11px var(--nx-f-text);color:var(--dim);white-space:nowrap}
.nx-wg-pkt{width:7px;height:7px;border-radius:50%;flex:none;background:var(--p,var(--accent))}

.shell > main > #nxStromKopf b,
#nxStromKopf b{color:#fff;
line-height:1.2}
#nxStromKopf{align-items:center;gap:11px;margin:0 0 14px}
#nxStromKopf .nx-rn-sub{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxStromKopf .nx-rn-ic{width:34px;height:34px;border-radius:var(--nx-r-bedien)}

.nx-dashhome .hello{display:block}
.nx-dashhome .hello h1{display:block;margin:0 0 6px}
.nx-dashhome .hello .status{display:block;
  font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}

.col-left .nx-rail-title,.col-right .nx-bw-h{
  font:800 12px var(--nx-f-text);
}
.col-left .flabel{font:800 10px var(--nx-f-text)!important;}

/* GEMESSEN: der Kopf der ersten Gruppe war auf 0 x 0 gestellt, und an
  seiner Stelle las sich das Wort "Live" aus dem Block als Ueberschrift.
  Die drei anderen Gruppen der Schiene tragen ihren Kopf sichtbar, in
  Versalien und auf 34 Punkten. Das Ausblenden stand hier und ist weg ·
  der Kopf holt sich sein Mass jetzt von derselben Regel wie die anderen. */

#board .wg[data-nxkey="NEXTARI Mobile"]{display:none}

.col-right .nx-bw-h,
.col-left .nx-rail-title{
  font-family:var(--nx-f-titel);font-weight:800;
  font-size:var(--nx-typo-abschnitt);line-height:24px;letter-spacing:-.2px;
  text-transform:none;color:#fff;margin:0 0 12px!important}

/* DIE UEBERSCHRIFTEN AUF HOME SIND REIHENKOEPFE · 20/800 wie auf Games,
  People und Events. Sie standen auf 15,5 · genauso gross wie die Namen
  darunter ("kevbot", "Counter-Strike 2"), und wirkten deshalb duenn: eine
  Ueberschrift, die sich nicht abhebt, ist keine. */
#board .wg .wg-h b{font-family:var(--nx-f-titel);font-weight:800;
  font-size:var(--nx-typo-abschnitt);line-height:24px;letter-spacing:-.2px;color:#fff}
#board .wg .wg-h{margin-bottom:12px;align-items:center}
#board .wg .wg-h .ic{font-size:13px}
/* GEMESSEN: 10px · diese Groesse steht auf keiner Stufe der Leiter. Die
  uebrigen Notizen im Widget-Kopf lagen auf 10,5; hier stand die einzige
  Ausnahme, und sie kam aus dieser Regel. */
#board .wg .wg-h .up{font:700 var(--nx-typo-klein) var(--nx-f-text);}

.col-left .flabel{font-family:'Nunito Sans',sans-serif!important;font-weight:700!important;
  font-size:var(--nx-typo-text)!important;color:var(--dim)!important;
  margin:0 0 10px}

#nxStromKopf .nx-rn-sub{font-family:'Nunito Sans',sans-serif;}
.nx-b-widget .nx-wg-z,
#board .wg .nx-wg-z{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}

#feed > .post .nx-titel,
#feed > .post .phead b,
#feed > .post .btxt > b,
#feed > .post .banner-title{
  font-family:var(--nx-f-text);font-weight:800;
  font-size:var(--nx-typo-kartenkopf);line-height:1.32;color:#fff}
#feed > .post .sub,
#feed > .post .btxt,
#feed > .post .nx-reason{
  font-family:'Nunito Sans',sans-serif;font-weight:400;
  font-size:var(--nx-typo-text);line-height:1.5;color:var(--dim)}

.col-right .nx-bw-eigen{font-family:var(--nx-f-text);font-weight:800;
  font-size:var(--nx-typo-kartenkopf);line-height:1.35;color:#fff;
  display:block;margin:0 0 12px}

#feed > .post.nx-spaeter{display:none!important}

.col-right .nx-b-widget{min-width:0;box-sizing:border-box;
  overflow:visible}

.col-right .nx-b-widget p,
.col-right .nx-b-widget .nx-wg-z,
.col-right .nx-b-widget small,
.col-right .nx-b-widget span:not([class*="btn"]):not([class*="pi2"]){
  /* KEINE SILBENTRENNUNG · das Dokument ist auf Deutsch gesetzt (lang="de"),
  die Beschriftungen sind Englisch. Der Browser trennt dann nach deutschen
  Regeln und schreibt "per-sonality" und "plat-form" in eine
  Widget-Spalte. Gegen Ueberlauf reicht overflow-wrap; die Trennung war
  der Grund fuer den Schaden, nicht die Loesung. */
  overflow-wrap:break-word;hyphens:none}

.col-right #nxRsupCard .nx-pi2,
.col-right #nxRsupCard [class*="betrag"],
.col-right #nxRsupCard button:not([class*="cta"]){
  flex:1 1 0;min-width:0!important;text-align:center;
  padding:9px 4px;font-size:var(--nx-typo-text)!important;white-space:nowrap}
.col-right #nxRsupCard .nx-rsup-btns,
.col-right #nxRsupCard > div:has(.nx-pi2){display:flex;gap:8px;
  width:100%!important;margin:0 0 10px!important}

.col-right #nxMobileAd{overflow:visible}
.col-right #nxMobileAd .nx-mob-pts{flex:1 1 0;min-width:0}

.shell > .col-right{max-height:calc(100vh - 96px);overflow-y:auto;
  padding-right:4px}

.shell > main > #nxFrecs{
  grid-column:1/-1;
  /* KEIN VIERTES GRAU (06.10. "Feed-Posts als Flaechen"): der Block hat
  keine eigene Flaeche, seine Karten sind die Flaechen · wie die Beitraege
  darunter auf --nx-flaeche, das Schwarz dazwischen. Vorher lagen Karten
  (Hebung) auf einem Kasten (Hebung) auf der Spalte (Flaeche). */
  background:none;
  border:0;border-radius:0;
  padding:0;position:relative;overflow:visible}
.shell > main > #nxFrecs > *{position:relative;z-index:1}

#nxFrecs .nx-fr-h{display:flex;align-items:baseline;gap:10px;
  margin:0 0 14px;flex-wrap:wrap}
#nxFrecs .nx-fr-h b,#nxFrecs .nx-fr-h > *:first-child{
color:#fff}
#nxFrecs .nx-fr-h .n{margin-left:auto;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-text);
  border:0;border-radius:var(--nx-r-pille);
  padding:4px 10px!important;background:var(--nx-hebung)}

/* Die Karten brechen um statt ueber den Kasten zu laufen · in der Feedspalte
  passen keine drei festen 268er nebeneinander, und ein Karussell ohne
  Anfasser zeigte nur eine abgeschnittene Karte. */
#nxFrecs .nx-fr-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));
  gap:14px;overflow:visible;padding:2px 2px 6px}
#nxFrecs .nx-fr-row > *{width:auto;min-width:0;
  border:0;border-radius:var(--nx-r-karte)!important;
  background:var(--nx-flaeche);padding:var(--nx-post-polster,16px)!important;
  transition:transform .16s ease,border-color .16s ease!important}
@media (hover:hover){#nxFrecs .nx-fr-row > *:hover{transform:translateY(-3px)!important;
  border-color:var(--nx-linie)!important}}

/* Kein Randverlauf mehr: die Reihe laeuft nicht mehr ueber. */
.shell > main > #nxFrecs::after{display:none}

.shell > main > #nxCaughtup{grid-column:1/-1;}
.shell > main > #nxFeedManage{grid-column:1/-1}

/* EINE KANTE WIE UEBERALL (Nr. C6, entschieden 03.10.: der Second Screen
  folgt nicht dem Spiel, die Luecke rechts wird keine Spalte). Hier stand
  margin:0 und ein Innenrand von 34 · dazu zog --nx-breite die 68 Punkte
  noch einmal ab, und der Inhalt endete bei 1.329 statt auf der Kante
  (1.397 bei 1.440). Jetzt traegt der Block dieselbe Breite wie Home:
  mittig, ohne eigenen Innenrand an den Seiten. */
body.nx-glance main.nx-dashhome{
  box-sizing:border-box;overflow:hidden;
  display:flex;flex-direction:column;
  padding:26px var(--nx-rand) 22px;margin:0 auto}
body.nx-glance .nx-dashhome .hello{flex:0 0 auto;margin-bottom:14px}
body.nx-glance .nx-dashhome .hello h1{font-size:var(--nx-typo-seite);margin-bottom:4px}
body.nx-glance .nx-dashhome .arrange{flex:0 0 auto;}
body.nx-glance #board{min-height:0;overflow:hidden;
  align-content:start}
body.nx-glance main.nx-dashhome > #nxPlaying{margin:14px 0 0;overflow:hidden}

body.nx-glance #board .wg.nx-passt-nicht{display:none}
body.nx-glance #board .wg.add{display:none}

#board .wg .nx-wg-nutzen{font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-text);margin:0 0 8px}
#board .wg .nx-wg-countdown{display:flex;align-items:center;gap:6px;margin-top:9px;
  font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
#board .wg .nx-wg-countdown i{width:6px;height:6px;border-radius:50%;background:#3be37a;
  box-shadow:none;flex:none;font-style:normal;
  animation:nxAtmen 2.6s ease-in-out infinite}
@keyframes nxAtmen{0%,100%{opacity:1}
50%{opacity:.35}
}
@media (prefers-reduced-motion: reduce){#board .wg .nx-wg-countdown i{animation:none}
}

#nxTodayKopf{display:flex;align-items:center;gap:11px;
  margin:0 0 14px;flex-wrap:wrap;order:5}
#nxTodayKopf b{color:#fff;
line-height:1.2}
#nxTodayKopf .nx-rn-sub{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxTodayKopf .nx-rn-ic{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:var(--nx-r-bedien);flex:none;
  background:var(--nx-hebung);border:1px solid var(--nx-linie);color:var(--nx-text)}

#nxTonight .nx-ss-head.nx-kopf-ersetzt > b:first-child,
#nxTonight .nx-ss-head.nx-kopf-ersetzt > b{display:none}
#nxTonight .nx-ss-head.nx-kopf-ersetzt{min-height:0;margin-bottom:6px;
  border-bottom:0;padding-bottom:0}
.shell > main > #nxTonight{order:6}

#board .wg.add{gap:7px}
#board .wg.add .nx-add-ordnen{margin-top:4px;cursor:pointer;
  font:800 var(--nx-typo-meta) var(--nx-f-text);letter-spacing:.04em;
  color:var(--dim);background:var(--nx-hebung);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-bedien);padding:6px 12px}
@media (hover:hover){#board .wg.add .nx-add-ordnen:hover{border-color:var(--nx-linie);color:#fff;
  background:var(--nx-hebung)}}

.nx-dashhome .arrange{gap:12px}

@media (min-width:1501px){
  .shell{grid-template-columns:266px minmax(0,1fr) 300px!important;gap:26px!important}
}
@media (max-width:1500px) and (min-width:1201px){
  .shell{grid-template-columns:250px minmax(0,1fr) 272px!important;gap:20px}
.shell > .col-right{grid-column:auto;flex-direction:column}
#feed{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
}
@media (max-width:1200px) and (min-width:901px){
  
  .shell{grid-template-columns:230px minmax(0,1fr)!important;gap:20px!important}
.shell > .col-right{grid-column:1/-1;position:static;
    max-height:none;flex-direction:row;flex-wrap:wrap;
    margin-top:6px}
.shell > .col-right > .nx-b-widget{flex:1 1 280px}
#feed{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}
}
@media (max-width:900px){
  .shell{grid-template-columns:minmax(0,1fr)!important}
.shell > .col-left{position:static!important;max-height:none!important}
.shell > .col-right{grid-column:1/-1;position:static;max-height:none}
}

/* Nur die Anzeige traegt oben noch eine Marke · bei allen anderen
  Karten nennt der Knopf die Plattform und die Zeile unten den Grund. */
#feed > .post > .nx-hkopf:not(.nx-hkopf-ad){display:none}
#feed > .post .nx-hkopf{display:flex;align-items:center;
  padding:0 0 9px;margin:0;min-width:0}
#feed > .post .nx-hkopf .nx-herkunft{max-width:100%;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}


/* DER WIDGET-KOPF HAT EINE FORM · Zeichen und Titel in einer Zeile, die
  Notiz ("3 friends online", "ends Sun") in eigener Zeile darunter, links
  auf der Kante des Titels. Vorher brach der Kopf je nach Laenge anders
  um: bei "Everyone Is Playing" und "Soon in Your Subs" stand das Zeichen
  UEBER dem Titel, und die Notiz stand bei allen mittig, weil sie mit
  margin-left:auto in eine eigene Zeile rutschte. Der Titel darf jetzt
  schmaler werden (die Demo-Marke bricht dann unter ihn), das Zeichen
  bleibt immer links daneben. */
.nx-b-widget .wg-h, .board .wg-h{display:flex;align-items:center;
  column-gap:10px;row-gap:2px;min-width:0;flex-wrap:wrap}
/* Der Titel beginnt mit Breite null und waechst in den Rest der Zeile ·
  ein Flex-Umbruch rechnet mit der Grundbreite, bei "auto" war das die
  ganze Titelbreite samt Demo-Marke, und der Titel rutschte unter das
  Zeichen. So bricht nur der Titel in sich um (die Marke unter ihn), das
  Zeichen steht auf seiner ersten Zeile. */
.nx-b-widget .wg-h > b, .board .wg-h > b{flex:1 1 0%;min-width:0;white-space:normal}
html body .nx-b-widget .wg-h > .ic, html body .board .wg-h > .ic{align-self:center;margin-top:0}
/* Die Demo-Marke steht mit Abstand neben dem Titel; bricht sie unter ihn,
  beginnt sie auf seiner Kante (der Abstand ist ein Spaltenabstand, kein
  Rand links). */
html body .nx-b-widget .wg-h > b, html body .board .wg-h > b{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:4px}
/* DER STIFT NIMMT KEINEN PLATZ IN DER ZEILE.
  Der Umbenennen-Stift (.nx-umb) steht unsichtbar hinter dem Titel. Mit
  Rand und Spaltenabstand brauchte er 36 Punkte; wo die Titelzeile voller
  war ("Around You" neben dem Ausgang, "Everyone Is Playing", "Live now"),
  brach er in eine eigene leere Zeile um, und die Notiz darunter stand 21
  Punkte tiefer als bei den anderen Kacheln. Der Rand rechts nimmt Stift
  und Spaltenabstand wieder zurueck (19 + 10): er steht weiter 10 Punkte
  hinter dem Titel, zaehlt fuer den Umbruch aber nicht mehr. */
.nx-b-widget .wg-h > .nx-umb, .board .wg-h > .nx-umb{margin:0 -29px 0 0}

.nx-b-widget .wg-h > .up, .board .wg-h > .up,
.nx-b-widget .wg-h > .nx-wg-nutzen, .board .wg-h > .nx-wg-nutzen{
  flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px);min-width:0;
  order:9;margin:0 0 0 32px;
  text-align:left;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}

.board .w, .col-right .w, .nx-b-widget .w{
  font:800 var(--nx-typo-meta)/1.2 var(--nx-f-text)!important;
  color:var(--nx-text)!important;font-variant-numeric:tabular-nums!important;
  letter-spacing:.2px;white-space:nowrap}

.board [style*="font-size:8px"], .board [style*="font-size:9px"],
#feed [style*="font-size:8px"], #feed [style*="font-size:9px"]{font-size:10px!important}

.shell > main > #nxTonight{margin-top:0}
.shell > main > #feed{margin-top:0}

.shell > main > #nxSsBar:empty{display:none}

.shell > main > #nxTodayKopf, .shell > main > #nxStromKopf,
.shell > main > .nx-mid-h{margin-bottom:-12px!important}

.shell > main > #nxCaughtup{margin-top:0}

body.nx-glance{padding-bottom:0;overflow:hidden}

.lw .m{display:flex;flex-direction:column;gap:2px;
  min-width:0;justify-content:center}
/* DER NAME BLEIBT EINZEILIG, DIE ZEILE DARUNTER NICHT.
  Beide standen hier auf nowrap mit Puenktchen · seit im Widget echte
  Streamtitel stehen ("IRL Wir bauen das 5.000 EUR Setup von HyperX OMEN")
  wurde daraus ein Schnitt mitten im Wort. Der Kanalname ist kurz und
  bleibt eine Zeile; die Auskunft darunter bekommt zwei. */
.lw .m > b{min-width:0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.lw .m > span{min-width:0;white-space:normal;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-overflow:clip}

.nx-kopfband{display:flex;align-items:center;
  justify-content:space-between;gap:28px;flex-wrap:wrap}
.nx-kopfband > .hello{margin:0;min-width:0}
.nx-kopfband > .arrange{margin:0;flex:0 0 auto;
  justify-content:flex-end;flex-wrap:wrap}




body.nx-glance .nx-prevbar{display:none}
body.nx-glance{padding-top:0}
body.nx-glance .nx-dashhome .hello{display:none}
body.nx-glance .nx-kopfband{margin:0 0 12px}

.arrange > .nx-glance-steuer{flex:none;margin:0}

body.nx-glance #board{flex:0 0 auto}
body.nx-glance main.nx-dashhome > #nxPlaying{flex:1 1 auto;
  max-height:none;min-height:0}

.arrange > .nx-live{display:flex;flex-direction:row;
  align-items:center;flex-wrap:nowrap;gap:7px;
  margin:0;padding:0;background:none;border:0}
.arrange > .nx-live .nx-live-sub{display:none}
.arrange > .nx-live .nx-live-tx{font:800 var(--nx-typo-meta) var(--nx-f-text)!important;
  color:var(--dim);}
.arrange > .nx-live .nx-speed{display:flex;gap:5px;margin:0;
  flex-basis:auto;flex-wrap:nowrap}
.arrange > .nx-live .nx-sp,
.arrange > .nx-live .nx-pausebtn{padding:5px 10px!important;border-radius:var(--nx-r-pille);
  font:700 var(--nx-typo-klein) var(--nx-f-text)!important;
  border:1px solid rgba(255,255,255,.14);background:none;
  color:var(--nx-leise);cursor:pointer;margin:0;white-space:nowrap}
.arrange > .nx-live .nx-sp.nx-on{border-color:var(--nx-linie)!important;
  background:var(--nx-hebung);color:var(--nx-text)!important}
@media (hover:hover){.arrange > .nx-live .nx-sp:hover,.arrange > .nx-live .nx-pausebtn:hover{color:#fff!important;
  border-color:var(--nx-linie)!important;background:var(--nx-hebung)!important}}

@keyframes nxSsRein{from{opacity:0}
to{opacity:1}
}
.nx-ss-rein{animation:nxSsRein .55s ease both}
@media (prefers-reduced-motion:reduce){.nx-ss-rein{animation:none}
}

.nx-kopfband > .hello{flex:0 1 auto}
body:not(.nx-glance) .nx-kopfband > .arrange{display:none}

.wrap.nx-dashhome{padding-top:58px}
.wrap .nx-kopfband{margin:0 0 58px}




@media (min-width:901px){
  #feed{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  #feed{grid-template-columns:minmax(0,1fr)}
}

.frail .nx-vor-lab{margin-top:14px}
.frail .nx-vor{margin-top:6px}

.frail > .grp:first-child{padding-bottom:22px;margin-bottom:4px}
.frail .nx-rail-title{margin-top:16px}


.frail, .frail *, .col-left .grp{animation:none!important;opacity:1!important}
.frail .grp, .col-left .grp{transform:none!important}

.nx-mehr-filter{margin:12px 0 2px;padding:7px 12px;border-radius:var(--nx-r-pille);
  border:1px solid rgba(255,255,255,.14);background:none;color:var(--nx-leise);cursor:pointer;
  font:700 11px var(--nx-f-text);letter-spacing:.04em}
@media (hover:hover){.nx-mehr-filter:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.frail:not(.nx-filter-auf) .nx-spaet-filter{display:none}


body.nx-glance .nx-kopfband > .arrange{justify-content:center}

.arrange > .nx-ss-tgl{font-size:var(--nx-typo-meta);
  width:auto;height:auto;padding:9px 15px;gap:8px!important}

.nx-ss-ordnen{order:4;padding:9px 14px;border-radius:var(--nx-r-karte);cursor:pointer;
  border:1px solid rgba(255,255,255,.14);background:none;
  font:800 var(--nx-typo-meta) var(--nx-f-text);white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:9px}
.nx-ss-ordnen svg{flex:none;color:var(--nx-text)}
body:not(.nx-glance) .nx-ss-ordnen{display:none}

/* IM ZWEITSCHIRM wandern Status, Glocke und Post aus der Kopfleiste in die
  Zeile .arrange. Dort gilt css/nextari-kopf.css nicht mehr (sie traegt nur
  header.topbar) · die Form dieser drei steht deshalb hier, fuer genau
  diesen Ort, und so, wie sie im Zweitschirm immer aussahen: ruhiger Grund,
  Radius des Bedienelements, der Zaehler auf seinem Zeichen. */
.arrange > #nxStatus{display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:0;
  border-radius:var(--nx-r-bedien);background:var(--nx-hebung);color:var(--txt);
  font:700 var(--nx-typo-text) var(--nx-f-text);letter-spacing:.2px;
  white-space:nowrap;cursor:pointer}
.arrange > #nxStatus .d{width:9px;height:9px;flex:none;border-radius:50%;background:var(--nx-leise,#8a899f)}
.arrange > #nxStatus.nx-on .d{background:var(--nx-gut,#3be37a)}
.arrange > #nxStatus .t{display:none}
.arrange > #inbox,.arrange > a.icon-btn{position:relative;border:0;border-radius:var(--nx-r-bedien);
  background:var(--nx-hebung);color:var(--dim);cursor:pointer;text-decoration:none;overflow:visible}
.arrange > #inbox .counter{position:absolute;top:5px;right:1px;min-width:14px;height:14px;box-sizing:border-box;
  display:grid;place-items:center;border-radius:var(--nx-r-pille);border:1px solid var(--bg);
  background:var(--nx-akzent,#5b27e8);color:#fff;font:700 9px/1 var(--nx-f-text)}
body.nx-glance .arrange{align-items:center}
body.nx-glance .arrange > #nxStatus,
body.nx-glance .arrange > #inbox,
body.nx-glance .arrange > a.icon-btn,
body.nx-glance .arrange > .nx-ss-ordnen,
body.nx-glance .arrange > .nx-ss-tgl{
  height:36px;min-height:36px!important;box-sizing:border-box;
  border-radius:var(--nx-r-bedien);display:inline-flex!important;
  align-items:center;justify-content:center}
body.nx-glance .arrange > #inbox,
body.nx-glance .arrange > a.icon-btn{width:36px}
body.nx-glance .arrange > .nx-live{height:36px;align-items:center}
body.nx-glance .arrange > .nx-live .nx-sp,
body.nx-glance .arrange > .nx-live .nx-pausebtn{height:26px;
  display:inline-flex;align-items:center}

body.nx-glance .arrange > .nx-ss-note{display:none}body.nx-glance #nxPlaying > .nxp-kick{text-align:center}


.col-right .nx-rsup-h{display:flex;align-items:center;
  gap:9px;flex-wrap:nowrap;
  font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);
  text-transform:none;letter-spacing:-.01em;
  color:#fff;line-height:1.2;margin:0 0 10px}
.col-right .nx-rsup-h > svg{flex:none;width:16px;height:16px}
.col-right .nx-rsup-h > b{font:inherit;color:inherit;
  text-transform:none;letter-spacing:inherit}
.col-right .nx-rsup-h .nx-soon-badge{margin-left:auto!important;flex:none!important}

.arrange > .nx-ss-tgl{order:0}
.arrange > .nx-live{order:1}
.arrange > .nx-ss-ordnen{order:2}
.arrange > #nxStatus{order:3}
.arrange > #inbox{order:4}
.arrange > a.icon-btn{order:5}
.arrange > .nx-ss-note{order:9}
.arrange > .nx-ss-tgl > i{display:none}

body.nx-glance .arrange > .nx-live{margin-left:16px!important}

.frail .nx-tag-lab{margin-top:13px;opacity:.85}
.frail .nx-tag-vor{margin-top:6px}
.frail .nx-tag-chip{cursor:pointer}
@media (hover:hover){.frail .nx-tag-chip:hover{border-color:var(--nx-linie);color:#fff;
  background:var(--nx-hebung)}}
.frail .nx-tag-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.frail .grp.nx-zu > *:not(.flabel){display:none!important}
.frail .flabel.nx-klappbar{cursor:pointer;display:flex;align-items:center;gap:6px;
  user-select:none}
.frail .flabel.nx-klappbar::after{content:'';width:6px;height:6px;flex:none;
  margin-left:auto;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);transition:transform .16s ease;opacity:.75}
.frail .grp.nx-zu > .flabel.nx-klappbar::after{transform:rotate(-45deg)}
@media (hover:hover){.frail .flabel.nx-klappbar:hover{color:#fff}}
.frail .flabel.nx-klappbar:focus-visible{outline:2px solid var(--accent);outline-offset:3px}


.nx-live .nx-live-uhr{width:auto;height:auto;
  background:none;box-shadow:none;animation:none;
  border-radius:0;color:var(--dim);display:inline-flex;
  align-items:center;flex:none}
.arrange .nx-live .nx-live-uhr{color:var(--dim)}

.shell > main > #nxFeedManage{
  border:1px solid rgba(255,255,255,.07);
  background:var(--nx-hebung)!important;
  border-radius:var(--nx-r-tafel)!important;color:var(--dim);
  font:700 var(--nx-typo-text) var(--nx-f-text)!important;
  letter-spacing:.01em;transition:color .18s ease,border-color .18s ease}
@media (hover:hover){.shell > main > #nxFeedManage:hover{
  color:var(--txt)!important;border-color:rgba(255,255,255,.16);
  background:var(--nx-hebung)!important}}
.shell > main > #nxFeedManage svg{opacity:.7}


body.nx-glance .arrange{gap:18px}
body.nx-glance .arrange > .nx-live,
body.nx-glance .arrange > .nx-ss-ordnen,
body.nx-glance .arrange > .nx-ss-tgl,
body.nx-glance .arrange > #nxStatus,
body.nx-glance .arrange > #inbox,
body.nx-glance .arrange > a[href*="messages"]{margin-left:0;margin-right:0}
body.nx-glance .arrange > .nx-live .nx-speed{gap:7px!important}
body.nx-glance .arrange > .nx-live{gap:9px!important}

.arrange > .nx-ss-tgl.nx-ss-zurueck{
  border-color:rgba(255,255,255,.14);background:none;
  color:var(--dim)}
@media (hover:hover){.arrange > .nx-ss-tgl.nx-ss-zurueck:hover{color:#fff!important;
  border-color:rgba(255,255,255,.26)!important;background:var(--nx-hebung-2)!important}}

.nx-ss-ordnen{border-style:dashed;border-width:1px;
  border-color:var(--nx-linie);color:var(--dim)}
@media (hover:hover){.nx-ss-ordnen:hover{color:#fff!important;
  background:var(--nx-hebung)}}

.arrange > .nx-live .nx-live-tx{white-space:nowrap}

@media(max-width:1080px){
  .shell > .col-left,.shell > .col-right,.shell > #rails,
  .col-left,.col-right,#rails{position:static;top:auto;
    max-height:none}
.col-right,#rails{max-width:100%}
}

/* Die Groesse der Reaktionszeichen setzt css/nextari-feed.css (EIN KNOPFMASS) · eine zweite Fassung mit #feed-Vorrang steht hier nicht mehr. */


/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

  Bis heute standen drei Kanten nebeneinander: das Logo bei 28px (feste
  Polsterung der Kopfzeile), die Vorschauleiste bei einem 1320er Band und der
  Inhalt bei der Polsterung der Flaeche. Bei 1600px Fensterbreite waren das
  28, 140 und 34 · drei Anfaenge fuer dasselbe Bild.

  Der Inhalt gibt den Takt vor (.shell: bis 1680 breit, 34 Polsterung),
  Kopfzeile und Vorschauleiste folgen ihm mit derselben Formel. Damit steht
  das Logo genau ueber der linken Kante der ersten Kachel, auf jeder Breite,
  und im Zweitschirm ebenso · dort ist es dieselbe Flaeche. */
.nx-prevbar.nx-prevbar{
  padding-left:var(--nx-rand);
  padding-right:var(--nx-rand)}



/* FEED-TAKT · warum die Anordnung unruhig wirkte.

  Der Feed ist ein zweispaltiges Raster mit 8px-Zeilen. Zwei Einstellungen
  liessen ihn zufaellig aussehen:

  1 `grid-auto-flow: row dense` fuellt Luecken mit spaeteren Karten auf. Der
  Feed sagt oben "newest post on top", die Reihenfolge auf dem Schirm war
  danach eine andere · das ist ein gebrochenes Versprechen und keine
  Gestaltungsfrage.
  2 `row-gap: 0` liess den senkrechten Abstand allein aus den Karten kommen,
  waagerecht standen 14px. Zwei Achsen, zwei Takte.

  Jetzt: Reihenfolge bleibt Reihenfolge, und beide Achsen haben denselben
  Abstand. */
/* Korrektur am selben Tag: der Zeilenabstand von 14px war falsch. Die Karten
  bekommen ihre Hoehe als Spannweite ueber 8px-Zeilen zugewiesen, und in
  dieser Rechnung stecken die 14px Abstand bereits drin. Ein zusaetzlicher
  row-gap wird deshalb mit jeder gespannten Zeile MITGEZAEHLT · gemessen
  klafften danach 500 bis 850px zwischen zwei Karten. Der Abstand bleibt 0.

  Und die dichte Fuellung bleibt: ohne sie stand die rechte Spalte auf langen
  Strecken leer, weil nach einer Ueberschrift keine Karte mehr nachrueckt.
  Die Ordnung traegt jetzt die GRUPPE mit ihrer Ueberschrift, nicht die
  Reihenfolge zweier Karten nebeneinander. */
#feed{grid-auto-flow:row dense;row-gap:0}
/* Die Ueberschrift braucht ihre eigene Hoehe im Raster. Ohne Spannweite belegt
  sie EINE 8px-Zeile, und die erste Karte der Gruppe legt sich darueber ·
  gemessen ueberdeckte die Karte den Titel um 9px. 26px Text plus 14px Luft
  sind fuenf Zeilen, sechs geben der Gruppe etwas Raum nach oben. */
#feed > .nx-fgh{grid-row:span 6!important;align-self:end}

/* FEED-GRUPPEN · warum die Ueberschriften verschwunden waren.

  Der Feed ist ein zweispaltiges Raster. Eine Gruppenueberschrift ohne eigene
  Spannweite belegt darin EINE Zelle · sie stand also neben einer Karte statt
  ueber der Gruppe. Deshalb war sie weggeschaltet, und mit ihr die Ordnung,
  die den Feed lesbar macht. Sie spannt jetzt ueber beide Spalten und kommt
  zurueck. */
/* · Die Gruppenkoepfe im Feed sind weg (siehe 04-home.js): der
  aggregierte Strom wird nicht unterteilt. Falls ein Modul doch einen setzt,
  spannt er wenigstens ueber beide Spalten statt neben einer Karte zu stehen. */
#feed > .nx-fgh{grid-column:1/-1!important;display:none}

/* MOBIL · drei gemessene Schaeden auf dem Telefon.

  1 Zweitschirm: die Steuerleiste war 811 Punkte breit und ragte links UND
  rechts hinaus · der Ausstieg "Back to Full Screen" lag bei x-211, also
  vollstaendig ausserhalb. Man kam aus dem Zweitschirm nicht mehr heraus.
  Ursache war flex:0 0 auto mit min-width:auto, dadurch griff das gesetzte
  Umbrechen nie.
  2 People-Karten: Name und "N games in common" bekamen bei 390 null Punkte
  Breite, sichtbar blieben Avatar, drei winzige Spielkacheln und ein Knopf.
  3 "Read more" lag als absolut gesetzter Knopf mitten auf der Reaktionszeile
  und verdeckte den Epic-Knopf. */
@media(max-width:900px){
  .nx-kopfband > .arrange{flex:1 1 auto;min-width:0;
    width:100%;justify-content:flex-start}
}
@media(max-width:600px){
  .nx-mrow{flex-wrap:wrap}
.nx-mrow-t{flex:1 1 100%;min-width:0}
.nx-mrow-g{display:none}
#feed > .post .nx-mehr{margin:6px 0 0;align-self:flex-start}
}



/* Fusszeile und Leiste stehen auf derselben Kante wie Brett und
  Feed-Ebene darueber: Seitenbreite mit dem gemeinsamen Innenrand. Die
  Bewertungsleiste hat ihre Kante in css/nextari-flaechen.css. */
body:has(.nx-dashhome) .finner,
body:has(.nx-dashhome) .fbarin{
  max-width:var(--nx-breite);
  margin-left:auto;margin-right:auto;
  padding-left:var(--nx-rand);padding-right:var(--nx-rand);
}


/* Die Add-Kachel ist jetzt ein Knopf · Rahmen und Grund kommen von der Kachel,
  nicht vom Browser. */
button.wg.add{font:inherit;text-align:inherit;-webkit-appearance:none;appearance:none}

/* Anzeigenkarte: die Textspalte waechst, der Knopf bleibt · sonst bricht eine laengere Headline Wort fuer Wort. */
.adrow .adtxt{flex:1 1 auto;min-width:0}

/* Schmale Feedspalte (zwei Spalten im Dashboard): Logo und Text in einer Zeile, der Knopf darunter · sonst bricht die Headline Wort fuer Wort. */
.adpost{container-type:inline-size}
@container (max-width:420px){.adrow{flex-wrap:wrap}
.adcta{margin-left:0}
}
/* Anzeigenkarte mit echter Marke: das Hauskaestchen ist ein 52-px-Quadrat mit
  einem Kuerzel darin · eine Marke, die eine Mindestbreite vorschreibt, passt
  dort nicht hinein. Traegt die Karte eine Markendatei (nxm-ad-live.js setzt
  .nxfn-karte), steht das Zeichen in voller Breite in einer eigenen Zeile und
  der Text darunter · die Einrueckung auf das alte Quadrat faellt weg. */
.adpost.nxfn-karte .adrow{flex-wrap:wrap;align-items:flex-start;gap:12px}
.adpost.nxfn-karte .adlogo{flex:1 1 100%;width:auto;height:auto;border-radius:0;display:block}
.adpost.nxfn-karte .adtxt{flex:1 1 100%}
.adpost.nxfn-karte .adcta{margin-left:0}
@container (max-width:420px){.adpost.nxfn-karte .adcta{margin-left:0}}
/* Merch-Kachel im Katalog (nxm-merch-amazon.js): jede Zeile ein Partnerlink. */
.nx-merch-z{display:block;color:inherit;text-decoration:none}
@media (hover:hover){.nx-merch-z:hover b{color:#fff}}
/* Seitenbreite: Home folgt derselben Zahl wie alle Seiten · Block auf --nx-breite,
  Innenrand --nx-rand, damit Begruessung und Kacheln auf der Kante von Logo und
  rechter Kopfgruppe stehen. */
.nx-dashhome.nx-dashhome{max-width:var(--nx-breite);margin-left:auto;margin-right:auto;padding-left:var(--nx-rand);padding-right:var(--nx-rand)}
/* Mobil bleibt die Kante der Kacheln (Block ohne Innenrand) · Feed-Ebene, Leiste
  und Fuss stehen dort auf derselben Linie. */
@media(max-width:767px){
  .nx-dashhome.nx-dashhome,.shell,#nxFeedbackBar,
  body:has(.nx-dashhome) .finner,body:has(.nx-dashhome) .fbarin{
    padding-left:0;padding-right:0}
}

/* Typo-Leiter auf der Mittelspalte: Abschnittskopf 20/800, Notiz 11,5 · Knoepfe 12,5/700, Auswahlpillen 10,5/700. */
#nxTodayKopf b,#nxStromKopf b,.shell > main > #nxStromKopf b,
#nxFrecs .nx-fr-h b,#nxFrecs .nx-fr-h > *:first-child{
  font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);letter-spacing:-.2px;text-transform:none}
#nxTodayKopf .nx-rn-sub,#nxStromKopf .nx-rn-sub{font-size:var(--nx-typo-meta)}
#feed .nx-mehr,#board .wg.add .nx-add-ordnen,.nx-fr-act button,#board .wg .fr-j,#board .wg .wg-cta{
  font-family:var(--nx-f-text);font-size:var(--nx-typo-text);font-weight:700}
.col-left .chip-f,.nxnf-c{font:700 var(--nx-typo-text) var(--nx-f-text)!important}

/* Mittelspalte, Takt: Kopf zu Inhalt 18, letzter Block zu naechstem Abschnittskopf sichtbar 80.
  Der Feed traegt unter der letzten Karte 16 bis 23 px Rasterrest, das Empfehlungs-Panel 20 Innenabstand. */
.shell > main{padding-top:16px}
.shell > main > #nxStromKopf{margin-top:46px!important}
.shell > main > #nxFrecs{margin-top:10px!important}

/* DER NOT-AUS MUSS STAERKER SEIN ALS DIE HAUSREGEL.
  #feed > .post:not([data-nx-dig]) zwingt jede Karte des Stroms sichtbar
  (display, opacity und visibility mit !important) · ein hidden am Element
  verliert dagegen. Gemessen : mit gezogenem Not-Aus blieb die
  Anzeigenflaeche 309x266 px stehen und zeigte die eingebaute Beispielkarte.
  Ein Not-Aus, nach dem noch Werbung steht, ist keiner.
  Das Merkmal setzt nxm-ad-live.js, wenn "Pause all live promotions" an ist. */
#feed > .post.adpost[data-nx-adlive="aus"]{display:none!important}

/* ============================================================
  RECHTE SCHIENE · dieselben Griffe wie auf dem Brett.
  Die Spalte zeigt nur, was .nx-b-widget traegt · abgewaehlt heisst deshalb:
  die Marke faellt weg, die Karte bleibt stehen. Die order-Werte weiter oben
  stellten die Spalte fest ein; damit sich eine Karte ueberhaupt verschieben
  laesst, stehen die Widgets alle auf demselben Rang und die Reihenfolge im
  Baum entscheidet. Die Tafel bleibt unten.
  ============================================================ */
#rails > .nx-b-widget{order:0;position:relative}
.shell > .col-right > .nx-add2{display:flex;margin:0}
#rails > .nx-b-widget .wg-grip{position:absolute;top:12px;right:12px;color:var(--dim);
  opacity:0;font-size:13px;letter-spacing:-2px;pointer-events:none}
#rails.editing > .nx-b-widget .wg-grip{opacity:1}
#rails.editing > .nx-b-widget{cursor:grab}
#rails > .nx-b-widget.drag{opacity:.4}
#rails > .nx-b-widget.over{border-color:var(--nx-linie);box-shadow:none}
#rails > .nx-b-widget .nx-weg{position:absolute;top:8px;right:8px;z-index:5;opacity:0;pointer-events:none;
  cursor:pointer;width:22px;height:22px;border-radius:var(--nx-r-marke);
  border:1px solid rgba(255,255,255,.16);background:rgba(10,10,18,.78);color:var(--dim);
  font:700 11px/20px var(--nx-f-text);text-align:center;transition:.15s}
#rails > .nx-b-widget:hover .nx-weg{opacity:1;pointer-events:auto}
@media (hover:hover){#rails > .nx-b-widget .nx-weg:hover{border-color:#e5484d;color:#fff;background:rgba(229,72,77,.25)}}
/* Abschnitt in der Tafel · dieselbe Beschriftung, unter der die Karten der
  Spalte schon im Customize standen. */
.nx-kat-sep{grid-column:1/-1;margin:6px 0 0;padding:12px 2px 0;
  border-top:1px solid rgba(255,255,255,.1);font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-leise)}
/* Unter 900 px stapelt Home und die Spalte faellt weg · die Regel dafuer steht
  weiter oben, verliert aber gegen das spezifischere .shell > .col-right. Bis
  heute fiel das nicht auf, weil in der Spalte nichts sichtbar war. Die Tafel
  ist das erste sichtbare Stueck darin · sie bleibt dort aus. */
@media(max-width:900px){.shell > .col-right > .nx-add2{display:none}}

/* EINE TEXTSPALTE FUER ALLE KARTEN IM STROM.
  Gemessen begann der Text je nach Kartenart bei 58, 72 oder 86 Punkten ·
  drei Spalten in einer Reihe, und genau das macht den Strom unruhig. 72
  ist die richtige: Kartenrand 16, Profilbild 44, Abstand 12.

  Zwei Ursachen. Die Namenszeile trug links 14 Punkte Polsterung, seit
  der Name selbst ein Weg ist · die gehoert dorthin nicht. Und die
  Listenkarten (Kanaele, Preisfaelle) tragen ein kleineres Zeichen von
  30 Punkten; nicht das Zeichen waechst, sondern der Abstand dahinter,
  denn ausgerichtet wird der TEXT, nicht das Symbol. */
#feed > .post .uname{padding-left:0}
#feed > .post > div:not([class]){gap:26px!important}
/* Auch die Anzeige beginnt auf der Kante · ihre Marke stand 20 Punkte
  weiter rechts als ihr eigener Text. */
#feed > .post > .nx-hkopf-ad{padding:12px 16px 0}

/* DER GEWAEHLTE ZUSTAND TRAEGT DIE HAUSFARBE, NICHT GRUEN.
  Das gewaehlte Tempo leuchtete gruen · Farbe steckte damit in der
  SCHRIFT, nicht im Punkt und nicht im Knopf, und Gruen kommt auf der
  Seite sonst nur an den Haekchen der Unterstuetzer-Karte vor. Der
  gewaehlte Filterchip eine Zeile darunter zeigt, wie es aussieht. */
.col-left [data-nx].nx-on,.frail [data-nx].nx-on{color:var(--nx-text);
  border-color:var(--nx-linie);background:var(--nx-hebung)}

/* ============================================================
  DER ZWEITSCHIRM IST DIESELBE PLATTFORM.
  Nebeneinander gelegt sahen Home, Zweitschirm und Telefon nach drei
  Produkten aus: oben stand kein NEXTARI, keine Reiter, nur zwei
  Textknoepfe, zentriert im Nichts. Das Wortzeichen bleibt jetzt stehen,
  klein und links, und die Zeile bekommt eine Kante · die Knoepfe
  ruecken nach rechts.

  Die Reiter bleiben weg: der Zweitschirm ist EIN Bild, das man ansieht,
  nicht eine Flaeche, auf der man navigiert. Der Weg zurueck steht
  daneben und heisst so.
  ============================================================ */
body.nx-glance .nx-dashhome{padding-top:14px}
/* Die Zeile mit den zwei Textknoepfen bekommt dieselbe Kante wie alles
  darunter · zentriert schwebte sie in der Mitte, an nichts gebunden. */
body.nx-glance .nx-dashhome .arrange{justify-content:flex-end;
  width:100%;margin:-30px 0 18px}
body.nx-glance .nx-kopfband{justify-content:flex-end;display:block}
/* Die Uhr ist eine Kachel wie die anderen, kein Streifen am Fuss · und
  wo nichts mit Uhrzeit ist, faellt sie ganz weg statt 642 Punkte fuer
  einen Satz zu belegen. Das Verstecken entscheidet JS (es kennt den
  Leerzustand), hier steht nur die Form. */
body.nx-glance #nxPlaying{min-height:0;margin:18px 0 0}
body.nx-glance .nx-uhr-still{display:none!important}
.nx-leer-still{display:none}

/* IN EINEM KASTEN NAMENS "LIVE NOW" IST ALLES LIVE.
  Die Kachel trug die Aussage zweimal: als Ueberschrift und noch einmal
  als rote Pille auf dem Bild. Zwei Aussagen, eine Sache · und die Pille
  ist das Lauteste auf dem ganzen Zweitschirm. Sie faellt dort weg, wo
  der Kopf sie schon macht. Wo ein Bild in gemischter Gesellschaft steht
  (im Strom, in den Reihen), bleibt sie: dort sagt sie etwas. */
  /* Der Pillen-Haerter spritzt [data-nx-pille][data-nx-pille] mit Vorrang
  ein und steht spaeter im Blatt · bei Gleichstand gewinnt er. Die
  Kennung davor hebt den Gleichstand auf, ohne mit Gewalt zu arbeiten. */
#board .wg.nx-wg-livenow .liveb{display:none}

/* Der ersetzte Kopf ist leer, sobald sein Schalter oben steht · dann
  faellt er ganz weg statt einen Streifen ohne Aufschrift zu halten. */
#nxTonight .nx-ss-head.nx-kopf-weg{display:none}
.nx-rn-kopf .nx-fold-oben,.nx-mid-h .nx-fold-oben{margin-left:auto;flex:0 0 auto}

/* ==========================================================================
  EINE SEITENKANTE AUF DEM TELEFON · der zweite Teil.

  Gemessen bei 390 Punkten: die Kacheln oben standen auf 14 (Hausregel in
  nxm-mobil.css, "html body > .wrap.wrap"), die Flaechen darunter · Schiene,
  Mitte, rechte Schiene und die Rueckmeldeleiste · auf 34. Zwei Kanten auf
  einer Seite, 20 Punkte auseinander, im Bild deutlich sichtbar.

  Der Block weiter oben nimmt .shell und #nxFeedbackBar schon den INNENRAND
  weg. Die 34 kommen aber nicht von dort, sondern von max-width:--nx-breite
  (calc(100% - 68px)) mit auto-Raendern · das ist die Schreibtischbreite, und
  sie blieb stehen. Hier bekommt sie das Telefonmass.

  760 und nicht 767, damit die Kante zur selben Breite umspringt wie die
  Hausregel · sonst stuende zwischen 761 und 767 das Umgekehrte.
  ========================================================================== */
@media(max-width:760px){
  .shell,#nxFeedbackBar{max-width:calc(100% - 28px)!important;
    margin-left:auto;margin-right:auto}
}


/* KEINE ECKIGE FARBE IN EINER RUNDEN ECKE.
  Ein Kasten mit Radius traegt innen Flaechen ohne Radius · ein Verlauf,
  ein Kopfstreifen, ein Bild. Liegen sie auf der Kante, schauen ihre
  rechten Winkel aus der Rundung heraus. Der Kasten schneidet ab hier
  selbst ab; das gilt fuer jede Karte der Schiene und des Feeds. */
.wg, .rail, .nx-rsup, .col-right > *, #rails > *{ overflow:hidden }

/* DER ABSTAND ZWISCHEN FEED UND WIDGETS WAR VIERUNDZWANZIG.
  Acht davon sind die Rasterluecke aus der Flaechen-Leiter, sechzehn der
  Innenabstand der Schiene. Die Widgets wirkten dadurch abgehaengt,
  obwohl sie zum selben Blick gehoeren. Der Innenabstand faellt links auf
  acht · zusammen sechzehn. Oben, rechts und unten bleibt er, sonst
  kleben die Karten am Rand. */
#rails{ padding-left:8px }

/* Platzhalterzeile im Widget · dieselbe Sprache wie die leeren Reihen:
  Flaeche ohne Kante (Regel 01, Fassung 2), Balken in der Form dessen, was kommt. */
.wg .li.nx-wgz-leer{display:flex;align-items:center;gap:10px;padding:6px 8px;
  border-radius:var(--nx-r-bedien,10px);background:var(--nx-hebung)}
.wg .li.nx-wgz-leer .nxk-bar{background:var(--nx-hebung);border-radius:var(--nx-r-pille,999px);display:block}
.wg .li.nx-wgz-leer .tx{flex:1;min-width:0}
/* Echter Feed im Handybild · der Rahmen (js/nextari-home.20-mobilead.js)
  liegt ueber der Zeichnung und wird erst sichtbar, wenn die mobile Seite
  geladen ist. Die Insel bleibt obenauf. */
.nx-mock{position:relative;clip-path:inset(0 round var(--nx-r-block))}
.nx-mock-schirm{position:absolute;left:0;top:0;border:0;max-width:none;max-height:none;transform-origin:0 0;pointer-events:none;background:var(--nx-grund);opacity:0;z-index:1}
.nx-mock.nx-mock-echt .nx-mock-schirm{opacity:1}
.nx-mock .nx-mock-isl{position:relative;z-index:2}

/* JEDER BEITRAG STEHT AUF SEINER EIGENEN FLAECHE (Entscheidung 06.10.
  "Feed-Posts als Flaechen", ersetzt "der Strom traegt keine Kaesten").
  Der Beitrag liegt auf --nx-flaeche (#1f1f24) mit der Rundung einer Karte,
  dazwischen und daneben sieht man den schwarzen Seitengrund (#101013) ·
  die Mitte von Home ist dafuer selbst keine Flaeche mehr
  (css/nextari-flaechen.css, .shell > main:has(> #feed)). Damit sind
  Anfang und Ende jedes Beitrags klar. Innen eng: ein Polster
  (--nx-post-polster, 16) fuer jeden Beitrag. Das Raster rechnet je Karte
  --nx-luecke-post (32) Abstand (NXPOSTLUFT in js/nextari-home.23-dashhome.js).
  Die Anzeige behaelt ihre eigene Flaeche (nxm-ad-live.js). */
#feed{column-gap:var(--nx-luft)}
html body #feed > .post:not(.adpost){background:var(--nx-flaeche);border:0;border-radius:var(--nx-r-karte);box-shadow:none;
  padding:var(--nx-post-polster,16px)}
html body #feed > .post:not(.adpost)::before{display:none}
html body #feed > .post:not(.adpost) .nx-kurz::after{background:linear-gradient(180deg,transparent,var(--nx-flaeche))}

/* HEADLINES · der Titel steht ganz da, darunter seine Quelle. Eine Zeile
  ist ein Weg zur Quelle, keine Schaltflaeche: kein Grund, keine Farbe. */
#board .wg .nx-wg-z.nx-wg-schlag{flex-direction:column;align-items:flex-start;gap:2px;
  padding:6px 0;text-decoration:none;color:inherit}
#board .wg .nx-wg-schlag b{font:700 var(--nx-typo-text)/1.35 var(--nx-f-text);color:var(--nx-text)}
#board .wg .nx-wg-schlag .z{margin-left:0;white-space:normal;
  font:400 var(--nx-typo-meta)/1.35 var(--nx-f-text);color:var(--dim)}
@media (hover:hover){#board .wg a.nx-wg-schlag:hover b{color:var(--nx-weiss)}}