/*! 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}
.trow{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:16px;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.trow:hover{border-color:var(--line2)}}
.tbadge{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);flex:none}
.ttext .tt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.ttext .tx{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px}
.tlink{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;flex:none}
.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)}
.fsel{display:inline-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 16px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);background:var(--nx-hebung);cursor:pointer}
@media (hover:hover){.fsel:hover{color:#fff;border-color:var(--line2)}}
.spevent{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;border:1px solid rgba(255,204,51,.4);min-height:236px;background:linear-gradient(110deg,#0c0c10 0%,#15140c 55%,#1d1a0a 100%);padding:24px 32px;display:flex;align-items:center;gap:32px}
.spevent::before{content:"";position:absolute;inset:0;opacity:.55;background:radial-gradient(440px 260px at 88% 130%,rgba(255,204,51,.22),transparent 60%);pointer-events:none}
.spevent .sl{position:relative;z-index:2;flex:1;min-width:0}
.spe-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.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-pres{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim)}
.spe-ad{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#1a1505;background:#ffcc33;padding:4px 8px;border-radius:var(--nx-r-bedien)}
.spe-title{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff;line-height:1.06}
.spe-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px;line-height:1.5;max-width:560px}
.spe-meta{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.spe-chip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#ffe08a;background:rgba(255,204,51,.12);border:1px solid rgba(255,204,51,.3);padding:8px 16px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.spe-act{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.spe-b1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#1a1505;background:#ffcc33;border:none;padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.spe-b2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.18);padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.spe-art{position:relative;z-index:2;width:310px;flex:none;align-self:stretch;border-radius:var(--nx-r-tafel);border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0e1f28,#1d3a44 70%,#27515c);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.spe-art .gt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:rgba(255,255,255,.66);}
.spe-art .ovg{position:absolute;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:24px 24px}
.spevent.vw{border-color:rgba(0,177,235,.4);background:linear-gradient(110deg,#0a0e1a 0%,#0c1424 55%,#0a1830 100%)}
.spevent.vw::before{background:radial-gradient(440px 260px at 88% 130%,rgba(0,177,235,.22),transparent 60%)}
.spevent.vw .spe-logo{border-color:rgba(0,177,235,.5)}
.spevent.vw .spe-logo .wm{color:#00b1eb}
.spevent.vw .spe-ad{background:#00b1eb;color:#04121f}
.spevent.vw .spe-chip{color:#9fe0f5;background:rgba(0,177,235,.12);border-color:rgba(0,177,235,.3)}
.spevent.vw .spe-b1{background:#00b1eb;color:#04121f}
.spevent.vw .spe-art{background:linear-gradient(135deg,#0a1f3a,#0e3a5c 70%,#11577a)}
.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}
.dcgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.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 .dch{display:flex;align-items:center;gap:8px}
.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}
.gmerge{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--surface)}
.gmerge .global{border-radius:0;}
.gmerge .tablewrap.gflush{border:none;border-radius:0;}
.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}
.invtxt .il b{font-family:var(--nx-f-text);font-weight:700;color:#fff}
.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}
.invtxt .im span{display:flex;align-items:center;gap:4px}
.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){.spevent{flex-direction:column}.spe-art{width:100%;min-height:150px}}
.viewmore{display:flex;justify-content:center;margin-top:16px}
.viewmore button{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:16px 24px;border-radius:var(--nx-r-karte);cursor:pointer;display:flex;align-items:center;gap:8px}
@media (hover:hover){.viewmore button:hover{background:var(--nx-hebung)}}
.tablewrap{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--surface)}
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)}}
.encell{display:flex;align-items:center;gap:16px}
.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);border:none;cursor:pointer;color:#fff;background:var(--accent);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px}
.muted{color:var(--faint);font-size:var(--nx-typo-text)}
@media(max-width:820px){.finner{grid-template-columns:1fr 1fr}.tablewrap{overflow-x:auto}}
.czrow .czrl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.czacts{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.czmini{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);background:transparent;color:var(--txt);display:grid;place-items:center;cursor:pointer;transition:.15s}
@media (hover:hover){.czmini:hover{background:var(--accent);color:#fff;border-color:transparent}}
.czmini:disabled{opacity:.32;cursor:default}
@media (hover:hover){.czmini.czdel:hover{background:var(--live,#d81b45)}}
.czadd-ipt{width:100%;box-sizing:border-box;margin:8px 16px 8px;width:calc(100% - 24px);padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);background:var(--bg);color:#fff;font-size:14px}
.czadd-btn{margin:0 16px 16px;width:calc(100% - 24px);padding:16px;border-radius:var(--nx-r-bedien);border:0;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);cursor:pointer}
.evc-modal{position:fixed;inset:0;background:rgba(4,4,9,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.evc-modal.open{display:flex}
.evc-box{width:min(560px,94vw);max-height:90vh;overflow:auto;background:var(--nx-hebung);border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);padding:22px 22px 20px;box-shadow:none}
.evc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.evc-head h3{font-size:var(--nx-typo-abschnitt);font-weight:800;margin:0;color:var(--txt);font-family:var(--nx-f-titel)}
.evc-x{background:none;border:none;color:var(--dim);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
@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-note{color:var(--dim)}
.evc-lbl{font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);margin:0 0 7px}
.evc-opt{font-weight:400;text-transform:none;letter-spacing:0;color:var(--dim)}
.evc-formats{display:flex;flex-direction:column;gap:8px;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)}
.evc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.evc-grid .evc-wide{grid-column:1 / -1}
.evc-in{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:rgba(8,8,13,.6);color:var(--txt);font-size:14px;font-family:inherit}
.evc-in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}
.evc-act{display:flex;justify-content:flex-end;gap:10px}
.evc-cancel{padding:10px 16px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:none;color:var(--dim);font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
@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)}
@media(max-width:520px){.evc-grid{grid-template-columns:1fr}}
.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-scrim.on{display:flex}
.evm-card{width:min(560px,94vw);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);box-shadow:none}
.evm-ban{position:relative;height:148px;display:flex;align-items:flex-end;padding:16px;border-radius:16px 18px 0 0}
.evm-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55));border-radius:16px 18px 0 0}
.evm-x{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:var(--nx-r-bedien);border:none;background:rgba(0,0,0,.4);color:#fff;font-size:var(--nx-typo-abschnitt);cursor:pointer;line-height:1}
.evm-st{position:relative;z-index:2;font-size:var(--nx-typo-meta);font-weight:800;letter-spacing:var(--nx-sperrung);text-transform:uppercase;padding:4px 10px;border-radius:var(--nx-r-bedien);background:rgba(0,0,0,.45);color:#fff}
.evm-st.live{background:var(--live,#d81b45)}
.evm-st.fin{background:#555}
.evm-body{padding:20px}
.evm-title{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);line-height:1.2;color:var(--txt)}
.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-cell{border:1px solid var(--line);border-radius:var(--nx-r-karte);}
.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-cta button{flex:1;padding:12px;border-radius:var(--nx-r-karte);border:none;font:inherit;font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer}
.evm-cta .pri.on{background:var(--green,#3be37a);color:#06210f}
.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-lbl{font-size:var(--nx-typo-klein);font-weight:800;color:var(--gold);border:1px solid rgba(255,197,61,.3);background:rgba(255,197,61,.08);border-radius:var(--nx-r-bedien);padding:2px 6px;flex:none}
.evm-spon-logo{width:28px;height:28px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font-size:var(--nx-typo-klein);font-weight:800;color:#fff;flex:none}
.evm-spon-tx{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.3}
.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-pay svg{color:var(--nx-text)}
.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{background:var(--surface);padding:8px 12px}
.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-rules li{font-size:var(--nx-typo-text);color:var(--txt);display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.evm-rules li::before{content:"";flex:0 0 6px;height:6px;margin-top:6px;border-radius:50%;background:var(--accent,#5b27e8)}
.evm-att{display:flex;align-items:center;gap:12px;margin:6px 0 2px}
.evm-att-row{display:flex}
.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-row .av:first-child{margin-left:0}
.evm-att-tx{font-size:var(--nx-typo-text);color:var(--dim)}
.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.win .sc{color:var(--nx-text)}
.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-field{flex:1;width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:var(--nx-r-bedien);padding:8px 12px;font-size:var(--nx-typo-text);color:#fff;font-family:inherit}
.evm-co-field::placeholder{color:var(--nx-leise)}
.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}
@media (hover:hover){.evm-co-pay:hover{filter:brightness(1.08)}}
.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}
@media (hover:hover){.evm-cta .pri:hover{filter:brightness(1.08)}}
.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}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;z-index:0;
 background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-thumb{background:#26263a;border-radius:var(--nx-r-bedien)}
@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}
.mmf{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.mmf .f{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;
 background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:var(--nx-r-pille)}
.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);overflow:hidden;}
@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-radius:var(--radius);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)}
.ptitle2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:0px}
.pbranded{font-size:var(--nx-typo-meta);color:var(--faint);margin-bottom:16px}
.rank{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.rank:last-child{border-bottom:none}
.rnum{width:24px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--faint);text-align:center;flex:none}
.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)}}
.footer{z-index:1;margin-top:32px;}
.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 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{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;min-height:206px;padding:24px 32px;display:flex;align-items:center;gap:32px;border:1px solid var(--line)}
.actban::after{content:"";position:absolute;inset:0;pointer-events:none}
.actban .al{position:relative;z-index:2;flex:1;min-width:0}
.actban .ar{position:relative;z-index:2;width:300px;min-height:158px;border-radius:var(--nx-r-tafel);display:grid;place-items:center;flex:none;overflow:hidden}
.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 .aeyebrow{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.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}
.actban.holy{background:linear-gradient(110deg,#0c0a16,#160c24 55%,#1d0c2e);border-color:var(--nx-linie)}
.actban.holy::after{background:radial-gradient(440px 260px at 88% 130%,transparent,transparent 60%)}
.actban.holy .alogo{color:#fff;border-color:rgba(255,255,255,.3);background:var(--nx-hebung)}
.actban.holy .aad{background:var(--accent);color:#fff}
.actban.holy .achip{color:var(--nx-text);border-color:var(--line2);background:var(--nx-hebung)}
.actban.holy .ab1{background:var(--accent);color:#fff}
.actban.holy .ar{background:var(--accent)}
.actban.streak{background:linear-gradient(110deg,#0b0a16,#0f1226 55%,#0c1c28);border-color:rgba(52,229,216,.42)}
.actban.streak::after{background:radial-gradient(440px 260px at 88% 130%,rgba(52,229,216,.22),transparent 60%)}
.actban.streak .alogo{color:#fff;border-color:transparent;background:var(--accent)}
.actban.streak .aad{background:var(--cyan);color:#08080a}
.actban.streak .achip{color:var(--cyan);border-color:rgba(52,229,216,.3);background:rgba(52,229,216,.08)}
.actban.streak .ab1{background:linear-gradient(135deg,#34e5d8,#2ac2b6);color:#08080a}
.actban.streak .ar{background:linear-gradient(135deg,#13313a,#34e5d8)}
.actban.lieferando{background:linear-gradient(110deg,#1a0f04,#241405 55%,#2a1606);border-color:rgba(255,128,0,.45)}
.actban.lieferando::after{background:radial-gradient(440px 260px at 88% 130%,rgba(255,128,0,.25),transparent 60%)}
.actban.lieferando .alogo{color:#fff;border-color:transparent;background:#ff8000}
.actban.lieferando .aad{background:#ff8000;color:#1a0f04}
.actban.lieferando .achip{color:#ffb366;border-color:rgba(255,128,0,.3);background:rgba(255,128,0,.08)}
.actban.lieferando .ab1{background:#ff8000;color:#1a0f04}
.actban.lieferando .ar{background:linear-gradient(135deg,#cc5200,#ff8000)}
.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 .ub{flex:1;min-width:0}
.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}
.tsrank{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--faint);width:22px;text-align:center;flex:none}
.tsinfo{flex:1;min-width:0}
.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}.actban{flex-direction:column}.actban .ar{width:100%}}
@media(max-width:760px){.spot{grid-template-columns:1fr}.finner{grid-template-columns:1fr 1fr}}
.mmf .f{display:inline-flex;align-items:center;gap:8px}
.mmf .ai{background:#fff;color:var(--nx-grund);border:none;font-weight:700;box-shadow:none}
.mmf .hl{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.5)}
.adslot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.05));box-shadow:inset 0 0 70px transparent;overflow:hidden}
.adslot::before{content:"AD";position:absolute;top:11px;left:11px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#1a1505;background:var(--gold);padding:4px 8px;border-radius:var(--nx-r-bedien);z-index:2}
.adslot::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events: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)}
.adbillboard{width:100%;height:250px}
.adhalf{width:300px;max-width:100%;height:600px;margin:0 auto}
.admid{width:336px;max-width:100%;height:280px;margin:0 auto}
.adfeed{width:100%;height:220px}
.actban.Streamly{background:linear-gradient(110deg,#06120f,#08201c 55%,#0a2a25);border-color:rgba(30,192,184,.45)}
.actban.Streamly::after{background:radial-gradient(440px 260px at 88% 130%,rgba(30,192,184,.22),transparent 60%)}
.actban.Streamly .alogo{color:#06120f;border-color:transparent;background:#1ec0b8}
.actban.Streamly .aad{background:#1ec0b8;color:#06120f}
.actban.Streamly .achip{color:#5fe0d6;border-color:rgba(30,192,184,.3);background:rgba(30,192,184,.08)}
.actban.Streamly .ab1{background:linear-gradient(135deg,#1ec0b8,#149a93);color:#06120f}
.actban.Streamly .ar{background:linear-gradient(135deg,#0c3a36,#1ec0b8)}
.actban.freenet{background:linear-gradient(110deg,#0a0f06,#10180a 55%,#16220c);border-color:rgba(118,184,42,.45)}
.actban.freenet::after{background:radial-gradient(440px 260px at 88% 130%,rgba(118,184,42,.22),transparent 60%)}
.actban.freenet .alogo{color:#0a0f06;border-color:transparent;background:#76b82a}
.actban.freenet .aad{background:#76b82a;color:#0a0f06}
.actban.freenet .achip{color:#a6dd5e;border-color:rgba(118,184,42,.3);background:rgba(118,184,42,.08)}
.actban.freenet .ab1{background:linear-gradient(135deg,#76b82a,#5c9120);color:#fff}
.actban.freenet .ar{background:linear-gradient(135deg,#24350f,#76b82a)}
.ab1, .ab2, .abtn, .go, .seeall, .joinbtn, .crefollow, .pmbtn, .submit, .nbtn, .lfgjoin, .sendbtn, .unblock, .btnghost, .btndanger, .pbtn, .abtn.acc, .abtn.dec, .segbtn, .lfgjoin, .surveystars{white-space:nowrap}
.aact,.aacts,.actions{flex-wrap:wrap}
.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)}}
.dsrc{display:flex;align-items:center;gap:8px}
.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}
.dsrcsub{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.dtime{margin-left:auto;font-size:var(--nx-typo-meta);color:var(--faint);flex:none}
.dtitle{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.32}
.dexcerpt{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.5}
.dmeta{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.dstat{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);line-height:1}
.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}
.dpinned{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--gold);border:1px solid rgba(255,197,61,.3);background:rgba(255,197,61,.08);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.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}
.fbk{max-width:560px;border:1px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.04));padding:16px 16px}
.nx-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);background:var(--nx-flaeche-2);border:1px solid rgba(255,255,255,0.14);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:16px 16px;border-radius:var(--nx-r-karte);box-shadow:var(--nx-schatten);opacity:0;transition:.25s;z-index:9600}
.nx-toast.show{opacity:1;transform:translate(-50%,0)}
.rbtn.on{background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-modal.open{display:grid}
.nx-mbox{width:430px;max-width:94vw;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:24px;box-shadow:var(--nx-schatten);text-align:center}
.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-mact{display:flex;gap:8px;justify-content:center}
.nx-mbtn{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:1px solid rgba(255,255,255,.1);background:var(--nx-hebung);color:var(--txt);cursor:pointer}
.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}
.nx-pulse i:nth-child(2){animation-delay:.2s}
.nx-pulse i:nth-child(3){animation-delay:.4s}
@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 .row{display:flex;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}}
.nx-rowcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-tafel);padding:16px;display:flex;flex-direction:column;gap:8px;}
@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 .picks{display:flex;gap:8px;flex-wrap:wrap}
.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-soonbox{text-align:center;max-width:480px}
.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-soonact{display:flex;gap:8px;justify-content:center}
.nx-cartdot{position:absolute;top:-4px;right:-6px;min-width:15px;height:15px;border-radius:8px;background:#5b27e8;color:#fff;font:800 var(--nx-typo-klein) var(--nx-f-text);display:flex;align-items:center;justify-content:center;padding:0 4px}
.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.trailer .play{transition:transform .15s}
@media (hover:hover){.mtile.trailer:hover .play{transform:scale(1.12)}}
.mtile.nx-embed{background:#000;cursor:default}
@media (hover:hover){.mtile.nx-embed:hover{transform:none}}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
.mtile.nx-embed .ov,.mtile.nx-embed .play,.mtile.nx-embed .lab{display:none}
html,body{max-width:100%}
/* · 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){html{overflow-x:clip}body{overflow-x:clip}}
img,video,iframe{max-width:100%}
@media(max-width:760px){
 .nx-demobar{height:auto;min-height:30px;line-height:1.25;padding:8px 16px;font-size:var(--nx-typo-meta);text-align:center;flex-wrap:wrap;position:sticky;top:0}
 .nx-demobar .nx-db-sep{display:none}
 .nx-demobar .nx-db-partner{flex-basis:100%}
 
}
@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}
 .bento .sptile.big{min-height:210px}
}
@media(max-width:480px){
 .bento .sptile{min-height:180px}
}
@media(max-width:760px){
 
 .lfgband{padding:16px 16px;gap:8px}
 .thhead{row-gap:8px}
 .thpres{line-height:1.5}
 .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
 
 .chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
}
@supports (height:100svh){
 body{min-height:100svh}
}
.nx-demobar{height:auto;min-height:38px;box-sizing:border-box;
 padding-top:calc(env(safe-area-inset-top));
 padding-bottom:0;}
@media(max-width:900px){
 .nx-demobar{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));}
 body{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:900px){
  input,textarea,select{font-size:var(--nx-typo-kartenkopf)}
}
.nx-db-persp::before{content:"Preview as";font-family:var(--nx-f-text);font-weight:800;
  font-size:var(--nx-typo-meta);color:var(--nx-text);
  padding:0 12px 0 10px}
.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::before{font-size:var(--nx-typo-klein);padding:0 8px 0 6px}
  
  .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}
@media(max-width:600px){.nx-biasfree{font-size:var(--nx-typo-klein);padding:3px 8px}}
.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}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.btn, .chip-f, .sf, .cta, .soontag{white-space:nowrap}
.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-demobar svg{flex:0 0 auto}
.nx-db-tag{font-weight:800}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-db-partner{font-weight:700}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
@media (hover:hover){.nx-demobar a:hover{opacity:.85}}
.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}
@media (hover:hover){.nx-demo-fab:hover{transform:translateY(-2px);box-shadow:var(--nx-schatten)}}
.nx-demo-fab svg{flex:0 0 auto}
.nx-noti.open{opacity:1;transform:translateY(0);pointer-events:auto}
.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-n{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.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{font-size:var(--nx-typo-text);line-height:1.5}
.gch-msg b{color:var(--nx-text)}
.gch-msg.me b{color:#34e5d8}
.gch-msg span{color:var(--txt)}
.gch-compose{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line,rgba(255,255,255,.07))}
.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-b{padding:12px 14px}
.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-n{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
.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}
.nxn-ic{cursor:default}
.nxn-ic svg{cursor:default}
.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)}
.eyebrow.eyebrow.eyebrow{}
p,p,.note,.note,.sub,.sub,.nx-why-p,.nx-why-p,.lead,.lead,.nxp3-v span,.nxp3-v span,.desc,.desc,.cardsub,.cardsub,.subline,.subline,.nx-surf-step span,.nx-surf-step span,.nx-surf-step,.nx-surf-step,.nxp3-v,.nxp3-v,.hiw-step span,.hiw-step span{text-wrap:pretty}
/* .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}
  .finner .fbrand{min-width:0}}
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
.section.nx-ggl-soon.nx-ggl-soon{padding-top:26px}
.topbar + section.nx-row.nx-row.nx-row.nx-row,.topbar ~ main > section.nx-row:first-child,.topbar + .section.nx-row.nx-row.nx-row{margin-top:32px}
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}
.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)}}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
.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}
.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-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}
#nx-watch-modal{position:fixed;inset:0;z-index:9800}
#nx-watch-modal .nw-scrim{position:absolute;inset:0;background:rgba(4,4,8,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#nx-watch-modal .nw-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-width:94vw;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;box-shadow:var(--nx-schatten)}
#nx-watch-modal .nw-x{position:absolute;top:10px;right:14px;z-index:3;background:rgba(10,10,18,.5);border:none;color:#fff;font-size:var(--nx-typo-abschnitt);cursor:pointer;line-height:1;width:30px;height:30px;border-radius:var(--nx-r-bedien)}
#nx-watch-modal .nw-player{position:relative;aspect-ratio:16/9;border-radius:var(--nx-r-karte);display:grid;place-items:center;overflow:hidden}
#nx-watch-modal .nw-play{width:62px;height:62px;border-radius:50%;background:rgba(10,10,18,.55);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:.15s}
@media (hover:hover){#nx-watch-modal .nw-play:hover{transform:scale(1.08);background:var(--nx-hebung)}}
#nx-watch-modal .nw-live{position:absolute;top:12px;left:12px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:1px;color:#fff;background:#e53e4e;border-radius:var(--nx-r-bedien);padding:4px 8px}
#nx-watch-modal .nw-clip{position:absolute;top:12px;left:12px;font:800 var(--nx-typo-klein) var(--nx-f-text);color:#0a0a12;background:#34e5d8;border-radius:var(--nx-r-bedien);padding:4px 8px}
#nx-watch-modal .nw-track{position:absolute;left:12px;right:12px;bottom:12px;height:5px;border-radius:4px;background:rgba(255,255,255,.18)}
#nx-watch-modal .nw-track i{display:block;height:100%;width:34%;border-radius:var(--nx-r-marke);background:var(--accent)}
#nx-watch-modal .nw-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 4px}
#nx-watch-modal .nw-who b{display:block;font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);color:#fff}
#nx-watch-modal .nw-who span{font:700 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim)}
#nx-watch-modal .nw-src{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:4px 10px}
#nx-watch-modal .nw-note{margin-top:10px;font:700 var(--nx-typo-meta) "Nunito Sans",sans-serif;color:var(--dim);padding:0 4px}
.nxsr-ov.on{display:block}
.nxsr-r.on{background:var(--accent)}
@media (hover:hover){.nxsr-r:hover{background:var(--nx-hebung)}}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.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}}
.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 .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}
#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)}
#nxInvite svg{flex:none}
@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}
.gmem:hover .gmem-msg{opacity:1}
#grpInvM{position:fixed;inset:0;z-index:5000;background:rgba(5,5,10,.66);display:none;align-items:center;justify-content:center}
.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}
/* Takt der Seite: 26 im Kopfblock (Hero, Reiter), 80 sichtbar zwischen den Reihen · nxm-rhythmus.js kennt diese Seite nicht. */
.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:var(--nx-typo-seite);color:#fff;margin:0}
#nxTmBadge:not(.hat-bild) ~ .tm-meta .tm-tag{display:none}
.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:var(--nx-typo-text);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:36px;border-bottom:1px solid var(--line);margin:0 0 26px;flex-wrap:wrap}
/* KURZE WOERTER MACHEN SCHMALE REITER · "About" war 32 Punkte breit,
   "Roster" 34. Der Abstand zwischen zwei Reitern betraegt 36, die
   Trefferflaeche darf also 6 Punkte nach jeder Seite wachsen, ohne
   die des Nachbarn zu beruehren · und ohne dass sich etwas sieht. */
