/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
body{font-family:'Nunito Sans',sans-serif;color:var(--txt);background:var(--bg);min-height:100vh;position:relative;overflow-x:clip}
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)}
.tr{margin-left:auto;display:flex;align-items:center;gap:16px}
.stepn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);display:flex;align-items:center;gap:8px}
.exit{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);cursor:pointer}
.col{max-width:820px;margin:0 auto;padding:40px 24px 128px;position:relative;z-index:1}
.htitle{font-family:var(--nx-f-titel);font-weight:700;font-size:26px;color:#fff;display:flex;align-items:center;gap:16px}
.hsub{color:var(--dim);font-size:14px;margin-top:8px;max-width:620px;line-height:1.5}
.jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.jump a{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung);padding:8px 16px;border-radius:var(--nx-r-pille);display:flex;align-items:center;gap:8px;cursor:pointer}
@media (hover:hover){.jump a:hover{color:#fff;border-color:var(--line2)}}
.jump a.on{color:#fff;border-color:var(--line2);background:var(--nx-hebung)}
.block{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--nx-hebung);padding:16px 24px 8px}
.bhead{display:flex;align-items:center;gap:8px;margin-bottom:0px}
.bnum{width:24px;height:24px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);flex:none}
.btitle{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.btag{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:9px;color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.bnote{font-size:var(--nx-typo-text);color:var(--faint);margin:2px 0 6px 34px}
.srow{display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid var(--line)}
.srow:last-child{border-bottom:none}
.srow .lab{flex:1;min-width:0}
.srow .lab .t{font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:var(--txt)}
.srow .lab .d{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px;line-height:1.45}
.srow .lab .d a{color:var(--nx-text)}
.tg{width:46px;height:26px;border-radius:999px;background:#26263a;position:relative;cursor:pointer;transition:.2s;flex:none}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:none}
.tg.on{background:var(--accent)}
.seg{display:inline-flex;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:4px;flex:none}
.seg span{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--dim);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s}
.seg span.on{color:#fff;background:var(--accent);box-shadow:none}
.ssel{height:40px;padding:0 16px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:inline-flex;align-items:center;gap:16px;min-width:172px;justify-content:space-between;flex:none}
@media (hover:hover){.ssel:hover{color:#fff}}
.ssel.sm{min-width:140px;height:36px}
.ssel .fl{font-size:14px}
.sw{width:28px;height:28px;border-radius:var(--nx-r-bedien);cursor:pointer;position:relative}
.sw.on{box-shadow:none}
.swwrap{display:flex;gap:8px;flex:none}
.acct{display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid var(--line)}
.acct:last-child{border-bottom:none}
.acctlogo{width:40px;height:40px;border-radius:var(--nx-r-karte);display:grid;place-items:center;flex:none}
.acctinfo{flex:1;min-width:0}
.acctn{font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:var(--txt);display:flex;align-items:center;gap:8px}
.accthandle{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.connpill{font-family:var(--nx-f-text);font-weight:700;font-size:9px;color:var(--green);background:rgba(59,227,122,.1);border:1px solid rgba(59,227,122,.3);padding:2px 8px;border-radius:var(--nx-r-bedien)}
.btnghost{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;flex:none}
@media (hover:hover){.btnghost:hover{color:#fff;border-color:var(--line2)}}
.btnconn{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;flex:none;display:flex;align-items:center;gap:8px;box-shadow:none}
.acctnote{font-size:var(--nx-typo-meta);color:var(--faint);display:flex;align-items:center;gap:8px;padding:16px 2px 8px;line-height:1.5}
.acctnote svg{flex:none}
.notif-head{display:flex;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line)}
.notif-head .sp{flex:1}
.notif-head .col2{width:64px;text-align:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint)}
.nrow{display:flex;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line)}
.nrow:last-child{border-bottom:none}
.nrow .lab{flex:1}
.nrow .lab .t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt)}
.nrow .lab .d{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.nrow .cell{width:64px;display:flex;justify-content:center}
.nrow .cell .tg{width:42px;height:24px}
.nrow .cell .tg::after{width:18px;height:18px}
.nrow .cell .tg.on::after{left:20px}
.adtag{font-family:var(--nx-f-text);font-weight:700;font-size:8.5px;color:#1a1505;background:var(--gold);padding:2px 8px;border-radius:var(--nx-r-bedien);margin-left:8px;vertical-align:middle}
.dangerblock{border-color:rgba(255,77,109,.25)}
.btndanger{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--live);background:rgba(255,77,109,.08);border:1px solid rgba(255,77,109,.3);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;flex:none}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--nx-grund);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.barin{max-width:820px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:16px}
.savedtag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--green);display:flex;align-items:center;gap:8px}
.skip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--faint);cursor:pointer;margin-left:auto}
@media (hover:hover){.skip:hover{color:var(--dim)}}
.verified{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(--green);background:rgba(59,227,122,.1);border:1px solid rgba(59,227,122,.3);padding:8px 16px;border-radius:var(--nx-r-bedien)}
.bsub{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);margin:16px 0 8px}
.blockrow{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.blockrow:last-child{border-bottom:none}
.brav{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.blockrow .bn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.blockrow .bd{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:2px}
.unblock{margin-left:auto;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-bedien);cursor:pointer}
.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{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}
.ccverify{margin-top:16px;border:1px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.03));padding:16px 16px}
.ccvhead{font-family:var(--nx-f-text);font-weight:700;font-size:14px;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:16px}
.ccvlist{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.ccvitem{display:flex;align-items:center;gap:8px;font-size:var(--nx-typo-text);color:var(--dim);line-height:1.4}
.ccvitem svg{color:var(--green);flex:none}
.ccvbtn{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:16px 16px;border-radius:var(--nx-r-bedien);background:var(--accent)}
.ccvstatus{margin-top:16px;display:none;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--gold)}
.ccvstatus.show{display:flex}
.ssel{position:relative;cursor:pointer;user-select:none;transition:border-color .15s}
@media (hover:hover){.ssel:hover{border-color:var(--line2)}}
.ssel.open{border-color:var(--nx-linie)}
.ssel.open span[id] svg{transform:rotate(180deg);transition:transform .15s}
.ssel-menu{position:absolute;z-index:300;top:calc(100% + 7px);right:0;min-width:210px;max-height:300px;overflow-y:auto;background:var(--nx-flaeche-2);border:1px solid var(--line2);border-radius:var(--nx-r-tafel);padding:6px;box-shadow:var(--nx-schatten);animation:sselin .14s ease}
@keyframes sselin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.ssel-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--nx-r-bedien);font-size:14px;color:var(--txt);cursor:pointer;white-space:nowrap;line-height:1.2}
@media (hover:hover){.ssel-opt:hover{background:var(--nx-hebung);color:#fff}}
.ssel-opt.sel{color:#fff}
.ssel-opt .ck{display:flex;color:var(--nx-text);opacity:0;flex:none}
.ssel-opt.sel .ck{opacity:1}
.ssel-opt .fl{margin-right:2px}
.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:18px;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:18px;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:14px;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:30px;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 9px 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){
  
  
}
@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:14px;
  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}
.console-cta{
  background:var(--accent);
  font-weight:800;letter-spacing:.2px;
  box-shadow:none
             0 0 26px -8px rgba(91,39,232,.55)}
@media (hover:hover){.console-cta:hover{transform:translateY(-1px);
  background:var(--accent);
  box-shadow:none
             0 0 34px -6px rgba(91,39,232,.7)}}
.nx-ctrls.inhead{
  margin:0 0 0 auto;display:inline-flex;gap:10px;align-items:center;
  opacity:0;pointer-events:none;transition:opacity .15s ease}
@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}
.fbk{max-width:none}
.nx-rwrap{position:relative}
.nx-rctrls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}
.nx-rwrap:hover .nx-rctrls{opacity:1;pointer-events:auto}
.nx-rbtn{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--nx-typo-meta);line-height:1;transition:.15s ease}
@media (hover:hover){.nx-rbtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-rwrap .rtitle,.nx-rwrap .rhead{transition:padding-right .15s ease}
@media (hover:hover){.nx-rwrap:hover .rtitle,.nx-rwrap:hover .rhead{padding-right:72px}}
#rails .railpromo{margin-bottom:16px}
.nx-rgrip{cursor:grab}
.nx-rgrip:active{cursor:grabbing}
.nx-rdragging{opacity:.4}
.nx-rover{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-rover-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add2{position:relative;margin:0 0 12px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);transition:.15s ease;background:var(--nx-hebung)}
@media (hover:hover){.nx-add2:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop2{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:50;text-align:left;max-height:280px;overflow:auto}
.nx-pi2{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi2:hover{background:var(--nx-hebung)}}
.nx-pi2h{color:var(--dim);font-size:9px;padding:8px 16px 4px}
.nx-live{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;margin:0 0 16px;font-family:'Nunito Sans',sans-serif}
.nx-live-dot{width:9px;height:9px;border-radius:50%;background:#3be37a;animation:nxpulse 1.8s infinite;flex:0 0 auto}
@keyframes nxpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 7px rgba(59,227,122,0)}100%{box-shadow:none}}
.nx-live.paused .nx-live-dot{background:#62627a;animation:none}
.nx-live-tx{font-size:var(--nx-typo-text);color:var(--txt);font-weight:700;font-family:var(--nx-f-text)}
.nx-live-sub{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-speed{display:flex;align-items:center;gap:0px;margin-left:auto}
.nx-sp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.07);background:transparent;transition:.15s ease}
@media (hover:hover){.nx-sp:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-sp.nx-on{color:#fff;background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-live.paused .nx-sp{opacity:.4;pointer-events:none}
.nx-pausebtn{margin-left:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);transition:.15s ease;flex:0 0 auto}
@media (hover:hover){.nx-pausebtn:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.nx-new{animation:nxnew .55s ease}
@keyframes nxnew{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 0 1px var(--nx-linie)}100%{opacity:1;transform:none;box-shadow:none}}
.nx-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 6px;color:var(--dim);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}
.nx-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--nx-linie);border-radius:50%;animation:nxspin .8s linear infinite;flex:0 0 auto}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-loader.hidden{display:none}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-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:14px;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}
html body .app{overflow:visible;align-items:stretch}
html body .app .main{overflow:visible;height:auto;max-height:none;min-width:0}
html body .app .side{position:relative;top:auto;align-self:stretch;overflow:visible}
html body>footer.footer,html body .app~footer.footer{width:100%;max-width:none;margin:0;position:relative;z-index:1}
.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 1.2fr;gap:24px}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.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:9px;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:1.4fr 1fr 1fr 1.2fr;align-items:start}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
.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}
.nx-supp-bpoints{display:grid;grid-template-columns:1fr 1fr;margin-top:4px}
.nx-supp-bp{display:flex;gap:12px;align-items:flex-start}
.nx-supp-bpic{flex:none;width:36px;height:36px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.10)}
.nx-supp-bp b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text);color:#fff;margin-bottom:3px}
.nx-supp-bp>div>span{display:block;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);line-height:1.45}
@media(max-width:640px){.nx-supp-bpoints{grid-template-columns:1fr}}
.pb-navlab{flex:none;font:800 9px 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)}
.nx-supp-ct:has(+ .nx-supp-bpoints){font-weight:800;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line,rgba(255,255,255,.07))}
.nx-supp-bpoints b{font-weight:700}
.nx-supp-grid{gap:16px}
.nx-supp-bpoints{gap:18px 24px}
/* Der Auftakt-h1 gehoert nicht in diese Sammelregel: sie zog ihn von 60 auf
  46 Punkte und schlug dabei auch beide Telefonstufen tot · derselbe
  Baustein stand auf den Schwesterseiten 23 Prozent groesser, am Telefon
  dagegen zu gross und brach nach "the" um. */
