/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/chakra-petch-600.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/chakra-petch-700.woff2") format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/sora-700.woff2") format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/sora-800.woff2") format("woff2")}
@font-face{font-family:"Orbitron";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/orbitron-700.woff2") format("woff2")}
@font-face{font-family:"Orbitron";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/orbitron-800.woff2") format("woff2")}
.nx-co-ov{position:fixed;inset:0;z-index:9200;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.nx-co-ov.open{opacity:1}
.nx-co-scrim{position:absolute;inset:0;background:rgba(6,6,11,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nx-co-card{position:relative;width:396px;max-width:calc(100vw - 32px);background:var(--nx-flaeche);
  border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:22px;box-shadow:var(--nx-schatten)}
.nx-co-card .co-x{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:var(--nx-r-bedien);
  border:1px solid var(--line,rgba(255,255,255,.1));background:transparent;color:var(--dim);cursor:pointer}
@media (hover:hover){.nx-co-card .co-x:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-co-kicker{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);margin-bottom:8px}
.nx-co-title{font-family:"Encode Sans Condensed",var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin-bottom:4px}
.nx-co-sub{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.5;margin-bottom:16px}
.nx-co-line{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--nx-r-karte);
  background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.08));margin-bottom:8px}
.nx-co-line .l{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-co-line .r{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-co-amounts{display:flex;gap:8px;margin-bottom:14px}
.nx-co-amt{flex:1;padding:12px 0;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.1));
  background:var(--surface);color:var(--txt);font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);cursor:pointer;text-align:center}
.nx-co-amt.sel{border-color:var(--nx-linie);background:var(--nx-hebung)}
.nx-co-cinp{width:100%;box-sizing:border-box;padding:12px 12px;border-radius:var(--nx-r-karte);border:1px solid var(--line,rgba(255,255,255,.1));
  background:var(--nx-grund);color:var(--txt);font:700 var(--nx-typo-text) var(--nx-f-text);outline:none;margin-bottom:14px;display:none}
.nx-co-cinp:focus{border-color:var(--accent)}
.nx-co-stripe{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-meta);color:var(--dim);margin:14px 2px 0;line-height:1.5}
.nx-co-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.nx-co-btn{padding:12px 20px;border-radius:var(--nx-r-karte);font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;border:1px solid transparent;transition:.15s}
.nx-co-btn.ghost{background:transparent;border-color:var(--line,rgba(255,255,255,.12));color:var(--dim)}
@media (hover:hover){.nx-co-btn.ghost:hover{color:#fff}}
.nx-co-btn.pri{background:var(--accent,#5b27e8);color:var(--on-accent,#fff)}
@media (hover:hover){.nx-co-btn.pri:hover{filter:brightness(1.12)}}
.nx-co-btn.pri:disabled{opacity:.4;cursor:not-allowed}
:root{--on-accent:#fff;}
/* EINE ECKE FUER EINE ROLLE.
  Gemessen trugen die sichtbaren Flaechen der Seite drei Werte: 47 auf 14,
  26 auf 12 (innere Karten) und 5 auf 16. Die 16 kam aus diesem Merker und
  aus vier einzelnen Regeln darunter · sie ist weder das Tafelmass 14 noch
  das Blockflaechenmass 18, also ein dritter Wert fuer dieselbe Rolle. */
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);background:var(--bg);min-height:100vh;position:relative;overflow-x:clip}
::-webkit-scrollbar{width:9px;height:9px}
.av{border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-titel);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)}
.pwrap{max-width:var(--nx-breite);margin:0 auto;padding:24px var(--nx-rand) 0;position:relative;z-index:1}
.banner{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(120deg,var(--nx-flaeche),#10243f 55%,#0a2a2a)}
.banner .ov{position:absolute;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:30px 30px}
.banner .glow{position:absolute;inset:0;background:radial-gradient(680px 360px at 78% 108%,transparent,transparent 66%)}
.editcover{top:14px;right:14px;display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:rgba(8,8,14,.5);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.phead{display:flex;align-items:flex-end;gap:24px;margin:-12px 0 0;position:relative;z-index:2}
/* Der Kreis ohne Foto traegt die eine Flaeche des Hauses (--nx-av-flaeche, css/nextari-kopf.css). */
.pava{width:122px;height:122px;border-radius:50%;border:4px solid var(--bg);background:var(--nx-av-flaeche);display:grid;place-items:center;font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:var(--nx-av-schrift);position:relative;top:-50px;flex:none;}
.pava .online{width:20px;height:20px;right:6px;bottom:6px;border-width:4px;border-color:var(--bg)}
.pid{flex:1;padding-bottom:8px;min-width:0}
.pname{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lvl{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:var(--accent);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.phandle{color:var(--dim);font-size:var(--nx-typo-text);margin-top:5px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.phandle .pin{display:flex;align-items:center;gap:4px}
.status{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung);border:1px solid var(--line2);padding:8px 16px;border-radius:var(--nx-r-bedien)}
.dotg{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:none}
.pactions{display:flex;gap:var(--nx-luecke-knopf);padding-bottom:8px;flex:none}
.pbtn{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);padding:16px 16px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);color:var(--txt);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s}
@media (hover:hover){.pbtn:hover{border-color:var(--line2);color:#fff}}
.pbtn.primary{border:none;color:#fff;background:var(--accent);box-shadow:none}
.pbtn.icon{padding:16px}
.custbar{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1}
.blocks{max-width:var(--nx-breite);margin:32px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1;display:grid;grid-template-columns:1.18fr .82fr;gap:24px;align-items:start}
.block{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);overflow:hidden}
.bhd{display:flex;align-items:center;gap:8px;padding:16px 16px;border-bottom:1px solid var(--line)}
.grip{color:var(--nx-leise);cursor:grab;flex:none}
.btitle{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px}
.bnote{font-size:var(--nx-typo-klein);color:var(--faint);font-weight:400;font-family:'Nunito Sans'}
.bedit{margin-left:auto;color:var(--faint);cursor:pointer;display:flex;gap:8px}
@media (hover:hover){.bedit:hover{color:var(--nx-text)}}
.bbody{padding:16px}
.bio{font-size:var(--nx-typo-text);color:var(--txt);line-height:1.55}
.fields{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.frow{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-text)}
.flab{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);min-width:96px;flex:none}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgcard{border:1px solid var(--line);border-radius:var(--nx-r-karte);overflow:hidden;position:relative}
.fgcover{aspect-ratio:16/9;position:relative}
.fgcover .ov{position:absolute;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:18px 18px}
.fgcover .gr{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,13,.82),transparent 55%)}
/* DER NAME STEHT UNTER DER KACHEL, NICHT DARAUF · siehe 03-inline.js.
  .pinpill (goldene Marke auf allen vier Kacheln, dazu 9px Schrift und eine
  8px-Ecke) und .fgname (weisse Schrift ueber dem Cover-Schriftzug) sind
  damit ohne Nutzer und stehen nicht mehr hier. Die Fusszeile fuehrt jetzt
  Name, Plattform und Stunden. */
.fgmeta{padding:8px 16px;font-size:var(--nx-typo-meta);color:var(--faint)}
.fgmeta .fgnm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;line-height:1.3}
.fgmeta .fgsub{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}
.fgmeta b{font-family:var(--nx-f-text);color:#fff;font-size:var(--nx-typo-text)}
.top8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
/* .pmnote stand hier: der Satz "Official store, every order directly
  supports DoktorFroid." samt gelber Marke "official store" · zusammen mit
  der Notiz im Tafelkopf dreimal dasselbe. Siehe 03-inline.js. */
.pmgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pmbody{padding:8px 16px 16px}
.pmbtn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
.fr8{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}
.fr8 .nm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.actrow{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.actrow:last-child{border-bottom:none}
.actrow:first-child{padding-top:0}
.actico{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none;background:var(--nx-hebung);color:var(--nx-text);border:1px solid var(--line2)}
.acttext .w{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.wallin{display:flex;gap:8px;margin-bottom:16px}
.wallin input{flex:1;height:42px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);padding:0 12px;font-family:'Nunito Sans';font-size:var(--nx-typo-text);outline:none}
.wallin input:focus{border-color:var(--accent)}
.wallin .send{padding:0 16px;border:none;border-radius:var(--nx-r-karte);background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);cursor:pointer}
.cmt{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.cmt .nm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.cmt .tm{font-size:var(--nx-typo-klein);color:var(--faint);margin-left:8px}
.cmt .msg{font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px;line-height:1.45}
.stat{border:1px solid var(--line);border-radius:var(--nx-r-karte);background:var(--nx-hebung);padding:16px}
.stat .n{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff}
.stat .l{font-size:var(--nx-typo-klein);color:var(--faint);margin-top:2px}
.trophy{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.trophy:last-child{border-bottom:none}
.tmark{width:40px;height:40px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none}
.tname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.tgame{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px}
.trar{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);margin-top:4px}
.bbody:has(>.crerow){display:grid;grid-template-columns:38px minmax(0,1fr) max-content max-content;column-gap:16px}
.crerow{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center;column-gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.crerow:last-child{border-bottom:none}
.crerow:first-child{padding-top:0}
.cren{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.cres{font-size:var(--nx-typo-meta);color:var(--faint)}
.crefollow{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);border:1px solid var(--line2);background:var(--nx-hebung);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
/* Flaeche ohne Kante: am Schreibtisch stempelt nxm-bedienung.js den Chip ohne
  Markenfarbe (X) zur ruhigen Flaeche ohne Rand, die anderen behielten ihren
  Umriss · zwei Kastenarten in einer Reihe. */
.platnm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.nowtile{display:flex;align-items:center;gap:16px}
.nowcov{width:74px;height:42px;border-radius:var(--nx-r-bedien);position:relative;flex:none;overflow:hidden}
.nowt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.nows{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.addblock{border:1px dashed var(--line2);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;text-align:center;cursor:pointer}
.addblock .ic{width:40px;height:40px;border-radius:var(--nx-r-karte);display:grid;place-items:center;margin:0 auto 10px;color:#fff;background:var(--accent)}
.addblock .t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.addblock .s{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.sstar{cursor:pointer;color:var(--nx-leise)}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol h4{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:16px;}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
.fbr .logo{margin-bottom:0}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
@media(max-width:880px){.blocks{grid-template-columns:1fr}.phead{flex-direction:column;align-items:flex-start}.pava{top:0}.finner{grid-template-columns:1fr 1fr}}
.sptop{display:flex;align-items:center;gap:16px;padding:16px}
.spcover{width:62px;height:62px;border-radius:var(--nx-r-bedien);flex:none;position:relative;overflow:hidden;display:grid;place-items:center}
.spcover .ov{position:absolute;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:12px 12px}
.spname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;margin-top:4px}
.spby{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.spplay{margin-left:auto;width:42px;height:42px;border-radius:50%;background:#1DB954;color:#06210f;display:grid;place-items:center;flex:none;cursor:pointer;box-shadow:none}
.sptracks{padding:0 16px 0px}
.sptrack .num{color:var(--faint);font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);width:13px;flex:none}
.sptrack .tn{color:#fff;font-weight:700}
.sptrack .ta{color:var(--faint);font-size:var(--nx-typo-meta)}
.sptrack .td{margin-left:auto;color:var(--faint);font-size:var(--nx-typo-meta);font-family:var(--nx-f-text)}
.spvia{display:flex;align-items:center;gap:8px;padding:16px 16px;border-top:1px solid var(--line);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#1DB954}
.freecanvas{position:relative;height:232px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);border:1px dashed var(--line);overflow:hidden}
/* .fhint stand hier: "drag & resize freely" im Kasten, waehrend der
  Tafelkopf schon "position freely" sagt. Siehe 03-inline.js. */
.freecanvas>.nx-demopill{position:absolute;top:9px;right:11px}
.freeimg{position:absolute;border-radius:var(--nx-r-bedien);overflow:hidden;border:2px solid rgba(255,255,255,.14);box-shadow:none}
.freeimg .ph{width:100%;height:100%;position:relative;display:grid;place-items:center;color:rgba(255,255,255,.55)}
.freeimg .ph .ov{position:absolute;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:16px 16px}
.freeimg .cap{position:absolute;left:9px;bottom:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.fmove{position:absolute;top:7px;left:7px;width:22px;height:22px;border-radius:var(--nx-r-bedien);background:rgba(8,8,14,.55);display:grid;place-items:center;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.fres{position:absolute;right:0;bottom:0;width:15px;height:15px;border-radius:var(--nx-r-marke);background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--nx-linie)}
.bands{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}
.bands>div>*+*{margin-top:16px}
/* EIN ETIKETT TRAEGT EINEN DURCHSCHEINENDEN GRUND, KEINE FARBFLAECHE.
  Gemessen sind von 89 Etiketten der Seite 78 rund und genau 3 gefuellt ·
  dieses hier war eines der drei: Goldverlauf 255,215,106 nach 255,176,40,
  eckige 8er-Ecke und ein Schein darunter. Farbe gehoert in Punkt und Knopf;
  am Etikett bleibt sie in der Schrift, der Grund ist die dunkle Waschung,
  die die uebrigen 39 gefuellten Etiketten schon tragen. */
.prem{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#ffd76a;background:rgba(10,10,16,.78);padding:4px 8px;border-radius:var(--nx-r-pille);display:inline-flex;align-items:center;gap:4px}
/* DER STERN STAND EINE SPROSSE HOEHER ALS SEINE FUENF NACHBARN.
  Gemessen standen in derselben Kachelreihe 5 Glyphen auf 20px und einer
  auf 22 · die Leiter kennt 22 nicht, und sie hatte die uebrigen fuenf schon
  auf 20 gezogen. Der Stern blieb stehen, weil er aus einem einzelnen
  Zeichen besteht und die Leiter nur bei zwei Zeichen greift. 20 steht
  jetzt hier, damit die Reihe nicht davon abhaengt, wie lang ein Zeichen ist. */
.badgetx .bn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.badgetx .bd{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.gtx{flex:1;min-width:0}
.gtx .gn{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}
.grole.owner{color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line)}
.grole.member{color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2)}
.gtx .gm{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.gjoin{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung);border:1px solid var(--line);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;flex:none}
.dna{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.dna .rwrap{flex:none;width:330px;max-width:100%;margin:0 auto}
.dna .rsum{flex:1;min-width:250px}
.dna .archetype{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* ZWEITES DER DREI GEFUELLTEN ETIKETTEN · siehe .prem weiter oben.
  Gemessen Verlauf 91,39,232 nach 65,23,183 auf einer eckigen 8er-Ecke,
  waehrend 78 von 89 Etiketten rund sind und 39 die dunkle Waschung tragen.
  Die Ausnahme fuer Kachelmarken gilt hier nicht: dieses steht in einem Block. */
.dna .arch-tag{font-size:var(--nx-typo-klein);font-weight:700;color:var(--nx-text);background:rgba(10,10,16,.78);padding:0 9px;min-height:22px;display:inline-flex;align-items:center;line-height:1;box-sizing:border-box;border-radius:999px}
.dna .rlead{font-size:14px;color:var(--dim);line-height:1.6;margin-top:16px;max-width:460px}
/* .traits/.trait standen hier: die Chipreihe Tactical FPS 92 / Strategy 80
  / Co-op 78 / RPG 70 · dieselben vier Zahlen, die das Netz darueber schon
  beschriftet traegt. Siehe 03-inline.js. */
@media(max-width:880px){.dna{justify-content:center}}
/* EINE TAFEL IST SO HOCH WIE IHR INHALT.
  Gesehen: "About Me" traegt einen Satz und war trotzdem so hoch wie
  "Gamer DNA" daneben · bei 1600 rund 290 Punkte, bei 1000 ueber 500
  Punkte leere schwarze Flaeche unter dem Text. Ursache war stretch: die
  Tafel wuchs auf die Hoehe der Nachbarin. Eine Tafel, die unter ihrem
  Text leer bleibt, sieht aus, als haette sie nicht fertig geladen.
  start statt stretch · dieselbe Zeile steht so auf nextari-profile und
  nextari-publisher-profile. */
.prow{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.prow .block{margin-bottom:0}
.masonry{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1;column-count:2;column-gap:16px}
@media(max-width:880px){.prow{grid-template-columns:1fr}}
.masonry .block,.masonry .addblock{break-inside:avoid;margin-bottom:16px}
.statgrid.wide{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:880px){.masonry{column-count:1}.statgrid.wide{grid-template-columns:repeat(3,1fr)}}
.pwrap{padding-top:40px}
.cta, .btn-primary, .btnghost, .btnconn, .btndanger, .chjoin, .ab1, .ab2, .go, .play, .lfgjoin, .abtn, .sendbtn, .pbtn, .unblock, .adcta, .segbtn, .tab, .fchip, .catchip, .achip, .crefollow, .pmbtn, .seeall, .cqrbtn, .mmf .f, .tips .tip, .f{line-height:1}
/* DRITTES DER DREI GEFUELLTEN ETIKETTEN · siehe .prem weiter oben.
  Gemessen derselbe Verlauf 91,39,232 nach 65,23,183 und dieselbe eckige
  Ecke, direkt neben dem Namen. Die Schriftgroesse stand auf 9 und wurde von
  der Leiter auf 10,5 gezogen · sie steht jetzt gleich richtig da. */
.ctag{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:var(--nx-text);background:rgba(10,10,16,.78);padding:4px 8px;border-radius:var(--nx-r-pille);vertical-align:middle;margin:0 0px}
.ctop{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1}
/* Vollbreite Sektionsflaeche, gemessen 1475 breit · dieselbe Rolle wie
  .block, das 14 traegt. 16 war der dritte Wert, siehe :root weiter oben. */
/* Seitlich der Innenrand jeder Flaeche (--nx-innen): der Kopf "Kanaele & Live"
  stand mit 16 Punkten auf 50, jeder andere Flaechenkopf und das Logo auf 58. */
.csec{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--surface);padding:16px var(--nx-innen)}
.csechead{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#fff}
.csechead h2{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-abschnitt)}
.clive{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 16px;border-radius:var(--nx-r-karte);background:linear-gradient(120deg,rgba(255,77,109,.16),rgba(255,77,109,.04));border:1px solid rgba(255,77,109,.4);margin-bottom:16px}
.cldot{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(255,77,109,.22);flex:none}
.cllabel{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);}
.clon{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.clsub{font-size:var(--nx-typo-meta);color:var(--faint)}
.clsep{font-size:var(--nx-typo-text);color:var(--faint)}
.clgame{font-size:var(--nx-typo-text);color:var(--dim)}
.clview{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-text);color:var(--dim)}
.clbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:1;color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);background:var(--accent)}
.cchans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.cchan{display:flex;align-items:center;gap:8px;padding:16px 12px;border:1px solid var(--line);border-radius:var(--nx-r-karte);background:var(--surface2)}
.cchan.islive{border-color:rgba(255,77,109,.45)}
.cclogo{width:32px;height:32px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;flex:none}
.ccn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;display:flex;align-items:center;gap:8px}
.cclive{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);letter-spacing:0.9px;color:#fff;background:var(--live);padding:2px 4px;border-radius:var(--nx-r-marke)}
.ccs{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.splan{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.sday{border:1px solid var(--line);border-radius:var(--nx-r-karte);background:var(--surface2);padding:16px 8px 16px;text-align:center;position:relative}
.sday.today{border-color:var(--line2);background:var(--nx-hebung)}
.sday.off{opacity:.5}
.sdtoday{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#fff;background:var(--accent);padding:2px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap}
.sdname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--nx-text)}
.sdtime{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff;margin:8px 0 4px}
.sdgame{font-size:var(--nx-typo-klein);color:var(--dim);line-height:1.3}
.sdoff{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:31px}
.sdname+.sdgame{margin-top:31px}
.splabel{font-family:'Nunito Sans';font-weight:400;font-size:var(--nx-typo-meta);letter-spacing:0;text-transform:none;color:var(--faint);margin-left:8px}
.rbtn.on{background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-bedien);padding:8px 16px}
.nx-cmt b{font-family:var(--nx-f-text);color:var(--nx-text);font-weight:700}
.nx-postcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin:0 0 16px;animation:nxin .35s}
.nx-postcard .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--nx-f-text)}
.nx-postcard .ph b{color:var(--txt);font-size:14px}
.nx-postcard .ph span{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-postcard p{font-family:'Nunito Sans',sans-serif;color:var(--txt);font-size:14px;line-height:1.55;margin:0}
@keyframes nxin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.nx-rows .rh{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.nx-rows h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0}
.nx-rows .sub{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.nx-rowgrid{grid-template-columns:1fr}}
@media (hover:hover){.nx-rowcard:hover{border-color:var(--nx-linie)}}
.nx-rowcard .top{display:flex;align-items:center;gap:8px}
.nx-rowcard .rav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.nx-rowcard .ti b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-rowcard .ti span{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowcard .pk{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-rowcard .foot{display:flex;align-items:center;gap:8px;margin-top:2px}
.nx-rowcard .subs{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);color:var(--dim)}
.nx-sub{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;background:var(--accent);color:#fff;transition:.15s}
.nx-sub.nx-on{background:rgba(59,227,122,.12);border:1px solid rgba(59,227,122,.4);color:#80efa9}
.nx-soon{position:fixed;inset:0;top:36px;background:rgba(6,6,11,.78);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:9000;padding:16px}
.nx-soonpill{display:inline-block;font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px;text-transform:uppercase}
.nx-soonbox h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.nx-soonbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.6;margin:0 0 22px}
.nx-has-art .ov,.nx-has-art .grid-ov,.nx-has-art .ovg,.nx-has-art .bb-grid,.nx-has-art .t10grid2,.nx-has-art .lgrid{opacity:0}
.nx-has-art .bb-peek{opacity:.25}
.mtile.nx-embed{background:#000;cursor:default}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
/* · overflow-x:hidden am HTML macht das Dokument zum Scrollbehaelter,
  und darin klebt nichts mehr: Kopfzeile und Sprungleiste liefen auf dem Telefon
  einfach mit nach oben weg. Nach dem ersten Wischen gab es keine Navigation mehr.
  overflow-x:clip schneidet genauso, macht aber keinen Behaelter · position:sticky
  bleibt am Leben. Gemessen auf sieben Seiten. */
@media(max-width:900px){
  .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
  
  .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:760px){
  
  .bento .sptile{min-height:150px}
  
}
@media(max-width:480px){
  .bento .sptile{min-height:180px}
}
@media(max-width:760px){
  
  
  .thhead{row-gap:8px}
  
  .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
  
  
}
@supports (height:100svh){
  body{min-height:100svh}
}
.nx-db-persp-tab{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--nx-r-pille);
  font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:.02em;color:var(--green,#3be37a);
  background:rgba(59,227,122,.09);
  padding:3px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;cursor:help;line-height:1}
.ov{inset:1px;background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{
  inset:1px;background-position:7px 7px}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.console-cta{
  background:var(--accent);
  border:1.5px solid var(--nx-linie);color:#fff;
  font-weight:800;
  box-shadow:none
             0 0 26px -8px rgba(91,39,232,.55)}
.nx-ctrls.inhead{
  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:var(--on-accent,#fff);font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.nx-rwrap{position:relative}
.nx-rctrls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}
.nx-rwrap:hover .nx-rctrls{opacity:1;pointer-events:auto}
.nx-rbtn{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--nx-typo-meta);line-height:1;transition:.15s ease}
@media (hover:hover){.nx-rbtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-rwrap .rtitle,.nx-rwrap .rhead{transition:padding-right .15s ease}
@media (hover:hover){.nx-rwrap:hover .rtitle,.nx-rwrap:hover .rhead{padding-right:72px}}
.nx-rgrip{cursor:grab}
.nx-rgrip:active{cursor:grabbing}
.nx-rdragging{opacity:.4}
.nx-rover{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-rover-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add2{position:relative;margin:0 0 12px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);transition:.15s ease;background:var(--nx-hebung)}
@media (hover:hover){.nx-add2:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop2{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:50;text-align:left;max-height:280px;overflow:auto}
.nx-pi2{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi2:hover{background:var(--nx-hebung)}}
.nx-pi2h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 4px}
.nx-live{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;margin:0 0 16px;font-family:'Nunito Sans',sans-serif}
.nx-live-dot{width:9px;height:9px;border-radius:50%;background:#3be37a;animation:nxpulse 1.8s infinite;flex:0 0 auto}
@keyframes nxpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 7px rgba(59,227,122,0)}100%{box-shadow:none}}
.nx-live.paused .nx-live-dot{background:#62627a;animation:none}
.nx-live-tx{font-size:var(--nx-typo-text);color:var(--txt);font-weight:700;font-family:var(--nx-f-text)}
.nx-live-sub{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-speed{display:flex;align-items:center;gap:0px;margin-left:auto}
.nx-sp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.07);background:transparent;transition:.15s ease}
@media (hover:hover){.nx-sp:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-sp.nx-on{color:#fff;background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-live.paused .nx-sp{opacity:.4;pointer-events:none}
.nx-pausebtn{margin-left:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);transition:.15s ease;flex:0 0 auto}
@media (hover:hover){.nx-pausebtn:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.nx-new{animation:nxnew .55s ease}
@keyframes nxnew{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 0 1px var(--nx-linie)}100%{opacity:1;transform:none;box-shadow:none}}
.nx-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 6px;color:var(--dim);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}
.nx-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--nx-linie);border-radius:50%;animation:nxspin .8s linear infinite;flex:0 0 auto}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-loader.hidden{display:none}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.nx-demo-fab{position:fixed;right:22px;bottom:22px;z-index:700;display:inline-flex;align-items:center;gap:8px;padding:16px 16px;border-radius:var(--nx-r-pille);background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);letter-spacing:.3px;text-decoration:none;box-shadow:var(--nx-schatten);border:1px solid rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt)}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
.socialbar .sb-mutual{flex-basis:100%;margin-top:3px}
.socialbar{row-gap:3px}
.nx-coming-note{align-items:center;gap:12px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(77,141,255,.09));border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px 20px;margin:8px 0}
.nx-coming-note .nx-pb-ic{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--nx-r-bedien);background:var(--accent);color:#fff}
.nx-coming-note b{font-family:var(--nx-f-text);font-size:14px;color:#fff;display:block}
.nx-coming-note span span,.nx-coming-note>span:last-child span{font-size:var(--nx-typo-text);color:var(--dim)}
.nx-parked{position:relative}
.nx-parked > *:not(.nx-parked-banner){opacity:.42;pointer-events:none;filter:grayscale(.5)}
.nx-parked-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(77,141,255,.10));border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:14px 18px;margin:0 0 18px;opacity:1;pointer-events:auto;filter:none}
.nx-parked-banner .nx-pb-ic{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--nx-r-bedien);background:var(--accent);color:#fff}
.nx-parked-banner b{font-family:var(--nx-f-text);font-size:14px;color:#fff;display:block}
.nx-parked-banner span{font-size:var(--nx-typo-text);color:var(--dim)}
.nx-parked-pill{margin-left:auto;font-size:var(--nx-typo-klein);font-weight:700;color:#fff;background:var(--accent);border-radius:var(--nx-r-tafel);padding:4px 12px;white-space:nowrap}
.nx-fb-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;vertical-align:middle;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:4px 8px;white-space:nowrap}
@keyframes nxFbDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.app~footer.footer .finner{max-width:none;margin:0;padding-left:40px;padding-right:40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
.editcover{position:relative}
.nx-share-btn{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.22);background:rgba(10,10,18,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;z-index:5;transition:background .15s}
@media (hover:hover){.nx-share-btn:hover{background:var(--nx-hebung)}}
.nx-share-btn svg{display:block}
.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}
.banner .editcover>*{pointer-events:auto}
.banner .nx-share-btn{z-index:6;width:auto;max-width:130px;white-space:nowrap}
.nx-libsum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
/* EIN STIL FUER ZAHLENKACHELN AUF DIESER SEITE.
  Gesehen: "Stats" nennt seine Zahlen linksbuendig mit kleiner grauer
  Beschriftung in Satzschreibung, "Your Library" dieselbe Bauform daneben
  zentriert und in Grossbuchstaben. Zwei Kastenstile fuer dieselbe Sache
  legen nahe, die Zahlen kaemen aus zwei verschiedenen Welten · genau das
  laesst einen Fremden an "128 Games" und "116 Owned" zweifeln. Die
  Bibliothekskacheln stehen jetzt wie die Stats-Kacheln. */
.nx-libsum-i{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.08));text-decoration:none;transition:.15s}
@media (hover:hover){.nx-libsum-i:hover{border-color:var(--nx-linie);background:var(--nx-hebung-2)}}
/* KENNZAHLEN IN KACHELN STEHEN AUF EINER GROESSE.
  Gemessen standen 13 der 16 Kennzahlen dieser Seite auf 20px, zwei hier
  auf 22 und eine im Season Recap auf 18. 22 steht nicht auf der Leiter;
  die Leiter hatte die erste der drei Zahlen schon heruntergezogen, die
  beiden anderen nicht, weil ihr Inhalt zu kurz ist. */
.nx-libsum-i b{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:var(--txt)}
.nx-libsum-i span{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;letter-spacing:normal;color:var(--dim);text-transform:none}
/* Vollbreite Sektionsflaeche, gemessen 1475 breit · siehe :root weiter oben. */
/* Seitlich der Innenrand jeder Flaeche: mit 22 stand "Live-Termine" auf 56. */
.nx-cal{background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:20px var(--nx-innen)}
.nx-cal-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
/* DERSELBE KOPF WIE DIE NACHBARTAFELN · siehe 12-cp-schedule.js.
  Gesehen: Zeichenkasten 34 Punkte, Titel 18px, Notiz 12,5px in einer
  zweiten Zeile · nebenan fuehrt jede Tafel Zeichen, Titel (14) und graue
  Notiz (10,5) in EINER Zeile. 18px steht ausserdem auf keiner Stufe der
  Leiter. Werte und Zeilenzahl folgen jetzt .bhd / .btitle / .bnote. */
.nx-cal-head .nx-cal-ic{display:inline-flex;align-items:center;color:var(--nx-text);flex:none}
.nx-cal-head h3{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-abschnitt);margin:0;color:#fff;display:flex;align-items:center;gap:8px}
.nx-cal-head .nx-cal-sub{font-family:'Nunito Sans',sans-serif;font-weight:400;font-size:var(--nx-typo-klein);color:var(--dim)}
/* "View more" ist ein Wortknopf: kein seitliches Polster, das Wort endet auf
  der Kante der Tageskarte darunter (vorher 10 Punkte davor). Die Tippflaeche
  waechst unsichtbar um --nx-luecke-knopf nach aussen. */
.nx-cal-head .nx-cal-all{position:relative;margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;border-radius:var(--nx-r-bedien);transition:.15s}
.nx-cal-head .nx-cal-all::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--nx-luecke-knopf) * -1);right:calc(var(--nx-luecke-knopf) * -1)}
@media (hover:hover){.nx-cal-head .nx-cal-all:hover{color:#fff}}
.nx-cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.nx-cal-day{background:var(--surface2);padding:12px 10px 14px;min-height:132px;cursor:pointer;transition:.15s;display:flex;flex-direction:column}
@media (hover:hover){.nx-cal-day:hover{transform:translateY(-2px);background:var(--nx-hebung-2)}}
.nx-cal-day.today{background:var(--nx-hebung-2);box-shadow:inset 0 2px 0 var(--accent)}
.nx-cal-dname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--dim)}
.nx-cal-day.today .nx-cal-dname{color:var(--nx-text)}
.nx-cal-dnum{font-family:var(--nx-f-titel);font-weight:800;font-size:18px;color:#fff;margin-top:2px;line-height:1}
.nx-cal-dots{display:flex;flex-direction:column;gap:4px;margin-top:11px}
.nx-cal-ev{display:flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);color:var(--txt);line-height:1.2;overflow:hidden;cursor:pointer;border-radius:var(--nx-r-bedien);padding:1px 3px;margin:0 -3px;transition:background .15s}
@media (hover:hover){.nx-cal-ev:hover{background:var(--nx-hebung)}}
.nx-cal-ev .d{width:6px;height:6px;border-radius:50%;flex:none}
.nx-cal-ev .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-cal-ev.stream .d{background:var(--accent)}
.nx-cal-ev.content .d{background:#34e5d8}
.nx-cal-ev.event .d{background:#ff8a3d}
.nx-cal-more{font-size:var(--nx-typo-klein);color:var(--dim);margin-top:auto;padding-top:6px}
.nx-cal-empty{font-size:var(--nx-typo-klein);color:rgba(255,255,255,.22);margin-top:11px}
.nx-cal-legend{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}
.nx-cal-lg{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-cal-lg .d{width:8px;height:8px;border-radius:50%}
.nx-cal-lg.stream .d{background:var(--accent)}
.nx-cal-lg.content .d{background:#34e5d8}
.nx-cal-lg.event .d{background:#ff8a3d}
.nx-calov{position:fixed;inset:0;background:rgba(6,6,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99999;display:none;align-items:flex-start;justify-content:center;padding:48px 24px;overflow-y:auto}
.nx-calov.on{display:flex}
.nx-calov-box{background:var(--surface);border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);max-width:960px;width:100%;padding:28px 30px;position:relative;box-shadow:var(--nx-schatten)}
.nx-calov-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.nx-calov-head h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);margin:0;color:#fff}
.nx-calov-nav{margin-left:auto;display:flex;align-items:center;gap:8px;margin-right:44px}
.nx-calov-nav button{width:36px;height:36px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.06));background:var(--surface2);color:var(--txt);cursor:pointer;font-size:var(--nx-typo-kartenkopf);display:grid;place-items:center;transition:.15s}
@media (hover:hover){.nx-calov-nav button:hover{border-color:var(--line2,var(--nx-linie));color:#fff}}
.nx-calov-nav .nx-calov-month{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);min-width:150px;text-align:center;color:#fff}
.nx-calov-close{position:absolute;top:22px;right:24px;width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,rgba(255,255,255,.06));background:var(--surface2);color:var(--dim);cursor:pointer;font-size:var(--nx-typo-abschnitt);display:grid;place-items:center;transition:.15s;z-index:2}
@media (hover:hover){.nx-calov-close:hover{color:#fff;border-color:var(--line2,var(--nx-linie))}}
.nx-calov-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.nx-calov-dow{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);text-align:center;padding:6px 0}
.nx-calov-cell{background:var(--surface2);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-bedien);min-height:96px;padding:8px;display:flex;flex-direction:column;gap:4px}
.nx-calov-cell.out{opacity:.35}
.nx-calov-cell.today{border-color:var(--nx-linie);background:var(--nx-hebung)}
.nx-calov-cellnum{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.nx-calov-cell.out .nx-calov-cellnum{color:var(--dim)}
.nx-calov-pill{font-size:var(--nx-typo-klein);line-height:1.25;padding:3px 6px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px;overflow:hidden;cursor:pointer;transition:filter .15s}
@media (hover:hover){.nx-calov-pill:hover{filter:brightness(1.25)}}
.nx-calov-pill .d{width:5px;height:5px;border-radius:50%;flex:none}
.nx-calov-pill .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-calov-pill.stream{background:var(--nx-hebung)}
.nx-calov-pill.stream .d{background:var(--accent)}
.nx-calov-pill.content{background:rgba(52,229,216,.12)}
.nx-calov-pill.content .d{background:#34e5d8}
.nx-calov-pill.event{background:rgba(255,138,61,.12)}
.nx-calov-pill.event .d{background:#ff8a3d}
.nx-calov-legend{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line,rgba(255,255,255,.06))}
.platchip.nx-src-open{transition:transform .15s,box-shadow .15s}
@media (hover:hover){.platchip.nx-src-open:hover{transform:translateY(-1px);box-shadow:none}}
[data-nxsoon="Subscription"],[data-nxsoon="Tipping"],[data-nx="creator.coach"],[data-nx="creator.book"],.nx-coming-note{display:none}
.nx-ytclips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.nx-ytclip{overflow:hidden;border:1px solid var(--line,rgba(255,255,255,.08));background:var(--surface2);cursor:pointer;transition:transform .15s,box-shadow .15s}
@media (hover:hover){.nx-ytclip:hover{transform:translateY(-2px);box-shadow:none}}
.nx-ytclip-thumb{position:relative;height:92px}
.nx-ytclip-thumb .nx-ytclip-orb{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:var(--nx-typo-abschnitt);opacity:.9}
.nx-ytclip-plat{position:absolute;top:7px;left:7px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;padding:3px 8px;border-radius:var(--nx-r-bedien)}
.nx-ytclip-len{position:absolute;bottom:7px;right:7px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:var(--nx-r-marke)}
.nx-ytclip-body{padding:8px 12px 12px}
.nx-ytclip-t{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nx-ytclip-meta{margin-top:5px;display:flex;align-items:center;justify-content:space-between}
.nx-ytclip-views{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ytclip-watch{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text)}
.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,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:16px 18px 14px}
.shell>.nx-caps-sec{grid-column:1/-1}
.nx-cap-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.nx-cap-t{display:flex;align-items:center;gap:12px;min-width:0}
.nx-cap-t .pi-lead{margin:0;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-cap-t svg{flex:none}
.nx-cap-hint{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap;flex:none}
.nx-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 22px;align-items:start}
.nx-cap-row{display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-text)/1.4 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-cap-row svg{color:#3be37a;flex:none}
.nx-cap-vs{margin-top:13px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.06))}
.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}
.nx-ownerbar{max-width:var(--nx-breite);margin:32px auto 0;padding:0 var(--nx-rand)}
.nx-ownerbar-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:14px 18px}
.nx-ownerbar-b{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-ownerbar-t{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim);flex:1;min-width:220px}
.nx-ownerbar-a{margin-left:auto;flex:none;text-decoration:none;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;transition:.15s}
@media (hover:hover){.nx-ownerbar-a:hover{background:var(--nx-hebung)}}
@media(max-width:640px){.nx-ownerbar-a{margin-left:0}}
.pb-navlab{flex:none;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.gchips,.chips{margin-bottom:8px}
.nx-ss-pinrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:560px){.nx-ss-pinrow{grid-template-columns:1fr}}
.nx-ss-pinmark{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#0c0c14;background:rgba(255,255,255,.92);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-ss-pinrow .nx-ss-thumb.vert,.nx-ss-pinrow .nx-ss-thumb.sq,.nx-ss-pinrow .nx-ss-thumb.wide{aspect-ratio:4/5}
.nx-ss-grid{column-count:3;column-gap:12px}
.nx-ss-grid>.nx-demopill{column-span:all;display:flex;width:max-content}
@media(max-width:560px){.nx-ss-grid{column-count:2}}
.nx-ss-card{display:block;break-inside:avoid;margin:0 0 12px;text-decoration:none;overflow:hidden;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));transition:border-color .15s,transform .15s}
@media (hover:hover){.nx-ss-card:hover{border-color:var(--nx-linie);transform:translateY(-2px)}}
.nx-ss-card.pin{border-color:var(--nx-linie);box-shadow:0 0 0 1px var(--nx-linie)}
.nx-ss-thumb{position:relative;display:grid;place-items:center}
.nx-ss-thumb.vert{aspect-ratio:9/16}
.nx-ss-thumb.sq{aspect-ratio:1/1}
.nx-ss-thumb.wide{aspect-ratio:16/9}
.nx-ss-thumb .ov{position:absolute;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5))}
/* SECHS ETIKETTEN IN EINER REIHE, SECHSMAL DASSELBE MASS.
  Gemessen trugen fuenf der sechs Kanalmarken 22px Hoehe, runde Ecke,
  10,5px/700 und Polsterung 0/9 · das sechste (X) blieb bei 21px, Ecke 8,
  8,5px/800 und Polsterung 4/8. Grund war nicht die Kachel, sondern die
  Beschriftung: die Formenlehre laesst alles unter 24px Breite liegen, und
  ein einziger Buchstabe blieb darunter. Das Mass steht deshalb hier, statt
  davon abzuhaengen, wie lang der Name eines Kanals ist. */