.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 0;cursor:pointer;transition:.15s;position:relative}
.tm-tab::after{content:'';position:absolute;left:-6px;right:-6px;top:0;bottom:0}
@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:var(--nx-typo-abschnitt);color:#fff;margin:80px 0 12px;display:flex;align-items:center;gap:9px}
.tm-h:first-child{margin-top:0}
.tm-h b{font-weight:inherit}
.tm-match + .tm-h{margin-top:71px}
@media(max-width:899px){.tm-h{margin-top:26px}.tm-match + .tm-h{margin-top:17px}.tm-ad{margin-top:32px}}
.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:var(--nx-typo-text);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;margin-top:80px;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:800;font-size:var(--nx-typo-abschnitt);letter-spacing:-0.2px;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:var(--nx-typo-seite)}
 .tm-match .day{width:100%}
}
/* ---- Tafeln, Chat, Ergebnis · die Teamdarstellung -------------------- */
.tm-tiles{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
/* Der Rest einer angefangenen Reihe sagt, womit sie sich fuellt · er nimmt die
  Spalten, die nach den vorhandenen Kacheln frei bleiben. */
.tm-tiles > .tm-rest{display:flex;align-items:center;grid-column:1 / -1}
.tm-tiles > .tm-rest[data-n="1"]{grid-column:2 / -1}
.tm-tiles > .tm-rest[data-n="2"]{grid-column:3 / -1}
.tm-tiles > .tm-rest[data-n="3"]{grid-column:4 / -1}
@media(max-width:1180px){.tm-tiles > .tm-rest[data-n="3"]{grid-column:1 / -1}}
@media(max-width:860px){.tm-tiles > .tm-rest[data-n="2"]{grid-column:1 / -1}}
@media(max-width:560px){.tm-tiles > .tm-rest[data-n="1"]{grid-column:1 / -1}}
/* 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{min-height:74px;flex:1 1 auto;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:0 0 auto}
.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:var(--nx-typo-meta);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)}}
/* Am Telefon muss man treffen koennen · 44pt Fingermass (NXMOBIL.regeln). */
@media(max-width:700px){
  .tm-tile-c{display:inline-flex;align-items:center;min-height:44px}
}
/* ---- Der offene Platz ------------------------------------------------
  Ob ein Team einen Sitz frei hat, ist der Grund, aus dem ein Fremder diese
  Seite oeffnet · deshalb steht es im Kopf, in Gruen wie auf der People-Seite,
  und nicht erst im dritten Reiter. */
.tm-open{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.tm-open:empty{display:none}
.tm-offen{display:inline-flex;align-items:baseline;gap:7px;font-size:var(--nx-typo-text);color:var(--green);
 border:1px solid rgba(59,227,122,.35);background:rgba(59,227,122,.09);border-radius:var(--nx-r-tafel);padding:5px 12px}
.tm-offen b{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);}
.tm-offen small{font-size:var(--nx-typo-meta);color:var(--faint)}
.tm-offen.leer{cursor:pointer;color:var(--dim);border-style:dashed;border-color:var(--line);background:none;
 font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta)}
