/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);background:var(--bg);min-height:100vh;position:relative;overflow-x:clip}
::-webkit-scrollbar{width:9px;height:9px}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
.ptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.psub{color:var(--dim);font-size:14px;margin-top:8px}
.cats{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.cat{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s;color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung)}
@media (hover:hover){.cat:hover{color:var(--txt);border-color:var(--line2)}}
.cat.on{color:#fff;border-color:transparent;background:var(--accent);box-shadow:none}
.section{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
/* Breite 0 gemessen: der Kopf ist selbst ein Flex-Kind und schrumpfte
  auf seinen Inhalt · der Greifer mit margin-left:auto hatte damit
  nichts, wogegen er sich schieben konnte, und stand links statt
  rechts. Mit voller Breite sitzt er an der Kante. */
.shead{width:100%;flex:1 1 100%;min-width:0}
.shead h3{display:flex;align-items:center;gap:8px}
.shead .badge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 8px;border-radius:var(--nx-r-bedien);background:rgba(255,197,61,.13);color:var(--gold);border:1px solid rgba(255,197,61,.3);margin-left:8px}
.shead .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;margin-left:8px}
/* EINE FORM FUER 'SEE ALL' · sie stand in zwei Groessen nebeneinander.
  Gemessen auf Games: 81x34 und 68x22 in derselben Ansicht, beide als
  blosser Umriss. Die Groesse kam nicht von hier, sondern davon, ob
  nxm-bedienung.js den Knopf als Pille erkannte oder nicht · zwei
  Besitzer auf einer Form. Jetzt steht sie hier: eine Hoehe, eine
  Fuellung, und mit 34 Punkten auch am Daumen zu treffen. */
.seeall{min-height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.seeall:hover{background:var(--nx-hebung);}}
@media (hover:hover){.seeall:hover{color:#fff}}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}
/* min(330px,100%) statt 330px: in einem Kasten von 305 Punkten ist eine
  Spur von 330 breiter als der Kasten, und die Karten laufen ueber die
  Kante. */
.g3{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr))}
.evb{aspect-ratio:16/4;position:relative}
.evb .ov{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:20px 20px}
/* DIE PILLE HAELT AUF BEIDEN SEITEN DENSELBEN ABSTAND.
  top und left nennen 10 Punkte, rechts stand nichts · am Schreibtisch ist
  das Bildfeld breit genug und faellt nicht auf. Im Raster von "Your lineup"
  ist die Karte bei 390 Punkten 135 breit: gemessen lief die Pille von 59
  bis 182 in einem Bildfeld, das bei 183 endet · ein Punkt Luft statt zehn,
  und ihre rechte Rundung lag hinter der Kante des Bildfelds, das mit
  overflow:hidden abschneidet. Aus der Pille wurde damit ein Band ueber die
  ganze Karte. Die Obergrenze spiegelt einfach die linke Kante. */