.nx-ss-badge{position:absolute;top:8px;left:8px;z-index:2;font:700 var(--nx-typo-klein) var(--nx-f-text);padding:0 9px;min-height:22px;border-radius:999px;display:inline-flex;align-items:center;line-height:1;box-sizing:border-box}
.nx-ss-play{position:relative;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.4);display:grid;place-items:center;color:#fff}
.nx-ss-stat{position:absolute;bottom:8px;left:10px;z-index:2;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65)}
.nx-ss-cap{padding:10px 12px;font:400 var(--nx-typo-text)/1.4 'Nunito Sans',sans-serif;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nx-ss-post{padding:14px 14px 12px}
.nx-ss-phead{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.nx-ss-phandle{font:700 var(--nx-typo-meta) var(--nx-f-text);}
.nx-ss-ptime{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-left:auto}
.nx-ss-ptext{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-ss-peng{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ss-note{padding:8px 12px 12px;border-top:1px solid rgba(255,255,255,0.12);background:var(--nx-hebung);font:400 var(--nx-typo-meta)/1.45 'Nunito Sans',sans-serif;color:var(--nx-text)}
.nx-ss-note b{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);margin-bottom:3px}
.nx-ss-live{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px;border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-ss-live i{width:5px;height:5px;border-radius:50%;}
.nx-ss-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.06));font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
/* OHNE INHALT KEINE TRENNLINIE. Die Fusszeile bleibt, weil 02-ssm.js
  "Manage channels" hineinhaengt · solange das nicht passiert ist, stuende
  hier sonst ein Strich ueber nichts. .nx-ss-hint (der Eigenlob-Satz, der
  hier drinstand) ist weg, siehe 03-inline.js. */
.nx-ss-foot:empty{display:none}
.nx-ss-soon{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px;color:#ffc53d;border:1px solid rgba(255,197,61,.4);background:rgba(255,197,61,.1);border-radius:var(--nx-r-bedien);padding:3px 8px}
.nx-ssm-btn{margin-left:auto;display:none;align-items:center;gap:6px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:6px 12px;cursor:pointer}
body.nx-editing .nx-ssm-btn,body.nx-edit-content .nx-ssm-btn{display:inline-flex}
.nx-ssm-ov{position:fixed;inset:0;z-index:9800;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;padding:24px}
.nx-ssm-ov.on{display:grid}
.nx-ssm{width:min(560px,100%);max-height:84vh;overflow:auto;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);box-shadow:var(--nx-schatten)}
.nx-ssm-h{display:flex;align-items:center;gap:10px;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.nx-ssm-h b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-ssm-h span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ssm-x{margin-left:auto;width:30px;height:30px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--dim);cursor:pointer;font-size:var(--nx-typo-kartenkopf);line-height:1}
.nx-ssm-b{padding:14px 18px 18px}
.nx-ssm-lbl{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise);margin:2px 0 9px}
.nx-ssm-ch{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--nx-r-karte);margin-bottom:8px}
.nx-ssm-ch .dot{width:10px;height:10px;border-radius:50%;flex:none}
.nx-ssm-ch .n{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-ssm-ch .s{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ssm-ch button{margin-left:auto;font:800 var(--nx-typo-klein) var(--nx-f-text);border-radius:var(--nx-r-pille);padding:4px 12px;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--dim)}
.nx-ssm-ch button.on{border-color:rgba(59,227,122,.45);background:rgba(59,227,122,.12);color:#8ff0b4}
.nx-ssm-add{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.nx-ssm-in{width:100%;box-sizing:border-box;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-karte);padding:12px 12px;color:var(--txt);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;outline:none}
.nx-ssm-in:focus{border-color:var(--accent)}
.nx-ssm-prev{display:flex;align-items:center;gap:8px;margin-top:11px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ssm-tag{font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;border-radius:var(--nx-r-bedien);padding:4px 8px;background:#3a3a52}
.nx-ssm-fmt{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;}
.cllabel,.btndanger,.chip.c-live,.nx-live-txt{color:#ff7a92}
.nx-ss-badge,.nx-ss-live{background:rgba(10,10,18,.72)!important;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.nx-ss-live i,.nx-ss-live .d{background:#ff7a92}
#nxShare.nx-share-btn{left:auto;width:32px;height:32px;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#nxShare.nx-share-btn svg{width:15px;height:15px}
.nx-ptsub, .nx-gmcol-h, .nx-slots-k, .nxch-sublbl,
.nx-ssm-fmt, .nx-ss-phandle, .nx-rv-ch b{color:#fff}
.pbtn{font-weight:700}
.splabel{font:700 var(--nx-typo-klein) var(--nx-f-text);}
.eyebrow.eyebrow.eyebrow{}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  }
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:var(--nx-typo-abschnitt);font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
.nx-set-card h2{font-size:var(--nx-typo-abschnitt)}
body.nx-editing .bedit{display:flex}
.nxc-grp{display:flex;align-items:center;gap:8px}
.nxc-lbl{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim)}
.nxc-sw{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;padding:0}
.nxc-sw.on{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.nxc-chip{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);background:var(--nx-hebung);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-bedien);padding:4px 12px;cursor:pointer}
.nxc-chip.on{color:#fff;background:var(--accent);border-color:var(--nx-linie)}
.nxc-hint{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nxc-done{margin-left:auto;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--on-accent,#fff);background:var(--accent,#5b27e8);border:none;border-radius:var(--nx-r-bedien);padding:8px 16px;cursor:pointer}
body.nx-editing .block{outline:1px dashed var(--nx-linie);outline-offset:2px}
body.nx-editing .block .grip{cursor:grab;color:var(--nx-text)}
.nx-draggable{transition:opacity .15s}
body.nx-editing .custbar{position:fixed;left:0;right:0;bottom:0;max-width:none;margin:0;padding:12px 24px;background:var(--nx-flaeche);border-top:2px solid var(--nx-linie);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;box-shadow:var(--nx-schatten)}
body.nx-editing{padding-bottom:96px}
.custin.nxc-active{max-width:var(--nx-breite);margin:0 auto}
.nxc-editlabel{display:flex;align-items:center;gap:8px;font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text);white-space:nowrap}
.nxc-editlabel .dot{width:8px;height:8px;border-radius:50%;background:var(--accent,#5b27e8);box-shadow:none}
.nx-editable{outline:1px dashed var(--nx-linie);outline-offset:3px;border-radius:var(--nx-r-marke);cursor:text;transition:background .15s}
.nx-editable:focus{background:var(--nx-hebung);outline-style:solid}@media (hover:hover){.nx-editable:hover{background:var(--nx-hebung);outline-style:solid}}
body.nx-edit-content .bedit{opacity:1;color:var(--nx-text)}
body.nx-edit-content .block.nx-blk-hidden{opacity:.4;filter:grayscale(.6)}
body.nx-edit-content .block.nx-blk-hidden::after{content:"Hidden, click pencil to show";position:absolute;top:14px;right:44px;font:700 var(--nx-typo-meta) "Nunito Sans",sans-serif;color:var(--dim)}
#nx-edit-bar{position:fixed;left:0;right:0;bottom:0;z-index:5000;display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--nx-flaeche);border-top:2px solid var(--nx-linie);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--nx-schatten)}
.nx-eb-label{display:flex;align-items:center;gap:8px;font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text)}
.nx-eb-label .dot{width:8px;height:8px;border-radius:50%;background:var(--accent,#5b27e8);box-shadow:none}
.nx-eb-hint{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nx-eb-done{margin-left:auto;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--on-accent,#fff);background:var(--accent,#5b27e8);border:none;border-radius:var(--nx-r-bedien);padding:8px 16px;cursor:pointer}
body.nx-edit-content{padding-bottom:70px}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
.nx-anim-pop{animation:nxpop .24s ease-out}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.nx-anim-in{animation:nxfadeup .34s cubic-bezier(.2,.7,.3,1) both}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.nx-anim-toast{animation:nxtoastin .3s cubic-bezier(.2,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
.nx-noti-item.nx-noti-read{opacity:.5}
.nx-eu-foot{display:inline-flex;align-items:center;margin-right:8px;margin-left:-1px;vertical-align:-2px;position:relative;top:-1px}
.nx-eu-foot .nx-eu{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.nx-covbtns{position:absolute;top:14px;right:14px;z-index:6;display:flex;gap:8px}
.nx-covbtn{display:flex;align-items:center;gap:7px;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:rgba(8,8,14,.55);border:1px solid rgba(255,255,255,.22);padding:8px 14px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.15s}
@media (hover:hover){.nx-covbtn:hover{border-color:#fff}}
body.nx-visitor .nx-covbtn-edit{display:none}
#nxCpComm{max-width:var(--nx-breite);margin:0 auto;padding:0 var(--nx-rand)}
/* EIN TAKT ZWISCHEN DEN HAUPTABSCHNITTEN.
  Gemessen messen die sechs uebrigen Uebergaenge (pwrap, Suche, ctop, bands,
  prow, masonry) alle genau 16px, dieser als einziger 18. Zwei Punkte, aber
  die Mehrheit ist lueckenlos · der Fuss bleibt mit 32 der Schlusspunkt.
  Die Ecke stand ausserdem auf 16 statt 14, siehe :root weiter oben. */
.nx-cpcomm{display:flex;align-items:center;gap:16px;margin:16px 0 0;padding:16px 18px;border:1px solid var(--line,#26263a);border-radius:var(--nx-r-tafel);background:var(--surface)}
.nx-cpcomm .av{width:52px;height:52px;border-radius:var(--nx-r-tafel);flex:none;display:grid;place-items:center;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;background-size:cover;background-position:center}
.nx-cpcomm .tx{flex:1;min-width:0}
.nx-cpcomm .nm{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;display:flex;align-items:center;gap:9px}
.nx-cpcomm .tag{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);border:1px solid var(--nx-linie);border-radius:var(--nx-r-pille);padding:3px 8px}
.nx-cpcomm .mt{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:5px}
.nx-cpcomm .mt i{width:6px;height:6px;border-radius:50%;background:#3be37a;display:inline-block;margin-right:5px}
.nx-cpcomm .go{flex:none;font:700 var(--nx-typo-text) var(--nx-f-text);text-decoration:none;color:#fff;background:var(--accent,#5b27e8);border-radius:var(--nx-r-karte);padding:11px 18px}
@media(max-width:700px){.nx-cpcomm{flex-wrap:wrap}.nx-cpcomm .go{width:100%;text-align:center}}
.nx-sfty-ov{position:fixed;inset:0;z-index:9600;background:rgba(4,4,9,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}
.nx-sfty-k{width:min(430px,100%);background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--nx-r-block);padding:22px 22px 18px;box-shadow:none}
.nx-sfty-k h3{margin:0 0 6px;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-sfty-k p{margin:0 0 15px;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-sfty-opt{display:flex;flex-direction:column;gap:1px;margin:0 0 15px}
.nx-sfty-opt label{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--nx-r-bedien);cursor:pointer;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
@media (hover:hover){.nx-sfty-opt label:hover{background:var(--nx-hebung)}}
.nx-sfty-opt input{accent-color:var(--accent);width:14px;height:14px;flex:none;cursor:pointer}
.nx-sfty-row{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.nx-sfty-go{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--accent,#5b27e8);border:0;border-radius:var(--nx-r-bedien);padding:10px 16px;cursor:pointer}
.nx-sfty-go[disabled]{opacity:.42;cursor:not-allowed}
.nx-sfty-go.warn{background:#c0392b}
.nx-sfty-no{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--dim);background:none;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:var(--nx-r-bedien);padding:10px 16px;cursor:pointer}
@media (hover:hover){.nx-sfty-no:hover{color:#fff;border-color:rgba(255,255,255,.3)}}
.nx-sfty-btn{display:inline-flex;align-items:center;gap:6px;background:none;cursor:pointer;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:var(--nx-r-bedien);padding:6px 11px;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim)}
@media (hover:hover){.nx-sfty-btn:hover{color:#fff;border-color:rgba(255,255,255,.32)}}
.nx-sfty-menu{position:absolute;z-index:9500;min-width:194px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:var(--nx-r-karte);padding:5px;box-shadow:var(--nx-schatten)}
.nx-sfty-menu button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:9px 11px;border-radius:var(--nx-r-bedien);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
@media (hover:hover){.nx-sfty-menu button:hover{background:var(--nx-hebung);color:#fff}}
.nx-sfty-menu button.warn{color:#ff8a8a}
.nx-sfty-menu .sep{height:1px;margin:4px 6px;background:var(--line,rgba(255,255,255,.08))}
[data-nx-bart] *{text-shadow:0 1px 3px rgba(4,4,8,.85),0 0 12px rgba(4,4,8,.5)}
.nx-twplay{display:none;margin:12px 0 4px}
.nx-twplay.offen{display:block}
.nx-twframe{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--nx-r-tafel);overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:none}
.nx-twframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nx-twtitle{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:8px;padding:13px 16px;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent);pointer-events:none;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-twtitle .dot{width:8px;height:8px;border-radius:50%;background:#ff4d6d;box-shadow:none}
.nx-twnote{margin-top:8px;font:400 var(--nx-typo-klein) "Nunito Sans",sans-serif;color:var(--dim)}
#nx-search-drop.on{display:block}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
.nxsd-av{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);flex:none}
.nxsd-n{flex:1;min-width:0;font:700 var(--nx-typo-kartenkopf) "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
#nx-watch-modal{position:fixed;inset:0;z-index:9800}
#nx-watch-modal .nw-player{position:relative;aspect-ratio:16/9;border-radius:var(--nx-r-karte);display:grid;place-items:center;overflow:hidden}
#nx-watch-modal .nw-play{width:62px;height:62px;border-radius:50%;background:rgba(10,10,18,.55);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:.15s}
@media (hover:hover){#nx-watch-modal .nw-play:hover{transform:scale(1.08);background:var(--nx-hebung)}}
body.nx-visitor #editcover{display:none}
.nx-owner-switch{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;margin-right:10px;height:24px;width:auto;align-self:center;border:1px solid rgba(255,180,61,.4);background:rgba(255,180,61,.08);color:#ffd9a0;font:700 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none;white-space:nowrap;transition:background .15s}
@media (hover:hover){.nx-owner-switch:hover{background:rgba(255,180,61,.18)}}
.nx-owner-switch.nx-on{background:rgba(52,229,216,.14);border-color:rgba(52,229,216,.5);color:#8ff4ea}
.nx-owner-switch svg{display:block}
@media(max-width:640px){.nx-os-label{display:none}.nx-owner-switch{padding:0 9px}}
body.nx-visitor .editcover, body.nx-visitor .nx-chan-ctl, body.nx-visitor [data-nx="recolor"], body.nx-visitor #bEditP, body.nx-visitor #bCust, body.nx-visitor #bSettings, body.nx-visitor #bEdit, body.nx-visitor #bDash, body.nx-visitor #bAddBlock, body.nx-visitor .nx-addblock, body.nx-visitor .addblock{display:none}
.nxsr-ov{position:fixed;inset:0;z-index:80;background:rgba(4,4,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none}
.nxsr-ov.on{display:block}
.nxsr-p{max-width:580px;margin:110px auto 0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-tafel);overflow:hidden;box-shadow:var(--nx-schatten)}
.nxsr-in{width:100%;box-sizing:border-box;background:transparent;border:none;outline:none;color:var(--txt);padding:17px 19px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);border-bottom:1px solid rgba(255,255,255,.08)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-r.on{background:var(--accent)}
.nxsr-art{width:52px;height:29px;border-radius:var(--nx-r-marke);flex:none;object-fit:cover;background:var(--nx-hebung)}
.nxsr-art.rund{width:30px;height:30px;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.nxsr-r:hover{background:var(--nx-hebung)}}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.nxsr-a{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.pbtn.nx-am-editieren{background:rgba(59,227,122,.14);color:#3be37a;border:1px solid rgba(59,227,122,.5)}
body.nx-edit-content .nx-prevbar,body.nx-editing .nx-prevbar{position:fixed;top:0}
body.nx-visitor #custin{display:none}
body.nx-visitor .grip{display:none}
body.nx-visitor .bctl,body.nx-visitor .bcolor,body.nx-visitor .bedit{display:none}
.nx-pubsec{margin:18px 0;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);
  background:var(--surface);overflow:hidden}
.nx-pubsec-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.nx-pubsec-hd .nx-pubsec-t{font-family:"Encode Sans Condensed",var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-pubsec-hd .nx-pubsec-b{font-size:var(--nx-typo-klein);font-weight:800;color:var(--nx-text);background:var(--nx-hebung);border-radius:var(--nx-r-bedien);padding:2px 8px}
.nx-pubsec-body{display:grid;gap:10px;padding:14px 16px}
.nx-pubcard{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.07));background:var(--nx-hebung)}
.nx-pubcard .nx-pc-ic{width:38px;height:38px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;
  background:var(--accent);color:#fff;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)}
.nx-pubcard .nx-pc-tx{flex:1;min-width:0}
.nx-pubcard .nx-pc-nm{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-pubcard .nx-pc-mt{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px}
.nx-pubcard .nx-pc-pr{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;flex:none;margin-left:auto}
.nx-pubcard .nx-pc-live{font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#3be37a;flex:none}
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:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.fcol .nx-soon-badge{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:4px 12px;line-height:1.4}
.fsocial{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;align-items:center}
.fsocial .s{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:var(--dim);background:var(--nx-hebung);
  cursor:default;transition:.15s}
.nx-vis-sub{border-color:var(--nx-linie);background:var(--nx-hebung)}
@media (hover:hover){.nx-vis-sub:hover{background:var(--nx-hebung)}}
.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-clips-veil{filter:grayscale(.85) brightness(.62);pointer-events:none;user-select:none}
.nx-clips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.nx-clip{position:relative;border-radius:var(--nx-r-bedien);height:86px;border:1px solid var(--line,rgba(255,255,255,.08))}
.nx-clip-orb{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:var(--nx-typo-kartenkopf);opacity:.85}
.nx-clip-len{position:absolute;bottom:6px;right:8px;background:rgba(0,0,0,.7);color:#fff;font:700 var(--nx-typo-klein) var(--nx-f-text);border-radius:var(--nx-r-bedien);padding:1px 6px}
.nx-clips-note{margin:10px 0 0;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-editing .block.nx-draggable{cursor:grab}
.nx-editing .block.nx-draggable:active{cursor:grabbing}
.nx-lk-url{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(9,9,15,.6);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-bedien);padding:8px 12px;margin-bottom:12px}
.nx-lk-u{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--nx-text)}
/* EIN LEISER KNOPF TRAEGT KEINE EIGENE FARBE.
  Gemessen liegen 52 leise Knoepfe der Seite auf Weiss-Waschungen zwischen
  ,02 und ,10 · dieser als einziger auf tuerkisem Grund 52,229,216 mit
  tuerkiser Kante. Farbe soll etwas bedeuten; "Copy link" bedeutet nichts,
  was die 52 anderen nicht auch tun. */
.nx-lk-copy{border:1px solid rgba(255,255,255,.08);background:var(--nx-hebung);color:var(--dim);border-radius:var(--nx-r-bedien);padding:4px 12px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
@media (hover:hover){.nx-lk-copy:hover{background:var(--nx-hebung-2)}}
.nx-lk-list{display:grid;gap:8px}
.nx-lk{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-karte);padding:10px 12px;text-decoration:none;color:var(--txt);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;transition:.15s}
@media (hover:hover){.nx-lk:hover{border-color:var(--nx-linie)}}
.nx-lk-s{margin-left:auto;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-lk-arr{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-lk-live{border-color:rgba(52,229,216,.45)}
.nx-lk-dot{width:8px;height:8px;border-radius:50%;background:#ff4655;display:inline-block;margin-right:7px;animation:nxlkp 1.4s infinite}
@keyframes nxlkp{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 5px rgba(255,70,85,0)}}
body[data-nxtheme]{background:radial-gradient(950px 520px at 78% -120px,var(--nxt-g1),transparent 62%),radial-gradient(760px 460px at -6% 260px,var(--nxt-g2),transparent 60%),var(--bg)}
body[data-nxtheme="midnight"]{--nxt-g1:rgba(91,39,232,.16);--nxt-g2:rgba(52,229,216,.08)}
body[data-nxtheme="synthwave"]{--on-accent:#0c0c14;--bg:#0d0716;--surface:#191028;--accent:#ff3fa4;--accent2:#22d3ee;--line:rgba(255,255,255,.09);--nxt-g1:rgba(255,63,164,.2);--nxt-g2:rgba(91,39,232,.16)}
body[data-nxtheme="bloodrush"]{--on-accent:#0c0c14;--bg:#0d0508;--surface:#190d12;--accent:#ff2440;--accent2:#ff8a5c;--line:rgba(255,255,255,.08);--nxt-g1:rgba(255,36,64,.17);--nxt-g2:rgba(255,138,92,.09)}
body[data-nxtheme="cozy"]{--on-accent:#0c0c14;--bg:#12100b;--surface:#1e1a12;--accent:#ffb454;--accent2:#7fd97a;--line:rgba(255,255,255,.08);--nxt-g1:rgba(255,180,84,.14);--nxt-g2:rgba(127,217,122,.09)}
body[data-nxtheme="arctic"]{--on-accent:#0c0c14;--bg:#060b12;--surface:#101a26;--accent:#4dc9ff;--accent2:#9be8ff;--line:rgba(255,255,255,.09);--nxt-g1:rgba(77,201,255,.15);--nxt-g2:rgba(155,232,255,.08)}
body[data-nxtheme="retro"]{--on-accent:#0c0c14;--bg:#050a05;--surface:#0d160d;--accent:#3bff6f;--accent2:#b8ff5c;--line:rgba(59,255,111,.14);--nxt-g1:rgba(59,255,111,.12);--nxt-g2:rgba(184,255,92,.07)}
body[data-nxtheme] .block,body[data-nxtheme] .pwrap .banner{transition:background .4s,border-color .4s}
.pwrap .banner{position:relative;overflow:hidden}
body[data-nxtheme="midnight"] .banner::after{background:none}
body[data-nxtheme="synthwave"] .banner::after{background:none}
body[data-nxtheme="bloodrush"] .banner::after{background:none}
body[data-nxtheme="cozy"] .banner::after{background:none}
body[data-nxtheme="arctic"] .banner::after{background:none}
body[data-nxtheme="retro"] .banner::after{background:none}
@keyframes nxtDrift{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,2%,0)}}
@keyframes nxtGrid{from{background-position:0 0,0 0}to{background-position:0 42px,42px 0}}
@keyframes nxtPulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes nxtSheen{0%{background-position:120% 0}60%,100%{background-position:-40% 0}}
@keyframes nxtFlick{0%,96%{opacity:.85}97%,100%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.pwrap .banner::after{animation:none}}
body[data-nxbstyle="glass"] .block{background:rgba(19,19,30,.5);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}
body[data-nxtheme="cozy"][data-nxbstyle="glass"] .block{background:rgba(30,26,18,.5)}
body[data-nxbstyle="outline"] .block{background:transparent;border-color:rgba(255,255,255,.16)}
.nxt-sw{width:22px;height:22px;border-radius:var(--nx-r-bedien);border:2px solid transparent;cursor:pointer;padding:0}
.nxt-sw.on{border-color:#fff}
.nxt-bs{cursor:pointer}
.nx-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px;margin-right:8px}
.nx-eq i{width:3px;background:var(--accent);border-radius:2px;animation:nxeq 1s ease-in-out infinite}
.nx-eq i:nth-child(1){height:6px}
.nx-eq i:nth-child(2){height:11px;animation-delay:.2s}
.nx-eq i:nth-child(3){height:8px;animation-delay:.45s}
@keyframes nxeq{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
/* "View as visitor" ist eine Handlung in der Knopfreihe: Flaeche ohne Kante,
  die Rundung eines Bedienelements, kein eigener Rand zum Nachbarn (die Luecke
  steht an .pactions). Er stand hier doppelt und ein drittes Mal als Pille mit
  10 Punkten linkem Rand im Stilblock von js/nextari-creator-profile.07-viewmode.js ·
  am Telefon begann die Reihe dadurch 10 Punkte neben ihrer Kante. Der Waehler
  nennt die Reihe nicht mehr: der Stilblock des Bauers sagt nichts mehr ueber
  die Form, diese Regel ist ihr einziger Besitzer, auch wenn der Umschalter
  einmal ausserhalb von .pactions steht. */
/* "Event pass" (nxm-ausweis.js) steht in derselben Reihe und ist dieselbe
  leise Handlung: graue Flaeche, gedaempfte Schrift. Gefuellt ist in der
  Reihe nur der eine Hauptknopf · der Pass war heller als sein Nachbar und
  las sich wie ein zweiter. Seine Form steht hier, nicht im Modul. */
#nx-viewtoggle,.nx-pass-kn{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0 14px;border-radius:var(--nx-r-bedien);border:0;background:var(--nx-hebung);color:var(--dim);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;text-decoration:none;cursor:pointer;transition:.15s}
@media (hover:hover){#nx-viewtoggle:hover,.nx-pass-kn:hover{color:var(--txt);background:var(--nx-hebung-2)}}
/* Die fuenfte der gemessenen 16er-Flaechen · siehe :root weiter oben. */
.nx-sr{position:relative;border-radius:var(--nx-r-tafel);padding:22px 22px 20px;overflow:hidden;background:var(--accent);border:1px solid color-mix(in srgb,var(--nx-linie) 42%,transparent)}
.nx-sr::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 85% 0%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}
.nx-sr-brand{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);letter-spacing:0.9px;color:rgba(255,255,255,.65)}
.nx-sr-title{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:5px 0 15px}
.nx-sr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:17px}
/* Dritte der drei Kennzahlen, die aus der Reihe fielen · siehe
  .nx-libsum-i b weiter oben. Gemessen 18px neben drei Nachbarn auf 20. */
.nx-sr-stat b{display:block;font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff}
.nx-sr-stat span{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.6)}
.nx-sr-share{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);background:var(--nx-hebung-2);color:#fff;border-radius:var(--nx-r-karte);padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:default}
.nx-sr-soon{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);border-radius:var(--nx-r-bedien);padding:1px 8px;font-size:var(--nx-typo-klein);letter-spacing:0.9px}
.nx-prevbar .pb-badge{padding:4px 12px}
.nx-fm{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-tafel);padding:18px 20px;margin-top:18px}
.nx-fm-h{display:flex;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;margin-bottom:5px}
.nx-fm-soon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px}
.nx-fm-s{margin:0 0 13px;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-fm-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-fm-row b{color:var(--txt)}
.nx-fm-sub{display:block;font-size:var(--nx-typo-meta);color:var(--dim);margin-top:1px}
.nx-fm-num{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--nx-text)}
.nx-fm-btn{margin-top:12px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-fm-btn:hover{border-color:var(--nx-linie)}}
.nx-fm-note{margin-top:11px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.12);font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--nx-leise)}
.ggwrap{display:flex;align-items:center;gap:14px}
.ggbtn{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-karte);padding:10px 18px;cursor:pointer;transition:.15s}
.ggbtn .gglab{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);}
.ggbtn .ggsub{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
@media (hover:hover){.ggbtn:hover{border-color:var(--nx-linie)}}
.ggbtn.on{border-color:var(--nx-linie);color:var(--nx-text);background:rgba(52,229,216,.06)}
.ggmeta{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
.ggmeta b{color:var(--txt)}
.ggmeta a{color:var(--nx-text);text-decoration:none}
#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)}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (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}}}
/* EINE KANTE, NICHT ZWEI. Diese Reihen standen am Telefon auf 14, alles
  andere auf 16 (.bands/.ctop/.prow/.masonry und .pwrap weiter unten).
  Gemessen im 390-Punkte-Rahmen: die Bloecke liegen auf 16|16. Traegt ein
  Hausmodul hier spaeter eine .nx-row ein, stuende sie 2 Punkte daneben. */
.phead .pid{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;
  align-content:start;padding-top:20px}
.phead .pid > .pname{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  font-size:var(--nx-typo-seite);letter-spacing:-.01em}
/* DIE ETIKETTEN NEBEN DEM NAMEN SIND PILLEN WIE ALLE ANDEREN.
  Gemessen stand die Schrift hier auf 9,5 · die einzige Pillenschrift der
  Seite unter 10,5, dem Boden der Leiter. Die Ecke stand auf 8, waehrend 78
  von 89 Etiketten rund sind, und die Hoehe auf 18,5 statt der 22, die
  jedes andere Etikett der Seite haelt. */
.phead .pname > span:not(:first-child),.phead .pname > a{
  font:800 var(--nx-typo-klein) var(--nx-f-text);
  padding:0 9px;min-height:22px;border-radius:999px;line-height:1;
  display:inline-flex;align-items:center;gap:5px;transform:none}
.phead .pid > .phandle{grid-column:1/-1;margin:-3px 0 0;color:var(--dim)}
.phead .pid > .nx-prel-lage{grid-row:3;grid-column:1;align-self:center;margin:0}
.phead .pid > .status{grid-row:3;grid-column:2;justify-self:start;align-self:center;margin:0}
/* Das Sicherheitsmenue (nxm-safety.js) gehoert zur Besucheransicht und steht als eigene Zeile unter dem Kopf, nicht als Spalte neben dem Status. */
.phead .pid > .nx-sfty-btn{grid-column:1/-1;justify-self:start}
.phead .pid > .socialbar{grid-row:4;grid-column:1/-1;margin:2px 0 0;
  font-variant-numeric:tabular-nums;display:flex;gap:22px;align-items:baseline}
.banner{height:300px}
@media(max-width:1000px){.banner{height:240px}}
@media(max-width:640px){.banner{height:176px}}
.pwrap .banner::after{content:"";position:absolute;inset:auto 0 0 0;height:58%;
  background:linear-gradient(180deg,rgba(8,8,13,0),rgba(8,8,13,.52));pointer-events:none}
/* EINE HOEHE IN DER REIHE. Hier standen 40 fest, der Maler setzte 34, am
  Telefon wuchsen die Knoepfe ueber ihr eigenes Polster ueber 44 hinaus. Die
  Hoehe kommt aus --nx-h-bedien, senkrecht polstert niemand · so ist sie auch
  dort 44, wo nxm-mobil.css die Hoehe auf auto stellt. Ein Zeichen-Knopf ist
  so breit wie hoch. */
.phead .pactions{align-self:flex-start;margin-top:22px;display:flex;gap:var(--nx-luecke-knopf);align-items:center}
.phead .pactions > *{height:var(--nx-h-bedien);padding-block:0;display:inline-flex;align-items:center}
.phead .pactions > .pbtn.icon{width:var(--nx-h-bedien);padding:0;justify-content:center}
@media(max-width:760px){
  .phead .pid > .nx-prel-lage,.phead .pid > .status{grid-column:1/-1}
  .phead .pid > .status{grid-row:auto}
}
/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

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

  Der Inhalt gibt den Takt vor (1600 breit, 34 Polsterung · Stand,
  davor 1280/24), Kopfzeile und
  Vorschauleiste folgen mit derselben Formel. */
/* Schmale Schirme: die Knopfreihe im Kopf bricht um, statt rechts hinauszulaufen. */
@media(max-width:600px){.pactions{flex-wrap:wrap;max-width:100%}}
/* Schmale Schirme: die Wochenreihe laesst sich seitlich schieben, statt am
  Rand abzureissen. DIE REGEL GEHOERT DER WOCHENREIHE, NICHT JEDEM ABSCHNITT.
  .splan entsteht nur, wenn der Creator einen Wochenplan hat (03-inline.js);
  ohne ihn traf .csec trotzdem zu und machte den Abschnitt "Channels & Live"
  zum Schiebekasten ohne Schiebeweg · gemessen bei 390: overflow-x auto,
  overflow-y dadurch ebenfalls auto, scrollWidth gleich clientWidth. Eine
  Achse auf auto zieht die andere mit, also haette dort jedes spaetere
  Aufklappmenue eine Kante bekommen, die niemand gesetzt hat. */
@media(max-width:600px){.csec:has(.splan){overflow-x:auto;-webkit-overflow-scrolling:touch}.splan{min-width:560px}}

/* TELEFON · Diese Seite steht im Freigabe-Register (nxm-mobil.js). Sie wird
  am Telefon gestapelt, nicht gesperrt. */
@media(max-width:600px){
  /* Fingermass des Registers: NXMOBIL.regeln.fingermass = 44. Was schon in
  nxm-mobil.css auf ein Mindestmass gesetzt ist, bleibt dort · hier stehen
  nur die Bedienelemente dieser Seite. */
  .spplay{width:44px;height:44px}
  #nx-viewtoggle,.nx-pass-kn{min-height:var(--nx-h-bedien)}
  .nx-cpcomm .go{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  /* Blockkoepfe standen ein- statt zweizeilig: Titel und Notiz teilten sich
  die Breite, der Titel brach dabei mitten im Wortpaar um. */
  .bhd{flex-wrap:wrap}
  .btitle{flex-wrap:wrap}
  .bnote{flex:1 1 100%}
  .csechead{flex-wrap:wrap}
  .csechead h2{flex:1 1 100%}
}

/* ==========================================================================
  DIE FREIE FLAECHE STAPELT AM TELEFON

  .freecanvas ist eine 232 Punkte hohe Flaeche, auf der die Fotos mit
  festen Koordinaten liegen · eine Pinnwand, gebaut fuer die Breite des
  Schreibtischs. Bei 390 Punkten schob sich das zweite Foto ueber das
  erste und schnitt dessen Beschriftung mitten im Wort ab ("clutch of the
  ye"), Ueberdeckung 97 mal 44 Punkte. Am Rechner beruehren sich dieselben
  Kacheln nicht.

  Feste Koordinaten tragen nur auf einer festen Breite. Darunter stehen
  die Fotos untereinander, jedes so breit wie die Flaeche.
  ========================================================================== */
@media(max-width:560px){
  .freecanvas{height:auto;display:flex;flex-direction:column;gap:10px;
    padding:10px;box-sizing:border-box;overflow:visible}
  .freecanvas .freeimg{position:static;left:auto;top:auto;
    right:auto;bottom:auto;width:100%;height:150px;
    transform:none;margin:0}
}

/* DER RECHNER-RAND STAND AUF DEM TELEFON.
  Gemessen im 390-Punkte-Rahmen: .bands trug 34 Punkte Rand plus 24
  Punkte Polster auf jeder Seite · 116 von 381 Punkten gingen an den
  Rand, der Inhalt bekam 265. Die 34 sind die Seitenbreite des Hauses
  und auf dem Rechner richtig; auf dem Telefon gilt die Kante, die
  Kopf, Reiter und Karten dort schon haben · die Kante der Kopfleiste
  (--nx-kopfrand, 14). Hier standen 16, zwei Punkte neben dem Logo. */
@media(max-width:767px){
  .bands,.ctop,.prow,.masonry{margin-left:0;margin-right:0;
         max-width:100%;
         padding-left:var(--nx-kopfrand);padding-right:var(--nx-kopfrand)}
  .bands>div>.block{padding-left:0;padding-right:0}
  /* .csec ist eine Flaeche (css/nextari-flaechen.css) und polstert selbst ·
  mit 0 stand "Channels & Live" samt "Reach shown for ..." auf ihrer Kante. */
  .ctop>.csec{padding-left:var(--nx-innen);padding-right:var(--nx-innen)}
}

/* DER KOPF STAND 68 PUNKTE WEITER INNEN ALS DIE SEITE.
  Gemessen im 390-Punkte-Rahmen (mess/mobilbild.py, Sonde w=390): der
  Kopfbereich .pwrap traegt max-width:var(--nx-breite), und die ist
  unterhalb von 1668 Punkten calc(100% - 68px) · zentriert sind das 34
  Punkte Rand, dazu kommen 34 Punkte eigenes Polster. Banner, Bild, Name,
  Lage und Knopfreihe standen damit auf 68, die Reihen darunter auf 16.
  Von 381 Punkten gingen 136 an den Rand, dem Banner blieben 245.
  Die Gemeinschaftskarte und die Seitensuche rechnen genauso.
  Es ist dieselbe Rechnung wie bei .bands weiter oben, nur eine Ebene
  hoeher · und dieselbe Loesung, die nxm-mobil.css fuer .app>.main>*
  schon zieht: die Deckelung faellt, dann rechnen die Auto-Raender zu
  null, und es bleibt die Telefonkante der Seite. */
@media(max-width:767px){
  .pwrap,#nxCpComm,#nxSeitensuche{
    max-width:100%!important;margin-left:0;margin-right:0;
    padding-left:var(--nx-kopfrand)!important;padding-right:var(--nx-kopfrand)!important}
}

/* DER KALENDERKOPF STAND DREISPALTIG AUF 305 PUNKTEN.
  Gemessen im 390-Punkte-Rahmen, zweimal gleich: Zeile 305 breit, darin
  Symbol 15, Titelblock 183 und Knopf 83. "Live schedule" brach damit auf
  71 Punkten in zwei Zeilen, die Notiz ebenfalls, und auf dem Knopf stand
  "Open" ueber "calendar". Nebeneinander passt die Zeile nicht: eine
  Zeile braucht 391 Punkte, da sind 305. Am Telefon bekommt der Titel die
  Zeile und der Knopf seine eigene · derselbe Umbruch, den .bhd und
  .csechead hier schon machen. */
@media(max-width:767px){
  .nx-cal-head{flex-wrap:wrap}
  .nx-cal-head h3{flex:1 1 0;min-width:0;flex-wrap:wrap}
  .nx-cal-head .nx-cal-all{flex:1 1 100%;margin-left:0;justify-content:flex-start;
    padding-left:0;white-space:nowrap}
}

/* DER BLOCKKOPF AM TELEFON IST EINE ZEILE, KEIN STOCKWERK.
  Die Ueberschriften (z. B. Activity mit dem Greifer) hatten oben und
  unten zu viel Platz. Gemessen bei 390: Titel 58 Punkte
  unter der Blockkante, erster Inhalt 58 Punkte unter dem Titel · der
  Greifer ist 44 hoch (Fingermass), dazu 16 Polster oben und unten und 12
  Abstand. Das Polster geht auf 8, der Abstand weg, und der Inhalt darunter
  beginnt mit halbem Polster. Rechts bleibt Platz fuer das Zeichen zum
  Zuklappen, das nxm-mobil-falten.js in die Ecke setzt. */
@media(max-width:700px){
  html body .block > .bhd{padding-top:8px;padding-bottom:8px;margin-bottom:0}
  html body .block > .bhd + .bbody{padding-top:8px}
  html body .block.nx-falt-auf > .bhd{padding-right:60px}
  /* Die Kennzahlen · Begruendung unten bei DIE KENNZAHLEN. */
  html body .statgrid.statgrid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* DIE KENNZAHLEN STEHEN NEBENEINANDER, WIE IN "YOUR LIBRARY".
  Bei 390 Punkten sind 321 fuer das Raster da, und auto-fit mit 180
  Mindestbreite gibt davon eine einzige Spalte: fuenf grosse Ziffern
  untereinander. Drei Spalten wie die Bibliothek
  daneben · dieselbe Form fuer dieselbe Sache. nxm-mobil.css macht am
  Telefon jedes Raster mit "grid" im Namen einspaltig (mit Vorrang) · eine
  Zahlenreihe ist aber kein Kartenraster, darum hier doppelt und mit Vorrang. */
/* Die Regel steht im Telefonblock oben (DER BLOCKKOPF AM TELEFON). */