/*! 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")}
:root{--on-accent:#fff;}
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-text);font-weight:700;color:#fff;position:relative;flex:none}
.online{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2.5px solid var(--surface)}
.pwrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
/* EINE LEERE COVERFLAECHE IST NEUTRAL.
  Der Verlauf war violett nach blaugruen · unter der alten Bilddaempfung
  (filter) fiel das kaum auf, seit dem Schleier leuchtete er wieder
  und war die buntste Flaeche der Seite: gemessen sprang das Profil von
  11 auf 19 Prozent farbige Bildpunkte. Ein Platz, den erst jemand fuellt,
  soll nicht lauter sein als das, was spaeter darin steht · Schwarz, Weiss
  und Grau sind die Nichtfarben des Hauses. Sobald ein Cover da ist, liegt
  es ohnehin darueber. */
.banner{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(120deg,#16161f,#101018 55%,#0d0d14)}
.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:26px;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-weight:700;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{color:var(--faint);cursor:pointer;display:flex;gap:8px}
.bcolor{margin-left:auto;color:var(--faint);cursor:pointer;display:flex;align-items:center}
@media (hover:hover){.bcolor:hover{color:var(--nx-text)}}
@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}
.fgi{padding:9px 12px 12px}
.fgi b{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);display:block;margin-bottom:2px}
.fgi span{font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nx-creategrp{margin-left:auto;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-pille);padding:5px 13px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;white-space:nowrap;transition:background .15s}
.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%)}
.pinpill{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:rgba(8,8,14,.6);border:1px solid rgba(255,197,61,.4);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.fgname{position:absolute;left:10px;right:10px;bottom:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.fgmeta{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-size:var(--nx-typo-meta);color:var(--faint)}
.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{font-size:var(--nx-typo-meta);color:var(--faint);display:flex;align-items:center;gap:8px;margin-bottom:16px;line-height:1.45}
.pmnote b{color:var(--gold);font-family:var(--nx-f-text);font-weight:700}
.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-klein);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}
.trophy:first-child{padding-top:0}
.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}
.crerow{display:flex;align-items:center;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{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);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}
.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}
.splabel{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#1DB954}
.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;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{position:absolute;top:9px;left:11px;font-size:var(--nx-typo-klein);color:var(--faint);z-index:1;display:flex;align-items:center;gap:8px}
.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:-7px;bottom:-7px;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:grid;grid-template-columns:1fr 1fr;gap:16px;}
.bands>#bandStats{grid-column:1/-1}
@media(max-width:1000px){.bands{grid-template-columns:1fr}}
.prem{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#3a2a05;background:linear-gradient(135deg,#ffd76a,#ffb028);padding:4px 8px;border-radius:var(--nx-r-bedien);display:inline-flex;align-items:center;gap:4px;box-shadow:none}
.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%}
.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}
.dna .arch-tag{font-size:var(--nx-typo-klein);font-weight:700;color:#fff;background:var(--accent);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.dna .rlead{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.6;margin-top:16px;max-width:460px}
.dna .traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dna .trait{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);padding:8px 16px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.dna .trait b{color:#fff;font-weight:800}
@media(max-width:880px){.dna{justify-content:center}}
.prow{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.prow .block{margin-bottom:0}
/* DIE OBERE REIHE FLIESST, SIE RASTERT NICHT.
  Als Gitter fuellt sie zeilenweise: eine kurze Kachel neben einer hohen
  laesst unter der kurzen genau den Unterschied als Loch stehen. Gemessen
  waren das 1135 Punkte tote Flaeche unter "About Me", neben der 1271 Punkte
  hohen Gamer-DNA-Kachel. Als Spaltensatz laufen die Kacheln weiter, sobald
  Platz ist · dieselbe Mechanik, die die Sammlung darunter (.masonry) schon
  benutzt. break-inside haelt jede Kachel zusammen. */
.prow{display:block;column-count:2;column-gap:16px}
.prow > .block{break-inside:avoid;-webkit-column-break-inside:avoid;
  page-break-inside:avoid;display:inline-block;vertical-align:top;width:100%;margin-bottom:16px}
/* Der Abstand unter der letzten Kachel gehoert dem Nachbarn darunter, nicht der Reihe. */
.prow{margin-bottom:-16px}
@media(max-width:880px){.prow{column-count:1}}
body[data-nxspalten="1"] .prow{column-count:1}
.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(6,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}
.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:760px){
  /* Der Rand am Telefon steht in nextari.css (--nx-rand 0, --nx-breite
  100% - 28) und gilt fuer jede Seite gleich · hier steht keiner mehr. */
  
  
  
  
}
@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);
  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-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;left:auto;width:auto;max-width:130px;white-space:nowrap}
