/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
::-webkit-scrollbar{height:9px}
.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}
.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}
.g4{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
@media (hover:hover){.evcard:hover{border-color:var(--line2);}}
.evb{aspect-ratio:16/8;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}
.datechip{position:absolute;top:10px;left: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:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.st{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.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)}
.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;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;cursor:pointer;}
@media (hover:hover){.ftile:hover{border-color:var(--line2);}}
.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}
.ftile .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,13,.85),rgba(8,8,13,.1) 60%)}
.fcontent{position:absolute;left:16px;right:16px;bottom:14px}
.ftitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);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}
.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);padding:8px 16px;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)}}
.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)}
.ltitle{position:absolute;left:12px;bottom:12px;right:12px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.watch{padding:8px 16px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);align-items:center;gap:8px;}
.dbar{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;margin-bottom:16px}
.drow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.drow+.drow{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.flabel{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);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)}
.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;display:flex;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.2px;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;font-size:var(--nx-typo-seite);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);}
.spe-art .ovg{position:absolute;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:24px 24px}
.hybgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hybcard{border:1px solid var(--line2);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;position:relative}
.hybcard .nxb{position:absolute;top:13px;right:13px;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)}
.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 .row{display:flex;align-items:center;gap:8px;margin-top:16px}
.hybcard .htag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#9fe0f5;background:rgba(52,229,216,.1);border:1px solid rgba(52,229,216,.3);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.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}
.dccard{border:1px solid rgba(88,101,242,.35);border-radius:var(--nx-r-tafel);background:linear-gradient(180deg,rgba(88,101,242,.08),rgba(16,16,25,.4));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(--nx-r-tafel);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;font-size:var(--nx-typo-kartenkopf);color:#fff}
.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)}
.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}
.invsrc{display:inline-flex;align-items:center;gap:4px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien);margin-bottom:8px}
.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)}}
.endot{width:34px;height:34px;border-radius:var(--nx-r-bedien);flex:none}
.enname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.tp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien);}
.tp.squad{background:var(--nx-hebung);color:var(--nx-text)}
.tp.competitive{background:var(--nx-hebung);color:var(--nx-text)}
.tp.casual{background:var(--nx-hebung);color:var(--nx-text)}
.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)}
.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}
@media(max-width:820px){.finner{grid-template-columns:1fr 1fr}}
.czrow .czrl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@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);}
.rsvp.nx-on{background:var(--nx-hebung);border-color:var(--nx-linie);color:var(--nx-text)}
.console-cta{
  font-weight:800;letter-spacing:.2px;}
@media (hover:hover){.console-cta:hover{transform:translateY(-1px);
}}
.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-grid{margin-bottom:14px}
.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}
.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,#1f1f24);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 rgba(255,255,255,.06)}
.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-2)}}
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}
@media (hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--accent)}}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
.ptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.psub{color:var(--dim);font-size:14px;margin-top:8px}
.stats{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}
.stat{font-size:var(--nx-typo-text);color:var(--dim);align-items:center;gap:8px}
.stat b{font-family:var(--nx-f-text);color:#fff;font-size:14px}
.stat svg{color:var(--nx-text)}
.bigsearch{margin-top:24px;position:relative}
.bigsearch .ico{position:absolute;left:20px;top:21px;color:var(--faint)}
.bigsearch input{width:100%;height:62px;border-radius:var(--nx-r-tafel);border:1px solid var(--line2);background:var(--nx-hebung);
 color:var(--txt);padding:0 128px 0 54px;font-family:var(--nx-f-titel);font-weight:400;font-size:var(--nx-typo-abschnitt);outline:none;transition:.15s}
.bigsearch input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}
.bigsearch input::placeholder{color:var(--nx-leise)}
.bigsearch .go{position:absolute;right:10px;top:10px;height:42px;padding:0 24px;border:none;border-radius:var(--nx-r-karte);cursor:pointer;
 font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;
 background:var(--accent);box-shadow:none;transition:.15s}
@media (hover:hover){.bigsearch .go:hover{transform:translateY(-1px)}}
.tips{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.tips .lab{font-size:var(--nx-typo-text);color:var(--faint)}
.tip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);background:var(--nx-hebung);
 border:1px solid var(--line2);padding:8px 16px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s}
@media (hover:hover){.tip:hover{background:var(--nx-hebung)}}
.mm{margin-top:24px;border-radius:var(--radius);position:relative;overflow:hidden;
 background:var(--accent);padding:24px 32px;
 display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mm::after{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;
 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}
.mm .l{position:relative;z-index:1;flex:1;min-width:320px}
.mm h2{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.mm p{color:rgba(255,255,255,.82);font-size:14px;margin-top:8px;max-width:520px;line-height:1.5}
.mm .r{position:relative;z-index:1}
.mm .cta{height:52px;padding:0 32px;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){.mm .cta:hover{transform:translateY(-2px)}}
.section{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
.shead h3{display:flex;align-items:center;gap:8px}
.shead h3 .badge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);
 padding:0px 8px;border-radius:var(--nx-r-bedien);background:rgba(255,197,61,.13);color:var(--gold);border:1px solid rgba(255,197,61,.3)}
/* EINE FORM FUER 'SEE ALL' · sie stand in zwei Groessen nebeneinander.
  Gemessen auf Games: 81x34 und 68x22 in derselben Ansicht, beide als
  blosser Umriss. Die Groesse kam nicht von hier, sondern davon, ob
  nxm-bedienung.js den Knopf als Pille erkannte oder nicht · zwei
  Besitzer auf einer Form. Jetzt steht sie hier: eine Hoehe, eine
  Fuellung, und mit 34 Punkten auch am Daumen zu treffen. */
.seeall{min-height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.seeall:hover{background:var(--nx-hebung);}}
@media (hover:hover){.seeall:hover{color:#fff}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.grid.live{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{
padding:16px;position:relative;}
@media (hover:hover){.card:hover{border-color:var(--line2);}}
.ctop{display:flex;align-items:center;gap:16px}
.cname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:4px}
.cmeta{font-size:var(--nx-typo-meta);color:var(--faint)}
.platrow{display:flex;gap:8px;margin-top:16px}
.plat{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);display:grid;place-items:center;color:var(--dim)}
.pinfo{margin-top:16px;font-size:var(--nx-typo-text);color:var(--dim);line-height:1.7}
.pinfo b{color:#fff}
.pinfo .now{color:var(--green)}
.tagline{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);
 color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);padding:0px 8px;border-radius:var(--nx-r-pille)}