.wrap h1:not(.nx-oc-h1), main h1:not(.nx-oc-h1), body > h1:not(.nx-oc-h1),
.ahero h1:not(.nx-oc-h1), section h1:not(.nx-oc-h1),
h1.nx-supp-h1, .wrap h1.nx-supp-h1{font-size:46px;line-height:1.1}
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{margin-top:0;margin-bottom:0}
.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, #nxLeague .lg-title, .nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.nx-supp-grad{background:none;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:22px;font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
.nx-supp-a.nx-supp-ult{border-color:rgba(52,229,216,.42)}
.nx-supp-a.nx-supp-ult.on{background:var(--accent,#5b27e8);border-color:transparent;color:#fff}
.nx-supp-ultnote{margin:11px 0 14px;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-supp-ultnote b{font-family:var(--nx-f-text);font-weight:700;color:#5ef0e2}
@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)}
.tg.on::after{left:auto;right:2px}
.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 14px "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.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)}
.nx-supp-pro{margin:16px auto 0;max-width:520px;text-align:left;border:1px solid var(--nx-linie);background:var(--nx-hebung);border-radius:var(--nx-r-karte);padding:12px 15px}
.nx-supp-pro b{display:block;font:800 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);margin:0 0 5px}
.nx-supp-pro span{display:block;font:400 var(--nx-typo-text)/1.55 'Nunito Sans',sans-serif;color:var(--dim)}
#nx-settings,.col,.bar{display:none}
/* Die Seitenkante kommt aus .nx-supp-in (--nx-breite) · 24 Punkte Polster
  hier legten sich darauf, und Karten wie Betragskasten standen bei 58 statt
  auf der Kante des Logos (34, am Telefon 38 statt 14). */
.nx-supp{padding:60px 0 64px}
/* Dieselbe Breite wie auf den Schwesterseiten · der Seitenkoerper stand in
  einer fest verdrahteten schmalen Spalte, waehrend Kopfleiste und Fuss
  derselben Seite den vollen Rahmen nutzten: die Fussspalten begannen 228
  Punkte weiter links als jede Karte darueber. */
.nx-supp-in{max-width:var(--nx-breite);margin:0 auto;text-align:center;padding:0 var(--nx-rand)}
.nx-supp-ey{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-text);margin-bottom:14px}
.nx-supp-h1{font-family:var(--nx-f-titel);font-weight:800;font-size:34px;line-height:1.2;color:#fff;margin:0 auto 14px;max-width:700px}
.nx-supp-grad{-webkit-background-clip:text;}
.nx-supp-sub{font:400 14px/1.65 'Nunito Sans',sans-serif;color:var(--dim);margin:0 auto 32px;max-width:620px}
.nx-supp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;}
@media(max-width:860px){.nx-supp-grid{grid-template-columns:1fr}}
.nx-supp-c{background:linear-gradient(135deg,rgba(255,255,255,.03),var(--surface,#1f1f24) 60%);border-radius:var(--nx-r-tafel);padding:16px 16px;text-align:left}
.nx-supp-w{grid-column:1/-1}
.nx-supp-ct{display:flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;color:#fff;margin-bottom:6px}
.nx-supp-ct svg{color:var(--nx-text);flex:none}
.nx-supp-c p{margin:0;font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-supp-box{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(19,19,30,.92) 60%);border-radius:var(--nx-r-tafel);padding:24px 22px}
.nx-supp-bey{font:800 9px var(--nx-f-text);color:var(--nx-leise);margin-bottom:13px}
.nx-supp-amts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.nx-supp-a{border:1px solid rgba(255,255,255,.16);background:var(--nx-hebung);color:var(--txt);border-radius:var(--nx-r-bedien);padding:8px 16px;font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-supp-a:hover{border-color:var(--nx-linie)}}
/* GEWAEHLT IST HELLER, NICHT DUNKLER. Gemessen war die Fuellung des
  gewaehlten Betrags rgb(26,36,44) und die der drei anderen rgb(33,33,41)
  · der gewaehlte war der dunklere und las sich wie abgeschaltet. Farbe
  nur in Punkt und Knopf: der gewaehlte traegt die Hausfarbe gefuellt. */
.nx-supp-a.on{border-color:transparent;color:#fff;background:var(--accent,#5b27e8)}
.nx-supp-go{border:0;background:var(--accent,#5b27e8);color:#fff;border-radius:var(--nx-r-karte);padding:12px 24px;font:800 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-supp-go:hover{filter:brightness(1.1)}}
.nx-supp-go.on{background:rgba(61,220,132,.16);color:#3ddc84;cursor:default}
.nx-supp-note{margin-top:12px;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-leise)}
.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)}}
@media(max-width:900px){
 .nx-demobar{min-height:0;}
 
 .shell{padding-left:max(14px,env(safe-area-inset-left));
 padding-right:max(14px,env(safe-area-inset-right))}
 body{padding-bottom:env(safe-area-inset-bottom)}
}
.nx-noti{opacity:0;pointer-events:none;transform:translateY(-8px)}
.chips,.actions,.btnrow,.metarow,.pillrow{flex-wrap:wrap}
.chip-f,.tha,button,.rbtn{touch-action:manipulation}
.btn, .chip-f, .sf, .cta, .soontag{white-space:nowrap}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:9px;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 9px 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}
.nx-set-wrap{max-width:880px;margin:0 auto;padding:36px 24px 48px}
.nx-set-wrap h1{font:700 26px var(--nx-f-titel);color:var(--txt);margin:0 0 4px}
.nx-set-sub{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 26px}
.nx-set-card{background:var(--surface);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);padding:18px 20px;margin-bottom:18px}
.nx-set-card h2{font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);color:var(--txt);margin:0 0 4px}
.nx-set-desc{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;margin:0 0 12px}
.nx-set-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.nx-set-row:last-child{border-bottom:none}
.nx-set-ic{flex:none;width:34px;height:34px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);display:flex;align-items:center;justify-content:center}
.nx-set-t{flex:1;min-width:0}
.nx-set-t b{display:block;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt)}
.nx-set-t span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nx-set-on{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:#3ddc84}
.nx-set-btn{flex:none;font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;white-space:nowrap}
@media (hover:hover){.nx-set-btn:hover{background:var(--nx-hebung)}}
.nx-set-btn.danger{border-color:rgba(255,92,92,.5);background:rgba(255,92,92,.08);color:#ff8a8a}
.nx-set-btn[disabled]{opacity:.6;cursor:default}
.nx-tgl{flex:none;width:42px;height:24px;border-radius:99px;background:var(--nx-hebung-2);position:relative;cursor:pointer;border:none;transition:background .15s}
.nx-tgl i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.nx-tgl.on{background:var(--accent,#5b27e8)}
.nx-tgl.on i{left:21px}
.nx-set-note{margin-top:12px;padding:12px 14px;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.11);font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;}
.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}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
.nx-oc{padding:64px 0 26px;position:relative;overflow:hidden}
.nx-oc::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:none}
.nx-oc-in{max-width:var(--nx-breite);margin:0 auto;text-align:center;padding:0 var(--nx-rand);position:relative}
.nx-oc-ey{display:inline-block;font:800 var(--nx-typo-klein) var(--nx-f-text);
  color:var(--nx-text);background:var(--nx-hebung);
  border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:6px 14px;margin-bottom:20px}
.nx-oc-h1{font-family:var(--nx-f-titel);font-weight:800;font-size:60px;line-height:1.08;
  letter-spacing:-1.8px;color:#fff;margin:0 auto 18px;max-width:820px}
.nx-oc-h1 em{font-style:normal;color:var(--nx-text)}
.nx-oc-sub{font:400 15px/1.65 'Nunito Sans',sans-serif;color:var(--dim);
  margin:0 auto 26px;max-width:760px}
.nx-oc-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.nx-oc-b{display:inline-flex;align-items:center;gap:8px;font:800 13px var(--nx-f-text);
  border-radius:var(--nx-r-bedien);padding:12px 20px;text-decoration:none;transition:filter .15s ease}
.nx-oc-b1{color:#fff;background:var(--accent,#5b27e8)}
@media (hover:hover){.nx-oc-b1:hover{filter:brightness(1.14)}}
.nx-oc-b2{color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.14)}
@media (hover:hover){.nx-oc-b2:hover{background:var(--nx-hebung-2)}}
.nx-oc-fakten{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;
  padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.nx-oc-f{display:flex;align-items:center;gap:10px}
.nx-oc-f svg{color:var(--nx-text);flex:none;shape-rendering:crispEdges}
.nx-oc-f b{font:800 24px var(--nx-f-titel);letter-spacing:-.7px;color:#fff;display:block}
.nx-oc-f span{display:block;font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:1px}
.nx-oc-f > div{text-align:left}
@media(max-width:900px){.nx-oc-h1{font-size:40px;letter-spacing:-1px}.nx-oc-fakten{gap:22px}}
@media(max-width:620px){.nx-oc-h1{font-size:var(--nx-typo-seite)}}
.nx-oc-f .nx-mwst{display:inline-block;font:400 9.5px 'Nunito Sans',sans-serif;
  letter-spacing:0;color:var(--dim);margin-left:5px;vertical-align:2px}
.nx-oc-geld .nx-oc-geld-h{letter-spacing:-.01em;margin-bottom:8px}
.nx-oc-geld .nx-oc-geld-s{max-width:70ch}
.nx-oc-sub{font-size:var(--nx-typo-kartenkopf)}
.nx-supp-ct{font-size:13.5px}
.nx-oc-btns{margin-bottom:42px}
.nx-supp-grid{margin-bottom:34px}
.nx-oc-fragen{margin-bottom:38px}
.nx-oc-fragen-h{font-size:22px;letter-spacing:-.01em;margin-bottom:20px}
.nxp-flow-h{font-size:22px;letter-spacing:-.01em;margin-bottom:18px}
/* Eigener Betrag · das Feld oeffnet sich mit dem fuenften Knopf. */
.nx-supp-eigen{display:inline-flex;align-items:center;gap:6px;margin-left:4px;border:1px solid rgba(52,229,216,.42);border-radius:var(--nx-r-bedien);padding:6px 10px;font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);vertical-align:middle}
.nx-supp-eigen input{width:64px;background:transparent;border:0;color:var(--txt);font:700 13px var(--nx-f-text);outline:none}
.nx-supp-eigen[hidden]{display:none}

/* TELEFON · Diese Seite steht im Freigabe-Register (nxm-mobil.js). Sie wird
  am Telefon gestapelt, nicht gesperrt. */
@media(max-width:600px){
  /* Fingermass des Registers: NXMOBIL.regeln.fingermass = 44. Was schon in
  nxm-mobil.css auf ein Mindestmass gesetzt ist, bleibt dort · hier stehen
  nur die Bedienelemente dieser Seite. */
  .nx-oc-b{min-height:44px}
  .nx-supp-eigen{min-height:44px}
}

/* ==================================================================
 SUPPORT 
 Der Held sagte seinen Titel zweimal (Augenbraue "SUPPORT NEXTARI"
 ueber "Help us make NEXTARI..."). Die Augenbraue ist weg.

 Das Abzeichen stand als Satz da ("Every supporter gets the Pioneer
 badge"), obwohl es dreistufig gebaut ist. Jetzt steht es da, in
 beiden Stufen, mit der Bedingung daneben.

 Aus drei Karten und einer vierten, die sich ueber alle drei Spalten
 legte, ist eine Reihe zu dritt geworden; der lange Absatz darunter
 ist ein Abschnitt, keine Karte. Kanten weg, Flaeche bleibt.
 ================================================================== */
.nx-supp-c,.nx-supp-box{border:0}
.nx-supp-pios{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;margin-top:6px}
.nx-supp-pio-w{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim);margin-right:8px}
.nx-supp-frei{text-align:left;margin:0 0 30px}
.nx-supp-frei h2{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;margin:0 0 6px;letter-spacing:-.2px}
.nx-supp-frei p{font:400 var(--nx-typo-text)/1.65 'Nunito Sans',sans-serif;color:var(--dim);
  margin:0;max-width:78ch}
/* Der Weg zu uns · ein Abschnitt, kein Kasten, und der eine ruhige Knopf. */
.nx-supp-nah{margin:38px auto 0;max-width:620px;text-align:center}
.nx-supp-nah h2{font:800 var(--nx-typo-abschnitt) var(--nx-f-titel);color:#fff;margin:0 0 7px;letter-spacing:-.2px}
.nx-supp-nah p{font:400 var(--nx-typo-text)/1.65 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 16px}
.nx-supp-nah-b{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--txt);
  background:var(--nx-hebung-2);border-radius:var(--nx-r-bedien);padding:10px 18px}
@media (hover:hover){.nx-supp-nah-b:hover{background:rgba(255,255,255,.14)}}


/* ==================================================================
 DER ROTE FADEN DER INFO-SEITEN · Festgelegt.

 Der Claim im Fuss ("Second screen for gaming culture.") traegt seit
 jeher einen Verlauf von Hausviolett nach Tuerkis. Die drei
 Erklaerseiten · Become a partner, How it works, Support us · tragen
 denselben Satzbau: ein weisser Anfang und eine zweite Zeile, die die
 Sache benennt. Sie bekommen deshalb DENSELBEN Verlauf, nicht ein
 eigenes Violett. Ein Faden, drei Seiten, ein Fuss.

 Die Hausregel "Farbe nur in Punkt und Knopf" gilt fuer die APP · dort
 entscheidet Farbe ueber einen Zustand. Auf einer Erklaerseite ist der
 Claim die Marke und kein Bedienelement.

 Der Verlauf steht in @supports: wo background-clip:text nicht traegt,
 bleibt die Farbe aus der Regel darueber stehen, statt dass der Satz
 unsichtbar wird.
 ================================================================== */
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .nx-oc-h1 em{
    background:linear-gradient(var(--nx-text),var(--nx-text));
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent}
}