.nx-libsum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.nx-libsum-i{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 8px;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)}}
.nx-libsum-i b{font:800 22px var(--nx-f-titel);color:var(--txt)}
.nx-libsum-i span{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim);}
.nx-ph-slot{background:var(--nx-hebung);border:1px dashed rgba(255,255,255,.13);border-radius:var(--nx-r-tafel);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.nx-ph-slot::before{content:"";width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.nx-ph-slot .nx-ph-txt{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.26)}
.nx-ph-img{background:var(--nx-hebung);border:none;position:relative}
.nx-ph-img::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.16)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.55;pointer-events:none}
.nx-caps-pw{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1}
.nx-caps{background:var(--surface);border:1px solid var(--line,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-bridge{max-width:var(--nx-breite);margin:32px auto 0;padding:0 var(--nx-rand)}
.nx-bridge-in{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:16px 18px}
.nx-bridge-i{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--nx-r-bedien);flex:none;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.13);color:var(--nx-text)}
.nx-bridge-t{min-width:0}
.nx-bridge-t b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;margin-bottom:2px}
.nx-bridge-t span{display:block;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-bridge-b{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-bridge-b:hover{background:var(--nx-hebung)}}
@media(max-width:640px){.nx-bridge-in{flex-wrap:wrap}.nx-bridge-b{margin-left:0;width:100%;text-align:center}}
.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-pinmark.st{position:static;margin-left:auto}
.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}
@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))}
.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-hint{display:inline-flex;align-items:center;gap:6px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ss-badge{position:absolute;top:8px;left:8px;z-index:2;font:800 var(--nx-typo-klein) var(--nx-f-text);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.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-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)}
.nx-ss-manage{margin-left:auto;display:inline-flex;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;text-decoration: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}
@media(max-width:560px){.nx-ss-grid{grid-template-columns:repeat(2,1fr)}}
#bCust{display:none}
#nx-edit-bar{display:none}
.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;}
.nx-ss-badge,.nx-ss-live{background:rgba(10,10,18,.72);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.nx-ss-live i,.nx-ss-live .d{background:#ff7a92}
#nxShare.nx-share-btn{top:12px;right:12px;left:auto;width:32px;height:32px;padding:0;border-radius:50%;justify-content:center;gap:0;font-size:0;background:rgba(10,10,18,.42);border-color:rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
@media (hover:hover){#nxShare.nx-share-btn:hover{background:rgba(10,10,18,.66);border-color:rgba(255,255,255,.34)}}
#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}
.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}
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}
.spplay,.spvia{cursor:pointer}
@media (hover:hover){.spvia:hover{color:#fff}}
body.nx-editing .bedit{display:flex}
.sp-empty{padding:14px 2px 4px;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.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;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}
#nxPGrp{max-width:var(--nx-breite);margin:26px auto;padding:0 var(--nx-rand);box-sizing:border-box}
#nxPGrp .k{display:flex;align-items:center;gap:12px;margin:0 0 12px}
#nxPGrp .k b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
#nxPGrp .k span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxPGrp .g{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
#nxPGrp .t{display:flex;flex-direction:column;gap:2px}
#nxPGrp .t .n{font:800 14px var(--nx-f-text);color:#fff}
#nxPGrp .t .m{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
#nxPGrp a.c{display:flex;gap:12px;align-items:center;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);background:var(--surface);padding:13px 14px;text-decoration:none;transition:border-color .15s}
@media (hover:hover){#nxPGrp a.c:hover{border-color:var(--nx-linie)}}
#nxPGrp .av{width:42px;height:42px;border-radius:var(--nx-r-karte);flex:none;display:grid;place-items:center;color:#fff;font:800 var(--nx-typo-text) var(--nx-f-text)}
#nxPGrp .t{flex:1;min-width:0}
#nxPGrp .n{font:700 14px var(--nx-f-text);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nxPGrp .m{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:3px}
#nxPGrp .r{font:700 9px var(--nx-f-text);color:var(--nx-text);margin-top:5px;display:block}
#nxPGrp .leer{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);border:1px dashed rgba(255,255,255,.14);border-radius:var(--nx-r-karte);padding:14px 16px}
#bandWeek{border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:18px 20px}
.nx-wp-lbl{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);display:flex;align-items:baseline;gap:8px}
.nx-wp-lbl em{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;font-style:normal;letter-spacing:0;text-transform:none}
.nx-wp-satz{margin-top:9px;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-wp-satz b{color:#fff;font-family:var(--nx-f-text);font-weight:700}
.nx-wp-fuss{margin-top:12px;display:flex;align-items:center;gap:12px}
.nx-wp-fuss button{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim);background:none;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:var(--nx-r-bedien);padding:7px 13px;cursor:pointer}
@media (hover:hover){.nx-wp-fuss button:hover{color:#fff;border-color:rgba(255,255,255,.3)}}
.nx-wp-fuss span{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
[data-nx-bart] *{text-shadow:0 1px 3px rgba(4,4,8,.85),0 0 12px rgba(4,4,8,.5)}
#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}
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}
.nx-monat-pw{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand)}
.nx-monat{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:13px 18px}
.nx-monat .mk{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);flex:none}
.nx-monat .mt{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);flex:1;min-width:0}
.nx-monat .mgo{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text);flex:none}
@media (hover:hover){.nx-monat:hover .mgo{color:#fff}}
#nxMonatOv{position:fixed;inset:0;z-index:9700;background:rgba(4,4,8,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:28px}
#nxMonatOv .k{width:min(520px,100%);background:linear-gradient(160deg,#191227,#0e0e17);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-block);padding:30px 32px;box-shadow:none}
#nxMonatOv .kick{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text)}
#nxMonatOv h3{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;margin:6px 0 20px}
#nxMonatOv .gitter{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#nxMonatOv .z{background:var(--nx-hebung);border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-tafel);padding:14px 16px}
#nxMonatOv .z b{display:block;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff}
#nxMonatOv .z span{font:400 var(--nx-typo-meta) "Nunito Sans",sans-serif;color:var(--dim)}
#nxMonatOv .z.gruen b{color:#3be37a}
#nxMonatOv .fav{margin-top:14px;font:400 var(--nx-typo-text)/1.5 "Nunito Sans",sans-serif;color:var(--dim)}
#nxMonatOv .fav b{color:#fff}
#nxMonatOv .leiste{display:flex;gap:10px;margin-top:18px}
#nxMonatOv .teilen{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.15);border-radius:var(--nx-r-bedien);padding:9px 16px;cursor:pointer}
body.nx-visitor .grip{display:none}
body.nx-visitor .bctl,body.nx-visitor .bcolor,body.nx-visitor .bedit{display:none}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.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)}
.nx-lk-copy{border:1px solid rgba(52,229,216,.4);background:rgba(52,229,216,.08);color:var(--nx-text);border-radius:var(--nx-r-bedien);padding:4px 12px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer}
@media (hover:hover){.nx-lk-copy:hover{background:rgba(52,229,216,.16)}}
.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-profile.06-viewmode.js ·
  die Reihe hatte dadurch die Luecken 9 und 19. 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)}}