.cbtns{display:flex;gap:8px;margin-top:16px}
.cbtn{flex:1;
 text-align:center;
}
@media (hover:hover){.cbtn:hover{color:#fff;background:var(--nx-hebung)}}
.cbtn.p{border:none;color:#fff;background:var(--accent);box-shadow:none}
@media (hover:hover){.cbtn.p:hover{transform:translateY(-1px)}}
.role{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--cyan);
 background:rgba(52,229,216,.1);border:1px solid rgba(52,229,216,.3);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.trophies{display:flex;gap:0px;margin-top:16px;color:var(--gold)}
.lcard{background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);}
@media (hover:hover){.lcard:hover{border-color:var(--line2);}}
.lthumb{aspect-ratio:16/9;position:relative}
.lgrid{position:absolute;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:22px 22px}
.lbadge{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--live);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.live-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.lview{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:rgba(8,8,14,.6);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lbody{padding:16px 16px;display:flex;align-items:center;gap:16px}
.lmeta .t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;line-height:1.25}
.lmeta .g{font-size:var(--nx-typo-meta);color:var(--faint)}
.watch{margin-left:auto;width:38px;height:38px;border-radius:var(--nx-r-bedien);border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:var(--accent);box-shadow:none;transition:.15s;flex:none}
@media (hover:hover){.watch:hover{transform:scale(1.07)}}
.tcard{display:flex;align-items:center;gap:16px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px;transition:.15s}
@media (hover:hover){.tcard:hover{border-color:var(--line2);transform:translateY(-3px);box-shadow:none}}
.tlogo{width:48px;height:48px;border-radius:var(--nx-r-karte);display:grid;place-items:center;color:#fff;flex:none}
.av{border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
.online{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2.5px solid var(--surface);box-shadow:none}
.spot{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.panel{border:1px solid var(--line);padding:16px;position:relative;overflow:hidden;
 background:var(--nx-hebung)}
.panel.gold{border-color:rgba(255,197,61,.28)}
.panel.eyes{border-color:rgba(255,77,109,.28)}
.rank{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.rank:last-child{border-bottom:none}
.rnum.g1{color:var(--gold)}
.rnum.g2{color:var(--txt)}
.rnum.g3{color:#cd7f4d}
.rname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.rmeta{font-size:var(--nx-typo-meta);color:var(--faint)}
.rval{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);display:flex;align-items:center;gap:8px}
/* Die Bewertungskarte ist ein eigenes Element, kein Anhaengsel der letzten
  Reihe · sie bekommt denselben Takt wie die Reihen darueber (52/46).
  Vorher lag sie mit 32px oben und 0 unten zwischen Inhalt und Fuss und
  klebte an beidem. */
.sstar{cursor:pointer;color:var(--nx-leise);transition:.15s}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol h4{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:16px;}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0;transition:.15s}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
.lcard .ltw{display:inline-flex;align-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:#9146ff;padding:2px 8px;border-radius:var(--nx-r-bedien);margin-right:8px;vertical-align:middle}
.note{font-family:'Nunito Sans';font-weight:400;font-size:var(--nx-typo-text);color:var(--faint);margin-left:8px}
.actban .agrid{position:absolute;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:26px 26px}
.actban .alogo{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid}
.actban .apres{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim)}
.actban .aad{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.actban .atitle{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;line-height:1.08}
.actban .asub{font-size:14px;color:var(--dim);line-height:1.55;margin-top:16px;max-width:560px}
.actban .achips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.actban .achip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid;display:flex;align-items:center;gap:8px}
.actban .aact{display:flex;gap:16px;margin-top:16px}
.actban .ab1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);border:none;padding:16px 16px;border-radius:var(--nx-r-karte);cursor:pointer;display:flex;align-items:center;gap:8px}
.actban .ab2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);background:var(--nx-hebung);border:1px solid var(--line);color:#fff;padding:16px 16px;border-radius:var(--nx-r-karte);cursor:pointer}
.actban .arwm{font-family:var(--nx-f-titel);font-weight:800;color:#fff;text-align:center;line-height:1.15;position:relative;z-index:2}
.updates{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);overflow:hidden}
.updgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.upd{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;transition:.15s}
@media (hover:hover){.upd:hover{border-color:var(--line2)}}
.updhead{display:flex;align-items:center;gap:16px}
.updname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.updtime{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.npic{max-height:16px;max-width:19px;object-fit:contain;display:block}
.updr{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}
.ureact{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);padding:8px 8px;border-radius:var(--nx-r-bedien);cursor:pointer}
@media (hover:hover){.ureact:hover{background:var(--nx-hebung)}}
@media (hover:hover){.ureact.l:hover{color:var(--green)}}
@media (hover:hover){.ureact.e:hover{color:var(--gold)}}
@media (hover:hover){.ureact.r:hover{color:var(--cyan)}}
.ucount{margin-left:auto;font-size:var(--nx-typo-meta);color:var(--faint);display:flex;align-items:center;gap:8px}
.ucount span{display:flex;align-items:center;gap:4px}
.upd .ut{font-size:14px;color:var(--txt);line-height:1.5}
.upd .ut b{font-family:var(--nx-f-text);font-weight:700;color:#fff}
.upd .um{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:8px;display:flex;align-items:center;gap:16px}
.upd .um span{display:flex;align-items:center;gap:4px}
.updbtn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);background:var(--nx-hebung);border:1px solid var(--line);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
@media (hover:hover){.updbtn:hover{color:#fff;border-color:var(--line2)}}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}
.chcard{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;}
@media (hover:hover){.chcard:hover{border-color:var(--line2)}}
.chtop{display:flex;align-items:center;gap:16px}
.chhash{width:40px;height:40px;border-radius:var(--nx-r-karte);display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:#fff;flex:none}
.chname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.chmem{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.chact{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:16px;display:flex;align-items:center;gap:8px}
.chdot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:none;flex:none}
.chjoin{margin-top:16px;width:100%;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung);border:1px solid var(--line2);padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer}
.tslist{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--nx-hebung)}
.tsrow{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.tsrow:last-child{border-bottom:none}
.tsname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px}
.tsgame{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.tstw{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:#9146ff;padding:2px 8px;border-radius:var(--nx-r-bedien)}
.tsview{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px;flex:none}
.tsview .lp{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:none}
.tswatch{flex:none;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
@media(max-width:760px){.chgrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.spot{grid-template-columns:1fr}}
.mmf .ai{background:#fff;color:var(--nx-grund);border:none;font-weight:700;box-shadow:none}
.adslot .adlbl{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--nx-text);z-index:1}
.adslot .adsz{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff;z-index:1}
.adslot .adfmt{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--faint);z-index:1}
.adwrap{max-width:var(--nx-breite);margin:32px auto;padding:0 var(--nx-rand)}
.cta, .btn-primary, .btnghost, .btnconn, .btndanger, .chjoin, .ab1, .ab2, .go, .play, .lfgjoin, .abtn, .sendbtn, .pbtn, .unblock, .adcta, .segbtn, .tab, .fchip, .catchip, .achip, .crefollow, .pmbtn, .seeall, .cqrbtn, .mmf .f, .tips .tip, .f{line-height:1}
.discgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:16px}
.disccard{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px 16px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:16px}
@media (hover:hover){.disccard:hover{border-color:var(--line2);transform:translateY(-2px)}}
.dsrclogo{width:32px;height:32px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center}
.dsrcname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.dtitle{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.32}
.dstat svg{color:var(--faint)}
.dright{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);display:flex;align-items:center;gap:4px}
.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,.10);box-shadow:var(--nx-schatten)}
.czfab svg{width:17px;height:17px}
@media (hover:hover){.czfab:hover{border-color:var(--nx-linie)}}
.czfab svg{color:var(--nx-text)}
.czov{position:fixed;inset:0;z-index:9500;background:rgba(8,8,13,.38);display:none;align-items:flex-start;justify-content:center;padding:64px 16px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.czov.open{display:flex}
.czpanel{width:100%;max-width:460px;max-height:78vh;display:flex;flex-direction:column;background:rgba(22,22,34,.6);-webkit-backdrop-filter:blur(28px) saturate(1.7);backdrop-filter:blur(28px) saturate(1.7);border:1px solid rgba(255,255,255,.10);border-radius:var(--nx-r-tafel);box-shadow:var(--nx-schatten);overflow:hidden}
.czph b{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);}
.czsub{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--dim);margin-top:4px}
.czdone{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);line-height:1;color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);background:var(--accent);flex:none}
.czlist{overflow:auto}
.czrow{display:flex;align-items:center;gap:16px;padding:8px 8px;border-radius:var(--nx-r-bedien)}
@media (hover:hover){.czrow:hover{background:var(--surface2)}}
.czrl{flex:1;font-family:var(--nx-f-text);font-weight:700;font-size: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}
.rbtn.on{color:var(--nx-text);border-color:var(--nx-linie);background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9!important;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-bedien);padding:8px 16px}
.nx-cmt b{font-family:var(--nx-f-text);color:var(--nx-text);font-weight:700}
.nx-postcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin:0 0 16px;animation:nxin .35s}
.nx-postcard .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--nx-f-text)}
.nx-postcard .ph b{color:var(--txt);font-size:14px}
.nx-postcard .ph span{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-postcard p{font-family:'Nunito Sans',sans-serif;color:var(--txt);font-size:14px;line-height:1.55;margin:0}
@keyframes nxin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.nx-rows .rh{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.nx-rows h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0}
.nx-rows .sub{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.nx-rowgrid{grid-template-columns:1fr}}
@media (hover:hover){.nx-rowcard:hover{border-color:var(--nx-linie)}}
.nx-rowcard .top{display:flex;align-items:center;gap:8px}
.nx-rowcard .rav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.nx-rowcard .ti b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-rowcard .ti span{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowcard .pk{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-rowcard .foot{display:flex;align-items:center;gap:8px;margin-top:2px}
.nx-rowcard .subs{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);color:var(--dim)}
.nx-sub{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;background:var(--accent);color:#fff;transition:.15s}
.nx-sub.nx-on{background:rgba(59,227,122,.12);border:1px solid rgba(59,227,122,.4);color:#80efa9}
.nx-soon{position:fixed;inset:0;top:36px;background:rgba(6,6,11,.78);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:9000;padding:16px}
.nx-soonpill{display:inline-block;font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px;text-transform:uppercase}
.nx-soonbox h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.nx-soonbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.6;margin:0 0 22px}
.nx-has-art .ov,.nx-has-art .grid-ov,.nx-has-art .ovg,.nx-has-art .bb-grid,.nx-has-art .t10grid2,.nx-has-art .lgrid{opacity:0}
.nx-has-art .bb-peek{opacity:.25}
.mtile.nx-embed{background:#000;cursor:default}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
/* · overflow-x:hidden am HTML macht das Dokument zum Scrollbehaelter,
  und darin klebt nichts mehr: Kopfzeile und Sprungleiste liefen auf dem Telefon
  einfach mit nach oben weg. Nach dem ersten Wischen gab es keine Navigation mehr.
  overflow-x:clip schneidet genauso, macht aber keinen Behaelter · position:sticky
  bleibt am Leben. Gemessen auf sieben Seiten. */
@media(max-width:900px){
 .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
 
 .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:760px){
 
 .bento .sptile{min-height:150px}
 
}
@media(max-width:480px){
 .bento .sptile{min-height:180px}
}
@media(max-width:760px){
 
 
 .thhead{row-gap:8px}
 
 
 
 
}
@supports (height:100svh){
 body{min-height:100svh}
}
.nx-db-persp-tab{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--nx-r-pille);
  font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);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{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(--nx-hebung);}
@media (hover:hover){.console-cta:hover{background:var(--nx-hebung);}}
.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:14px}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.nxc-go{padding:10px 18px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent,#5b27e8);color:#fff;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.av{position:relative;line-height:1}
.av>.online{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#3be37a;box-shadow:0 0 0 2px var(--panel,#121215)}
.av{font-family:var(--nx-f-text)}
.nx-ctrls{position:absolute;top:8px;right:16px;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:35}
.nx-row:hover .nx-ctrls{opacity:1;pointer-events:auto}
.nx-btn{width:30px;height:30px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease;user-select:none}
@media (hover:hover){.nx-btn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-grip{cursor:grab}
.nx-grip:active{cursor:grabbing}
.nx-rm{font-size:var(--nx-typo-text);line-height:1}
.nx-dragging{opacity:.4}
.nx-over{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-over-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add{position:relative;max-width:1228px;margin:32px auto 0;padding:16px;border:1.6px dashed rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);transition:.15s ease;background:var(--nx-hebung);box-sizing:border-box}
@media (hover:hover){.nx-add:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:248px;max-height:320px;overflow:auto;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:var(--nx-schatten);z-index:50;text-align:left}
.nx-pi{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi:hover{background:var(--nx-hebung)}}
.nx-pi-h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 0px}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-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}
.nx-veil{position:relative;filter:grayscale(.85) brightness(.74);pointer-events:none;user-select:none}
.nx-veil-badge{position:absolute;top:12px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:#fff;background:var(--accent);border:1px solid rgba(255,255,255,.18);border-radius:var(--nx-r-tafel);padding:6px 12px;white-space:nowrap;box-shadow:none;pointer-events:none}
.bigsearch,.nx-rows,#nx-community-tag{display:none}
/* Kein eigenes Band: .wrap traegt Breite und Seitenpolster der Seite bereits. Mit max-width und Polster stand der Inhalt 56px weiter innen als der Fusstext. */
#nx-group{margin:0 auto;padding:8px 0 40px}
/* --grp-grund ist der Ton, den der Auftakt WIRKLICH zeigt: Seitengrund
  #101013 plus der eigene Schleier rgba(255,255,255,.02), gemessen
  (18,18,22). Das Kopfbild laeuft unten genau auf diesen Wert aus, sonst
  entsteht die Naht wieder. Eine Stelle, ein Wert. */
.grp-hero{--grp-grund:#121216;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--nx-hebung)}
.grp-cover{background:var(--accent);position:relative}
.grp-hd{display:flex;padding:0 22px 18px;position:relative;flex-wrap:wrap}
.grp-badge{border-radius:var(--nx-r-tafel);background:var(--accent);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-seite) var(--nx-f-titel);color:#fff;border:3px solid #0d0d14;flex:none}
.grp-meta{flex:1;min-width:260px;padding-bottom:2px}
.grp-top{display:flex;align-items:center;}
.grp-top h1{font:800 var(--nx-typo-seite) var(--nx-f-titel);color:#fff;margin:0}
/* Gemessen neben dem Gruppentitel: Radius 16, Polsterung 3/8, Hoehe 21.
  Die Pillen der Seite stehen auf Radius 999, Polsterung 0/9 und Hoehe
  22 · diese beiden waren die Ausreisser. Die Farbe stand zweimal in
  derselben Regel, der erste Wert war tot.
  Zweiter Befund an derselben Stelle: die zweite Pille (die Gruppenart)
  trug im Quelltext violette Schrift und violette Kante, behielt aber
  den tuerkisen Grund aus dieser Regel · zwei gleich gebaute Pillen
  nebeneinander, eine davon zweifarbig. Farbe soll etwas bedeuten;
  zwei Toene fuer dieselbe Gattung bedeuten nichts. Beide Pillen tragen
  jetzt denselben Ton, Kante und Fuellung stimmen ueberein. */
.grp-priv{display:inline-flex;align-items:center;height:22px;font:700 var(--nx-typo-klein) var(--nx-f-text);color:#34e5d8;border:1px solid rgba(52,229,216,.4);background:rgba(52,229,216,.1);padding:0 9px;border-radius:999px}
/* 14 steht auf keiner Sprosse der Leiter · und eine Zahl gehoert zu
  ihrem Wort. Am Telefon brach "76 available" mitten in der Angabe um:
  die Zahl am Ende der einen Zeile, das Wort allein am Anfang der
  naechsten. */
.grp-sub{color:var(--dim);font-size:var(--nx-typo-text);}
.grp-spielweg{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
@media (hover:hover){.grp-spielweg:hover{text-decoration-color:currentColor}}
/* Fingermass fuer zwei Woerter, die mitten im Satz stehen. Gemessen bei 390
  Punkten: "Valorant" 48x17, "PUBG" 35x17 Punkte · beide unter den 44, die
  NXMOBIL.regeln.fingermass verlangt. Das Register loest solche Faelle sonst
  mit min-height und inline-flex; das geht hier nicht, denn diese beiden
  Wege sind kein Knopf, sondern zwei Woerter in der Zeile "Valorant · PUBG ·
  814 members". Waechst der Weg selbst, zerreisst er die Zeile.
  Die Trefferflaeche waechst deshalb neben dem Wort statt im Text: ein Feld
  von 44 Punkten ueber der Mitte des Wortes, das kein Pixel verschiebt.
  Ueber und unter der Zeile steht hier nichts, was man treffen kann · die
  beiden Pillen und "Hosted by" sind Beschriftungen, keine Wege.
  Die Zeile bekommt dazu Luft. Gemessen: das Feld unter "Valorant" stiess
  nach 12 Punkten auf die Demo-Pille, die eine Zeile tiefer steht · 34 statt
  44. Die Pille gehoert nxm-marken.js und liegt mit z-index 2 oben; wer sich
  darueber legt, nimmt der Demo-Sperre ihren Klick weg. Statt zu streiten
  ruecken die zwei Zeilen auseinander · der Korridor entsteht, niemand wird
  ueberdeckt, und die Zeile liest sich am Telefon ohnehin besser.
  Stand danach, dreimal gleich gemessen: "PUBG" 44x44, "Valorant" 49x39.
  Die fehlenden fuenf Punkte liegen unter der Demo-Pille · das ist kein
  Rest, den diese Datei noch heben kann, er ist ans Haus gemeldet. Ein
  Versuch, das Feld stattdessen nach oben zu ruecken, war nachweislich
  schlechter (beide auf 41): oben steht die Pillenreihe genauso nah. */
@media(max-width:767px){
  .grp-sub{line-height:2.2}
  .grp-spielweg{position:relative}
  .grp-spielweg::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;min-width:44px;height:44px}
}
.grp-sub b{color:#fff}
/* Gezaehlt in den oberen 400 Punkten: sieben Farbakzente nebeneinander,
  und Gruen trug dort gleichzeitig einen Zustandspunkt UND eine Zahl.
  Das Haus sagt: Farbe nur im Punkt und im Knopf. Der Punkt bleibt also
  gruen und sagt "jetzt da"; die Zahl daneben nimmt den Ton der Zeile,
  in der sie steht. */
.grp-on{color:inherit;white-space:nowrap}
.grp-on i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3be37a;box-shadow:none;margin-right:4px;vertical-align:middle}
/* Gemessen im Auftakt: 14px, und 14px kommt sonst kein zweites Mal auf
  der Seite vor. Die Zahl liegt zwischen zwei Sprossen der Schriftleiter
  (12,5 und 15,5); 15,5 traegt hier ueberall fette Titel, Fliesstext
  steht auf 12,5 wie die Zeile darueber. */
.grp-desc{color:var(--dim);font-size:var(--nx-typo-text);line-height:1.55;margin:9px 0 0;max-width:640px}
/* Die Luecke kommt aus der Leiter und steht an der Gruppe, in Reihe wie in
  Spalte · kein Kind traegt einen eigenen Rand. "Plan session" stand mit
  einem zusaetzlichen linken Rand 16 statt 8 neben "Invite". */
.grp-acts{display:flex;gap:var(--nx-luecke-knopf);align-self:flex-end;padding-bottom:2px}
.grp-join{background:#5b27e8;color:#fff;border:0;border-radius:var(--nx-r-karte);padding:10px 20px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
.grp-join.on{background:var(--nx-hebung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14)}
.grp-inv{background:var(--nx-hebung);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-karte);padding:10px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
.grp-tabs{display:flex;gap:4px;padding:0 22px;border-top:1px solid var(--line,rgba(255,255,255,.07))}
.grp-tab{background:none;border:0;color:var(--dim);font:700 var(--nx-typo-text) var(--nx-f-text);padding:14px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.grp-tab.on{color:#fff;border-bottom-color:var(--accent)}
/* Die Leiste traegt sechs Reiter · drei stehen in dieser Seite, drei haengen
  Module spaeter an. Gemessen bei 390 Punkten: 456 Punkte Reiter in einem
  Fenster von 321. Das Schieben selbst gehoert nxm-mobil.css, und dort ist
  auch der Balken ausgeblendet, damit er nicht auf den Reitern liegt. Damit
  stand die Leiste ohne jede Auskunft da: "Members" endete mitten im Wort an
  der rechten Kante und sah aus wie ein Fehler statt wie eine Fortsetzung,
  "History" und "Scrims" dahinter waren an nichts zu erkennen.
  Hier kommt nur die Auskunft dazu, nicht das Verhalten · eine weiche Kante
  dort, wo es weitergeht. Die Klassen setzt js/nextari-group.05-group.js,
  nachdem es gemessen hat; am jeweiligen Ende der Schiene faellt die Kante
  weg, sonst laege ein Schleier auf einem Reiter, hinter dem nichts steht. */
@media(max-width:767px){
  .grp-tabs.grp-mehr-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .grp-tabs.grp-mehr-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px);mask-image:linear-gradient(90deg,transparent,#000 34px)}
  .grp-tabs.grp-mehr-l.grp-mehr-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
}
.grp-body{margin-top:20px}
.gt-pane{display:none}
.gt-pane.on{display:block}
[data-gp="feed"].on{display:block}
.grp-compose{display:flex;gap:10px;align-items:center;background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);padding:12px 12px;margin-bottom:14px}
.gc-av{width:38px;height:38px;border-radius:var(--nx-r-bedien);background:var(--accent);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;flex:none}
.grp-compose input{flex:1;background:none;border:0;color:#fff;font-size:14px;outline:none}
.grp-compose button,.gch-compose button{background:#5b27e8;color:#fff;border:0;border-radius:var(--nx-r-bedien);padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
.gpost{background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.07));border-radius:var(--nx-r-tafel);padding:14px 16px;margin-bottom:12px}
.gpost-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.gpost-av{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);color:#0a0a12;flex:none}
.gpost-t{color:var(--dim);font-size:var(--nx-typo-text)}
.gpost-b{color:var(--txt);font-size:14px;line-height:1.55}
.gpost-r{color:var(--dim);font-size:var(--nx-typo-text);margin-top:9px;display:flex;gap:16px}
.grp-chat{background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);display:flex;flex-direction:column;height:520px;position:sticky;top:calc(var(--nx-kopf, 72px) + 48px)}
/* Dieselbe Zahl in derselben gruenen Farbe stand schon oben im Auftakt.
  Zweimal dasselbe Gruen auf einem Schirm macht aus einem Zustand eine
  Verzierung · die Zahl steht hier jetzt im Ton der Notiz daneben. */
.gch-live{color:var(--dim);font-weight:700;font-size:var(--nx-typo-meta)}
.gch-list{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.gch-msg b{color:var(--nx-text)}
.gch-msg.me b{color:#34e5d8}
.gch-msg span{color:var(--txt)}
.gch-compose input{flex:1;background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-bedien);color:#fff;padding:8px 12px;font-size:var(--nx-typo-text);outline:none}
.grp-evgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.gev{border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--nx-hebung)}
.gev-top{height:96px;position:relative;display:flex;align-items:flex-end;padding:12px}
.gev-top .gev-g{font:700 var(--nx-typo-klein) var(--nx-f-text);color:#fff;background:rgba(0,0,0,.4);padding:3px 8px;border-radius:var(--nx-r-tafel)}
.gev-t{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.gev-d{color:var(--dim);font-size:var(--nx-typo-text);margin-top:4px}
.gev-cta{margin-top:11px;background:var(--nx-hebung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 14px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;width:100%}
.grp-evnote{color:var(--dim);font-size:var(--nx-typo-text);margin-top:16px;text-align:center}
.grp-memgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gmem{display:flex;align-items:center;gap:12px;background:var(--nx-hebung);border:1px solid var(--line,rgba(255,255,255,.07));border-radius:var(--nx-r-karte);padding:12px 12px}
.gmem-av{width:40px;height:40px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-text) var(--nx-f-text);color:#0a0a12;flex:none}
.gmem-r{font-size:var(--nx-typo-meta);margin-top:2px}
.gmem-r.owner{color:#ffc53d}
.gmem-r.mod{color:#34e5d8}
.gmem-r.member{color:var(--dim)}
/* Admin: die Verwaltung kennt diese Rolle, die Liste kannte ihre Farbe nicht. */
.gmem-r.admin{color:var(--nx-text)}
@media(max-width:820px){.grp-chat{height:420px;position:static}}
.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}
.grp-plancta{display:block;background:var(--nx-hebung);border:1px dashed rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:12px 16px;margin-bottom:11px;text-decoration:none;transition:.15s}
@media (hover:hover){.grp-plancta:hover{background:var(--nx-hebung-2)}}
.grp-plancta b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:var(--nx-text)}
.grp-plancta span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-ph-slot{background:var(--nx-hebung);border:1px dashed rgba(255,255,255,.13);border-radius:var(--nx-r-tafel);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.nx-ph-slot::before{content:"";width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.nx-ph-slot .nx-ph-txt{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:rgba(255,255,255,.26)}
.nx-ph-img{background:var(--nx-hebung);border:none;position:relative}
.nx-ph-img::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.16)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.55;pointer-events:none}
.disccard.nx-src-open{transition:border-color .15s,transform .15s}
@media (hover:hover){.disccard.nx-src-open:hover{border-color:var(--nx-linie);transform:translateY(-1px)}}
.disccard .dright{color:var(--nx-text);font-weight:700}
.czph{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.czph b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.czlist{padding:10px 12px 16px}
.pb-navlab{flex:none;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-ss-badge,.nx-ss-live{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
/* Gemessen im Fuss: Radius 8 und Polsterung 3/8, waehrend die Pillen der
  Seite auf Radius 999 und Polsterung 0/9 stehen. Weiter unten in dieser
  Datei steht fuer dieselbe Marke bereits Radius 999 · dieser Block hat
  ihn mit Vorrang ueberschrieben, zwei Besitzer fuer eine Eigenschaft.
  Die Hoehe von 22 stimmte und bleibt, jetzt ueber das Mass statt ueber
  die Polsterung. */
.eyebrow.eyebrow.eyebrow{}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  }
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px!important;padding-bottom:19px;margin-top:0;margin-bottom:0}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:var(--nx-typo-abschnitt);font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
.grp-leer{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);background:var(--nx-flaeche-2,#2d2d34);border-radius:var(--nx-r-karte);padding:16px 18px}
@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-eu-foot{display:inline-flex;align-items:center;margin-right:8px;margin-left:-1px;vertical-align:-2px;position:relative;top:-1px}
.nx-eu-foot .nx-eu{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.nx-creategrp{margin-left:auto;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-pille);padding:5px 13px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;white-space:nowrap;transition:background .15s}
@media (hover:hover){.nx-creategrp:hover{background:var(--nx-hebung)}}
/* Die Zeile des Gastgebers · ihre Form steht nur hier. Die Wege sind Flaeche
ohne Kante (Markenfarbe nie als Rahmen), Schrift auf der Knopfsprosse der
Leiter, damit die Laufzeit-Leiter nichts mehr umzusetzen hat. */
.nx-grp-creator{display:flex;align-items:center;gap:var(--nx-luecke-knopf);flex-wrap:wrap;margin:2px 0 10px}
.nx-grp-creator .av{width:26px;height:26px;border-radius:50%;flex:none;background-size:cover;background-position:center;box-shadow:0 0 0 2px var(--nx-linie)}
.nx-grp-creator .by{font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
.nx-grp-creator .by b{font:700 var(--nx-typo-text) var(--nx-f-text);color:#fff}
.nx-grp-creator .lv{display:inline-flex;align-items:center;gap:5px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#ff4d6d;border:1px solid rgba(255,77,109,.4);background:rgba(255,77,109,.1);border-radius:var(--nx-r-pille);padding:3px 8px}
.nx-grp-creator .lv i{width:5px;height:5px;border-radius:50%;background:#ff4d6d;display:inline-block}
.nx-grp-creator a{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--dim);text-decoration:none;background:var(--nx-hebung);border:0;border-radius:var(--nx-r-bedien);padding:5px 10px;cursor:pointer}
@media (hover:hover){.nx-grp-creator a:hover{color:#fff;background:var(--nx-hebung-2)}}
#comm-empty{display:none;padding:20px 2px;color:var(--dim);font-size:14px}
#nx-search-drop.on{display:block}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
.nxsd-av{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);flex:none}
.nxsd-n{flex:1;min-width:0;font:700 var(--nx-typo-kartenkopf) "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
#nx-watch-modal{position:fixed;inset:0;z-index:9800}
#nx-watch-modal .nw-player{position:relative;aspect-ratio:16/9;border-radius:var(--nx-r-karte);display:grid;place-items:center;overflow:hidden}
#nx-watch-modal .nw-play{width:62px;height:62px;border-radius:50%;background:rgba(10,10,18,.55);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:.15s}
@media (hover:hover){#nx-watch-modal .nw-play:hover{transform:scale(1.08);background:var(--nx-hebung)}}
.nxsr-ov{position:fixed;inset:0;z-index:80;background:rgba(4,4,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none}
.nxsr-ov.on{display:block}
.nxsr-p{max-width:580px;margin:110px auto 0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-tafel);overflow:hidden;box-shadow:var(--nx-schatten)}
.nxsr-in{width:100%;box-sizing:border-box;background:transparent;border:none;outline:none;color:var(--txt);padding:17px 19px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);border-bottom:1px solid rgba(255,255,255,.08)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-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)}
.grp-cover{height:236px;background-image:none;background-blend-mode:normal,overlay,overlay}
/* Gemessen im Kopfbild: bei y=326 sprang die Farbe in EINER Pixelzeile
  ueber die ganze Breite von (56,10,16) Rot auf (18,18,22) Grund - die
  Kante lief mitten durch die Zeile mit Mitgliederzahl und Verfuegbarkeit.
  Falsch war, dass der Schleier bei .78 aufhoerte: darunter stand sofort
  der Grund des Auftakts, also eine harte Naht statt eines Endes. Er
  laeuft jetzt bis genau auf diesen Grund durch (--grp-grund), damit
  Titel, Zahlenzeile und Pillen auf ruhiger Flaeche stehen. */
.grp-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,8,13,.6) 64%,var(--grp-grund,#121216) 100%)}
.grp-hd{margin-top:-58px;align-items:flex-start;gap:20px}
.grp-badge{width:96px;height:96px;font-size:30px}
.grp-top{flex-wrap:wrap;gap:10px}
.grp-top h1{font-size:var(--nx-typo-seite);line-height:1.08;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.grp-sub{margin-top:6px}
.grp-acts{flex-wrap:wrap}
@media(max-width:900px){.grp-top h1{font-size:var(--nx-typo-seite)}.grp-cover{height:180px}.grp-hd{margin-top:-48px}}
/* Gemessen bei 1000 Punkten: der Auftakt zerfiel in sieben gestapelte
  Bruchstuecke. Ursache war nicht die Schrift, sondern die Breite · die
  Knopfreihe (368 breit) blieb auf derselben Zeile wie der Text und liess
  ihm nur 307 Punkte. Darum brach der Titel auf zwei Zeilen, fielen die
  Pillen einzeln herunter und stand "Creator profile" allein in einer
  zweiten Knopfreihe, waehrend ueber den Knoepfen rechts eine leere
  Flaeche von rund 400 auf 130 Punkten blieb.
  Der Text bekommt jetzt die ganze Zeile neben dem Bildzeichen, die
  Knopfreihe geht geschlossen darunter und beginnt auf derselben Kante
  wie der Text (Bildzeichen 96 plus Abstand 20). Unterhalb von 820 gilt
  der mobile Aufbau, dort wird nicht eingerueckt. */
@media(min-width:821px) and (max-width:1200px){
  .grp-hd{--grp-textkante:116px}
  .grp-meta{min-width:420px}
  .grp-acts{margin-left:var(--grp-textkante);align-self:flex-start;padding-bottom:0}
}
body{padding-top:var(--nx-leiste,48px)}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.whym svg{display:block;flex:none;width:12px;height:12px}
/* Form und Farbe der Marke stehen weiter oben in dieser Datei und setzen
  sich mit Vorrang durch · hier blieben Radius, Polsterung und Farbe als
  toter zweiter Besitzer stehen. Es bleibt, was hier allein gilt. */
.fcol .nx-soon-badge{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}
.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}
#nxInvite{display:flex;align-items:center;gap:8px;margin:0 0 18px;width:100%;flex:0 0 100%;grid-column:1/-1;box-sizing:border-box;font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover,.sptile:hover,.nx-fm:hover,.nx-why-c:hover,.nx-supp-c:hover,.evcard:hover,.gcard:hover,.pcard:hover,.rowcard:hover,.nx-rowcard:hover,.subscard:hover,.podcard:hover,.mkt-card:hover,.post:hover,.grp:hover,.ftile:hover,.lcard:hover,.dccard:hover,.block:hover,.fgcard:hover{transform:translateY(-2px);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
/* Gemessen in der Knopfreihe des Auftakts: dieser Knopf trug als
  einziger der vier einen farbigen Grund und eine 1px farbige Kante,
  die drei Nachbarn einen farblosen Weissschleier ohne Kante. Farbe
  darf nur dort stehen, wo sie etwas bedeutet · "Plan session" ist
  eine gewoehnliche Nebenhandlung wie "Invite" und bekommt deren
  Schleier. Getrennt wird mit der Flaeche, nicht mit einer Kante.
  Eine Handlung hat die Form eines Bedienelements, nicht die einer Pille
  (die Pille traegt einen Zustand), und die Hoehe der Reihe. */
.nx-plansess{display:inline-flex;align-items:center;gap:6px;height:var(--nx-h-bedien);padding:0 13px;border-radius:var(--nx-r-bedien);border:0;background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;text-decoration:none;transition:.15s}
@media (hover:hover){.nx-plansess:hover{background:var(--nx-hebung-2)}}
.grp-explain{font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim);margin:10px 0 4px;max-width:640px}
.gmem{position:relative}
.gmem-msg{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-pille);padding:4px 12px;font:800 var(--nx-typo-klein) var(--nx-f-text);text-decoration:none;opacity:0;transition:.15s}
/* AM TELEFON SCHWEBT NICHTS.
  Der Weg in die Nachricht steht am Schreibtisch erst da, wenn der Zeiger
  auf der Zeile liegt. Ein Finger hat kein Schweben · gemessen bei 390
  Punkten stand der Weg auf allen acht Mitgliederzeilen unsichtbar
  (opacity 0) und war trotzdem anklickbar: treffen konnte man ihn nur
  aus Versehen. Am Telefon steht er deshalb sichtbar da und traegt
  Fingermass · gemessen vorher 64x23 Punkte. */
@media(max-width:767px){
  .gmem-msg{opacity:1;display:inline-flex;align-items:center;min-height:40px;padding:0 14px}
  /* "Neu von ..." am Telefon: eine Reihe zum Wischen statt vier Karten untereinander. */
  .wrap #nxGClips .nx-gcl-gitter{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;
    overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .wrap #nxGClips .nx-gcl-gitter::-webkit-scrollbar{display:none}
  .wrap #nxGClips .nxsh-card{scroll-snap-align:start}
  #nxGAbend .nx-wo-z{gap:var(--nx-luecke-knopf) var(--nx-luecke-wort)}
}
.grp-invcard{width:360px;max-width:92vw;background:var(--surface);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:18px;position:relative;overflow:hidden}
.grp-invcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
.grp-eyebrow{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);margin:2px 0 5px}
.grp-invcard h3{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);margin:0 0 3px}
.grp-invcard .s{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 12px}
.grp-invcard label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--nx-r-bedien);cursor:pointer;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif}
@media (hover:hover){.grp-invcard label:hover{background:var(--nx-hebung)}}
.grp-invcard .go{width:100%;margin-top:10px;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}
.grp-invcard .x{float:right;background:none;border:none;color:var(--dim);font-size:var(--nx-typo-kartenkopf);cursor:pointer}
.grp-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:5100}
/* 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. */
/* Die Mitgliederliste nennt ihren Ausschnitt. */
.grp-memnote{margin:0 0 12px;font:400 12px 'Nunito Sans',sans-serif;color:var(--dim)}

/* ============================================================
  REIHEN DER GRUPPENSEITE · dieselbe Anatomie wie People
  Jeder Block ist eine .section mit .shead-Kopf. Damit sehen ihn
  nxm-pz.js (Reihenfolge), nxm-rhythmus.js (Takt 80), nxm-typo.js
  (Schriftrollen) und die Customize-Tafel. Die Reihen liegen in
  .wrap, das sein Seitenpolster schon traegt · die 24 werden hier
  zurueckgenommen und von der Reihe selbst getragen, damit Kasten
  (76..1356) und Inhalt (100..1332) auf den Hauptseiten liegen.
  ============================================================ */
#nx-group .gt-pane > .section{display:block;max-width:none;margin:0 -24px;padding:32px 24px;position:relative;z-index:1}
#nx-group .gt-pane > .section > .shead{display:flex;align-items:center;margin:0 0 18px}
/* Gemessen im Chat-Kopf: die Zahl stand bei x 951, waehrend die linke
  Gruppe bei 473 endet und die Inhaltskante bei 1523 liegt · sie sass auf
  keiner der beiden Kanten und wirkte hingefallen. Ursache: margin-left
  auf auto stand ZWEIMAL in derselben Zeile · einmal hier und einmal an
  den Reihenknoepfen rechts. Zwei automatische Raender teilen den freien
  Platz unter sich auf, also landet die Zahl in der Mitte. Die Kante
  rechts gehoert den Reihenknoepfen; die Zahl folgt jetzt der Notiz. */
#nx-group .gt-pane > .section > .shead .gch-live{margin-left:12px}
#nx-group .gt-pane > .section > .shead .note + .seeall{margin-left:auto}
/* Der gruene Punkt stand im alten Chat-Kopf · er steht jetzt im Reihenkopf. */
#h-grp-chat i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3be37a;box-shadow:none;flex:none}
/* Die Chatspalte ist eine Reihe geworden: volle Breite, kein Kleben. */
#grpRowChat .grp-chat{position:static;top:auto}
#grpRowDisc #nxGrpDisc{margin-top:0!important}
@media(max-width:820px){
  #nx-group .gt-pane > .section{margin:0;padding:22px 0}
  #nx-group .gt-pane > .section > .shead{flex-wrap:wrap;gap:4px 8px}
  #nx-group .gt-pane > .section > .shead .gch-live,
  #nx-group .gt-pane > .section > .shead .note + .seeall{margin-left:0}
}

/* ---------------------------------------------------------------------------
  Was jemand selbst geschrieben hat: erkennbar, und mit einem Weg zurueck.
  Wer etwas zuruecknehmen kann, traut sich ueberhaupt etwas zu sagen. */
.gpost-mein{border-color:var(--nx-linie)}
.gpost-h .gpost-weg{margin-left:auto;flex:none;background:transparent;border:1px solid var(--line,rgba(255,255,255,.14));
  color:var(--dim);border-radius:var(--nx-r-bedien);padding:4px 10px;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;
  opacity:0;transition:opacity .15s,color .15s,border-color .15s}
.gpost-mein:hover .gpost-weg,.gpost-weg:focus-visible{opacity:1}
@media (hover:hover){.gpost-weg:hover{color:#fff;border-color:rgba(255,255,255,.34)}}
/* NICHT die Klasse "me": die gehoert der Kontopille oben rechts und traegt dort
  Rahmen, Fuellung und Pillenform. Eine eigene Chatzeile ist keine Pille. */
.gch-msg.gch-mein{display:flex;align-items:baseline;gap:6px}
.gch-msg.gch-mein b{color:#34e5d8}
.gch-msg.gch-mein span{flex:1;min-width:0}
.gch-weg{flex:none;background:transparent;border:none;color:var(--dim);cursor:pointer;
  font:700 var(--nx-typo-kartenkopf)/1 var(--nx-f-text);padding:0 2px;opacity:0;transition:opacity .15s,color .15s}
.gch-msg.gch-mein:hover .gch-weg,.gch-weg:focus-visible{opacity:1}
@media (hover:hover){.gch-weg:hover{color:#fff}}
/* Tastatur: der Knopf muss sichtbar werden, bevor man ihn ausloest. */
.gpost-weg:focus-visible,.gch-weg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Der Chatkasten stand auf fester Hoehe und war bei wenigen Zeilen zur Haelfte
  leer. Er waechst jetzt mit dem Gespraech und deckelt erst, wenn es laenger
  wird · die Liste scrollt dann wie vorher. */
#grpRowChat .grp-chat{height:auto;min-height:168px;max-height:480px}

/* Antworten auf einen Beitrag. Der Knopf sitzt in derselben Zeile wie die
  Reaktionen und sieht aus wie sie · er ist nur einer, der wirklich etwas
  aufmacht. Die Flaeche darunter erscheint erst auf Verlangen. */
.gpost-r .gpr-auf{background:transparent;border:none;padding:0;cursor:pointer;
  color:var(--dim);font:inherit;transition:color .15s}
@media (hover:hover){.gpost-r .gpr-auf:hover{color:var(--txt)}}
.gpost-r .gpr-auf:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--nx-r-marke)}
.gpr{margin-top:11px;padding-top:11px;border-top:1px solid var(--line,rgba(255,255,255,.07))}
.gpr-z{display:flex;align-items:baseline;gap:7px;padding:4px 0;
  font:400 13px/1.55 'Nunito Sans',sans-serif;color:var(--txt)}
.gpr-z b{flex:none;font:700 13px var(--nx-f-text);color:#34e5d8}
.gpr-z span{min-width:0}
.gpr-z .gpr-t{flex:none;margin-left:auto;color:var(--dim);font-size:var(--nx-typo-meta)}
.gpr-weg{flex:none;background:transparent;border:none;color:var(--dim);cursor:pointer;
  font:700 var(--nx-typo-kartenkopf)/1 var(--nx-f-text);padding:0 2px;opacity:0;transition:opacity .15s,color .15s}
.gpr-z:hover .gpr-weg,.gpr-weg:focus-visible{opacity:1}
@media (hover:hover){.gpr-weg:hover{color:#fff}}
.gpr-leer{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);padding:2px 0 6px}
.gpr-neu{display:flex;gap:8px;margin-top:8px}
.gpr-in{flex:1;min-width:0;background:rgba(0,0,0,.3);color:var(--txt);
  border:1px solid var(--line,rgba(255,255,255,.12));border-radius:var(--nx-r-bedien);padding:8px 11px;
  font:400 13px 'Nunito Sans',sans-serif}
.gpr-in::placeholder{color:var(--dim)}
.gpr-send{flex:none;background:transparent;color:var(--txt);cursor:pointer;
  border:1px solid var(--line,rgba(255,255,255,.14));border-radius:var(--nx-r-bedien);padding:8px 14px;
  font:700 var(--nx-typo-text) var(--nx-f-text);transition:border-color .15s,background .15s}
@media (hover:hover){.gpr-send:hover{border-color:rgba(255,255,255,.34);background:var(--nx-hebung)}}
.gpr-in:focus-visible,.gpr-send:focus-visible,.gpr-weg:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px}

/* "See all" ist jetzt ein Knopf, damit die Tabulatorfolge ihn findet · in den
  verdeckten Reitern hatte nxm-tastatur.js ihm nie einen Halt geben koennen,
  weil er beim Lauf des Moduls keine Groesse hatte. Aussehen bleibt. */
.shead button.seeall{background:none;border:none;padding:0;cursor:pointer;line-height:inherit}
.shead button.seeall:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--nx-r-marke)}

/* Die Ebene hinter "See all" ist ein Gitter; der Satz ueber das, was NEXTARI
  heute NICHT weiss, gehoert ueber die ganze Breite und nicht in eine Spalte
  neben eine Mitgliederkarte. */
#nxEbene .grp-leer-weit{grid-column:1/-1}

/* GRUPPENCHAT · der Kasten war zur Haelfte leer: die Liste streckte vier kurze
  Zeilen ueber 1.230 Pixel und reservierte darunter Hoehe, die nichts fuellte.
  Zwei Regeln raeumen das auf, ohne eine Zeile wegzunehmen:
  die Zeilen sammeln sich unten (so liest jeder Chat, und die freie Flaeche
  liegt dort, wo die naechste Nachricht NICHT steht), und eine Zeile bekommt
  ein Mass, statt bis zum rechten Rand zu laufen. */
#grpRowChat .gch-list{justify-content:flex-end}
#grpRowChat .gch-msg{max-width:min(70ch,72%)}
#grpRowChat .gch-compose input{max-width:none}
@media(max-width:820px){#grpRowChat .gch-msg{max-width:100%}}

/* HAUSREGELN UND TUER · beides gehoert der Gruppe, nicht NEXTARI.
  Die Regeln stehen auf der Seite (nicht nur in einem Dialog, den man einmal
  wegklickt), der Satz an der Tuer erklaert einen Griff, der fehlt oder
  anders heisst. Beide sind ruhig: Text, kein Kasten mit Ausrufezeichen. */
.nx-grpregeln{margin:11px 0 0;max-width:640px}
.nx-grpregeln b{display:block;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim);margin:0 0 6px}
.nx-grpregeln ul,.nx-grpregeln-l{margin:0;padding:0 0 0 17px;list-style:disc}
.nx-grpregeln li,.nx-grpregeln-l li{font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 2px}
.nx-grpregeln .q{display:block;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin:6px 0 0}
.nx-grptuer{flex:1 0 100%;margin:2px 0 0;text-align:right;
  font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim);max-width:340px;margin-left:auto}
@media(max-width:900px){.nx-grptuer{text-align:left;margin-left:0;max-width:none}}

/* Das Regelblatt vor dem Beitritt · dieselbe Huelle wie die Verwalten-Maske,
  damit die Seite nicht zwei Arten von Dialog kennt. */
#nxGrpRegelBlatt{position:fixed;inset:0;z-index:9998}
#nxGrpRegelBlatt .scrim{position:absolute;inset:0;background:rgba(6,6,11,.72)}
#nxGrpRegelBlatt .box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(480px,94vw);max-height:86vh;overflow:auto;background:var(--surface);
  border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--nx-r-tafel);padding:22px}
#nxGrpRegelBlatt h4{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;margin:0 0 4px}
#nxGrpRegelBlatt .sub{font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 14px}
#nxGrpRegelBlatt .akt{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}
#nxGrpRegelBlatt .akt button{border-radius:var(--nx-r-karte);padding:9px 16px;cursor:pointer;
  font:800 var(--nx-typo-text) var(--nx-f-text);background:none;
  border:1px solid var(--line,rgba(255,255,255,.14));color:var(--txt)}
#nxGrpRegelBlatt .akt .pri{background:var(--accent,#5b27e8);border-color:transparent;color:#fff}
#nxGrpRegelBlatt .akt button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (hover:hover){#nxGrpVerw .mrow button.ja:hover{color:#7ee8b0;border-color:rgba(126,232,176,.45)}}

/* Die Schwelle einer Gruppe. Wer nicht dazugehoert, sieht das Feld weiter ·
  es ist gesperrt und sagt in einer Zeile darunter, wem es gehoert. Ein
  weggenommenes Feld waere ein stummes Nein. */
.grp-compose,.gch-compose{flex-wrap:wrap}
.grp-schwelle{flex:0 0 100%;font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;
  color:var(--dim)}
.grp-compose.grp-zu input,.gch-compose.grp-zu input{cursor:not-allowed}
.grp-compose.grp-zu button,.gch-compose.grp-zu button{opacity:.45;cursor:not-allowed}

/* Herz und Teilen unter einem Beitrag sehen aus wie der Antwort-Knopf
  daneben · sie sind jetzt Knoepfe, keine Schrift. */
.gpost-r .gpost-rk,.gpost-r .gpost-sh{background:transparent;border:none;padding:0;
  cursor:pointer;color:var(--dim);font:inherit;transition:color .15s}
@media (hover:hover){.gpost-r .gpost-rk:hover,.gpost-r .gpost-sh:hover{color:var(--txt)}}
.gpost-r .gpost-rk.on{color:#ff6ba6}
.gpost-r .gpost-rk:focus-visible,.gpost-r .gpost-sh:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--nx-r-marke)}
/* Ein Wort steht auf seiner Kante, nicht mittig in der Fingerflaeche: am
  Telefon gab die Mindestbreite von 44 dem "♥ 12" und dem "Share" je
  7 Punkte Luft links, und zwischen den Worten standen 28 statt 16. Die
  Tippflaeche waechst unsichtbar um die halbe Wortluecke nach aussen.
  Das Zeichen "⋯" bleibt ein quadratischer Zeichenknopf (nxm-sicherheit.js). */
.gpost-r .gpost-rk,.gpost-r .gpost-sh,.gpost-r .gpr-auf{position:relative;min-width:0;box-shadow:none}
.gpost-r .gpost-rk::after,.gpost-r .gpost-sh::after,.gpost-r .gpr-auf::after{content:"";position:absolute;top:0;bottom:0;
  left:calc(var(--nx-luecke-wort) / -2);right:calc(var(--nx-luecke-wort) / -2)}


/* DIE DREI KNOEPFE STEHEN ZUSAMMEN.
  Am Telefon lagen Twitch und YouTube in einer Zeile und "Creator profile"
  allein in der naechsten, weil die Zeile "Hosted by DoktorFroid" den
  Platz davor verbraucht. Bekommt sie ihre eigene Zeile, stehen die drei
  Knoepfe beieinander. */
@media(max-width:900px){
  .nx-grp-creator .by{flex-basis:100%;margin-bottom:2px}
}


/* WAS EINE ART NICHT ZEIGT · die Tabelle steht in nxm-gruppen.js (NXGRP.aus),
  die Marke am Rumpf der Gruppe. Ausgeblendet, nicht geloescht: nennt die
  Betriebsdatei eine Flaeche unter "gruppe_zeigt", faellt die Marke weg. */
#nx-group[data-nx-aus~="chat"] #grpRowChat,
#nx-group[data-nx-aus~="session"] .grp-acts .nx-plansess,
#nx-group[data-nx-aus~="neue-gruppe"] .grp-acts .nx-creategrp,
#nx-group[data-nx-aus~="posten"] #grpRowPosts .grp-compose,
#nx-group[data-nx-aus~="posten"] #grpFeed{display:none}

/* JETZT UND DIESE WOCHE · Sendungen und Abende in einer Liste
  (nxm-gruppe-woche.js), daneben die Challenge (nxm-gruppe-challenge.js).
  Eine Zeile: Uhrzeit, was, ein Knopf. Gefuellt ist nur der eine Knopf, der
  gerade dran ist (Zuschauen, der erste Platz). */
#nxGAbend .nx-wo-tag{font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim);margin:16px 0 2px}
#nxGAbend h4 + .nx-wo-tag{margin-top:0}
#nxGAbend .nx-wo-z{display:flex;align-items:center;gap:var(--nx-luecke-wort);min-height:var(--nx-h-bedien);
  padding:6px 0;border-top:1px solid var(--nx-linie)}
#nxGAbend .nx-wo-tag + .nx-wo-z{border-top:0}
#nxGAbend .nx-wo-zeit{flex:none;min-width:48px;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
#nxGAbend .nx-wo-was{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#nxGAbend .nx-wo-was b{font:700 var(--nx-typo-text)/1.35 var(--nx-f-text);color:var(--txt);overflow-wrap:anywhere}
#nxGAbend .nx-wo-was i{font:400 var(--nx-typo-meta)/1.4 var(--nx-f-text);font-style:normal;color:var(--dim)}
#nxGAbend .nx-wo-k{flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--nx-h-bedien);padding:0 14px;border:0;border-radius:var(--nx-r-bedien);
  background:var(--nx-hebung);color:var(--txt);font:700 var(--nx-typo-text) var(--nx-f-text);
  text-decoration:none;white-space:nowrap;cursor:pointer}
#nxGAbend .nx-wo-k.an{background:var(--nx-hebung-2)}@media (hover:hover){#nxGAbend .nx-wo-k:hover{background:var(--nx-hebung-2)}}
#nxGAbend .nx-wo-k.voll{background:var(--accent)}
#nxGAbend .nx-wo-k:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#nxGAbend .nx-wo-still{flex:none;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--dim)}
#nxGAbend .nx-wo .fuss{margin-top:12px}

#nxGAbend .nx-gch-sub{margin:0 0 8px;font:400 var(--nx-typo-text)/1.5 var(--nx-f-text);color:var(--dim)}
#nxGAbend .nx-gch-wann{display:flex;flex-direction:column;min-width:76px}
#nxGAbend .nx-gch-wann span + span{font-weight:400;color:var(--dim)}
#nxGAbend .nx-gch-punkte{display:flex;align-items:baseline;gap:var(--nx-luecke-knopf);margin:14px 0 8px;
  padding-top:14px;border-top:1px solid var(--nx-linie)}
#nxGAbend .nx-gch-punkte b{font:800 var(--nx-typo-seite)/1 var(--nx-f-titel);color:var(--txt)}
#nxGAbend .nx-gch-punkte span{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--dim)}
#nxGAbend .nx-gch-wie{margin:0;padding-left:18px;font:400 var(--nx-typo-text)/1.55 var(--nx-f-text);color:var(--dim)}
#nxGAbend .nx-gch-wie li{padding:2px 0}
#nxGAbend .nx-gch-abz{display:flex;gap:var(--nx-luecke-wort);align-items:flex-start;margin-top:14px;
  padding-top:14px;border-top:1px solid var(--nx-linie)}
#nxGAbend .nx-gch-abz-bild{flex:none;width:48px;height:48px;border-radius:var(--nx-r-karte);
  background:var(--nx-hebung-2);display:grid;place-items:center;
  font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--txt)}
#nxGAbend .nx-gch-abz-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
#nxGAbend .nx-gch-abz-tx b{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
#nxGAbend .nx-gch-abz-tx > span{font:400 var(--nx-typo-meta)/1.5 var(--nx-f-text);color:var(--dim)}
#nxGAbend .nx-gch-marke:not(:empty){margin-top:4px}

/* NEU VON ... · die Karten des Radars (nxm-radar.js), hier nur in die
  Form dieser Seite gesetzt: Flaeche statt Rand, ganze Titel. */
#nxGClips{margin-top:14px}
#nxGClips .nx-gcl-gitter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--nx-luecke-wort)}
#nxGClips .nxsh-card{position:relative;background:var(--nx-hebung);border-radius:var(--nx-r-karte);
  overflow:hidden;display:flex;flex-direction:column;min-width:0}
#nxGClips .nxsh-cover{position:relative;aspect-ratio:16/9;flex:none;background-color:var(--nx-hebung)}
#nxGClips .nxsh-cover .nxsh-type{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:var(--nx-r-marke);
  background:var(--nx-glas);font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--txt)}
#nxGClips .nxsh-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
#nxGClips .nxsh-name{font:700 var(--nx-typo-text)/1.4 var(--nx-f-text);color:var(--txt);overflow-wrap:anywhere}
#nxGClips .nxsh-q{font:400 var(--nx-typo-meta)/1.45 var(--nx-f-text);color:var(--dim);flex:1}
#nxGClips .nxsh-go{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--nx-luecke-knopf);
  min-height:var(--nx-h-bedien);padding:0 12px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);
  color:var(--txt);font:700 var(--nx-typo-text) var(--nx-f-text);text-decoration:none}
@media (hover:hover){#nxGClips .nxsh-go:hover{background:var(--nx-hebung-2)}}
#nxGClips .nxsh-go i{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}