.datechip{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:rgba(8,8,14,.6);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
/* EIN ETIKETT IST EINE KAPSEL · gemessen trugen die Statusmarken auf den
  Abendkarten Radius 8 und 9 Punkt Schrift, waehrend die Statuskapsel eine
  Spalte weiter (.spill) mit Radius 999 und 10,5 stand. Zwei Formen fuer
  dieselbe Aussage: eckige Marke hier, Kapsel dort. Die 9 lag ausserdem
  unter der untersten Sprosse der Leiter. */
.st{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 9px;border-radius:var(--nx-r-pille)}
.st.invited{background:var(--nx-hebung);color:#fff}
.st.reg{background:var(--nx-hebung);color:#fff}
.st.live{background:var(--live);color:#fff;display:flex;align-items:center;gap:4px}
.st.fin{background:var(--nx-hebung-2);color:var(--faint)}
.live-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.evbody{padding:16px 16px}
.evname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.25}
.evmeta{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px;display:flex;align-items:center;gap:8px}
.evfoot{display:flex;gap:8px;margin-top:16px}
.ebtn{flex:1;text-align:center;}
@media (hover:hover){.ebtn:hover{color:#fff;background:var(--nx-hebung)}}
.ebtn.p{border:none;color:#fff;background:var(--accent)}
.ftile{position:relative;aspect-ratio:16/9;cursor:pointer;}
.ftile .ov{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:26px 26px}
/* Der Schleier reicht einen Punkt ueber die Unterkante · bei gebrochener Hoehe blieb sonst die letzte Bildzeile als helle Linie stehen. */
.ftile .sh{position:absolute;inset:0 0 -1px 0;background:linear-gradient(0deg,rgba(8,8,13,.85),rgba(8,8,13,.1) 60%)}
/* DER SCHLEIER LIEGT UNTER DEM TEXT, NICHT UEBER IHM.
  .sh und .ov sind Flaechen ohne Inhalt · sie daempfen das Bild, damit der
  Titel darauf lesbar bleibt. Beide stehen auf position:absolute, .fcontent
  am Schreibtisch ebenfalls · dort entscheidet die Reihenfolge im Dokument,
  und der Text steht hinter ihnen, also oben.

  AM TELEFON GILT DIE REIHENFOLGE NICHT MEHR. nxm-mobil.css Regel 16 setzt
  .fcontent ab 767 Punkten auf position:static, damit die Karte mit ihrem
  Text waechst statt ihn abzuschneiden · das ist richtig. Ein nicht
  positionierter Kasten wird aber VOR allen positionierten Geschwistern
  gemalt: der Schleier lag damit ueber seinem eigenen Inhalt.
  Gemessen bei 390 Punkten auf allen vier Kacheln in "Community events":
  elementFromPoint auf die Mitte von "Learn more" lieferte div.sh statt des
  Links · der Knopf war am Telefon nicht antippbar. Dazu liegt der Verlauf
  an dieser Stelle bei rund 85 Prozent Schwarz, der Knopf war also auch
  kaum noch zu sehen.

  Der Schleier bekommt deshalb eine Stufe UNTER dem Text. .ftile wird dafuer
  eine eigene Schicht (isolation), sonst faende die negative Stufe ihren
  Bezug weiter aussen und der Schleier verschwaende hinter dem Bild.
  Die Regel gilt bei jeder Breite: am Schreibtisch aendert sie nichts, weil
  .fcontent dort ohnehin oben liegt · sie haengt damit nicht an einer
  Schwelle, die das Haus morgen verschieben kann.
  Klicks nehmen beide ohnehin nie an, sie tragen nichts. */
.ftile{isolation:isolate}
.ftile > .sh,.ftile > .ov{z-index:-1;pointer-events:none}
.fcontent{position:absolute;left:16px;right:16px;bottom:14px}
/* VIER KACHELN, EINE TITELZEILE. Der Textblock haengt am Fuss der Kachel,
  also stand der Titel umso hoeher, je mehr unter ihm lag: die Kachel mit
  der Sponsorenzeile trug ihn 45 Punkte ueber ihren Nachbarn, die mit dem
  zweizeiligen Untertitel 15. Der Block bekommt die Hoehe des groessten
  Inhalts der Reihe (Titel, Zeile, Sponsorenzeile, Knopf), damit alle
  Titel auf derselben Linie beginnen; der Knopf bleibt unten. */
#featured .ftile > .fcontent{display:flex;flex-direction:column;min-height:133px}
#featured .ftile > .fcontent > .fcta{margin-top:auto;align-self:flex-start}
/* EIN KACHELTITEL IST KEIN REIHENKOPF · hier standen 18 Punkte, die
  Leiter kennt die Sprosse nicht und zog sie auf 20 · genau das Mass des
  Reihenkopfs darueber. Die Kachel las sich damit so laut wie die Reihe,
  in der sie steht, obwohl die Kachel daneben ihren Namen auf 15,5 traegt. */
.ftitle{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.fsub{font-size:var(--nx-typo-text);color:rgba(255,255,255,.8);margin-top:0px}
/* DAS KNOPFMASS STEHT NICHT IN DER POLSTERUNG, SONDERN IN DER HOEHE ·
  gemessen 32 Punkte aus 8/16 gegen 26 Knoepfe der Seite auf 34 aus 0/14.
  Wer die Hoehe aus der Polsterung rechnet, bekommt bei jeder anderen
  Schriftgroesse eine andere Hoehe. */
.fcta{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);min-height:34px;padding:0 14px;border-radius:var(--nx-r-bedien);cursor:pointer}
.createbox{border-radius:var(--radius);position:relative;overflow:hidden;background:var(--accent);padding:24px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.createbox::after{content:"";position:absolute;inset:0;opacity:.15;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:26px 26px}
.createbox .l{position:relative;z-index:1;flex:1;min-width:300px}
.createbox h2{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff}
.createbox p{color:rgba(255,255,255,.82);font-size:var(--nx-typo-text);margin-top:8px;max-width:560px}
.createbox .cta{position:relative;z-index:1;height:50px;padding:0 24px;border:none;border-radius:var(--nx-r-tafel);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--nx-grund);background:#fff;display:flex;align-items:center;gap:8px;box-shadow:none;transition:.15s}
@media (hover:hover){.createbox .cta:hover{transform:translateY(-2px)}}
.lthumb{aspect-ratio:16/9;position:relative}
.lgrid{position:absolute;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:22px 22px}
.lbadge{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--live);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.streamtag{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--nx-hebung);border:1px solid var(--line2);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.lview{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:rgba(8,8,14,.6);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px}
.ltitle{position:absolute;left:12px;bottom:12px;right:12px;font-family:var(--nx-f-text);font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.lbody{padding:16px 16px;display:flex;align-items:center;gap:16px}
.lmeta .t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.lmeta .g{font-size:var(--nx-typo-meta);color:var(--faint)}
.watch{margin-left:auto;padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;cursor:pointer;color:#fff;background:var(--accent);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px;flex:none}
/* DAS FILTERFELD IST EINE FLAECHE, KEIN KASTEN MIT ZWISCHENLINIEN.
  Gemessen bei 1600: 234 Punkte hoch fuer drei Reihen Schalter · zwischen
  je zwei Reihen standen 16 Punkte Abstand, eine Linie und nochmal 16
  Punkte. Eine Linie zwischen zwei Reihen desselben Feldes trennt nichts,
  was nicht schon die Beschriftung links trennt. Der Grund traegt die
  Gruppe, wie auf jeder anderen Flaeche der Oberflaeche auch. */
.dbar{border:0;border-radius:var(--nx-r-block);background:var(--nx-flaeche);padding:18px 20px;margin-bottom:16px}
.drow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#f1,#f2{display:contents}
.drow+.drow{margin-top:12px}
.flabel{font-family:var(--nx-f-text);font-weight:800;color:var(--faint);margin-right:0px}
.fchip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s;color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung)}
@media (hover:hover){.fchip:hover{color:var(--txt);border-color:var(--line2)}}
.fchip.on{color:#fff;border-color:transparent;background:var(--accent)}
@media (hover:hover){.fsel:hover{color:#fff;border-color:var(--line2)}}
.spevent{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;border:1px solid rgba(255,204,51,.4);min-height:236px;background:linear-gradient(110deg,#0c0c10 0%,#15140c 55%,#1d1a0a 100%);padding:24px 32px;align-items:center;gap:32px}
.spe-logo{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.4);border:1px solid rgba(255,204,51,.5);border-radius:var(--nx-r-bedien);padding:8px 16px}
.spe-logo .wm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);letter-spacing:1.5px;color:#ffcc33}
.spe-ad{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#1a1505;background:#ffcc33;padding:4px 8px;border-radius:var(--nx-r-bedien)}
.spe-title{font-family:var(--nx-f-titel);font-weight:700;color:#fff;line-height:1.06}
.spe-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px;line-height:1.5;max-width:560px}
.spe-meta{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.spe-chip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#ffe08a;background:rgba(255,204,51,.12);border:1px solid rgba(255,204,51,.3);padding:8px 16px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.spe-act{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.spe-b1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#1a1505;background:#ffcc33;border:none;padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.spe-b2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.18);padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.spe-art{position:relative;z-index:2;width:310px;flex:none;align-self:stretch;border-radius:var(--nx-r-tafel);border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0e1f28,#1d3a44 70%,#27515c);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.spe-art .gt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:rgba(255,255,255,.66);}
/* IRL & Hybrid: die Karte traegt ihre Breite. Links der Ort (Kuerzel, Name,
  Stadt, Spiel/Format), rechts das Siegel und wann es soweit ist - vorher
  stand alles in der linken Haelfte und die rechte lief leer. */
.hybgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}
.hybcard{padding:16px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.hybcard .hyb-id{display:flex;align-items:flex-start;gap:16px;min-width:0}
.hybcard .hyb-mono{width:44px;height:44px;flex:none;border-radius:var(--nx-r-karte);border:1px solid var(--line2);background:linear-gradient(135deg,transparent,transparent);display:flex;align-items:center;justify-content:center;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-text);color:#fff}
.hybcard .hyb-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
/* Kapselform wie jedes andere Etikett · gemessen Radius 8 und
  Polsterung 4/8 neben 35 Kapseln mit 999 und 0/9. */
.hybcard .nxb{position:static;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--accent);display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;white-space:nowrap}
.hybcard .venue{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.hybcard .city{font-size:var(--nx-typo-text);color:var(--nx-text);margin-top:4px;display:flex;align-items:center;gap:8px}
.hybcard .fmt{font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px}
.hybcard .hdate{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt);display:flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hybcard .hdate svg{color:var(--faint)}
.hybcard .row{display:flex;align-items:center;gap:8px;margin-top:16px}
@media(max-width:560px){.hybcard{flex-direction:column}.hybcard .hyb-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}
/* Kapselform wie jedes andere Etikett · gemessen Radius 8 auf derselben
  Karte, auf der die uebrigen Marken als Kapsel stehen. */
.hybcard .htag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line);padding:0 9px;border-radius:var(--nx-r-pille)}
.hybcard .rsvp{margin-left:auto;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}
/* Esport-Reihe im selben Kasten: vier Karten teilen sich die Breite wie die
  Discord-Reihe · schmaler bleibt das Karussell mit fester Kartenbreite. */
@media(min-width:1180px){#nxKulRow .nx-kul-k{flex-basis:calc(25% - 10.5px);max-width:none}}
.dccard{padding:16px}
.dccard .dctag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#c2c9ff;background:rgba(88,101,242,.18);border:1px solid rgba(88,101,242,.4);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.dccard .den{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;margin-top:16px;line-height:1.25}
.dccard .dsrv{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.dccard .dgo{font-size:var(--nx-typo-meta);color:#c2c9ff;margin-top:8px;font-family:var(--nx-f-text);font-weight:700;display:flex;align-items:center;gap:8px}
.invbox{border-radius:var(--radius);background:var(--nx-hebung);overflow:hidden}
.invhead{display:flex;align-items:center;gap:8px;padding:16px 16px;border-bottom:1px solid var(--line);font-family:var(--nx-f-text);font-weight:700;color:#fff}
/* Die Zahl ueber den Einladungen ist eine Zaehlpille, kein Fliesstext.
  Gemessen bei 390 Punkten: .invhead ist eine Flexzeile aus Zeichen, Titel,
  dieser Pille und "Open inbox". Der Titel bricht dort auf zwei Zeilen, die
  Pille wurde auf 47 Punkte gestaucht, und "2 new" stand darin untereinander
  in einem Kasten von 23 Punkten Hoehe. Eine Zaehlpille darf schrumpfen oder
  umbrechen, aber nicht beides. */
.invcount{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--accent);padding:4px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;flex:0 0 auto}
.invhead .seeall{margin-left:auto;font-size:var(--nx-typo-text);color:var(--nx-text);font-weight:700}
.invrow{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.invrow:last-child{border-bottom:none}
.invav{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;flex:none}
.invtxt{flex:1;min-width:0}
.invtxt .il{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.4}
/* DIE HERKUNFT EINER EINLADUNG IST EIN ETIKETT WIE JEDES ANDERE ·
  gemessen stand sie auf 9 Punkt und damit als einzige Stelle der Seite
  unter der untersten Sprosse (10,5). Dazu Radius 8 und Polsterung 4/8,
  waehrend die Etiketten ringsum Kapseln mit 999 und 0/9 sind. */
.invsrc{display:inline-flex;align-items:center;gap:4px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);min-height:22px;padding:0 9px;border-radius:999px;margin-bottom:8px;background:var(--nx-hebung);color:var(--nx-text)}
.invtxt .im{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px;display:flex;align-items:center;gap:16px}
.invact{display:flex;gap:8px;flex:none}
.invacc{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px}
.invdec{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);background:var(--nx-hebung);border:1px solid var(--line);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
@media (hover:hover){.invdec:hover{color:#fff;border-color:var(--line2)}}
@media(max-width:760px){.invrow{flex-wrap:wrap}.invact{width:100%}}
@media(max-width:820px){.spe-art{width:100%;min-height:150px}}
table.dt{width:100%;border-collapse:collapse}
.dt th{text-align:left;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint);padding:16px 16px;border-bottom:1px solid var(--line);background:var(--nx-hebung)}
.dt td{padding:16px 16px;border-bottom:1px solid var(--line);font-size:var(--nx-typo-text);color:var(--dim);vertical-align:middle}
.dt tr:last-child td{border-bottom:none}
@media (hover:hover){.dt tbody tr:hover td{background:var(--nx-hebung)}}
/* Eine Zeile beantwortet drei Fragen: WAS ist das, WER macht es, WAS kostet
  es. Darum traegt das Quadrat jetzt das Kuerzel des Veranstalters (wie die
  Avatare), unter dem Namen steht, wer einlaedt, und der Eintritt hat ein
  erstes Wort, das man von der Nebenbemerkung unterscheiden kann. */
.endot{width:34px;height:34px;border-radius:var(--nx-r-bedien);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-meta);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.enwrap{min-width:0;display:flex;flex-direction:column;gap:2px}
.enname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;display:block}
.enby{font-family:'Nunito Sans';font-weight:400;font-size:var(--nx-typo-meta);color:var(--faint)}
.dt .num,.dt .c-when,.dt .c-seats{font-variant-numeric:tabular-nums}
.dt .c-when,.dt .c-seats,.dt .c-entry{white-space:normal}
.dt .c-ev{min-width:240px}
.dt .c-when{min-width:120px}
.dt .lead{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt)}
.dt .rest{color:var(--faint);font-size:var(--nx-typo-meta);display:block;margin-top:2px}
.dt .leer{color:var(--line2)}
.dt .game{font-size:var(--nx-typo-text);color:var(--dim)}
/* Gruen gehoert in dieser Tabelle dem Zustand (offen, angemeldet). Stand
  der Preis daneben in derselben Farbe, las sich "Free" wie ein Zustand
  und "Open" wie eine Eigenschaft. Der Preis ist eine Angabe wie jede
  andere in der Zeile. */
.dt .pay.free{color:var(--txt)}
.dt .pay.pro{color:var(--nx-text)}
.dt .pay.paid{color:var(--gold)}
.seatbar{display:block;width:64px;max-width:100%;height:3px;margin-top:6px;border-radius:2px;background:var(--nx-hebung);overflow:hidden}
.seatbar i{display:block;height:100%;border-radius:2px;background:var(--accent)}
/* DIE SPALTE TYPE STEHT NEBEN DER SPALTE STATUS · gemessen trug sie
  Radius 8 und Polsterung 4/8, die Statuskapsel derselben Zeile Radius 999
  und 0/9. In einer Zeile zwei Formen fuer zwei Angaben desselben Rangs:
  die eckige Marke las sich als etwas anderes als die Kapsel daneben,
  obwohl beide nur sagen, was der Abend ist. */
.tp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;}
/* Regel 02 (Nr. C66): die Art eines Events ist ein Wort, keine Farbe. */
.tp.squad,.tp.competitive,.tp.casual,.tp.professional{background:var(--nx-hebung);color:var(--nx-text)}
.tp.stream{background:var(--nx-hebung);color:var(--nx-text)}
.spill.open{background:var(--nx-hebung);color:var(--txt)}
.spill.live{background:var(--live);color:#fff}
.spill.up{background:var(--nx-hebung);color:var(--dim)}
/* Das Rangfeld ist ein Auswahlfeld der Oberflaeche, kein Systemkasten ·
  dieselbe Loesung wie das Genrefeld auf Games (.sel select). */
/* EIN SCHALTER IN DER SCHALTERZEILE HAT DIE HOEHE DER SCHALTER ·
  gemessen 35 Punkte neben sieben Chips von 22 in derselben Zeile. Das
  Rangfeld war damit das hoechste und hellste Element der Tafel, obwohl es
  dasselbe tut wie die Chips daneben. */
.rsel{height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--nx-hebung);display:inline-flex;align-items:center;cursor:pointer;transition:.15s}
@media (hover:hover){.rsel:hover{border-color:var(--line2)}}
.rsel select{appearance:auto;color-scheme:dark;background:transparent;border:0;outline:none;padding:0;margin:0;color:var(--dim);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);line-height:1;cursor:pointer}
@media (hover:hover){.rsel:hover select{color:var(--txt)}}
.rsel.on{border-color:transparent;background:var(--accent)}
.rsel.on select{color:#fff}
/* Die Rangzeile ist eine Aussage der Plattform, keine Fussnote: der eigene
  Rang steht als Wert, die Herkunft daneben als Notiz. */
.rkline{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.rkline .rklb{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:var(--faint)}
/* DER EIGENE RANG FILTERT NICHTS · er sagt nur, woher der Rang kommt.
  In Kaesten mit Rahmen und weisser Schrift war er die lauteste Zeile des
  Feldes · lauter als die Schalter, die tatsaechlich etwas tun. Eine
  Angabe traegt keinen Rahmen: sie steht auf ihrem Grund und in der
  Farbe der uebrigen Angaben. */
/* Dieselbe Tafel, dieselbe Etiketthoehe · gemessen 30 Punkte bei 11,5
  Schrift, eine Zeile unter Chips von 22 bei 10,5. */
.rkline .rkv{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--dim);background:var(--nx-hebung);border:0;min-height:22px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px}
/* Der Satz erklaert die Chips, er ist keiner. Neben ihnen in derselben
  Zeile war nicht zu erkennen, ob er sich anklicken laesst · er steht
  jetzt unter der Zeile. */
.rkline .rknote{font-family:'Nunito Sans';font-weight:400;font-size:var(--nx-typo-meta);color:var(--faint);flex-basis:100%;margin-top:2px}
.global{border:1px solid rgba(52,229,216,.3);background:linear-gradient(120deg,rgba(52,229,216,.08),rgba(255,255,255,.03));border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.global .tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--cyan);background:rgba(52,229,216,.12);border:1px solid rgba(52,229,216,.3);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.gbtn{padding:16px 16px;border-radius:var(--nx-r-karte);cursor:pointer;color:#fff;background:var(--accent);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px}
/* Die Bewertungskarte ist ein eigenes Element, kein Anhaengsel der letzten
  Reihe · sie bekommt denselben Takt wie die Reihen darueber (52/46).
  Vorher lag sie mit 32px oben und 0 unten zwischen Inhalt und Fuss und
  klebte an beidem. */
.sstar{cursor:pointer;color:var(--nx-leise)}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.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)}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol h4{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:16px;}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
@media(max-width:820px){.finner{grid-template-columns:1fr 1fr}}
/* Acht Spalten brauchen Platz. Wo er fehlt, rollt die Tabelle in ihrem
  eigenen Kasten · vorher schnitt der Kasten die letzte Spalte einfach ab
  (gemessen bei 1000: Zeile 1016 breit, Kasten 895). */
@media(max-width:1160px){.tablewrap{overflow-x:auto}.dt th,.dt td{padding:16px 10px}.dt .c-ev{min-width:170px}.dt .c-when{min-width:96px}.dt .tp{}}
.adslot .adlbl{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--nx-text);z-index:1}
.adslot .adsz{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff;z-index:1}
.adslot .adfmt{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--faint);z-index:1}
.adwrap{max-width:var(--nx-breite);margin:32px auto;padding:0 var(--nx-rand)}
.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}
.czfab{position:fixed;right:22px;bottom:22px;z-index:9000;display:none;align-items:center;gap:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:1;color:#fff;cursor:pointer;padding:16px 22px;background:rgba(24,24,38,.55);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.16);box-shadow:var(--nx-schatten)}
.czfab svg{width:17px;height:17px}
@media (hover:hover){.czfab:hover{border-color:var(--nx-linie)}}
.czfab svg{color:var(--nx-text)}
.czov{position:fixed;inset:0;z-index:9500;background:rgba(8,8,13,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:none;align-items:flex-end;justify-content:center;padding:16px 16px 22px}
.czov.open{display:flex}
.czpanel{width:100%;max-width:460px;max-height:78vh;display:flex;flex-direction:column;background:rgba(22,22,34,.6);-webkit-backdrop-filter:blur(28px) saturate(1.7);backdrop-filter:blur(28px) saturate(1.7);border:1px solid rgba(255,255,255,.16);border-radius:var(--nx-r-tafel);box-shadow:var(--nx-schatten);overflow:hidden}
.czph b{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);}
.czsub{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px}
.czdone{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:1;color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);background:var(--accent);flex:none}
.czlist{overflow:auto}
.czrow{display:flex;align-items:center;gap:16px;padding:8px 8px;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.czrow:hover{background:var(--surface2)}}
.czrow .czrl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover){.czmini:hover{background:var(--accent);color:#fff;border-color:transparent}}
.czrl{flex:1;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.czrow.off .czrl{color:var(--faint)}
.czsw{width:42px;height:24px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);position:relative;cursor:pointer;flex:none;transition:.15s}
.czsw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--faint);transition:.15s}
.czsw.on{background:var(--accent);border-color:transparent}
.czsw.on::after{left:20px;background:#fff}
.fbk{border:1px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.04));padding:16px 16px}
@media (hover:hover){.evc-x:hover{color:var(--txt)}}
.evc-sub{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.45;margin-bottom:16px}
.evc-fmt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 12px;border-radius:var(--nx-r-karte);border:1px solid var(--line,#23233a);background:var(--nx-hebung);cursor:pointer;transition:.15s;font-family:inherit}
@media (hover:hover){.evc-fmt:hover{border-color:var(--line2,var(--nx-linie))}}
.evc-fmt.on{border-color:var(--nx-linie);background:var(--nx-hebung);box-shadow:0 0 0 1px var(--accent,#5b27e8) inset}
.evc-fmt b{font-size:var(--nx-typo-kartenkopf);color:var(--txt);font-weight:700}
.evc-fmt span{font-size:var(--nx-typo-text);color:var(--dim)}
@media (hover:hover){.evc-cancel:hover{color:var(--txt);border-color:var(--line2,var(--nx-linie))}}
.evc-go{padding:10px 18px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent,#5b27e8);color:#fff;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit}
@media (hover:hover){.evc-go:hover{filter:brightness(1.08)}}
.ebtn.nx-on{background:var(--nx-hebung);border-color:var(--nx-linie);color:var(--nx-text)}
.rsvp.nx-on{background:var(--nx-hebung);border-color:var(--nx-linie);color:var(--nx-text)}
.rbtn.on{color:var(--nx-text);border-color:var(--nx-linie);background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid var(--nx-linie-subtle);border-radius:var(--nx-r-bedien);padding:8px 16px}
.nx-cmt b{font-family:var(--nx-f-text);color:var(--nx-text);font-weight:700}
.nx-postcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin:0 0 16px;animation:nxin .35s}
.nx-postcard .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--nx-f-text)}
.nx-postcard .ph b{color:var(--txt);font-size:14px}
.nx-postcard .ph span{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-postcard p{font-family:'Nunito Sans',sans-serif;color:var(--txt);font-size:14px;line-height:1.55;margin:0}
@keyframes nxin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.nx-rows .rh{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.nx-rows h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0}
.nx-rows .sub{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.nx-rowgrid{grid-template-columns:1fr}}
@media (hover:hover){.nx-rowcard:hover{border-color:var(--nx-linie)}}
.nx-rowcard .top{display:flex;align-items:center;gap:8px}
.nx-rowcard .rav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.nx-rowcard .ti b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-rowcard .ti span{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowcard .pk{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-rowcard .foot{display:flex;align-items:center;gap:8px;margin-top:2px}
.nx-rowcard .subs{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);color:var(--dim)}
.nx-sub{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;background:var(--accent);color:#fff;transition:.15s}
.nx-sub.nx-on{background:rgba(59,227,122,.12);border:1px solid rgba(59,227,122,.4);color:#80efa9}
.nx-soon{position:fixed;inset:0;top:36px;background:rgba(6,6,11,.78);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:9000;padding:16px}
.nx-soonpill{display:inline-block;font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px;text-transform:uppercase}
.nx-soonbox h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.nx-soonbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.6;margin:0 0 22px}
.nx-has-art .ov,.nx-has-art .grid-ov,.nx-has-art .ovg,.nx-has-art .bb-grid,.nx-has-art .t10grid2,.nx-has-art .lgrid{opacity:0}
.nx-has-art .bb-peek{opacity:.25}
.mtile.nx-embed{background:#000;cursor:default}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
/* · overflow-x:hidden am HTML macht das Dokument zum Scrollbehaelter,
  und darin klebt nichts mehr: Kopfzeile und Sprungleiste liefen auf dem Telefon
  einfach mit nach oben weg. Nach dem ersten Wischen gab es keine Navigation mehr.
  overflow-x:clip schneidet genauso, macht aber keinen Behaelter · position:sticky
  bleibt am Leben. Gemessen auf sieben Seiten. */
@media(max-width:900px){
  .shell{display:block;max-width:100%}
  
  .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
  
  .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:760px){
  
  
  .bento .sptile{min-height:150px}
  
  
}
@media(max-width:480px){
  
  .bento .sptile{min-height:180px}
  
}
@media(max-width:760px){
  
  
  .convtop,.peerbar,.chathead{flex-wrap:wrap}
  .thhead{flex-wrap:wrap;row-gap:8px}
  .thpres{display:block;line-height:1.5}
  
  .thactions{margin-left:0}
  
  
}
@supports (height:100svh){
  body{min-height:100svh}
}
@media(max-width:900px){
  
  .shell{padding-left:max(14px,env(safe-area-inset-left));
         padding-right:max(14px,env(safe-area-inset-right))}
  
}
.nx-db-persp-tab{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--nx-r-pille);
  font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);color:var(--green,#3be37a);
  background:rgba(59,227,122,.09);
  padding:3px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;cursor:help;line-height:1}
.ov{inset:1px!important;background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{
  inset:1px;background-position:7px 7px}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.console-cta{
  background:var(--accent);
  border:1.5px solid var(--nx-linie);color:#fff;
  font-weight:800;
  box-shadow:none
             0 0 26px -8px rgba(91,39,232,.55)}
.nx-ctrls.inhead{position:static;top:auto;right:auto;
  margin:0 0 0 auto;display:inline-flex;gap:10px;align-items:center;
  opacity:0;pointer-events:none;transition:opacity .15s ease}
.nx-ctrls.inhead + .seeall{margin-left:auto}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.nxc-go{padding:10px 18px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent,#5b27e8);color:#fff;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.evm-scrim{position:fixed;inset:0;z-index:300;background:rgba(6,6,12,.76);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}
.evm-ban{position:relative;height:148px;display:flex;align-items:flex-end;padding:16px;border-radius:16px 18px 0 0}
.evm-body{padding:20px}
.evm-meta{color:var(--nx-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);margin:6px 0 14px}
.evm-desc{color:var(--dim);font-size:14px;line-height:1.6;margin-bottom:16px}
.evm-note{display:flex;gap:8px;align-items:flex-start;font-size:var(--nx-typo-text);color:var(--faint);background:var(--nx-hebung);border:1px solid var(--line2);border-radius:var(--nx-r-karte);padding:10px 12px;margin-bottom:16px;line-height:1.5}
.evm-spon{display:flex;align-items:center;gap:10px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:8px 12px;margin-bottom:14px}
/* Die Flaeche traegt display:flex, und das schlaegt das hidden-Attribut aus
   dem Browser-Stil. Ohne diese Regel stand der Kennzeichnungssatz auf jedem
   Abend, auch ohne Marke dahinter. */
.evm-spon[hidden]{display:none}
.evm-spon-logo{width:28px;height:28px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font-size:var(--nx-typo-klein);font-weight:800;color:#fff;flex:none}
.evm-spon-tx b{color:var(--txt)}
.evm-pay{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:var(--nx-typo-meta);margin-top:10px}
.evm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line2,var(--nx-hebung));border:1px solid var(--line2,rgba(255,255,255,0.09));border-radius:var(--nx-r-karte);overflow:hidden;margin:14px 0}
.evm-cell span{display:block;font-size:var(--nx-typo-klein);color:var(--dim);margin-bottom:3px}
.evm-cell b{font-size:var(--nx-typo-text);color:#fff;font-weight:700}
.evm-sec-h{font-size:var(--nx-typo-meta);font-weight:800;color:var(--nx-text);margin:16px 0 8px}
.evm-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.evm-att{display:flex;align-items:center;gap:12px;margin:6px 0 2px}
.evm-att-row .av{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface,var(--nx-flaeche));margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:var(--nx-typo-meta);font-weight:800;color:#fff}
.evm-att-tx b{color:#fff}
.evm-bracket{display:flex;gap:14px;overflow-x:auto;padding:4px 0 6px}
.evm-round{display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:150px}
.evm-rd-lbl{font-size:var(--nx-typo-klein);color:var(--dim);margin-bottom:2px}
.evm-match{background:var(--surface);border:1px solid var(--line2,rgba(255,255,255,0.11));border-radius:var(--nx-r-bedien);overflow:hidden}
.evm-team{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:var(--nx-typo-text);color:var(--dim);gap:8px}
.evm-team+.evm-team{border-top:1px solid var(--nx-linie-subtle)}
.evm-team.win{color:#fff;font-weight:700}
.evm-team .sc{font-variant-numeric:tabular-nums;color:var(--dim);min-width:14px;text-align:right}
.evm-stand{width:100%;border-collapse:collapse;font-size:var(--nx-typo-text)}
.evm-stand th{text-align:left;font-size:var(--nx-typo-klein);color:var(--dim);padding:6px 8px;border-bottom:1px solid var(--line2,rgba(255,255,255,0.10))}
.evm-stand td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--txt)}
.evm-stand tr.first td{color:#fff;font-weight:700}
.evm-stand .rk{width:24px;color:var(--dim);font-weight:800}
.evm-stand tr.first .rk{color:#ffc53d}
.evm-stand .pz{text-align:right;color:var(--nx-text);font-variant-numeric:tabular-nums}
.evm-checkout{margin-top:12px;padding:12px;border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-karte);background:var(--nx-hebung)}
.evm-co-pay{width:100%;border:none;border-radius:var(--nx-r-bedien);padding:12px;font-size:var(--nx-typo-kartenkopf);font-weight:800;color:#fff;background:var(--accent,#5b27e8);cursor:pointer}
.evm-done{display:flex;align-items:center;gap:8px;width:100%;padding:12px 12px;border-radius:var(--nx-r-bedien);background:rgba(52,229,216,.12);border:1px solid rgba(52,229,216,.4);color:#34e5d8;font-size:var(--nx-typo-text);font-weight:700}
.evm-cta{display:flex;gap:10px;margin-top:14px}
.evm-cta .pri{flex:1;border:none;border-radius:var(--nx-r-bedien);padding:12px;font-size:var(--nx-typo-kartenkopf);font-weight:800;color:#fff;background:var(--accent,#5b27e8);cursor:pointer}
.evm-cta .sec{border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-bedien);padding:12px 16px;font-size:var(--nx-typo-text);font-weight:700;color:var(--txt);background:transparent;cursor:pointer}
@media (hover:hover){.evm-cta .sec:hover{background:var(--nx-hebung)}}
.nx-rwrap{position:relative}
.nx-rctrls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}
.nx-rwrap:hover .nx-rctrls{opacity:1;pointer-events:auto}
.nx-rbtn{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--nx-typo-meta);line-height:1;transition:.15s ease}
@media (hover:hover){.nx-rbtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-rwrap .rtitle,.nx-rwrap .rhead{transition:padding-right .15s ease}
@media (hover:hover){.nx-rwrap:hover .rtitle,.nx-rwrap:hover .rhead{padding-right:72px}}
.nx-rgrip{cursor:grab}
.nx-rgrip:active{cursor:grabbing}
.nx-rdragging{opacity:.4}
.nx-rover{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-rover-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add2{position:relative;margin:0 0 12px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);transition:.15s ease;background:var(--nx-hebung)}
@media (hover:hover){.nx-add2:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop2{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:50;text-align:left;max-height:280px;overflow:auto}
.nx-pi2{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi2:hover{background:var(--nx-hebung)}}
.nx-pi2h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 4px}
.nx-live{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;margin:0 0 16px;font-family:'Nunito Sans',sans-serif}
.nx-live-dot{width:9px;height:9px;border-radius:50%;background:#3be37a;animation:nxpulse 1.8s infinite;flex:0 0 auto}
@keyframes nxpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 7px rgba(59,227,122,0)}100%{box-shadow:none}}
.nx-live.paused .nx-live-dot{background:#62627a;animation:none}
.nx-live-tx{font-size:var(--nx-typo-text);color:var(--txt);font-weight:700;font-family:var(--nx-f-text)}
.nx-live-sub{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-speed{display:flex;align-items:center;gap:0px;margin-left:auto}
.nx-sp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.07);background:transparent;transition:.15s ease}
@media (hover:hover){.nx-sp:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-sp.nx-on{color:#fff;background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-live.paused .nx-sp{opacity:.4;pointer-events:none}
.nx-pausebtn{margin-left:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);transition:.15s ease;flex:0 0 auto}
@media (hover:hover){.nx-pausebtn:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.nx-new{animation:nxnew .55s ease}
@keyframes nxnew{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 0 1px var(--nx-linie)}100%{opacity:1;transform:none;box-shadow:none}}
.nx-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 6px;color:var(--dim);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}
.nx-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--nx-linie);border-radius:50%;animation:nxspin .8s linear infinite;flex:0 0 auto}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-loader.hidden{display:none}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.nx-demo-fab{position:fixed;right:22px;bottom:22px;z-index:700;display:inline-flex;align-items:center;gap:8px;padding:16px 16px;border-radius:var(--nx-r-pille);background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);text-decoration:none;box-shadow:var(--nx-schatten);border:1px solid rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt)}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
.nx-fb-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;vertical-align:middle;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:4px 8px;white-space:nowrap}
@keyframes nxFbDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.app~footer.footer .finner{max-width:none;margin:0;padding-left:40px;padding-right:40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
.nx-brandnote{display:flex;align-items:flex-start;gap:8px;margin:4px 0 14px;padding:12px 12px;border-radius:var(--nx-r-karte);background:linear-gradient(120deg,rgba(255,255,255,.03),rgba(52,229,216,.06));border:1px solid rgba(255,255,255,0.14);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);line-height:1.5;color:var(--dim)}
.nx-brandnote b{color:#fff}
.nx-bn-ic{color:#34e5d8;font-size:var(--nx-typo-text);line-height:1.5;flex:none;filter:drop-shadow(0 0 6px rgba(52,229,216,.7))}
.nx-ctrls{position:absolute;top:8px;right:16px;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:35}
.nx-row:hover .nx-ctrls{opacity:1;pointer-events:auto}
/* Die Reihengriffe an der rechten Kante trugen als einzige Bedienelemente
  Radius 8 · gemessen 6 Stueck gegen 35 Knoepfe der Seite auf 10. */
.nx-btn{width:30px;height:30px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease;user-select:none}
@media (hover:hover){.nx-btn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-grip{cursor:grab}
.nx-grip:active{cursor:grabbing}
.nx-rm{font-size:var(--nx-typo-text);line-height:1}
.nx-dragging{opacity:.4}
.nx-over{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-over-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add{position:relative;max-width:1228px;margin:32px auto 0;padding:16px;border:1.6px dashed rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);transition:.15s ease;background:var(--nx-hebung);box-sizing:border-box}
@media (hover:hover){.nx-add:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:248px;max-height:320px;overflow:auto;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:var(--nx-schatten);z-index:50;text-align:left}
.nx-pi{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi:hover{background:var(--nx-hebung)}}
.nx-pi-h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 0px}
.pb-reset{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:background .15s}
.evc-cover{transition:.15s}
@media (hover:hover){.evc-cover:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4)}}
.evc-cover.sel{outline:2px solid var(--nx-linie);outline-offset:2px}
.evc-cover:nth-child(1){background:var(--accent)}
.evc-cover:nth-child(2){background:linear-gradient(135deg,#d81b45,#ffb43d)}
.evc-cover:nth-child(3){background:linear-gradient(135deg,#3be37a,#34e5d8)}
.evc-cover:nth-child(4){background:var(--accent)}
.evc-cover:nth-child(5){background:linear-gradient(135deg,#ffd700,#cd7f32)}
.evc-cover:nth-child(6){background:var(--accent)}
.nxn-clear{background:none;border:none;color:var(--nx-text);font:inherit;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer}
.nx-cr label.f{display:flex;flex-direction:column;gap:4px;margin-bottom:9px}
.nx-cr label.f span{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim)}
.nx-cr label.f input,.nx-cr label.f select{background:var(--nx-hebung);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-bedien);padding:8px 12px;color:#fff;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;outline:none}
.nx-cr label.f input:focus{border-color:var(--accent)}
.nx-cr .go{width:100%;margin-top:6px;padding:12px;border:none;border-radius:var(--nx-r-karte);background:var(--accent,#5b27e8);color:#fff;font:800 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
.nx-myev{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.nx-myev-c{border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:14px 90px 14px 16px}
.nx-myev-pill{display:inline-block;background:rgba(52,229,216,.15);border:1px solid rgba(52,229,216,.5);color:#8ff0e6;border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 var(--nx-typo-klein) var(--nx-f-text);margin-bottom:6px}
.nx-myev-c b{display:block;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)}
.nx-myev-s{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-myev-open{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--accent,#5b27e8);color:#fff;border-radius:var(--nx-r-pille);padding:8px 16px;font:800 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none}
.nx-cr textarea{background:var(--nx-hebung);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-bedien);padding:8px 12px;color:#fff;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;outline:none;resize:vertical}
.nx-cr .flbl{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);display:block;margin-bottom:6px}
.nx-sw{display:flex;gap:8px;margin-bottom:10px}
.nx-sw .sw{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:2px solid transparent;cursor:pointer;transition:.15s}
.nx-sw .sw.on{border-color:#fff;transform:scale(1.08)}
.nx-hsteps{display:flex;gap:12px;margin:13px 0 4px;flex-wrap:wrap}
.nx-hstep{flex:1;min-width:180px;display:flex;align-items:flex-start;gap:10px;background:var(--nx-hebung);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-karte);padding:12px 12px}
.nx-hstep span{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text);display:flex;align-items:center;justify-content:center}
.nx-hstep b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text)}
.nx-hstep i{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);font-style:normal}
.nx-myev-note{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cr{background:var(--surface);position:relative;overflow:hidden}
.nx-cr::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
.nx-eyebrow{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);margin:2px 0 5px}
.nx-cr h3{font-size:var(--nx-typo-kartenkopf)}
.nx-cr .tico{flex:none;width:32px;height:32px;border-radius:var(--nx-r-bedien);background:linear-gradient(135deg,transparent,rgba(52,229,216,.14));border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);display:flex;align-items:center;justify-content:center}
@media (hover:hover){.nx-cr button.opt:hover .tico{color:#fff;border-color:var(--nx-linie)}}
.nx-cr .f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nx-cr .go{box-shadow:var(--nx-schatten);transition:.15s}
@media (hover:hover){.nx-cr .go:hover{filter:brightness(1.12);transform:translateY(-1px)}}
.nx-cr input:focus,.nx-cr textarea:focus,.nx-cr select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}
.nx-myev-c{background:var(--surface);overflow:hidden;position:relative;transition:.15s}
.nx-myev-c::after{content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,transparent,transparent 70%);pointer-events:none}
@media (hover:hover){.nx-myev-c:hover{transform:translateY(-2px);box-shadow:none}}
.nx-myev-open{transition:.15s;box-shadow:none}
@media (hover:hover){.nx-myev-open:hover{filter:brightness(1.12)}}
.nx-hstep{transition:.15s}
@media (hover:hover){.nx-hstep:hover{transform:translateY(-2px);border-color:var(--nx-linie)}}
.st.host{background:rgba(52,229,216,.15);color:#8ff0e6}
.createbox .l h2{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt)}
.nx-ph-slot{background:var(--nx-hebung);border:1px dashed rgba(255,255,255,.13);border-radius:var(--nx-r-tafel);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.nx-ph-slot::before{content:"";width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.nx-ph-slot .nx-ph-txt{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.26)}
.nx-ph-img{background:var(--nx-hebung);border:none;position:relative}
.nx-ph-img::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.16)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.55;pointer-events:none}
.nx-caps-pw{max-width:var(--nx-breite);margin:16px auto 0;padding:0 var(--nx-rand);position:relative;z-index:1}
.nx-caps{background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:16px 18px 14px}
.shell>.nx-caps-sec{grid-column:1/-1}
.nx-cap-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.nx-cap-t{display:flex;align-items:center;gap:12px;min-width:0}
.nx-cap-t .pi-lead{margin:0;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-cap-t svg{flex:none}
.nx-cap-hint{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);white-space:nowrap;flex:none}
.nx-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 22px;align-items:start}
.nx-cap-row{display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-text)/1.4 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-cap-row svg{color:#3be37a;flex:none}
.nx-cap-vs{margin-top:13px;padding-top:12px;border-top:1px solid var(--line,var(--nx-linie-subtle))}
.nx-cap-vs-p{margin:0;display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-text)/1.45 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-cap-spark{color:var(--cyan,#34e5d8);flex:none}
@media(max-width:1100px){.nx-cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
/* AM TELEFON STEHT DER WEG ZU ALLEN UNTER DEM KOPF, wie bei jedem Reihenkopf
  (nxm-mobil.css, .shead). Gemessen bei 360: Titel, Zaehlpille und "Alle
  Nachrichten" in einer Zeile, der Weg 39 Punkte breiter als sein Platz. */
.invhead{flex-wrap:wrap;row-gap:8px}.invhead::after{content:"";flex-basis:100%;order:1}
.invhead .seeall{order:2;margin-left:0;white-space:nowrap}
.nx-cap-grid{grid-template-columns:1fr}.nx-cap-top{flex-direction:column;align-items:flex-start;gap:6px}.nx-cap-vs-p{align-items:flex-start}}
.nx-cap-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 2px;cursor:pointer;color:var(--dim);font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;flex:none}
@media (hover:hover){.nx-cap-toggle:hover{color:var(--dim)}}
.nx-cap-chev{transition:transform .15s ease}
.nx-caps-collapsed .nx-cap-chev{transform:rotate(180deg)}
.nx-caps-collapsed .nx-cap-grid,.nx-caps-collapsed .nx-cap-vs{display:none}
.nx-caps-collapsed .nx-cap-top{margin-bottom:0}
.czph{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.czph b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.czlist{padding:10px 12px 16px}
.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,var(--nx-linie-subtle));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,var(--nx-linie-subtle));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{margin-bottom:16px}
.nx-caps-pw{margin-bottom:8px}
.bigsearch{margin-bottom:10px}
.gchips,.chips{margin-bottom:8px}
body>.section{margin:0 auto;max-width:var(--nx-breite)}
body>.nx-charea, body>.adwrap{margin:0 auto;padding-top:52px;padding-bottom:0;max-width:var(--nx-breite)}
.topbar + .section{margin-top:32px}
.cllabel,.btndanger,.chip.c-live,.nx-live-txt{color:#ff7a92}
.nx-ss-badge,.nx-ss-live{background:rgba(10,10,18,.72);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.nx-ss-live i,.nx-ss-live .d{background:#ff7a92}
/* Der Kasten ist eine Flaeche und polstert selbst (--nx-innen) · seine
  Seitenpolster kamen aus der .section-Regel ueber --nx-rand, und das ist
  seit dem Rahmen-Umbau das Polster einer schlichten Reihe (0). "Your
  lineup" stand dadurch direkt auf der Kante des Kastens. */
.nx-pbox-top{max-width:var(--nx-breite);margin-left:auto;margin-right:auto;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding-top:40px;padding-bottom:28px;padding-left:var(--nx-innen);padding-right:var(--nx-innen)}
body > .section.nx-pbox-top{margin-top:32px}
body > .section.nx-pbox-top{padding-bottom:28px}
body > .section#nx-lvl-row{padding-bottom:24px}
/* 14 IST KEINE SPROSSE DER LEITER · gemessen standen die Tafelkoepfe
  darauf, waehrend .venue aus genau dieser Regel bei 15,5 rendert, weil
  dort ein anderer Besitzer gewinnt. Eine Regel, aus der zwei Groessen
  herauskommen, ist keine Regel. */
.ltitle, .venue, .invhead, .spe-sub b,
.nx-lobby-tile > b, .nx-more-tile > b, .lvt-tt > b{font-size:var(--nx-typo-kartenkopf)}
.spe-title{font-size:var(--nx-typo-abschnitt)}
#nxLeague .lg-lines{margin:32px auto 0;max-width:860px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
#nxLeague .lg-line{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);line-height:1.55;padding:6px 26px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px}
#nxLeague .lg-line + .lg-line::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:42px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.20),transparent)}
#nxLeague .lg-close{margin:26px auto 24px;font-size:var(--nx-typo-text);color:rgba(237,236,246,.55)}
@media(max-width:820px){
  #nxLeague .lg-lines{grid-template-columns:1fr;max-width:420px}
  #nxLeague .lg-line{min-height:0;padding:10px 0}
  #nxLeague .lg-line + .lg-line::before{left:50%;top:0;transform:translateX(-50%);width:56px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)}
}
.flabel{font-size:var(--nx-typo-meta);}
.nx-fr-c .x{color:var(--dim)}
/* Auch diese Marke ist ein Etikett · gemessen Radius 8, Polsterung 3/8
  und 9 Punkt Schrift, also eckig und unter der untersten Sprosse,
  waehrend die Etiketten ringsum Kapseln mit 999, 0/9 und 10,5 sind. */
.eyebrow.eyebrow.eyebrow{font-size:var(--nx-typo-klein);}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  }
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
section.nx-row.nx-row:has(.gcard),.section.nx-row.nx-row:has(.gcard){padding-top:3px;padding-bottom:3px}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
#nx-hiw{padding-top:0}
.section.nx-ggl-soon.nx-ggl-soon{padding-top:26px}
.studiobody > section,.studiobody > .dashgrid{margin-top:52px}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad), .nx-ct-grad, .nx-nr-grad, .nx-supp-grad, .nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
#nxLeague .lg-title{background:none;}
.nx-navsec.nx-navsec{padding-left:12px}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:22px;font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
#nxChanArea .nx-charea-inner{padding-top:24px}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
.nx-set-card h2,.csechead{font-size:var(--nx-typo-abschnitt)}
@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)}
[data-nx-bart] *{text-shadow:0 1px 3px rgba(4,4,8,.85),0 0 12px rgba(4,4,8,.5)}
.evc-covers{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.evc-cover{width:48px;height:30px;border-radius:var(--nx-r-bedien);border:2px solid transparent;cursor:pointer;padding:0}
.evc-cover.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}
.evc-vis{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.evc-visb{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:6px 12px;cursor:pointer}
.evc-visb.on{color:#fff;background:var(--accent);border-color:var(--nx-linie)}
.evc-friends{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.evc-fr{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-tafel);padding:4px 12px;cursor:pointer}
.evc-fr.on{color:#fff;background:rgba(52,229,216,.2);border-color:#34e5d8}
#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}
.evcard,.nx-cevcard{cursor:pointer}
#nx-my-empty{display:flex;align-items:center;gap:16px;padding:22px 20px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--nx-r-tafel);color:var(--dim);margin-top:4px}
#nx-my-empty svg{color:var(--nx-text);flex:none;opacity:.8}
#nx-my-empty b{display:block;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--dim);margin-bottom:2px}
#nx-my-empty span{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
#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)}}
.nx-rem-on{color:#80efa9;border-color:rgba(59,227,122,.45);background:rgba(59,227,122,.12)}
.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-g{padding:10px 19px 4px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-art{width:52px;height:29px;border-radius:var(--nx-r-marke);flex:none;object-fit:cover;background:var(--nx-hebung)}
.nxsr-art.rund{width:30px;height:30px;border-radius:var(--nx-r-bedien)}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.nxsr-a{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nxsr-none{padding:16px 19px;color:var(--nx-leise);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif}
#nxEvCal{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);box-sizing:border-box}
.nxec-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.nxec-day{background:var(--surface2);padding:10px 10px 12px;min-height:104px;display:flex;flex-direction:column;gap:8px}
/* HEUTE IST EINE FLAECHE, KEIN RAHMEN · vorher stand hier ein violetter
  Strich um denselben Grund wie an allen anderen Tagen. */
.nxec-day.today{background:linear-gradient(180deg,transparent,transparent)}
.nxec-dh{display:flex;align-items:baseline;justify-content:space-between}
.nxec-dn{font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim)}
.nxec-day.today .nxec-dn{color:var(--nx-text)}
.nxec-dd{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nxec-ev{display:flex;align-items:center;gap:6px;font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--txt);cursor:pointer;line-height:1.25}
.nxec-ev i{width:6px;height:6px;border-radius:2px;flex:none}
@media (hover:hover){.nxec-ev:hover{color:#fff}}
.nxec-ev.creator i{background:#ff4d4d}
.nxec-ev.team i{background:#3be37a}
.nxec-ev.community i{background:#3be37a}
.nxec-ev.nextari i{background:#5b27e8}
.nxec-more{font:700 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
.nxec-empty{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text)}
.nxec-legend{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}
.nxec-lg{display:inline-flex;align-items:center;gap:8px;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nxec-lg i{width:8px;height:8px;border-radius:2px}
.nxec-lg.creator i{background:#ff4d4d}
.nxec-lg.team i{background:#3be37a}
.nxec-lg.community i{background:#3be37a}
.nxec-lg.nextari i{background:#5b27e8}
/* 1fr hat als Untergrenze min-content · die Ereignistexte zogen die vier
  Spalten auf 332px in einem 284px breiten Kasten, das vierte Tagesfeld
  hing hinaus und wurde am Bildrand beschnitten (gemessen bei 390px). */
@media(max-width:820px){.nxec-week{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nxec-day{min-width:0}
  .nxec-ev{overflow-wrap:anywhere}
  .nxec-ev,.nxec-more,.nxec-empty{min-width:0;max-width:100%}}
.evb .st.following{background:rgba(8,8,14,.6);color:var(--nx-text)}
/* Beide Knoepfe sind Handlungen: die Rundung eines Bedienelements, nicht die
  einer Pille (die Pille traegt einen Zustand). */
#nx-lvl-row .lvl-grp{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;text-decoration:none;border-radius:var(--nx-r-bedien);padding:5px 13px;white-space:nowrap;transition:background .15s;background:var(--nx-hebung)}
@media (hover:hover){#nx-lvl-row .lvl-grp:hover{background:var(--nx-hebung-2)}}
/* EINE GRUPPE BEITRETEN IST EINE HAUSHANDLUNG, KEINE MARKENHANDLUNG.
  Der Knopf stand in Gold · die einzige Stelle im Haus, an der diese Farbe
  vorkommt. Eine Markenfarbe bedeutet, WO man landet: ein Knopf zu Twitch
  traegt Twitch-Lila. "Join group" fuehrt aber in eine Gruppe auf NEXTARI,
  nicht zu LVL. Also die Hausfarbe, wie bei jeder anderen Beitrittshandlung
  auch · sonst gibt es fuenf Farben fuer dieselbe Handlung.
  Der Knopf DANEBEN fuehrt zum Veranstalter und darf dessen Farbe behalten. */
#nx-lvl-row .lvl-join{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--accent,#5b27e8);border:1px solid var(--nx-linie);border-radius:var(--nx-r-bedien);padding:5px 13px;cursor:pointer;white-space:nowrap;transition:filter .15s}
@media (hover:hover){#nx-lvl-row .lvl-join:hover{filter:brightness(1.08)}}
#nx-lvl-row .lvl-join.nx-on{color:#fff;background:transparent;border-color:rgba(255,255,255,.4)}
/* DIE SEITENKANTE GILT AUCH FUER EINE GEFUELLTE REIHE · gemessen polsterte
  dieses Band 22 statt 34, sein Kopf begann bei 56 und sein Griff stand bei
  1505 · beides gegen die 68 und 1493 der Reihen darueber und darunter.
  Im Bild war das eine Stufe an der linken Kante. Das Mass kommt aus der
  Seitenvariablen, damit hier keine zweite Zahl entsteht. */
/* FLAECHE STATT KANTE · und heller als der Grund, nicht dunkler.
  #0a0a0a hat die Helligkeit 10, der Seitengrund 16 · die Flaeche war
  also DUNKLER als das, worauf sie liegt, und damit unsichtbar. Eine
  Flaeche hebt sich ab, sonst ist sie keine. Die Kante faellt mit. */
#nx-lvl-row{max-width:var(--nx-breite);margin:32px auto;padding:20px var(--nx-innen);
  border:0;border-radius:var(--nx-r-block,18px);background:var(--nx-flaeche)}
/* Der Kopf ist eine Flaeche (--nx-hebung) und polstert selbst · Logo,
  Name, Knoepfe und Griff standen auf seiner Kante. */
#nx-lvl-row .lvl-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:16px;background:var(--nx-hebung);border-radius:var(--nx-r-karte)}
#nx-lvl-row .lvl-mark{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);letter-spacing:-.01em;color:#fff;
  background:var(--nx-hebung);border:0;border-radius:var(--nx-r-bedien,10px);padding:6px 14px}
/* Der Name der Reihe ist jetzt ein h3 statt eines <b> · die Vorgaben des
  Browsers muessen dafuer ausdruecklich weg, das Aussehen bleibt gleich. */
#nx-lvl-row .lvl-tt b,#nx-lvl-row .lvl-tt h3{display:block;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;margin:0;padding:0}
#nx-lvl-row .lvl-tt span{display:block;margin-top:2px;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.55)}
#nx-lvl-row .adbadge{margin-left:auto;font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#1a1505;background:var(--gold,#ffc53d);border-radius:var(--nx-r-bedien);padding:3px 8px}
/* Drei Karten in vier Spalten liessen das rechte Viertel des Kastens leer,
  waehrend die Kopfzeile darueber bis zur Inhaltskante lief. Der Kasten
  endet mit seinen Karten. */
#nx-lvl-row .nx-lvl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#nx-lvl-row .nx-lvl-c{border-radius:var(--nx-r-karte);background:#000;padding:14px 16px}
#nx-lvl-row .nx-lvl-c .d{font:800 var(--nx-typo-klein) var(--nx-f-text);color:rgba(255,255,255,.55);margin-bottom:6px}
#nx-lvl-row .nx-lvl-c b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;line-height:1.2}
#nx-lvl-row .nx-lvl-c span{display:block;margin-top:3px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.55)}
/* KEINE WEISSE WAND AUF EINER DUNKLEN SEITE · die Karte war mit 33.700
  Punkten die groesste helle Flaeche der ganzen Seite, zwoelfmal so gross
  wie die naechste, und stand im Kontrast 11,3 zu ihren drei Nachbarkarten.
  Das Auge landete dort, bevor es die Ueberschrift der Reihe las. Sie
  bekommt denselben Grund wie ihre Nachbarn; die Farbe der Reihe bleibt,
  wo sie hingehoert: im Knopf. */
#nx-lvl-row .nx-lvl-c.draw{background:#000}
#nx-lvl-row .nx-lvl-c.draw .d{color:rgba(255,255,255,.55)}
#nx-lvl-row .nx-lvl-c.draw b{color:#fff}
#nx-lvl-row .nx-lvl-c.draw span{color:rgba(255,255,255,.62)}
/* Ein gefuelltes Bedienelement je Abschnitt: das ist der Knopf "Join
  group" im Kopf der Reihe. Der auf der Karte steht daneben in einem leisen Ton, nicht in einem Umriss ·
  Flaeche statt Kante. */
#nx-lvl-row .nx-lvl-cta{margin-top:10px;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--nx-hebung-2);border:none;border-radius:var(--nx-r-bedien);padding:8px 14px;cursor:pointer}
@media(max-width:900px){#nx-lvl-row .nx-lvl-g{grid-template-columns:repeat(2,1fr)}}
.nx-host-locked .createbox{opacity:.62}
.nx-host-locked .cta{pointer-events:none;background:var(--nx-flaeche-2);color:var(--dim);border:1px solid var(--line2,#26263a);box-shadow:none;cursor:default}
.nx-host-locked .cta svg{opacity:.5}
.nx-host-pill{display:inline-flex;align-items:center;vertical-align:middle;margin-left:10px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text2);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:3px 8px}
.nx-host-note{margin-top:12px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--nx-text2)}
.nx-host-locked .nx-vote-wrap{opacity:.62}
.nx-host-locked .nx-fm-btn{pointer-events:none;color:var(--dim);border-color:var(--line2,#26263a);background:var(--nx-hebung)}
@media (hover:hover){.nx-veil .evcard:hover,.nx-veil .lcard:hover,.nx-veil .dccard:hover{transform:none;box-shadow:none}}
@media (prefers-reduced-motion: reduce){@media (hover:hover){.evcard:hover,.lcard:hover,.hybcard:hover,.dccard:hover,.ftile:hover{transform:none;}}}
#nxLeague .lg-hero{position:relative;overflow:hidden;max-width:var(--nx-breite);margin:0 auto;padding:58px 32px 56px;text-align:center;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);background:var(--nx-flaeche)}
#nxLeague .lg-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#nxLeague .lg-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,5,13,.88),rgba(7,5,13,.72) 50%,rgba(7,5,13,.9))}
#nxLeague .lg-in{position:relative}
#nxLeague .lg-badge{display:inline-block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent);border-radius:var(--nx-r-bedien);padding:3px 8px}
#nxLeague .lg-title{margin:16px 0 8px;font:800 var(--nx-typo-seite) var(--nx-f-titel);letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
#nxLeague .lg-season{font:800 var(--nx-typo-meta) var(--nx-f-text);color:#34e5d8}
#nxLeague .lg-line{color:var(--txt);}
#nxLeague .lg-line:nth-child(2){color:#34e5d8}
#nxLeague .lg-close{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;}
#nxLeague .lg-cta{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--accent,#5b27e8);border:none;border-radius:var(--nx-r-bedien);padding:12px 26px;cursor:pointer;box-shadow:none}
.evm-team{cursor:pointer;transition:background .15s}
@media (hover:hover){.evm-team:hover{background:var(--nx-hebung)}}
.nx-veil-badge{gap:6px;
 font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;white-space:nowrap;box-shadow:none;pointer-events:none}
#nxResultsRail .rrow{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line);font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--faint);text-decoration:none}
#nxResultsRail .rrow:first-of-type{border-top:0}
#nxResultsRail .rrow b{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
#nxResultsRail .rrow .ev{font-weight:700;color:var(--nx-text)}
#nxResultsRail .rrow .bd{margin-left:auto;font-size:var(--nx-typo-meta);color:var(--faint)}
.nx-railopen{flex-wrap:wrap;overflow-x:visible;white-space:normal}
.nx-railopen>*{flex:none}
.nx-pubsec{margin:18px 0;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);
  background:var(--surface);overflow:hidden}
.nx-pubsec-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line,var(--nx-linie-subtle))}
.nx-pubsec-hd .nx-pubsec-t{font-family:"Encode Sans Condensed",var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-pubsec-hd .nx-pubsec-b{font-size:var(--nx-typo-klein);font-weight:800;color:var(--nx-text);background:var(--nx-hebung);border-radius:var(--nx-r-bedien);padding:2px 8px}
.nx-pubsec-body{display:grid;gap:10px;padding:14px 16px}
.nx-pubcard{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:var(--nx-r-karte);
  border:1px solid var(--line,rgba(255,255,255,.07));background:var(--nx-hebung)}
.nx-pubcard .nx-pc-ic{width:38px;height:38px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;
  background:var(--accent);color:#fff;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)}
.nx-pubcard .nx-pc-tx{flex:1;min-width:0}
.nx-pubcard .nx-pc-nm{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-pubcard .nx-pc-mt{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px}
.nx-pubcard .nx-pc-pr{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;flex:none;margin-left:auto}
.nx-pubcard .nx-pc-live{font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#3be37a;flex:none}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.whym svg{display:block;flex:none;width:12px;height:12px}
.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-pageinfo{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));border-radius:var(--nx-r-tafel);padding:14px 18px}
.nx-pageinfo svg{flex:none}
.nx-pageinfo .pi-lead{margin:0 0 3px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt)}
.pb-right a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none;white-space:nowrap;transition:background .15s}
.nx-prevbar .pb-badge{padding:4px 12px}
.nx-lfdw{position:relative;display:flex;gap:20px;align-items:flex-start;margin:0 0 26px;padding:24px 26px;border-radius:var(--nx-r-tafel);overflow:hidden;
 background:linear-gradient(135deg,rgba(195,18,32,.3),rgba(21,8,10,.97) 55%);border:1px solid rgba(224,32,46,.5)}
.nx-lfdw::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 100% at 92% 0%,rgba(255,255,255,.09),transparent 60%);pointer-events:none}
.nx-lfdw-badge{width:54px;height:54px;border-radius:var(--nx-r-tafel);flex:none;display:grid;place-items:center;
 background:#ffffff;color:#c31220;font:800 var(--nx-typo-abschnitt) var(--nx-f-titel)}
.nx-lfdw-ey{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#ff6b74}
.nx-lfdw-wrap{max-width:var(--nx-breite);margin:0 auto;padding:18px var(--nx-rand) 0;position:relative;z-index:1}
.nx-lfdw-cs{margin-left:10px;background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--nx-r-bedien);padding:2px 8px;font-size:var(--nx-typo-klein);}
.nx-lfdw-title{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:4px 0 3px}
.nx-lfdw-sub{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-lfdw-sub b{color:var(--txt)}
.nx-lfdw-p{margin:9px 0 14px;max-width:640px;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-lfdw-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.nx-lfdw-btn{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-karte);padding:10px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-lfdw-btn:hover{border-color:rgba(255,255,255,.5)}}
.nx-lfdw-btn.pri{background:#ffffff;border-color:transparent;color:#c31220}
.nx-lfdw-soon{background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:var(--nx-r-bedien);padding:1px 8px;font-size:var(--nx-typo-klein);letter-spacing:0.9px}
@media(max-width:640px){.nx-lfdw{flex-direction:column}}
.nx-fm{background:var(--surface);border:1px solid var(--nx-linie-subtle);border-radius:var(--nx-r-tafel);padding:18px 20px}
.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 var(--nx-linie-subtle);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)}}
#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, .gcard, .pcard, .rowcard, .nx-rowcard, .subscard, .podcard, .mkt-card, .post, .grp, .block, .fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover, .sptile:hover, .nx-fm:hover, .nx-why-c:hover, .nx-supp-c:hover, .gcard:hover, .pcard:hover, .rowcard:hover, .nx-rowcard:hover, .subscard:hover, .podcard:hover, .mkt-card:hover, .post:hover, .grp:hover, .block:hover, .fgcard:hover{transform:translateY(-2px);box-shadow:none}
.evcard:hover, .ftile:hover, .lcard:hover, .dccard:hover{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
#nxCreate{position:fixed;inset:0;z-index:5000;background:rgba(5,5,10,.66);display:flex;align-items:center;justify-content:center}
.nx-cr{width:400px;max-width:92vw;border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:18px;box-shadow:var(--nx-schatten)}
.nx-cr h3{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);margin:0 0 3px}
.nx-cr .s{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 13px}
.nx-cr button.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--nx-hebung);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-karte);padding:12px 12px;cursor:pointer;color:#fff;margin-bottom:7px;transition:.15s}
@media (hover:hover){.nx-cr button.opt:hover{background:var(--nx-hebung-2);border-color:var(--nx-linie)}}
.nx-cr .opt b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text)}
.nx-cr .opt i{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);font-style:normal}
.nx-cr .x{float:right;background:none;border:none;color:var(--dim);font-size:var(--nx-typo-abschnitt);cursor:pointer}
#nxCrToast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);background:var(--nx-flaeche-2);border:1px solid rgba(52,229,216,.5);color:#bff5ef;border-radius:var(--nx-r-pille);padding:10px 20px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;z-index:5100}
.nx-vt{position:relative;padding-right:78px}
.nx-vt-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--accent,#5b27e8);color:#fff;border:none;border-radius:var(--nx-r-pille);padding:8px 16px;font:800 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:.15s;box-shadow:none}
@media (hover:hover){.nx-vt-btn:hover{filter:brightness(1.12)}}
.nx-vt-mine::after{content:"Your vote \2713";position:absolute;right:0;top:50%;transform:translateY(-50%);font:800 var(--nx-typo-klein) var(--nx-f-text);color:#8ff0e6;background:rgba(52,229,216,.12);border:1px solid rgba(52,229,216,.5);border-radius:var(--nx-r-pille);padding:4px 12px}
.nx-vt-note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:9px}
.nx-ghint{display:flex;align-items:center;gap:8px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin:-3px 0 6px;min-height:14px}
.nx-ghint .nx-rtag{font:800 var(--nx-typo-klein) var(--nx-f-text);border-radius:var(--nx-r-bedien);padding:2px 8px}
.nx-ghint .nx-rver{background:rgba(52,229,216,.15);border:1px solid rgba(52,229,216,.5);color:#8ff0e6}
.nx-ghint .nx-rcon{background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text)}
#nxSVM{position:fixed;inset:0;z-index:6000;background:rgba(5,5,10,.7);display:none;align-items:center;justify-content:center;padding:20px}
.nxsv-card{width:420px;max-width:94vw;background:var(--surface);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:20px;position:relative;overflow:hidden}
.nxsv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
.nxsv-eyebrow{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text)}
.nxsv-card h3{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);margin:5px 0 6px}
.nxsv-card .s{font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 14px}
.nxsv-l{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);margin-bottom:12px}
.nxsv-l input{display:block;width:100%;margin-top:5px;background:var(--nx-hebung);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-bedien);padding:10px 12px;color:#fff;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;outline:none;box-sizing:border-box}
.nxsv-l input:focus{border-color:var(--accent)}
.nxsv-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nxsv-card .go{width:100%;padding:12px;border:none;border-radius:var(--nx-r-karte);background:var(--accent,#5b27e8);color:#fff;font:800 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;box-shadow:none}
.nxsv-foot{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin:11px 0 0;text-align:center}
.nxsv-card .x{position:absolute;right:14px;top:12px;background:none;border:none;color:var(--dim);font-size:var(--nx-typo-kartenkopf);cursor:pointer}
.nxsv-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);background:var(--nx-flaeche-2);border:1px solid rgba(52,229,216,.5);color:#bff5ef;border-radius:var(--nx-r-pille);padding:10px 20px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;z-index:6100}
.shead h3 svg,.shead h2 svg{width:18px;height:18px;flex:none}
#nxVoteWrap{margin:0 auto;padding:0 24px 32px;box-sizing:border-box}
.nx-expanded .carousel,.nx-expanded .nx-risgrid,.nx-expanded [class*="grid"]{flex-wrap:wrap;overflow-x:visible;max-height:none}
.nx-expanded .fade,.nx-expanded .arrow,.nx-expanded .nx-cnav{display:none}
.nx-shchip{position:absolute;z-index:400;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;color:#fff;background:rgba(10,10,18,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:var(--nx-schatten);transition:background .15s,border-color .15s}
@media (hover:hover){.nx-shchip:hover{background:rgba(10,10,18,.78);border-color:rgba(255,255,255,.34)}}
.nx-shchip svg{width:14px;height:14px;display:block}
#nxShPick{position:fixed;z-index:9700;min-width:210px;background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-tafel);padding:8px;box-shadow:var(--nx-schatten)}
#nxShPick b{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--dim);padding:4px 8px 8px}
#nxShPick button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;cursor:pointer;padding:8px 8px;border-radius:var(--nx-r-bedien);color:var(--txt);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;text-align:left}
@media (hover:hover){#nxShPick button:hover{background:var(--nx-hebung)}}
#nxShPick .a{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:var(--accent);flex:none}
#nxVoteApply{display:flex;align-items:center;gap:12px}
#nxVoteApply .nx-fm-apply{margin-left:auto;flex:none;font:800 var(--nx-typo-meta) var(--nx-f-text);color:#0a0a10;background:var(--cyan,#34e5d8);border:none;border-radius:var(--nx-r-bedien);padding:8px 12px;cursor:pointer}
.nx-vopt{cursor:pointer;transition:background .15s}
@media (hover:hover){.nx-vopt:hover{background:var(--nx-hebung)}}
.nx-vopt .nx-fm-num{transition:opacity .5s ease,transform .5s ease}
.nx-vopt.reveal .nx-fm-num{animation:nxVpop .55s ease}
@keyframes nxVpop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}100%{transform:scale(1)}}
.nx-vopt.chosen{background:rgba(52,229,216,.06)}
.nx-vopt.chosen b{color:var(--txt)}
.nx-fm-note{margin-top:10px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
#nx-community-sec .shead{display:none}
#nx-ev-doktorfroid .nx-ctrls,#nx-community-sec .nx-ctrls{display:none}
.nx-veil .seeall{display:none}
#nxVoteWrap{position:relative}
#nxLeague .nx-rm,#nx-lvl-row .nx-rm{display:none}
#nxEvUnit .nx-ph-slot{display:none}
#nxEvUnit .seeall{display:none}
#nxLeague{padding-bottom:64px}
.nx-pinfo-wrap:empty{display:none}
#nxLeague .lg-hero .nx-ctrls,#nxVoteWrap .nx-fm .nx-ctrls{top:12px;right:12px}
.shead .seeall{order:98;margin-left:auto}
.shead .nx-ctrls.inhead{order:99;margin-left:14px}
/* NUR EIN ELEMENT JE KOPF DARF DEN FREIEN PLATZ NEHMEN · standen zwei
  Aussenabstaende auf auto in derselben Kopfzeile, teilte der Browser die
  Luecke zwischen ihnen auf, und der Kalenderausgang blieb bei x 991 in der
  Mitte stehen statt an der Inhaltskante. Der Kalenderkopf traegt seit
  seinem Ausgang selbst ein rechtes Element und faellt deshalb aus dieser
  Liste heraus · die Griffe folgen ihm mit ihrem festen Abstand. */
.nx-veil .shead .nx-ctrls.inhead,#nxEvUnit .shead .nx-ctrls.inhead{margin-left:auto}
#nxVoteWrap .nx-fm{position:relative}
#nxEvUnit>#nx-community-sec{margin-top:16px}
#nxEvUnit #featured>*{position:relative}
.nx-live-badge{position:absolute;top:14px;right:14px;font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px;color:#06210f;background:var(--green,#3be37a);border-radius:var(--nx-r-bedien);padding:3px 8px}
.nx-razer-line{position:absolute;left:16px;right:16px;bottom:52px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.75)}
.nx-more-tile{border-radius:var(--nx-r-tafel);padding:22px 20px;opacity:.55;display:flex;flex-direction:column;justify-content:center;gap:6px;background:var(--nx-hebung)}
.nx-lobby-tile{position:relative;border-radius:var(--nx-r-tafel);padding:22px 20px;background:linear-gradient(150deg,rgba(59,227,122,.08),var(--surface,var(--nx-flaeche)));display:flex;flex-direction:column;gap:6px}
.nx-lobby-tile .k{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--green,#3be37a)}
.nx-lobby-tile b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-lobby-tile span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-lobby-tile .lb-cta{margin-top:auto;align-self:flex-start;font:800 var(--nx-typo-text) var(--nx-f-text);color:#06210f;background:var(--green,#3be37a);border:none;border-radius:var(--nx-r-bedien);padding:8px 14px;cursor:pointer}
.nx-more-tile b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.nx-more-tile span{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);max-width:34ch}
/* Die Tafel fuellt den Rest der Zeile. Vorher nahm sie zwei von vier
  Spalten, neben der Lobby-Kachel blieb das rechte Viertel schwarz ·
  die Reihe darueber endete an der Inhaltskante, diese 370 Punkte davor. */
#featured .nx-more-tile{grid-column:2/-1;flex-direction:row;align-items:center;
justify-content:flex-start;gap:16px}
#featured .nx-more-tile > b{flex:none}
#featured .nx-more-tile > span{max-width:none;flex:1}
@media(max-width:820px){#featured .nx-more-tile{flex-direction:column;align-items:flex-start}}
/* ZWEI SPUREN BRAUCHEN ZWEI SPALTEN · die Kachel spannt ueber zwei, und
  weil sie das auch dort tat, wo nur eine Spalte passt, zwang sie dem
  einspaltigen Raster eine zweite auf: gemessen bei 390 Punkten 44 und 245
  Punkte breit. Zwei der drei Eventkarten waren damit auf 78x44 gequetscht,
  ihr Titel 260 Punkte ueber der eigenen Kartenkante und weggeschnitten. */
@media(max-width:700px){#featured .nx-more-tile{grid-column:auto}}
#featured .nx-lobby-tile,#featured .nx-more-tile{align-self:stretch}
.nx-pbox-top .nx-inv-inner{margin:22px 0 0;padding:18px 0 0;background:var(--nx-hebung)}
.nx-pbox-top .nx-inv-inner > .shead{margin-bottom:12px}
[data-czl="Community Events"] .grid,[data-czl="Community events"] .grid{align-items:start}
body > .section,#rows > .section,[data-czl],.nx-shelf-wrap{margin-bottom:46px}
.shead{margin-bottom:18px}
body{opacity:0;animation:nxEvIn .35s ease .25s forwards}
@keyframes nxEvIn{to{opacity:1}}
main,body > .section:first-of-type,[data-czl="Your lineup"]{margin-top:0}
body > .section:first-of-type{padding-top:38px}
.evcard, .nxsh-card{
  border-radius:var(--nx-r-karte)!important;
  background:var(--nx-hebung);box-shadow:none!important;
  transition:border-color .16s,transform .16s!important}
.ftile, .hybcard, .lcard, .dccard, .surveycard{
  border-radius:var(--nx-r-karte)!important;border:1px solid rgba(255,255,255,.08);
  background:var(--nx-hebung)!important;box-shadow:none!important;overflow:hidden;
  transition:border-color .16s,transform .16s!important}
@media (hover:hover){.evcard:hover,.ftile:hover,.hybcard:hover,.lcard:hover,.dccard:hover,.nxsh-card:hover{
  border-color:var(--nx-linie);transform:translateY(-2px)}}
.evb.nx-has-art,.evcard .evb{background-size:cover;background-position:center 30%!important}
.ftile.nx-has-art{background-size:cover!important;background-position:center 30%!important;background-repeat:no-repeat;background-clip:padding-box!important}
.ftile.nx-has-art .sh{background:linear-gradient(0deg,rgba(8,8,13,.92),rgba(8,8,13,.72) 42%,rgba(8,8,13,.12) 78%)}
/* EINE KACHEL OHNE COVER IST KEIN LADEFEHLER. Neben drei Spielbildern trug
  der eine Abend ohne angekuendigtes Spiel nur das feine Gittermuster, das
  sonst unter den Bildern liegt · das sah aus, als sei das Bild ausgeblieben.
  Er bekommt die ruhige Tafelflaeche des Hauses, und das Gitter bleibt den
  Kacheln, die ein Bild tragen.

  NACHGEMESSEN: die Flaeche kam hier nie an. Die Sammelregel fuer
  .evcard/.ftile weiter unten setzt rgba(255,255,255,.027) mit Vorrang,
  und diese Zeile ohne Vorrang verlor gegen sie · die Kachel stand also
  weiter fast so dunkel wie der Seitengrund. Mit Vorrang geschrieben
  traegt sie jetzt wirklich den Tafelton, wie der Absatz darueber sagt. */
#featured .ftile:not(.nx-has-art){background:var(--surface)!important}
#featured .ftile:not(.nx-has-art) > .ov{display:none}
/* DER ABEND, DEN DU SCHON HAST, IST DAS ERSTE BILD DER SEITE.
  Gemessen  gegen start.gg: deren Turnierkarte fuehrt mit einem
  Bild von rund 200 Punkten Hoehe, unsere mit 104. Im ersten Schirm der
  Events-Seite stand damit genau ein kleines Bild, darunter zwei
  Textzeilen. Die Karte bleibt dieselbe, ihr Bild bekommt die Hoehe, die
  ein Bild braucht, um eines zu sein.

  ZWEI NACHTRAEGE, BEIDE GEMESSEN.
  Erstens die Hoehe: sie kommt nicht mehr von hier. Das Kartenhaus setzt
  fuer jedes Bildfeld einer Textkarte 132 Punkte, mit Vorrang und spaeter
  im Stapel · die 172 hier waren seither eine Zahl, die nie jemand sah.
  Sie steht nicht mehr da, damit diese Regel nicht laenger etwas
  verspricht, was sie nicht haelt.
  Zweitens die Rundung: dieses Bildfeld stand als einziges der Seite mit
  Radius 0 da, waehrend die vier wartenden Kaestchen direkt daneben
  Radius 12 tragen · das Leere war gefasster als das Vorhandene. Es
  bekommt dieselbe Rundung wie seine Nachbarn. */
[data-czl="Your lineup"] .evb{width:100%;margin:0;border-radius:var(--nx-r-karte)}
[data-czl="Your lineup"] .evcard{min-height:0;height:auto}
/* EIN KAESTCHEN ZEIGT DIE FORM DER FEHLENDEN KARTE. In dieser Reihe war es
  umgekehrt: der eine echte Eintrag stand ohne Kasten auf dem Seitengrund,
  die vier wartenden Kaestchen daneben in einer gefuellten, gerundeten
  Flaeche · das Leere wirkte gefasster als das Vorhandene, und sein Bildfeld
  endete 28 Punkte hoeher als das der Karte. Die Kaestchen nehmen jetzt die
  Form der Karte an: Bildfeld in gleicher Hoehe und Rundung, Text darunter
  auf demselben Grund.

  NACHGEMESSEN BEI 390 PUNKTEN · der Versatz ist noch da. Die Zahl 132 kam
  aus der Annahme, das Kartenhaus gebe jedem Bildfeld einer Textkarte 132
  Punkte. Die Karte dieser Reihe traegt aber .nxk-s, und dafuer setzt
  nextari-karten.css 104 mit Vorrang; fuer .nxk-leer setzt dieselbe Datei
  132, ebenfalls mit Vorrang. Nebeneinander in einer Zeile enden die beiden
  Bildfelder deshalb 18 Punkte auseinander, und keine Zeile hier kann das
  von aussen richten, ohne ein drittes !important auf dieselbe Sache zu
  legen. Das gehoert ins Kartenhaus, nicht hierher · gemeldet, nicht
  ueberschrieben. */
[data-czl="Your lineup"] #my .nxk-leer{background:none;border-radius:0}
[data-czl="Your lineup"] #my .nxk-leer > .nxk-bild{border-radius:var(--nx-r-karte);background:var(--nx-hebung)}
/* Zwischen Bild und Text liegen auf der Karte 21 Punkte · dieselbe Fuge
  im Kaestchen setzt seine erste Zeile auf die Titelzeile der Karte.
  Seitlich steht der Text der Karte 16 Punkte innen (.evbody) · hier
  standen 2, und "Room for your next one" klebte an der gestrichelten
  Kante. */
[data-czl="Your lineup"] #my .nxk-leer > .nxk-in{justify-content:flex-start;padding:21px 16px 0}
[data-czl="Your lineup"] #my .nxk-leer .nxk-t{font-size:var(--nx-typo-kartenkopf);line-height:1.3}
[data-czl="Your lineup"] #my .nxk-leer .nxk-m{font-size:var(--nx-typo-meta);line-height:1.5}
/* HIER STAND EIN VERSUCH, das Raster der Kartenzahl anzupassen
  (auto-fit statt fuenf festen Spalten). Er war schlechter: mit EINEM Abend
  klappte auto-fit alle Spuren zu einer zusammen, und die Karte wurde 1313
  Punkte breit mit einem 739 Punkte hohen Bild. Zurueckgenommen
  Das Raster bleibt, wie es war · dass darin bei einem Abend vier Plaetze
  leer stehen, ist eine Frage an das Produkt (fuehrt Events mit DEINEN
  Abenden oder mit allen?) und keine an die CSS. */
[data-czl="Your lineup"] .evbody{padding:12px 16px 14px}
body [data-czl].section,body > .section{padding-top:26px;padding-bottom:26px;margin-top:0}
.nx-soon-grau{position:relative;filter:grayscale(.85) brightness(.6);pointer-events:none;user-select:none}
.nx-soon-grau::after{content:"Coming soon";position:absolute;top:16px;right:22px;z-index:6;
  font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--dim);
  background:rgba(10,10,16,.92);border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-marke);padding:5px 11px}
.nx-add,.spevent{display:none}
.nx-veil{filter:grayscale(.85) brightness(.74);pointer-events:none;
  user-select:none;position:relative}
.nx-veil *{pointer-events:none!important}
.nx-veil::after{content:"";display:block;position:absolute;
  inset:0;background:rgba(10,10,16,.45);border-radius:inherit;
  z-index:5}
.nx-veil-badge{display:inline-flex;position:absolute;top:16px;
  right:22px;z-index:6;align-items:center;
  font:800 var(--nx-typo-klein) var(--nx-f-text)!important;letter-spacing:var(--nx-sperrung);
  text-transform:uppercase;color:var(--dim);
  background:rgba(10,10,16,.92);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--nx-r-marke)!important;padding:5px 11px;filter:none}
/* AUF EINER SCHMALEN KARTE BEKOMMT DER DECKEL EINE EIGENE ZEILE.
  Die Community-Karte traegt oben links ihre Marke, der Deckel steht oben
  rechts · beide zusammen brauchen gut 200 Punkte. Stehen am Telefon zwei
  Karten nebeneinander, ist eine Karte 173 bis 187 Punkte breit, und der
  Deckel lag auf der Marke. Unter 260 Punkten Kartenbreite rueckt er unter
  die Marke, auf dieselbe linke Kante. Gemessen wird die Karte, nicht das
  Fenster · am Telefon steht die Reihe je nach Lauf ein- oder zweispaltig. */
#nx-community-sec .nx-cevcard{container-type:inline-size}
@container (max-width:260px){
  #nx-community-sec .nx-cevcard .nx-veil-badge{top:38px;left:10px;right:auto}
}
.nx-evtop{height:58px;min-height:58px}
.section.nx-veil:has(.nx-adlabel),
.section:has(> .spevent){display:none}
.evcard,.spevent,[class*="card"]:not(.nx-cardhide),.post{
  animation:none;opacity:1;transform:none}
body .section.section.section,
body [data-czl].section.section.section,
body #rows > .section.section.section{
  padding-top:20px!important;padding-bottom:20px!important;
  margin-top:0;margin-bottom:40px!important}
body .shead{margin-bottom:18px}
.section .carousel,.section [class*="carou"],.section .nx-slwrap,
.section .friends,.section .crow,.section .nx-risgrid,.nxch-row,.nx-gf-carou{
  overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;max-width:100%}
.section .carousel::-webkit-scrollbar,.section [class*="carou"]::-webkit-scrollbar,
.section .nx-slwrap::-webkit-scrollbar,.section .friends::-webkit-scrollbar,
.nxch-row::-webkit-scrollbar,.nx-gf-carou::-webkit-scrollbar{height:0}
body #nxMyLibrary,body #nxChanArea,body #nxGFollow,
body .nx-charea,body .nx-charea.nx-charea,
body .section.nx-pbox-top.nx-pbox-top{
  margin-top:0;margin-bottom:40px}
body > .section.sponsor,
body > .section[data-collection],
body > .section.sponsor.sponsor{
  margin-left:auto;margin-right:auto;
  max-width:var(--nx-breite);box-sizing:border-box}
body #nxHolyCup,body .nx-holy,
body #nxVoteWrap,body .nx-vote-wrap{
  margin-top:0;margin-bottom:40px}
body #nxHolyCup,body #nxResultsRail,body #nxVoteWrap,body #nx-lvl-row,
body .nx-holy,body .nx-vote-wrap{
  padding-top:20px!important;padding-bottom:20px!important}
body #nxResultsRail#nxResultsRail,
body #nx-lvl-row#nx-lvl-row{
  padding-top:20px;padding-bottom:20px}
.nx-holy{max-width:var(--nx-breite);margin:30px auto;padding:0 var(--nx-rand)}
.nx-holy-in{border:1px solid rgba(255,45,85,.28);border-radius:var(--nx-r-tafel);overflow:hidden;
  background:radial-gradient(120% 150% at 10% 0%,rgba(255,45,85,.13),transparent 60%),rgba(255,255,255,.028)}
.nx-holy-band{display:flex;align-items:center;gap:10px;padding:13px 22px;border-bottom:1px solid rgba(255,255,255,.07)}
.nx-holy-df{width:28px;height:28px;border-radius:50%;background-size:cover;flex:none;border:1.5px solid rgba(255,255,255,.2)}
.nx-holy-band b{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-holy-band span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-holy-tag{margin-left:auto;font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-marke);padding:4px 9px}
.nx-holy-main{display:flex;gap:24px;padding:22px;align-items:flex-start;flex-wrap:wrap}
.nx-holy-l{flex:0 1 560px;min-width:280px}
.nx-holy-k{display:inline-flex;align-items:center;gap:7px;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:#ff8fa3;margin-bottom:9px}
.nx-holy-k i{width:7px;height:7px;border-radius:50%;background:#ff2d55}
.nx-holy-t{font:900 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;letter-spacing:-.02em;margin-bottom:9px}
.nx-holy-s{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);max-width:52ch}
.nx-holy-facts{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0 18px}
.nx-holy-facts div b{display:block;font:900 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;line-height:1}
.nx-holy-facts div span{font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-holy-act{display:flex;gap:10px;flex-wrap:wrap}
.nx-holy-b1{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:#ff2d55;border:none;border-radius:var(--nx-r-karte);padding:11px 20px;cursor:pointer}
.nx-holy-b2{font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-karte);padding:11px 18px;cursor:pointer}
.nx-holy-r{flex:1 1 300px;border:1px dashed rgba(255,45,85,.4);border-radius:var(--nx-r-tafel);padding:17px;background:rgba(255,45,85,.06);text-align:center}
.nx-holy-r .lbl{font:800 var(--nx-typo-klein) var(--nx-f-text);color:#ff8fa3}
.nx-holy-code{font:900 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;margin:8px 0 4px}
.nx-holy-r .sub{font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-holy-r button{margin-top:11px;width:100%;font:800 var(--nx-typo-text) var(--nx-f-text);color:#0c0c14;background:#fff;border:none;border-radius:var(--nx-r-bedien);padding:9px 0;cursor:pointer}
.nx-holy-fuss{padding:0 22px 15px;font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--dim)}
@media(max-width:860px){.nx-holy-r{flex:1 1 100%}}
.nx-holy.nx-veil .nx-holy-tag{margin-right:96px}
body .nx-fm .nx-fm-row.nx-vopt{
  position:relative;overflow:hidden;
  border-top:none;border:1px solid rgba(255,255,255,.07);
  border-radius:var(--nx-r-karte);padding:11px 14px;margin-bottom:8px;
  background:var(--nx-hebung)}
body .nx-fm .nx-fm-row.nx-vopt::before{
  content:"";position:absolute;left:0;top:0;bottom:0;
  width:var(--nx-vp,0%);
  background:linear-gradient(90deg,transparent,transparent);
  border-right:1px solid rgba(255,255,255,0.14);
  transition:width .7s cubic-bezier(.2,.7,.3,1);z-index:0}
body .nx-fm .nx-fm-row.nx-vopt > *{position:relative;z-index:1}
body .nx-fm .nx-fm-row.nx-vt-mine{border-color:var(--nx-linie)}
body .nx-fm .nx-fm-row.nx-vt-mine::before{
  background:linear-gradient(90deg,transparent,transparent)}
body .nx-fm .nx-fm-row.nx-vopt .nx-fm-num{display:none}
body .nx-fm .nx-vt-proz{
  margin-left:auto;flex:none;
  font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;letter-spacing:-.01em}
body .nx-vote-wrap .nx-vt-btn{display:none}
body .nx-fm .nx-fm-row.nx-vopt .nx-fm-sub{display:none}
body .nx-fm .nx-vt-frist{
  display:block;margin-top:5px;
  font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
@keyframes nx-still{from{visibility:hidden}to{visibility:visible}}
body > .section,body > .nx-row,body > .nx-charea{animation:nx-still 0s 1.2s both}
html.nx-geordnet body > .section,html.nx-geordnet body > .nx-row,html.nx-geordnet body > .nx-charea{animation:none}
/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

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

  Der Inhalt gibt den Takt vor (1600 breit, 34 Polsterung · Stand,
  davor 1280/24), Kopfzeile und
  Vorschauleiste folgen mit derselben Formel. */
/* MOBIL · 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 · Der schwebende Knopf "Customize" war 132x51 Punkte gross
  und verdeckte an den meisten Rollstaenden Bedienbares. Ersatzlos ausblenden
  ginge nicht · er ist der einzige Weg in die Anpassen-Flaeche. Am Telefon
  deshalb nur das Zeichen: ein Kreis von 52 Punkten. Die Beschriftung ist ein
  blosser Textknoten, das Zeichen hat feste Masse · font-size:0 trifft nur
  den Text. */
@media (max-width:767px){
  .czfab{ width:52px; height:52px; padding:0; gap:0; font-size:0; justify-content:center; }
  /* LVL-KOPF · am Telefon bricht er um. Der Auto-Rand von .adbadge schob dann
  "Sponsored" und "Open the venue" nach rechts, "Join group" fiel links in die
  naechste Zeile · zwei Kanten in einer Knopfreihe. Hier laeuft alles von der
  linken Kante. */
  #nx-lvl-row .adbadge{ margin-left:0; }
}
/* SPRUNGLEISTE · Die Leiste ist ein Rollkasten (overflow-x:auto),
  aber css/nx-handschrift.css blendet ihren Rollbalken aus. Gemessen bei 1600
  Punkten: Kasten 1278 breit, Inhalt 2149 · von 18 Eintraegen standen 8
  ausserhalb, der letzte sichtbare mitten im Wort abgeschnitten, ohne jeden
  Hinweis darauf, dass es weitergeht. Der Balken kommt zurueck: schmal, in der
  Farbe der Linien, und nur dann, wenn wirklich mehr da ist als hineinpasst ·
  ueberall sonst zeigt der Browser ihn gar nicht erst. */
.nx-snav{scrollbar-width:auto}
.nx-snav::-webkit-scrollbar{display:block;height:6px;-webkit-appearance:none}
.nx-snav::-webkit-scrollbar-track{background:transparent}
.nx-snav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:var(--nx-r-pille)}
@media (hover:hover){.nx-snav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34)}}
/* TABLET · Dieselbe Kollision wie auf der Spieleseite: die
  Mobilregel fuer die Kopfzeile setzt height:58px, verliert aber gegen die
  spaetere Pauschalregel .topbar{height:76px!important}
. Gemessen blieb der
  Kopf bei 768, 1000 und 1080 Punkten 76 hoch · und das, obwohl ab 1080
  abwaerts schon der Burger steht, also die schmale Anordnung gilt. Unter 768
  greift die Telefonregel aus nxm-mobil.css.
  Die Sprungleiste klebt hier bisher genau an der Unterkante des Kopfes
  (gemessen 124 zu 124). Damit sie das bleibt und kein Streifen entsteht,
  durch den beim Rollen Inhalt laeuft, haengt ihr Klebepunkt zwischen 901 und
  1080 an der gemessenen Kopfunterkante statt an der festen Zahl. Bis 900
  bleibt es bei der Regel aus nx-handschrift.css. */
@media(min-width:901px) and (max-width:1080px){
  .nx-snav.nx-snav{top:var(--nx-kopf,106px)}
}
/* Kalender auf Events · ein Kasten mit Tagesfeldern und Legende, wie der
  Kalender auf People. Der Kopf steht davor auf der Inhaltskante, auf einer
  Linie mit den anderen Reihenkoepfen. */
.nxec-panel{background:var(--surface);border:1px solid var(--line,var(--nx-linie-subtle));
  border-radius:var(--nx-r-tafel);padding:20px 22px}
/* DER RECHTE PLATZ IM REIHENKOPF TRAEGT EINEN WEG, KEIN WOERTCHEN ·
  gemessen war der Kalenderausgang blanker Text von 13 Punkten Hoehe, der
  bei x 991 mitten in der Kopfzeile endete, waehrend in drei anderen
  Reihenkoepfen das rechte Element als 34 Punkte hoher Knopf an der
  Inhaltskante steht. Der Aussenabstand allein reichte nicht: ein zweites
  Element mit demselben Aussenabstand teilt sich den freien Platz mit ihm,
  deshalb steht hier auch die Form. */
.nxec-head .nx-kal-woche{order:98;margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:var(--nx-r-bedien);border:0;background:var(--nx-hebung);color:var(--nx-text);font-size:var(--nx-typo-text)}
@media (hover:hover){.nxec-head .nx-kal-woche:hover{background:var(--nx-hebung);color:#fff}}
/* AM TELEFON IST DIESELBE FORM EIN TIPPZIEL · NXMOBIL.regeln.fingermass
  nennt 44 Punkte. Gemessen bei 390 Punkten stand "Week as .ics" mit 91 mal
  34 als einziger Knopf dieser Seite unter dem Mass; die uebrigen Pillen des
  Kopfes traegt die Hausregel schon. 34 bleibt das Mass am Schreibtisch, wo
  die Zeile den Zeiger hat und nicht den Daumen. */
@media(max-width:767px){
  .nxec-head .nx-kal-woche{min-height:44px}
}
.nxec-panel .nxec-day{padding:12px 10px 14px;min-height:132px;gap:0}
.nxec-panel .nxec-dh{align-items:baseline;justify-content:flex-start;flex-direction:column;gap:2px}
.nxec-panel .nxec-dn{font-size:var(--nx-typo-klein);color:var(--dim)}
.nxec-panel .nxec-dd{font-size:18px;line-height:1}
.nxec-panel .nxec-ev{margin-top:7px;font:400 var(--nx-typo-klein) 'Nunito Sans',sans-serif;color:var(--txt);
  border-radius:var(--nx-r-bedien);padding:1px 3px;margin-left:-3px;margin-right:-3px}
.nxec-panel .nxec-ev + .nxec-ev{margin-top:4px}
.nxec-panel .nxec-ev{align-items:flex-start}
.nxec-panel .nxec-ev i{margin-top:4px}
.nxec-panel .nxec-ev span{min-width:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media (hover:hover){.nxec-panel .nxec-ev:hover{background:var(--nx-hebung)}}
.nxec-panel .nxec-ev i{border-radius:50%}
.nxec-panel .nxec-more{margin-top:auto;padding-top:6px;font-weight:400;font-size:var(--nx-typo-klein)}
/* · Die Farbe war von der People-Seite uebernommen und misst auf
  dieser Flaeche 2,04:1 · lesbar ist ab 4,5:1. Die Groesse bleibt, die Farbe
  kommt aus dem Haus-Ton (rund 7,5:1). */
.nxec-panel .nxec-empty{margin-top:11px;font-size:var(--nx-typo-klein);color:var(--dim)}
.nxec-panel .nxec-legend{margin-top:14px}
.nxec-panel .nxec-lg{font-weight:400;font-size:var(--nx-typo-meta)}
.nxec-panel .nxec-lg i{border-radius:50%}
@media(max-width:820px){.nxec-panel{padding:16px 14px}}
/* ============================================================
  AM TELEFON · vier gemessene Kollisionen, an ihrer Ursache gefasst.
  Alle vier entstehen erst unter 430px und werden deshalb auch nur dort
  aufgeloest · am Schreibtisch bleibt jede Regel, wie sie ist.
  ============================================================ */
@media(max-width:430px){
  /* 1 · Der HOLY-Block: die linke Spalte forderte min-width:280px in einer
  248px breiten Inhaltsspalte. Die 32px Ueberstand hat .nx-holy-in mit
  overflow:hidden abgeschnitten - mitten im Beschreibungstext. */
  .nx-holy-l{min-width:0}
  .nx-holy-r{min-width:0}

  /* 2 · Die Kopfzeile desselben Blocks steht auf nowrap. Der Name lief 22px
  aus seinem Kasten und lag damit auf dem Nebentext. Er darf umbrechen. */
  .nx-holy-band{flex-wrap:wrap;row-gap:4px}
  .nx-holy-band b{flex:0 0 auto;min-width:max-content}

  /* 3 · Die Kalenderwoche stand auf vier Spalten zu 63px. Bei 41px Textbreite
  und overflow-wrap:anywhere brach jedes Wort mitten im Wort ("Dokt/orFro/
  id"). Zwei Spalten geben dem Text die Breite zurueck, die er braucht. */
  .nxec-week{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nxec-ev{overflow-wrap:break-word}

  /* 4 · Das Coming-soon-Abzeichen sass senkrecht mittig auf der Bewertungs-
  karte und damit genau auf ihrer Frage · und in verhuellten Reihen lag es
  auf dem Erklaersatz. Es geht nach oben und macht sich Platz. */
  .nx-veil .shead{padding-right:118px}
}
/* EINE ZAHL IST KEIN KNOPF.
  Der Zaehler ueber der Terminliste trug die Klasse .seeall und wurde damit
  wie ein "See all" verdrahtet: er sah aus wie ein Knopf, meldete beim Klick
  "Showing all" und liess die Liste, wie sie war · alle Zeilen standen
  ohnehin schon da. Er behaelt sein Aussehen und verliert die Rolle. */
.nx-zaehler{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);
  color:var(--dim);display:flex;align-items:center;gap:8px;cursor:default}
/* DREIMAL DASSELBE, EINMAL GESCHRIEBEN.
  Hier standen drei fast gleiche Regelbloecke, die je einer Flaeche einen
  Graufilter, gesperrte Zeiger und ein "Coming soon" gaben: dem HOLY CUP, dem
  Community Vote und der Bewertung im Fuss. Wer nach der Hausmarke suchte,
  fand keine davon · und die Tastatursperre brauchte fuer jede einen
  Sonderfall. Die drei tragen jetzt .nx-soon-grau wie jede andere Flaeche,
  die noch nicht laeuft (gesetzt in js/nextari-events.22-events-final.js).
  Was bleibt, ist der Platz fuer das Schild oben rechts. */
.survey .surveycard.nx-soon-grau{padding-top:44px}
/* Der Weg zum eigenen Event steht an der Aufstellung · derselbe Dialog wie der Assistent (16-create). */
.shead .nx-lineup-neu{margin-left:12px;flex:none;font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff;background:var(--accent,#5b27e8);border:0;border-radius:var(--nx-r-pille);padding:6px 12px;cursor:pointer;line-height:1.2}
@media (hover:hover){.shead .nx-lineup-neu:hover{filter:brightness(1.1)}}
@media (max-width:700px){.shead .nx-lineup-neu{margin-left:8px;padding:5px 10px;font-size:var(--nx-typo-meta)}}

/* Der Gastgeber auf der Terminkarte · leise unter dem Namen. */
.evwirt{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:2px}

/* Die Reihe "IRL & Hybrid" bleibt, auch wenn kein Ort darin steht: das Format
  bleibt, nur die Namen fehlen, solange die Vereinbarungen nicht belegt sind.
  Eine leere Rasterflaeche saehe aus wie ein Ladefehler · deshalb ein Satz. */
.hyb-leer{grid-column:1/-1;padding:18px 2px 4px;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;
  color:var(--dim)}


/* DIE FUSSZEILE EINER KARTE STEHT FEST, der Titel waechst nach oben.
  Wird ein Titel zweizeilig, schob er bisher Preis und Knopf nach unten:
  gemessen in der Viererreihe 19 Punkte Versatz gegen die drei Nachbarn,
  bei gleicher Kartenhoehe. Der Inhalt haengt am Fuss der Karte, also
  muss der Fuss die feste Kante sein und der Titel darueber wachsen. */
.nx-evr .ftile > .fcontent{display:flex;flex-direction:column;justify-content:flex-end}
.nx-evr .ftile > .fcontent > :last-child{margin-top:8px}

/* ---------------- DER GREIFER GEHOERT AN DIE RECHTE KANTE ----------------
  Gemessen bei 1600 Punkten: der Kopf ist 1455 breit, der Greifer stand
  bei 469. Zwei Gruende, beide klein:

  1. Ein LEERES "See all" (Breite 0) trug den margin-left:auto und
     verbrauchte ihn · was danach kommt, faengt wieder vorne an. Ein
     Weg ohne Text ist kein Weg; er nimmt jetzt keinen Platz mehr ein.
  2. Der Greifer selbst bekam von einer spaeteren Regel feste 14 Punkte
     statt des automatischen Rands.

  Zusammen steht er wieder dort, wo man ihn sucht. */
.shead > .seeall:empty { display: none; }
.shead > .nx-ctrls.inhead:last-child { margin-left: auto; }