/*! 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);}
.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;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: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;inset:0;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{border-color:var(--nx-linie);background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid 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{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}
.section,.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-hero{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}
.grp-priv{font:700 var(--nx-typo-klein) var(--nx-f-text);color:#8fe;color:#34e5d8;border:1px solid rgba(52,229,216,.4);background:rgba(52,229,216,.1);padding:3px 8px;border-radius:var(--nx-r-tafel)}
.grp-sub{color:var(--dim);font-size:14px;}
.grp-sub b{color:#fff}
.grp-on{color:#3be37a}
.grp-on i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3be37a;box-shadow:none;margin-right:4px;vertical-align:middle}
.grp-desc{color:var(--dim);font-size:14px;line-height:1.55;margin:9px 0 0;max-width:640px}
.grp-acts{display:flex;gap:8px;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)}
.grp-body{margin-top:20px}
.gt-pane{display:none}
.gt-pane.on{display:block}
[data-gp="feed"].on{display:grid;grid-template-columns:1fr 340px;gap:20px}
.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)}
.gch-live{color:#3be37a;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)}
@media(max-width:820px){[data-gp="feed"].on{grid-template-columns:1fr}.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)}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  }
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon){padding-top:68px}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:var(--nx-typo-abschnitt);font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
.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)}}
.nx-grp-creator{display:flex;align-items:center;gap:10px;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-meta) var(--nx-f-text);color:var(--dim);text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:var(--nx-r-bedien);padding:5px 10px;cursor:pointer}
@media (hover:hover){.nx-grp-creator a:hover{color:#fff;border-color:var(--nx-linie)}}
#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}
.grp-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,8,13,.78))}
.grp-hd{margin-top:-58px;align-items:flex-start;gap:20px}
.grp-badge{width:96px;height:96px;font-size:var(--nx-typo-seite)}
.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;row-gap:8px}
@media(max-width:900px){.grp-top h1{font-size:var(--nx-typo-seite)}.grp-cover{height:180px}.grp-hd{margin-top:-48px}}
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}
.fcol .nx-soon-badge{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:4px 12px;line-height:1.4}
.fsocial{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;align-items:center}
.fsocial .s{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:var(--dim);background:var(--nx-hebung);
  cursor:default;transition:.15s}
.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}}}
.nx-plansess{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:999px;border:1px solid rgba(52,229,216,.45);background:rgba(52,229,216,.08);color:#8ff0e6;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;text-decoration:none;margin-left:8px;transition:.15s}
@media (hover:hover){.nx-plansess:hover{background:rgba(52,229,216,.16)}}
.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}
.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. */
/* ---- Teamseite: Aufstellung, Partien, Saison ------------------------- */
.tm-hero{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:26px}
.tm-cover{height:190px;position:relative;background:linear-gradient(135deg,var(--nx-flaeche),#120c22 75%)}
.tm-cover::after{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:26px 26px}
.tm-cover .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,13,.92),rgba(8,8,13,.15) 70%)}
.tm-hd{display:flex;gap:20px;align-items:flex-end;padding:0 26px 22px;margin-top:-58px;position:relative;z-index:2;flex-wrap:wrap}
.tm-badge{width:96px;height:96px;border-radius:var(--nx-r-block);flex:none;display:grid;place-items:center;font-family:var(--nx-f-titel);font-weight:900;font-size:var(--nx-typo-seite);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:none}
.tm-meta{flex:1;min-width:260px}
.tm-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tm-top h1{font-family:var(--nx-f-titel);font-weight:900;font-size:27px;color:#fff;margin:0}
.tm-tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:3px 9px;border-radius:var(--nx-r-bedien);border:1px solid var(--line2);color:var(--nx-text);background:var(--nx-hebung)}
.tm-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-top:6px}
.tm-sub b{color:var(--txt)}
.tm-say{font-size:13px;color:var(--faint);margin-top:8px;max-width:640px;line-height:1.5}
.tm-acts{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.tm-btn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:9px 16px;border-radius:var(--nx-r-karte);cursor:pointer;border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);display:inline-flex;align-items:center;gap:7px;transition:.15s}
@media (hover:hover){.tm-btn:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.tm-btn.p{border:none;color:#fff;background:var(--accent)}
.tm-btn.on{border-color:rgba(59,227,122,.45);color:var(--green);background:rgba(59,227,122,.10)}
.tm-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 22px;flex-wrap:wrap}
.tm-tab{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;transition:.15s}
@media (hover:hover){.tm-tab:hover{color:var(--txt)}}
.tm-tab.on{color:#fff;border-bottom-color:var(--accent)}
.tm-pane{display:none}
.tm-pane.on{display:block}
.tm-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.tm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tm-grid{grid-template-columns:1fr}}
.tm-card{border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:14px 16px;background:var(--nx-hebung);display:flex;align-items:center;gap:13px;transition:.15s}
@media (hover:hover){.tm-card:hover{border-color:var(--line2)}}
.tm-av{width:42px;height:42px;border-radius:var(--nx-r-karte);flex:none;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;background:var(--accent)}
.tm-who{min-width:0}
.tm-who b{display:block;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-who span{display:block;font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.tm-card.open{border-style:dashed;background:var(--nx-hebung)}
.tm-card.open .tm-av{background:var(--nx-hebung);color:var(--faint);border:1px dashed var(--line)}
.tm-h{font-family:var(--nx-f-text);font-weight:700;font-size:15px;color:#fff;margin:26px 0 12px;display:flex;align-items:center;gap:9px}
.tm-h:first-child{margin-top:0}
.tm-h .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--faint)}
.tm-match{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:13px 16px;background:var(--nx-hebung);margin-bottom:9px;flex-wrap:wrap}
.tm-match .day{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--faint);width:112px;flex:none}
.tm-match .opp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;flex:1;min-width:150px}
.tm-match .opp small{display:block;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--faint);margin-top:2px;letter-spacing:0}
.tm-score{font-family:var(--nx-f-text);font-weight:900;font-size:var(--nx-typo-kartenkopf);color:#fff;flex:none;min-width:62px;text-align:center}
.tm-score.w{color:var(--green)}
.tm-score.l{color:var(--live)}
.tm-score.o{color:var(--faint);font-size:var(--nx-typo-text);font-weight:700;letter-spacing:0}
.tm-proof{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--nx-text);text-decoration:none;flex:none}
@media (hover:hover){.tm-proof:hover{color:#fff}}
.tm-table{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--line);border-radius:var(--nx-r-karte);overflow:hidden}
.tm-table th{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint);text-align:right;padding:11px 10px;background:var(--nx-hebung);border-bottom:1px solid var(--line)}
.tm-table th:nth-child(1),.tm-table th:nth-child(2){text-align:left}
.tm-table td{padding:11px 10px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--dim)}
.tm-table td:nth-child(1){width:38px;color:var(--faint)}
.tm-table td:nth-child(2){text-align:left;color:#fff;font-family:var(--nx-f-text);font-weight:700}
.tm-table td:last-child{color:#fff;font-family:var(--nx-f-text);font-weight:700}
.tm-table tr:last-child td{border-bottom:none}
.tm-table tr.tm-me td{background:var(--nx-hebung)}
.tm-table a{color:inherit;text-decoration:none}
@media (hover:hover){.tm-table a:hover{color:var(--nx-text)}}
/* Am Telefon wird die Tabelle SCHIEBBAR statt gequetscht: ohne min-width
  presst width:100% acht Spalten in 349px, und aus Zahlen werden Kruemel. */
.tm-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tm-wrap .tm-table{min-width:520px}
.tm-grund{border:1px dashed var(--line);border-radius:var(--nx-r-karte);padding:16px;color:var(--faint);font-size:var(--nx-typo-text);line-height:1.55}
.tm-facts{display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:18px}
.tm-fact{border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:13px 15px;background:var(--nx-hebung)}
.tm-fact b{display:block;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint)}
.tm-fact span{display:block;font-size:14px;color:#fff;margin-top:5px}
.tm-fact-lk{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
@media (hover:hover){.tm-fact-lk:hover{text-decoration-color:currentColor}}
.tm-links{display:flex;gap:9px;flex-wrap:wrap}
/* Die Werbeflaeche fuer eine Saison · dieselbe Sprache wie lg-hero */
.tm-ad{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line2);background:linear-gradient(120deg,#0c0a16,#160c24 55%,#0c1c2a);padding:22px 26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tm-ad::after{content:"";position:absolute;inset:0;opacity:.10;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;pointer-events:none}
.tm-ad .l{position:relative;z-index:1;flex:1 1 260px;min-width:0}
@media(max-width:560px){.tm-ad{padding:18px 16px;gap:14px}}
.tm-ad .k{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(--cyan);border:1px solid rgba(52,229,216,.45);background:rgba(52,229,216,.10);padding:3px 8px;border-radius:var(--nx-r-tafel)}
.tm-ad h3{font-family:var(--nx-f-titel);font-weight:900;font-size:var(--nx-typo-abschnitt);color:#fff;margin:11px 0 6px}
.tm-ad p{font-size:var(--nx-typo-text);color:var(--dim);max-width:620px;line-height:1.55;margin:0}
.tm-ad .r{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:700px){
 .tm-cover{height:140px}
 .tm-hd{padding:0 16px 18px;margin-top:-44px;gap:14px}
 .tm-badge{width:72px;height:72px;border-radius:var(--nx-r-tafel);font-size:var(--nx-typo-abschnitt)}
 .tm-top h1{font-size:22px}
 .tm-match .day{width:100%}
}
/* ---- Tafeln, Chat, Ergebnis · die Teamdarstellung -------------------- */
.tm-tiles{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:6px}
/* nxm-grid-luecke.js zieht Raster auf so viele Spalten zusammen, wie es
  sichtbare Kinder gibt · sonst bliebe eine leere Spalte stehen. Bei einer
  einzelnen Tafel waere die Kachel danach 1232px breit. Die Karte behaelt
  deshalb ihr Mass, egal wie breit ihre Spur ist. */
.tm-tiles > .tm-tile{max-width:360px}
@media(max-width:1180px){.tm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.tm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tm-tiles{grid-template-columns:1fr}}
.tm-tile{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--nx-hebung);display:flex;flex-direction:column;transition:.15s}
@media (hover:hover){.tm-tile:hover{border-color:var(--line2);transform:translateY(-3px)}}
.tm-tile-k{height:74px;position:relative;background:var(--nx-hebung)}
.tm-tile-k::after{content:"";position:absolute;inset:0;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:22px 22px}
.tm-tile-k span{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--tk);border:1px solid color-mix(in srgb,var(--tk) 45%,transparent);background:rgba(8,8,13,.55);padding:3px 8px;border-radius:var(--nx-r-tafel)}
.tm-tile-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.tm-tile-b b{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.25}
.tm-tile-b span{font-size:12px;color:var(--faint)}
.tm-tile-c{margin-top:auto;padding-top:9px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);text-decoration:none;align-self:flex-start}
@media (hover:hover){a.tm-tile-c:hover{color:#fff}}
.tm-mini{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);padding:7px 12px;border-radius:var(--nx-r-bedien);cursor:pointer;border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);white-space:nowrap}
@media (hover:hover){.tm-mini:hover{border-color:var(--nx-linie);color:#fff}}
.tm-mini.p{border:none;color:#fff;background:var(--accent)}
.tm-ja{display:flex;gap:7px;flex:none;margin-left:auto}
.tm-card .tm-ja{margin-left:auto}
.tm-rolle{margin-left:auto;flex:none;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);border-radius:var(--nx-r-bedien);padding:6px 8px}
.tm-amt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--green);border:1px solid rgba(59,227,122,.4);background:rgba(59,227,122,.10);padding:3px 8px;border-radius:var(--nx-r-tafel);flex:none}
.tm-fordern{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed var(--line);border-radius:var(--nx-r-karte);padding:14px 16px;margin-bottom:14px;font-size:var(--nx-typo-text);color:var(--dim)}
.tm-fordern select,.tm-fordern input{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 10px}
.tm-chat{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow-y:auto;padding-right:4px}
.tm-msg{display:flex;gap:11px;align-items:flex-start}
.tm-msg > div{min-width:0}
.tm-msg b{display:block;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.tm-msg span:last-child{display:block;font-size:13px;color:var(--dim);line-height:1.5;margin-top:2px}
.tm-schreib{display:flex;gap:9px;margin-top:14px}
.tm-schreib input{flex:1;font-size:13px;color:var(--txt);background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:11px 14px}
.tm-schreib input:focus{outline:none;border-color:var(--accent)}
.tm-erg{display:none;position:fixed;inset:0;z-index:9000;background:rgba(6,6,11,.62);align-items:center;justify-content:center;padding:20px}
.tm-erg.on{display:flex}
.tm-erg-box{max-width:460px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:22px;box-shadow:none}
.tm-erg-box > b{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:block;margin-bottom:16px}
.tm-erg-z{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.tm-erg-z span{font-family:var(--nx-f-text);font-weight:700;font-size:13px;color:#fff}
.tm-erg-z input{width:64px;text-align:center;font-family:var(--nx-f-text);font-weight:900;font-size:var(--nx-typo-kartenkopf);color:#fff;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px}
.tm-erg-box > input[type=url]{width:100%;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:10px 12px;box-sizing:border-box}
.tm-erg-box p{font-size:12px;color:var(--faint);margin:12px 0 16px;line-height:1.5}
.tm-erg-a{display:flex;gap:9px;justify-content:flex-end}
.tm-edit{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;max-width:820px}
@media(max-width:700px){.tm-edit{grid-template-columns:1fr}}
.tm-feld{display:flex;flex-direction:column;gap:5px}
.tm-feld.breit{grid-column:1/-1}
.tm-feld span{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint)}
.tm-feld input{font-size:13px;color:var(--txt);background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:10px 12px}
.tm-feld input:focus{outline:none;border-color:var(--accent)}
.tm-edit > button{justify-self:start}
/* Die Farbwahl des Teams · dieselben Plaettchen wie die Akzentwahl. */
.tm-edit + .tm-feld,.tm-feld .swwrap{margin-top:2px}
.tm-feld .swwrap{display:flex;gap:9px;flex-wrap:wrap}
.tm-feld .sw{width:30px;height:30px;border-radius:var(--nx-r-bedien);cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.12)}
.tm-feld .sw.on{box-shadow:none}
/* Die Serie · das eine Wort im Kopf, das sagt, wie es gerade laeuft. */
.tm-serie{font-weight:800}
.tm-serie.won{color:var(--green)}
.tm-serie.lost{color:var(--live)}
/* Eine Tafel, die das Team selbst gesetzt hat, laesst sich auch wieder abnehmen. */
.tm-tile{position:relative}
.tm-tafel-x{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:var(--nx-r-bedien);cursor:pointer;
 border:1px solid var(--line);background:rgba(8,8,13,.62);color:var(--dim);font-size:12px;line-height:1;
 opacity:0;transition:opacity .15s}
.tm-tile:hover .tm-tafel-x{opacity:1}
@media (hover:hover){.tm-tafel-x:hover{color:#fff;border-color:var(--nx-linie)}}
/* ---- Saisonseite ----------------------------------------------------------
  Eine Saison ist die Sache selbst, nicht eine Zeile in einem Terminplan.
  Die Seite beantwortet in dieser Reihenfolge: wer fuehrt sie, wer spielt mit,
  wie steht es, was ist gespielt worden, und nach welcher Regel zaehlt ein
  Ergebnis. Die Gestalt ist die der Teamseite · dieselbe Familie. */
#nx-season{padding:26px 0 40px}
.sn-laedt{color:var(--dim);font-size:13px;padding:40px 0}
.sn-hero{position:relative;border-radius:var(--nx-r-block);overflow:hidden;padding:30px 32px;
  border:1px solid var(--line2,rgba(255,255,255,0.14));
  background:linear-gradient(120deg,#0c0a16,#160c24 55%,#0c1c2a)}
.sn-hero::after{content:"";position:absolute;inset:0;opacity:.10;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}
.sn-hero > *{position:relative;z-index:1}
.sn-phase{font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--cyan,#34e5d8);border:1px solid rgba(52,229,216,.45);background:rgba(52,229,216,.10);
  padding:3px 9px;border-radius:var(--nx-r-tafel)}
.sn-hero h1{font:900 var(--nx-typo-seite)/1.12 var(--nx-f-titel);color:#fff;margin:13px 0 6px}
.sn-hero .sn-satz{font-size:13.5px;color:var(--dim);line-height:1.6;max-width:640px;margin:0}
.sn-fakten{display:flex;gap:26px;flex-wrap:wrap;margin-top:20px}
.sn-fakt{min-width:96px}
.sn-fakt b{display:block;font:900 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff}
.sn-fakt span{display:block;font-size:11px;color:var(--dim);margin-top:2px}
.sn-akt{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.sn-b{font:700 var(--nx-typo-text) var(--nx-f-text);padding:10px 17px;border-radius:var(--nx-r-bedien);cursor:pointer;
  border:none;background:var(--nx-hebung);min-height:40px;box-sizing:border-box;
  color:var(--txt);display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.sn-b.p{border:none;color:#fff;background:var(--accent)}
@media (hover:hover){.sn-b:hover{background:var(--nx-hebung-2);color:#fff}}
.sn-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:34px 0 13px}
.sn-h b{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff}
.sn-h .note{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim)}
.sn-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line,rgba(255,255,255,.08));
  border-radius:var(--nx-r-tafel);background:var(--surface)}
.sn-tab{width:100%;border-collapse:collapse;min-width:560px}
.sn-tab th{font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--dim);text-align:left;padding:13px 14px;
  border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.sn-tab td{padding:13px 14px;font-size:13px;color:var(--txt);
  border-bottom:1px solid var(--line,rgba(255,255,255,.05))}
.sn-tab tr:last-child td{border-bottom:none}
.sn-tab td.z{font-variant-numeric:tabular-nums;text-align:right;width:52px}
.sn-tab td.p{font:900 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff;text-align:right}
.sn-tab .platz{color:var(--dim);width:38px;font-variant-numeric:tabular-nums}
.sn-tab a{color:inherit;text-decoration:none}
@media (hover:hover){.sn-tab a:hover{color:var(--nx-text)}}
.sn-tab .tm{display:flex;align-items:center;gap:10px}
.sn-krest{width:26px;height:26px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;
  font:900 var(--nx-typo-klein) var(--nx-f-text);color:#fff}
.sn-tag{display:grid;gap:9px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);
  padding:15px 17px;background:var(--surface);margin-bottom:12px}
.sn-tag > .k{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sn-tag > .k b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.sn-tag > .k span{font-size:var(--nx-typo-meta);color:var(--dim)}
.sn-p{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--nx-typo-text);
  color:var(--dim);padding:7px 0;border-top:1px solid var(--line,rgba(255,255,255,.05))}
.sn-p:first-of-type{border-top:none}
.sn-p .s{font:900 var(--nx-typo-text) var(--nx-f-text);color:#fff;
  min-width:56px;text-align:center;font-variant-numeric:tabular-nums}
.sn-p .s.offen{color:var(--dim);font-weight:700;font-size:var(--nx-typo-meta);letter-spacing:0}
.sn-p .s.vor{color:var(--dim)}
.sn-lage{font:700 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  border-radius:var(--nx-r-tafel);padding:2px 8px;border:1px solid var(--line,rgba(255,255,255,.1));
  color:var(--dim)}
.sn-lage.offiziell{color:var(--green,#3be37a);border-color:rgba(59,227,122,.4);background:rgba(59,227,122,.10)}
.sn-lage.strittig{color:#ff8a3d;border-color:rgba(255,138,61,.4);background:rgba(255,138,61,.10)}
.sn-regel{border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--nx-r-tafel);padding:18px 20px;
  background:var(--nx-hebung)}
.sn-regel li{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.65;margin:4px 0}
.sn-regel b{color:#fff}
.sn-grund{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.6}
.sn-teams{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.sn-team{display:flex;align-items:center;gap:11px;border:1px solid var(--line,rgba(255,255,255,.08));
  border-radius:var(--nx-r-karte);padding:11px 13px;text-decoration:none;color:inherit;background:var(--nx-hebung)}
@media (hover:hover){.sn-team:hover{border-color:var(--line2,var(--nx-linie))}}
.sn-team .n{font:700 13px var(--nx-f-text);color:#fff}
.sn-team .m{display:block;font-size:11px;color:var(--dim);margin-top:2px}
@media(max-width:700px){
  .sn-hero{padding:22px 18px}
  .sn-hero h1{font-size:var(--nx-typo-seite)}
  .sn-fakten{gap:18px}
}
/* Am Telefon muss man treffen koennen. Die Teamnamen in der Tabelle und in
  den Partiezeilen sind Links · sie bekommen dieselbe Hoehe wie ein Knopf.
  Gemessen  bei 390px: 16 Ziele unter 32px. */
@media(max-width:700px){
  .sn-tab .tm{min-height:34px}
  .sn-tab td:first-child + td a{display:flex;align-items:center;min-height:34px}
  .sn-p a{display:flex;align-items:center;min-height:34px;padding:4px 0}
  .sn-p{padding:4px 0}
}
/* Endstand: der Erste traegt den Titel · nur wenn die Saison beendet ist. */
.sn-tab tr.sn-meister td{background:rgba(255,197,61,.06)}
.sn-tab tr.sn-meister td.platz{color:var(--gold,#ffc53d)}
.sn-titel{font:800 var(--nx-typo-klein) var(--nx-f-text);color:#1a1505;background:var(--gold,#ffc53d);border-radius:var(--nx-r-marke);padding:2px 7px;margin-left:8px;font-style:normal;vertical-align:middle}