.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}
.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-sr-top{margin:2px 0 16px}
.nx-sr-top-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.nx-sr-top-row:last-child{margin-bottom:0}
.nx-sr-top-n{flex:none;width:14px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);color:rgba(255,255,255,.55)}
.nx-sr-top-g{flex:none;width:92px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-sr-top-bar{flex:1;height:5px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.nx-sr-top-bar i{display:block;height:100%;border-radius:var(--nx-r-marke);background:rgba(255,255,255,.55)}
.nx-sr-top-h2{flex:none;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:rgba(255,255,255,.75)}
.nx-prevbar .pb-badge{padding:4px 12px}
.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}}}
.nx-streamfield{margin-top:12px;padding:12px 14px;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.12);border-radius:var(--nx-r-karte)}
.nx-streamfield b{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-streamfield .sf-s{display:block;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin:3px 0 8px}
.nx-streamfield .sf-r{display:flex;gap:8px;flex-wrap:wrap}
.nx-streamfield input{flex:1;min-width:220px;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-bedien);padding:8px 12px;color:var(--txt);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;outline:none}
.nx-streamfield button{border:none;cursor:pointer;background:var(--accent,#5b27e8);color:var(--on-accent,#fff);font:800 var(--nx-typo-text) var(--nx-f-text);padding:8px 16px;border-radius:var(--nx-r-bedien)}
#nxEvHist{border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);background:var(--surface);padding:16px 16px;margin:16px 0}
#nxEvHist .eh-t{display:flex;align-items:baseline;gap:12px;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--txt);border-bottom:1px solid var(--line,rgba(255,255,255,.06));padding-bottom:8px;margin-bottom:4px}
#nxEvHist .eh-n{margin-left:auto;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;letter-spacing:0;text-transform:none;color:var(--dim)}
#nxEvHist .eh-r{display:flex;align-items:baseline;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line,rgba(255,255,255,.06));cursor:pointer}
#nxEvHist .eh-r:last-child{border-bottom:none}
#nxEvHist .eh-r b{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;flex:none}
#nxEvHist .eh-r span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nxEvHist .eh-r em{margin-left:auto;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;font-style:normal;color:var(--dim);flex:none}
.nx-plink{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nx-plink .u{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:6px 12px}
.nx-plink .c{font:800 var(--nx-typo-klein) var(--nx-f-text);border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:6px 12px;cursor:pointer;transition:.15s}
@media (hover:hover){.nx-plink .c:hover{border-color:var(--nx-linie)}}
.nx-librow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nx-libl{flex:1;min-width:260px}
.nx-libbar{display:flex;height:10px;border-radius:8px;overflow:hidden;gap:2px}
.nx-libbar i{display:block;min-width:8px}
.nx-libleg{margin-top:8px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);display:flex;gap:14px;flex-wrap:wrap}
.nx-libleg i{display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:5px}
.nx-libcovs{display:flex;gap:8px}
.nx-libcov{width:44px;height:60px;border-radius:var(--nx-r-bedien);background:linear-gradient(150deg,var(--nx-flaeche),#171225);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1)}
.nx-libsum{text-align:right}
.nx-libsum b{display:block;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff}
.nx-libsum span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-psquad{margin-top:8px;display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-psquad a{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}
@media (hover:hover){.nx-psquad a:hover{color:var(--nx-text);border-color:var(--nx-linie)}}
#nxEvHist .eh-pin{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--nx-leise);cursor:pointer;border-radius:var(--nx-r-bedien);padding:0}
@media (hover:hover){#nxEvHist .eh-pin:hover{color:var(--nx-text)}}
#nxEvHist .eh-pin.on{color:var(--nx-text)}
body.nx-visitor #nxEvHist .eh-pin{display:none}
body.nx-visitor #custin{display:none}
.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}
.phead .pname > span:not(:first-child),.phead .pname > a{
  font:800 var(--nx-pname-gr,var(--nx-typo-klein)) var(--nx-f-text)!important;}
/* Der Link neben dem Namen (Wishlist) ist ein Knopf, die Marken daneben
  (Beta) sind Pillen (Nr. C64): die Knopfrolle in nxm-typo.js setzt ihn
  auf Text, hier stand er bisher mit den Pillen auf der kleinsten Stufe. */
.phead .pname > a{--nx-pname-gr:var(--nx-typo-text)}
.phead .pname > span:not(:first-child),.phead .pname > a{
  padding:4px 9px!important;border-radius:var(--nx-r-bedien);line-height:1!important;
  display:inline-flex;align-items:center;gap:5px;transform:none!important}
.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}
.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 auf 46 und 48. 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. Das Zeichen fuer die
  Einstellungen 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}
}
.platchip.nx-pl-aus{opacity:.55}
body > .section.nx-row{max-width:var(--nx-breite);margin:0 auto 40px;padding:20px var(--nx-rand);box-sizing:border-box}
/* Stats steht im 16er-Takt seiner Nachbarn (Your achievements davor, One library danach). */
body > #bandStats{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);box-sizing:border-box}
/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

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

  Der Inhalt gibt den Takt vor (1600 breit, 34 Polsterung · Stand,
  davor 1280/24), Kopfzeile und
  Vorschauleiste folgen mit derselben Formel. */
/* MOBIL · vier Stellen, die erst auf dem Telefon auffallen.
  Alle Werte bei 390 Punkten Fensterbreite gemessen. */
@media(max-width:767px){

  /* 1 · Die Anpassen-Leiste des Editors war fest verankert und 695 von 844
  Punkten hoch (82 Prozent): man sah das Profil nicht mehr, das man
  bearbeitet. Sie bleibt erreichbar, rollt aber in sich und nimmt hoechstens
  zwei Fuenftel des Bildes. Der Fussabstand des Koerpers entspricht danach
  ihrer wirklichen Hoehe · vorher waren es 70 Punkte fuer 695. */
  body.nx-editing .custbar{
    max-height:40vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  body.nx-editing, body.nx-edit-content.nx-editing{ padding-bottom:calc(40vh + 24px); }

  /* 2 · Eine Chipreihe im Editor (BACKGROUND) stand in einer Zeile ohne
  Umbruch und lief 39 Punkte hinaus · der letzte Chip war angeschnitten. */
  .nxc-grp{ flex-wrap:wrap; row-gap:8px; }

  /* 3 · Im Eventverlauf trug die Zeile Titel und Ergebnis nebeneinander. Vom
  Untertitel blieben 38 bis 49 Prozent stehen, und weg war genau das
  Resultat. Untertitel und Zeit bekommen eigene Zeilen. */
  #nxEvHist .eh-r{ flex-wrap:wrap; }
  #nxEvHist .eh-r span{ white-space:normal; overflow:visible; text-overflow:clip; flex:1 1 100%; }
  #nxEvHist .eh-r em{ margin-left:0; }

  /* 4 · Zwei Hinweiszeilen brachen dort ab, wo sie sagen wuerden, was zu tun
  ist ("… connect them in Manage cha…", 64 Prozent weg). Sie sind kurz genug
  fuer zwei Zeilen. */
  .cmeta,.rmeta,.gmeta,.umeta{ white-space:normal; overflow:visible; text-overflow:clip; }
}
/* MOBIL · Die 48 Punkte fuer die Vorschauleiste waren fest
  einprogrammiert. Die Leiste traegt nx-nur-demo und verschwindet im
  Livebetrieb · gemessen mit data-nx-betrieb="live": Leistenhoehe 0,
  Koerperabstand oben trotzdem 48. Uebrig blieb ein leeres Band am
  Seitenanfang, durch das der Inhalt oberhalb der geklebten Kopfzeile lief.
  Jetzt haengt das Mass am Betrieb. */
:root{ --nx-leiste:48px }
:root[data-nx-betrieb="live"]{ --nx-leiste:0px }
body{ padding-top:var(--nx-leiste) }
/* MOBIL · Editorleiste. Auf dem Telefon deckte die feste Leiste
  82 Prozent des Bildschirms ab · man sah das Profil nicht, das man gerade
  bearbeitet. Sie steht jetzt am unteren Rand und nimmt nur ihre eigene
  Hoehe ein. */
@media(max-width:767px){
  #custin, .nx-custbar, .nx-editbar{
    position:fixed; left:0; right:0; bottom:0;
    top:auto; max-height:44vh; overflow-y:auto;
    border-radius:14px 14px 0 0}
}
/* KEIN KASTEN WIRD AUF FREMDE HOEHE GEZOGEN.
  Die Baender standen auf align-items:stretch · dadurch bekam die
  Wochen-Kachel die Hoehe ihrer beiden Nachbarn und stand gemessen zu 179
  von 266 Punkten leer. Eine Kachel ist so hoch wie ihr Inhalt; die Reihe
  richtet sie oben aus. Die volle Breite der Rekord-Zeile bleibt. */
.bands{align-items:start}

/* One library steht hinter dem Masonry (nxm-profil-ordnung.js) und damit ausserhalb der Baender-Huelle · dieselbe Spalte wie alles andere. */
#masonry ~ #bandLib{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);box-sizing:border-box}
@media(max-width:640px){#masonry ~ #bandLib{padding:0 16px}}
/* Kopf von "Your achievements" (nxm-ergebnisse.js): Symbol und Titel in einer Zeile, wie die Reihenkoepfe der Spieldetailseite. */
#nxErgEigene .shead h3{display:flex;align-items:center;gap:8px}
#nxErgEigene .shead h3 svg{width:19px;height:19px;flex:none}

/* ==========================================================================
  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!important;top:auto!important;
    right:auto!important;bottom:auto;width:100%!important;height:150px!important;
    transform:none;margin:0}
}


/* ACHT PLAETZE, ACHT KAESTCHEN · siehe nxm-profil-featured.js. Die Form
  folgt den echten Freundeskarten: rundes Bild, Zeile darunter. */
.fr8-leerraster{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:2px 0 12px}
.fr8-leer{display:block;aspect-ratio:1;border-radius:var(--nx-r-karte);background:var(--nx-hebung)}
.fr8-weg{display:inline-block;text-decoration:none}
@media (hover:hover){.fr8-weg:hover{color:var(--txt)}}

/* 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)}
  .ctop>.csec,.bands>div>.block{padding-left:0;padding-right:0}
  /* Der Behaelter der Profilbloecke traegt keine Klasse · er entsteht im
     Betrieb. Getroffen wird er ueber seinen Inhalt. */
  body.nx-myspace>div:has(>.block){margin-left:0!important;margin-right:0!important;
         max-width:100%!important;padding-left:var(--nx-kopfrand)!important;padding-right:var(--nx-kopfrand)!important}
  /* Die Herkunftszeile unter dem Profilsong ("Eingebettet von Spotify · In
     Spotify oeffnen") ist auf Deutsch breiter als die Karte · sie stand auf
     einer Zeile und wurde rechts abgeschnitten. Am Telefon bricht sie um. */
  .spfy .spvia.spvia[data-nx-knopf]{white-space:normal;line-height:1.3;text-align:left;justify-content:flex-start}
}
/* Reihen unter einem Kapitelkopf des Profils sind Unterkoepfe (Rolle
  "unterkopf" in nxm-typo.js, Nr. C64); nextari.css gibt jedem .shead h3
  22, die Rolle zog nach dem Laden auf 15,5. */
.nx-pk ~ #nxErgEigene .shead h3{font-size:var(--nx-typo-kartenkopf)}