@media (hover:hover){.tm-offen.leer:hover{color:#fff;border-color:var(--nx-linie)}}
.tm-offen.leer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tm-platz-x{margin-left:auto;flex:none;width:26px;height:26px;border-radius:var(--nx-r-bedien);cursor:pointer;
 border:1px solid var(--line);background:var(--nx-hebung);color:var(--faint);font-size:12px;line-height:1}
@media (hover:hover){.tm-platz-x:hover{color:#fff;border-color:var(--nx-linie)}}
.tm-platz-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Die Eingabe eines Platzes darf die Zeile fuellen · zwei Felder nebeneinander
  sind an schmalen Fenstern zwei Zeilen, kein abgeschnittenes Feld. */
#nxTmPlatzRolle{min-width:200px}
#nxTmPlatzNote{flex:1 1 240px;min-width:200px}
@media(max-width:700px){#nxTmPlatzRolle,#nxTmPlatzNote{flex:1 1 100%;min-width:0}}
/* Jemanden aus der Aufstellung nehmen · der Knopf fragt einmal nach, bevor er
  es tut, und traegt dann seine Frage als Beschriftung. */
.tm-raus{flex:none;width:26px;height:26px;border-radius:var(--nx-r-bedien);cursor:pointer;
 border:1px solid var(--line);background:var(--nx-hebung);color:var(--faint);font-size:12px;line-height:1;
 opacity:0;transition:opacity .15s}
.tm-card:hover .tm-raus,.tm-raus:focus-visible,.tm-raus.fragt{opacity:1}
@media (hover:hover){.tm-raus:hover{color:#fff;border-color:var(--live)}}
.tm-raus:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tm-raus.fragt{width:auto;padding:0 10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);
 color:var(--live);border-color:rgba(255,70,85,.45)}
.tm-card .tm-rolle + .tm-raus{margin-left:0}