/*! 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;}
::-webkit-scrollbar{width:9px;height:9px}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
.ptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.gchips{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.gchip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);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)}
.gchip.on{color:#fff;border-color:transparent;background:var(--accent);box-shadow:none}
.billboard{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;min-height:466px;border:1px solid var(--line);margin-top:16px;cursor:pointer}
.bb-bg{position:absolute;inset:0}
.bb-grid{position:absolute;opacity:.1;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:34px 34px}
.bb-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,13,.94) 0%,rgba(8,8,13,.7) 38%,transparent 72%),linear-gradient(0deg,rgba(8,8,13,.95),transparent 55%)}
.bb-c{position:absolute;left:44px;bottom:40px;right:44px;max-width:580px;z-index:2}
.bb-tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);display:flex;align-items:center;gap:8px;margin-bottom:16px}
.bb-title{font-family:var(--nx-f-titel);font-weight:700;font-size:46px;line-height:1.02;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.6)}
.bb-meta{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.bb-ms{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#0a0a10;padding:0px 8px;border-radius:var(--nx-r-bedien)}
.bb-btn{font-family:var(--nx-f-text);font-weight:700;font-size:14px;padding:16px 24px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s}
.bb-btn.info{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}
.bb-disc{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#06210f;background:var(--green);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.bb-was{font-size:var(--nx-typo-text);color:rgba(255,255,255,.5);text-decoration:line-through}
.bb-now{font-family:var(--nx-f-titel);font-weight:700;font-size:18px;color:#fff}
.spotlight{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
.spotlight .lbl{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;margin:8px 0 16px}
.bento{display:grid;grid-template-columns:1.72fr 1fr 1fr;grid-template-rows:214px 214px;gap:16px}
.sptile{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;border:0;cursor:pointer;}
@media (hover:hover){.sptile:hover{background:var(--nx-hebung);}}
.sptile.big{grid-column:1;grid-row:1/3}
.sptile.wide{grid-column:2/4;grid-row:1}
.sptile .ov{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:26px 26px}
.sptile .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,11,.93),rgba(6,6,11,.2) 58%,transparent)}
.sptile .scr{position:absolute;top:11px;left:11px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);padding:4px 8px;border-radius:var(--nx-r-bedien);color:#0a0a10;z-index:3}
.sptile .c{position:absolute;left:16px;right:16px;bottom:15px;z-index:2}
.sptile .tag{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);display:inline-flex;align-items:center;gap:4px;margin-bottom:8px}
.sptile .tag.nx{background:var(--nx-hebung);border:1px solid var(--line2);color:var(--nx-text)}
.sptile .tag.gold{background:var(--gold);color:#1a1505}
.sptile .nm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.12;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.sptile.big .nm{font-size:var(--nx-typo-seite);line-height:1.03}
.sptile .mt{font-size:var(--nx-typo-meta);color:rgba(255,255,255,.74);font-family:var(--nx-f-text);font-weight:400;margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.sptile.big .mt{font-size:var(--nx-typo-text)}
.sptile .play{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:#0a0a10;background:#fff;padding:8px 16px;border-radius:var(--nx-r-bedien)}
.bb-arrow{position:absolute;top:38%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(10,10,18,.55);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.15s}
@media (hover:hover){.bb-arrow:hover{background:var(--accent)}}
.bb-arrow.l{left:16px}
.bb-arrow.r{right:62px}
.bb-dots{position:absolute;bottom:20px;right:26px;display:flex;gap:8px;z-index:6}
.bb-count{position:absolute;top:18px;right:20px;z-index:6;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:rgba(10,10,18,.5);padding:4px 16px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bb-peek{position:absolute;top:0;right:0;bottom:0;width:46px;z-index:4;background:linear-gradient(90deg,transparent,transparent);pointer-events:none}
.lief .carousel .gcard{flex:0 0 300px}
.lief .carousel .gcover{aspect-ratio:16/9}
.lief .carousel .gname{font-size:var(--nx-typo-kartenkopf);bottom:34px}
.carousel.big{gap:16px}
.carousel.big .gcard{flex:0 0 346px}
.carousel.big .gcover{aspect-ratio:16/9}
.carousel.big .gname{font-size:var(--nx-typo-kartenkopf);bottom:34px}
.carousel.big .gsub{font-size:var(--nx-typo-meta)}
.fbanner{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
@media (hover:hover){.fbannerin:hover{border-color:var(--line2);box-shadow:none}}
.fbannerin .ov{position:absolute;inset:0;opacity:.1;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:30px 30px}
.fbannerin .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,13,.92),rgba(8,8,13,.55) 48%,transparent 78%)}
.fbannerin .c{position:relative;padding:32px 32px;max-width:560px;z-index:2}
.fbannerin .tag{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);display:inline-flex;align-items:center;gap:8px;color:var(--nx-text)}
.fbannerin .nm{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff;line-height:1.04;margin-top:16px;text-shadow:0 3px 16px rgba(0,0,0,.6)}
.fbannerin .bl{font-size:var(--nx-typo-text);color:rgba(255,255,255,.8);margin-top:8px;line-height:1.5;max-width:440px}
.fbannerin .act{display:flex;gap:8px;margin-top:16px;align-items:center}
.fbannerin .b1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:16px 16px;border-radius:var(--nx-r-bedien);display:inline-flex;gap:8px;align-items:center;cursor:pointer;box-shadow:none}
.fbannerin .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,.22);padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
.sponsor.lief{background:linear-gradient(118deg,#ff8000 0%,#ff7a00 42%,#ff9c33 100%);border:1px solid rgba(255,138,0,.6);padding:0;overflow:hidden;position:relative}
.sponsor.lief::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(420px 220px at 88% -30%,rgba(255,255,255,.28),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px);pointer-events:none}
.liefwrap{position:relative;padding:16px 16px 16px}
.liefhead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:0px}
.liefbadge{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--nx-r-karte);padding:8px 16px 8px 8px;box-shadow:none}
.liefhead .pres{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:rgba(255,255,255,.92)}
.liefhead .tt{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff;text-shadow:0 1px 6px rgba(120,50,0,.35)}
.lief .adbadge{background:#fff;color:#9a4d00}
.lief .seeall{color:#fff}
.liefsub{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:rgba(255,255,255,.92);margin:2px 2px 8px;max-width:760px;line-height:1.45}
.lief .crow{position:relative}
.lief .fade{background:linear-gradient(90deg,transparent,#ff8a17)}
.sponsor.waipu{background:linear-gradient(118deg,#0c3a36 0%,#0f4a44 42%,#1ec0b8 140%);border:1px solid rgba(30,192,184,.55);padding:0;overflow:hidden;position:relative}
.sponsor.waipu::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(420px 220px at 88% -30%,rgba(255,255,255,.22),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 14px,transparent 14px 28px);pointer-events:none}
.waipu .liefbadge{background:#0c3a36;box-shadow:none}
.waipu .pres,.waipu .liefsub{color:rgba(255,255,255,.9)}
.waipu .tt{color:#fff}
.waipu .adbadge{background:#fff;color:#0a6b64}
.waipu .seeall{color:#fff}
.waipu .fade{background:linear-gradient(90deg,transparent,#15938c)}
.lief .arrow{background:#fff;color:#ff7a00}
@media (hover:hover){.lief .arrow:hover{background:var(--nx-flaeche);color:#fff}}
.lief .gcard{border-color:rgba(255,255,255,.18)}
@media (hover:hover){.lief .gcard:hover{border-color:#fff}}
.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 .own{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid var(--line2);padding:4px 8px;border-radius:var(--nx-r-bedien);margin-left:8px}
.shead .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;margin-left:8px}
/* EINE FORM FUER 'SEE ALL' · sie stand in zwei Groessen nebeneinander.
  Gemessen auf Games: 81x34 und 68x22 in derselben Ansicht, beide als
  blosser Umriss. Die Groesse kam nicht von hier, sondern davon, ob
  nxm-bedienung.js den Knopf als Pille erkannte oder nicht · zwei
  Besitzer auf einer Form. Jetzt steht sie hier: eine Hoehe, eine
  Fuellung, und mit 34 Punkten auch am Daumen zu treffen. */
.seeall{min-height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.seeall:hover{background:var(--nx-hebung);}}
@media (hover:hover){.seeall:hover{color:#fff}}
.crow{position:relative}
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:8px 2px 16px;scroll-snap-type:x proximity}
.carousel::-webkit-scrollbar-thumb{background:#222234;border-radius:var(--nx-r-bedien)}
.carousel::-webkit-scrollbar-track{background:transparent}
.fade{position:absolute;top:6px;bottom:14px;right:0;width:60px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg));z-index:2}
.arrow{position:absolute;top:32%;width:42px;height:42px;border-radius:50%;background:rgba(12,12,20,.85);border:none;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.15s}
@media (hover:hover){.arrow:hover{background:var(--accent)}}
.arrow.r{right:0}
.crow.nx-kein-scroll .fade,.crow.nx-kein-scroll .arrow{display:none}
.gcard{flex:0 0 234px;scroll-snap-align:start;cursor:pointer;position:relative;}
@media (hover:hover){.gcard:hover{z-index:5;border-color:var(--line2)}}
.gcover{aspect-ratio:16/10;position:relative}
.gcover .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:18px 18px}
.gcover .grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,11,.92),transparent 52%)}
.gname{position:absolute;left:11px;right:11px;bottom:30px;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,.8);line-height:1.12}
/* DIE ZEILE UNTER DEM TITEL TRAEGT MEHR ALS DAS GENRE · dazu kommt der
  Grund, warum die Kachel hier steht ("You asked for more ...").
  Beides in einer Zeile ohne Umbruch schnitt mitten im Satz ab.
  Zwei Zeilen, und was nicht hineinpasst, rutscht in die zweite. */
.gsub{position:absolute;left:11px;right:11px;bottom:11px;font-size:var(--nx-typo-klein);color:rgba(255,255,255,.72);font-family:var(--nx-f-text);font-weight:400;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;white-space:normal;overflow:hidden;max-height:2.9em}
.cmark{position:absolute;top:9px;right:9px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px}
/* DIE KACHELMARKE IST EIN BADGE, KEIN ETIKETT.
  Die zwoelf Kachelarten oben LINKS (STREAM, VIDEO, EVENT ...) sind
  als gefuellte Etiketten festgelegt · die Marke oben RECHTS ist das
  nicht. Sie gehoert zu den Badges, und die stehen auf der Grundlage
  als gedaempfte Flaeche mit farbiger Schrift (FROM THE BETA, PIONEER).
  Hier standen sie fast deckend: FREE mit 92 Prozent Tuerkis lag
  33-mal in EINER Reihe und war die lauteste Flaeche der Seite. */
.cmark.deal{background:rgba(8,8,14,.62);color:var(--nx-weiss,#fff)}
.cmark.spon{background:rgba(255,197,61,.14);color:var(--gold)}
.cmark.free{background:rgba(52,229,216,.15);color:var(--cyan,#34e5d8)}
.cmark.owned{background:rgba(59,227,122,.15);color:var(--green,#3be37a)}
.cmark.soon{background:var(--nx-hebung);color:var(--nx-text)}
.cmark.new{background:var(--nx-hebung);color:var(--nx-text)}
.cmark.players{background:rgba(8,8,14,.7);color:#fff;border:none}
.dotg{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:none}
.cprice{position:absolute;right:10px;bottom:11px;display:flex;align-items:center;gap:8px;z-index:2}
.cprice .pn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.gctx{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--nx-typo-meta);color:var(--dim)}
.gctx .mini{width:19px;height:19px;border-radius:50%;font-size:var(--nx-typo-klein);display:grid;place-items:center;color:#fff;font-family:var(--nx-f-text);font-weight:700;margin-left:-6px;box-shadow:0 0 0 1.5px var(--surface,#1f1f24)}
.gctx .mini:first-child{margin-left:0}
.gcard.sponsored{border-color:rgba(255,197,61,.45)}
/* DIE RANGLISTE BEGINNT AUF DER KANTE WIE JEDE REIHE. Ein eigenes
  Polster von 40 Punkten schob die erste Kachel hinter die Kante: die
  Ziffer 1 stand bei 74, ihr Bild bei 114, jede andere Reihe beginnt auf
  34. Die Ziffer gehoert zur Kachel · sie steht jetzt auf der Kante, das
  Polster ist das jeder Bahn (.carousel). */
.t10item{display:flex;align-items:flex-end;flex:none;scroll-snap-align:start}
.t10num{font-family:var(--nx-f-titel);font-weight:800;font-size:172px;line-height:.64;color:transparent;-webkit-text-stroke:3px #5a5a78;letter-spacing:-4px;margin-right:-24px;margin-bottom:-8px;user-select:none;position:relative;z-index:0}
.t10poster{position:relative;width:160px;height:226px;border-radius:var(--nx-r-karte);overflow:hidden;cursor:pointer;flex:none;z-index:1;border:0;}
@media (hover:hover){.t10poster:hover{transform:translateY(-4px);border-color:var(--line2)}}
.t10grid2{position:absolute;z-index:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:20px 20px}
.t10pov{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,6,12,.92),rgba(6,6,12,.05) 58%)}
.t10psc{position:absolute;top:9px;left:9px;z-index:2;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);padding:2px 8px;border-radius:var(--nx-r-bedien);color:#0a0a10}
.t10pname{position:absolute;left:11px;right:11px;bottom:11px;z-index:2;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.2}
.sponsor{border:1px solid var(--spc,rgba(255,197,61,.32));border-radius:var(--nx-r-tafel);background:var(--spbg,linear-gradient(180deg,rgba(255,197,61,.05),rgba(16,16,25,.4)));padding:0px var(--nx-innen) 8px;margin:32px auto;max-width:var(--nx-breite)}
.sphead{display:flex;align-items:center;gap:16px;padding:16px 0px 8px;flex-wrap:wrap}
.splogo{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;padding:8px 16px;border-radius:var(--nx-r-bedien)}
.sppresents{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim)}
/* DER REIHENKOPF IST EINE UEBERSCHRIFT, KEIN SPAN, DER SO AUSSIEHT.
  Er stand als <span class="sptitle"> da · fuer jedes Modul, das Reihen
  sucht, war die Reihe damit namenlos, und die Customize-Tafel konnte
  sie weder auflisten noch ausblenden. Jetzt ein h3 · Aussehen bleibt,
  aber die Vorgaben des Browsers muessen ausdruecklich weg. */
.sptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff;margin:0;padding:0;line-height:1.2;display:inline}
.adbadge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:.6px;color:#0a0a10;background:var(--gold);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.sptag{font-size:var(--nx-typo-text);color:var(--dim);padding:0 0px 8px;margin-top:-2px}
.sphead .seeall{color:#fff}
.pubhead{display:flex;align-items:center;gap:16px}
.publogo{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);letter-spacing:1px;color:#fff;padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--nx-hebung);margin:0;padding-top:8px;padding-bottom:8px}
.pubcap{font-size:var(--nx-typo-meta);color:var(--faint)}
.libbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 16px;padding:16px;border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung)}
.libsearch .ico{position:absolute;left:13px;top:12px;color:var(--faint)}
.libsearch input{width:100%;height:42px;border-radius:var(--nx-r-karte);border:1px solid var(--line);background:var(--nx-hebung);color:var(--txt);padding:0 16px 0 40px;font-family:'Nunito Sans';font-size:var(--nx-typo-text);outline:none}
.sel{height:42px;padding:0 16px;border-radius:var(--nx-r-karte);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-klein);display:flex;align-items:center;gap:8px;cursor:pointer}
@media (hover:hover){.sel:hover{border-color:var(--line2);color:#fff}}
.libsels{display:contents}
.lgrp{flex:none;display:flex;flex-direction:column;gap:8px}
.lgrp+.lgrp{margin-left:16px}
.lgrp-h{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--faint);white-space:nowrap}
.lgrp-r{display:flex;gap:16px}
.lgame{flex:0 0 140px;scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);transition:.15s;cursor:pointer}
@media (hover:hover){.lgame:hover{transform:translateY(-2px) scale(1.03);border-color:var(--line2)}}
.lgame .cov{aspect-ratio:3/4;position:relative}
.lgame .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:15px 15px}
.lgame .nm{padding:8px 8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Die Bewertungskarte ist ein eigenes Element, kein Anhaengsel der letzten
  Reihe · sie bekommt denselben Takt wie die Reihen darueber (52/46).
  Vorher lag sie mit 32px oben und 0 unten zwischen Inhalt und Fuss und
  klebte an beidem. */
.sstar{cursor:pointer;color:var(--nx-leise)}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol h4{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;margin-bottom:16px;}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
.fbarin{max-width:var(--nx-breite);margin:0 auto;padding:16px var(--nx-rand);display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-typo-meta);color:var(--faint)}
.ptsection{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand);position:relative;z-index:1}
.ptband{border:1px dashed rgba(52,229,216,.4);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(52,229,216,.06),rgba(255,255,255,.03));padding:16px 16px;position:relative;overflow:hidden}
.ptband::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(420px 200px at 90% -20%,rgba(52,229,216,.18),transparent 60%);pointer-events:none}
.pthead{display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative;z-index:1}
.pthead .ic{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;background:var(--accent);color:#fff;flex:none}
.pthead .t{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff}
.pthead .s{font-size:var(--nx-typo-text);color:var(--dim);margin-left:2px}
.pthead .live{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#08080a;background:var(--cyan);padding:0px 8px;border-radius:var(--nx-r-tafel)}
.ptgrid{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:0px;position:relative;z-index:1}
.ptcard{flex:0 0 240px;scroll-snap-align:start;border:0;border-radius:var(--nx-r-tafel);background:var(--nx-hebung);overflow:hidden;cursor:pointer;transition:.15s}
@media (hover:hover){.ptcard:hover{transform:translateY(-3px);border-color:rgba(52,229,216,.5)}}
.ptthumb .ovg{position:absolute;inset:0;opacity:.14;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:22px 22px}
.ptbadge{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#08080a;padding:4px 8px;border-radius:var(--nx-r-bedien);background:var(--cyan)}
.ptbadge.demo{background:var(--green)}
.ptbadge.closed{background:var(--gold)}
.ptslots{position:absolute;bottom:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:rgba(8,8,14,.65);padding:4px 8px;border-radius:var(--nx-r-bedien);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ptbody{padding:16px 16px 16px}
.ptname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.ptgen{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.ptcta{margin-top:16px;width:100%;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#08080a;background:linear-gradient(135deg,#34e5d8,#2ac2b6);border:none;padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.ptcta.alt{background:var(--nx-hebung);color:#fff;border:1px solid var(--line2)}
.ptthumb{position:relative;height:120px;display:grid;place-items:center}
@media(max-width:820px){.bb-title{font-size:34px}.finner{grid-template-columns:1fr 1fr}}
.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:0 auto;padding:32px var(--nx-rand) 48px}
body > .adwrap.adwrap{padding-top:80px!important}
.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}
.rbtn.on{color:var(--nx-text);border-color:var(--nx-linie);background:var(--nx-hebung)}
[data-nx].nx-on{color:#80efa9;border-color:rgba(59,227,122,.4)}
.nx-modal{position:fixed;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;z-index:9500;padding:16px}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-bedien);padding:8px 16px}
.nx-cmt b{font-family:var(--nx-f-text);color:var(--nx-text);font-weight:700}
.nx-postcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin:0 0 16px;animation:nxin .35s}
.nx-postcard .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--nx-f-text)}
.nx-postcard .ph b{color:var(--txt);font-size:14px}
.nx-postcard .ph span{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-postcard p{font-family:'Nunito Sans',sans-serif;color:var(--txt);font-size:14px;line-height:1.55;margin:0}
@keyframes nxin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.nx-rows .rh{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.nx-rows h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0}
.nx-rows .sub{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.nx-rowgrid{grid-template-columns:1fr}}
@media (hover:hover){.nx-rowcard:hover{border-color:var(--nx-linie)}}
.nx-rowcard .top{display:flex;align-items:center;gap:8px}
.nx-rowcard .rav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.nx-rowcard .ti b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-rowcard .ti span{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowcard .pk{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-rowcard .foot{display:flex;align-items:center;gap:8px;margin-top:2px}
.nx-rowcard .subs{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);color:var(--dim)}
.nx-sub{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;background:var(--accent);color:#fff;transition:.15s}
.nx-sub.nx-on{background:rgba(59,227,122,.12);border:1px solid rgba(59,227,122,.4);color:#80efa9}
.nx-soon{position:fixed;inset:0;top:36px;background:rgba(6,6,11,.78);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:9000;padding:16px}
.nx-soonpill{display:inline-block;font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px;text-transform:uppercase}
.nx-soonbox h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.nx-soonbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.6;margin:0 0 22px}
.nx-has-art .ov,.nx-has-art .grid-ov,.nx-has-art .ovg,.nx-has-art .bb-grid,.nx-has-art .t10grid2,.nx-has-art .lgrid{opacity:0}
.nx-has-art .bb-peek{opacity:.25}
.mtile.nx-embed{background:#000;cursor:default}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
/* · overflow-x:hidden am HTML macht das Dokument zum Scrollbehaelter,
  und darin klebt nichts mehr: Kopfzeile und Sprungleiste liefen auf dem Telefon
  einfach mit nach oben weg. Nach dem ersten Wischen gab es keine Navigation mehr.
  overflow-x:clip schneidet genauso, macht aber keinen Behaelter · position:sticky
  bleibt am Leben. Gemessen auf sieben Seiten. */
@media(max-width:760px){
  /* Der Rand am Telefon steht in nextari.css (--nx-rand 0, --nx-breite
  100% - 28) und gilt fuer jede Seite gleich · hier steht keiner mehr. */
  
  
  
  
}
@media(max-width:900px){
  .shell{display:block;max-width:100%}
  
  .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
  
  .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:900px){
  .carousel,.t10row,.row-scroll,.hscroll,.mstrip,.cardrow{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
}
@media(max-width:760px){
  
  
  .bento .sptile{min-height:150px}
  
  
}
@media(max-width:480px){
  
  .bento .sptile{min-height:180px}
  
}
@media(max-width:760px){
  
  
  .convtop,.peerbar,.chathead{flex-wrap:wrap}
  .thhead{flex-wrap:wrap;row-gap:8px}
  .thpres{display:block;line-height:1.5}
  .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
  .thactions{margin-left:0}
  
  
}
@supports (height:100svh){
  body{min-height:100svh}
}
@media(max-width:900px){
  
  .shell{padding-left:max(14px,env(safe-area-inset-left));
         padding-right:max(14px,env(safe-area-inset-right))}
  
}
.carousel,.t10row,.row-scroll,.hscroll,.mstrip,.cardrow,.chips,table{
  -webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar,.t10row::-webkit-scrollbar,.hscroll::-webkit-scrollbar,
.mstrip::-webkit-scrollbar,.cardrow::-webkit-scrollbar{height:0}
.nx-db-persp-tab{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--nx-r-pille);
  font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:.02em;color:var(--green,#3be37a);
  background:rgba(59,227,122,.09);
  padding:3px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;cursor:help;line-height:1}
.ov{inset:1px!important;background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{
  inset:1px!important;background-position:7px 7px}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.console-cta{
  background:var(--accent);
  border:1.5px solid var(--nx-linie);color:#fff;
  font-weight:800;
  box-shadow:none
             0 0 26px -8px rgba(91,39,232,.55)}
.nx-ctrls.inhead{position:static;top:auto;right:auto;
  margin:0 0 0 auto;display:inline-flex;gap:10px;align-items:center;
  opacity:0;pointer-events:none;transition:opacity .15s ease}
.nx-ctrls.inhead + .seeall{margin-left:14px}
@media(hover:none){.nx-ctrls.inhead{opacity:1;pointer-events:auto}}
.nxc-go{padding:10px 18px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent,#5b27e8);color:#fff;font-size:var(--nx-typo-text);font-weight:700;cursor:pointer;font-family:inherit}
.ff-t.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:#fff}
.nx-rwrap{position:relative}
.nx-rctrls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:7}
.nx-rwrap:hover .nx-rctrls{opacity:1;pointer-events:auto}
.nx-rbtn{width:26px;height:26px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-grund);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--nx-typo-meta);line-height:1;transition:.15s ease}
@media (hover:hover){.nx-rbtn:hover{color:#fff;border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-rwrap .rtitle,.nx-rwrap .rhead{transition:padding-right .15s ease}
@media (hover:hover){.nx-rwrap:hover .rtitle,.nx-rwrap:hover .rhead{padding-right:72px}}
.nx-rgrip{cursor:grab}
.nx-rgrip:active{cursor:grabbing}
.nx-rdragging{opacity:.4}
.nx-rover{box-shadow:inset 0 4px 0 -1px #5b27e8}
.nx-rover-b{box-shadow:inset 0 -4px 0 -1px #5b27e8}
.nx-add2{position:relative;margin:0 0 12px;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);transition:.15s ease;background:var(--nx-hebung)}
@media (hover:hover){.nx-add2:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop2{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:none;z-index:50;text-align:left;max-height:280px;overflow:auto}
.nx-pi2{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi2:hover{background:var(--nx-hebung)}}
.nx-pi2h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 4px}
.nx-live{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;background:var(--nx-hebung);border:1px solid var(--line);border-radius:var(--nx-r-tafel);padding:16px 16px;margin:0 0 16px;font-family:'Nunito Sans',sans-serif}
.nx-live-dot{width:9px;height:9px;border-radius:50%;background:#3be37a;animation:nxpulse 1.8s infinite;flex:0 0 auto}
@keyframes nxpulse{0%{box-shadow:none}70%{box-shadow:0 0 0 7px rgba(59,227,122,0)}100%{box-shadow:none}}
.nx-live.paused .nx-live-dot{background:#62627a;animation:none}
.nx-live-tx{font-size:var(--nx-typo-text);color:var(--txt);font-weight:700;font-family:var(--nx-f-text)}
.nx-live-sub{font-size:var(--nx-typo-meta);color:var(--dim)}
.nx-speed{display:flex;align-items:center;gap:0px;margin-left:auto}
.nx-sp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim);cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.07);background:transparent;transition:.15s ease}
@media (hover:hover){.nx-sp:hover{color:#fff;border-color:var(--nx-linie)}}
.nx-sp.nx-on{color:#fff;background:var(--nx-hebung);border-color:var(--nx-linie)}
.nx-live.paused .nx-sp{opacity:.4;pointer-events:none}
.nx-pausebtn{margin-left:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;cursor:pointer;padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);transition:.15s ease;flex:0 0 auto}
@media (hover:hover){.nx-pausebtn:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.nx-new{animation:nxnew .55s ease}
@keyframes nxnew{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 0 1px var(--nx-linie)}100%{opacity:1;transform:none;box-shadow:none}}
.nx-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0 6px;color:var(--dim);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text)}
.nx-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--nx-linie);border-radius:50%;animation:nxspin .8s linear infinite;flex:0 0 auto}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-loader.hidden{display:none}
.nx-demobar{position:sticky;top:0;z-index:600;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);padding:8px 16px;box-shadow:var(--nx-schatten)}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.nx-demo-fab{position:fixed;right:22px;bottom:22px;z-index:700;display:inline-flex;align-items:center;gap:8px;padding:16px 16px;border-radius:var(--nx-r-pille);background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);letter-spacing:.3px;text-decoration:none;box-shadow:var(--nx-schatten);border:1px solid rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease}
.nx-noti-head b{font-family:var(--nx-f-text);font-size:14px;color:var(--txt)}
@media (hover:hover){.nx-noti-item:hover{background:var(--nx-hebung)}}
.nx-fb-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;vertical-align:middle;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:4px 8px;white-space:nowrap}
@keyframes nxFbDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.app~footer.footer .finner{max-width:none;margin:0;padding-left:40px;padding-right:40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
@keyframes nxOnlineGlow{0%,100%{box-shadow:none}50%{box-shadow:none}}
.nx-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;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);letter-spacing:.3px;transition:.15s ease;background:var(--nx-hebung);box-sizing:border-box}
@media (hover:hover){.nx-add:hover{border-color:var(--nx-linie);color:#fff;background:var(--nx-hebung-2)}}
.nx-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:248px;max-height:320px;overflow:auto;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-karte);padding:8px;box-shadow:var(--nx-schatten);z-index:50;text-align:left}
.nx-pi{padding:8px 16px;border-radius:var(--nx-r-bedien);color:var(--txt);font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nx-pi:hover{background:var(--nx-hebung)}}
.nx-pi-h{color:var(--dim);font-size:var(--nx-typo-klein);padding:8px 16px 0px}
.pb-reset{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);cursor:pointer;transition:background .15s}
.nxn-clear{border-radius:var(--nx-r-pille);padding:4px 12px;border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--nx-text);font:700 var(--nx-typo-klein) var(--nx-f-text);cursor:pointer;transition:background .15s}
body{overflow-x:clip}
.nx-lib-open{display:inline-flex;align-items:center;gap:6px;margin-left:14px;font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--nx-text);text-decoration:none;border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:4px 12px;background:var(--nx-hebung);transition:.15s;vertical-align:middle}
@media (hover:hover){.nx-lib-open:hover{background:var(--nx-hebung);border-color:var(--nx-linie);color:var(--txt)}}
#spotlight{display:none}
#rows>*:not(#nx-librarypage){display:none}
#rows>#nx-librarypage{display:block}
.nxc-soon{flex:none;border-radius:var(--nx-r-pille);padding:6px 12px;font:800 var(--nx-typo-klein) var(--nx-f-text);background:rgba(170,169,192,.12);border:1px solid var(--line,#23233a);color:var(--dim)}
.nxc-cell[data-soon] .nxc-ico{opacity:.6}
.nxc-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nxc-settings{font:700 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--nx-text);text-decoration:none;white-space:nowrap}
@media (hover:hover){.nxc-settings:hover{text-decoration:underline}}
.lib-cats{display:flex;gap:8px;margin:14px 0 6px;flex-wrap:wrap}
.lib-cat{border:1px solid var(--line,rgba(255,255,255,.1));background:var(--surface2);color:var(--dim);font:700 var(--nx-typo-text) var(--nx-f-text);padding:8px 18px;border-radius:var(--nx-r-karte);cursor:pointer;transition:.15s}
@media (hover:hover){.lib-cat:hover{color:var(--txt);border-color:var(--nx-linie)}}
.lib-cat.on{background:var(--accent,#5b27e8);color:#fff;border-color:transparent}
.lib-empty{grid-column:1/-1;padding:38px 20px;text-align:center;color:var(--dim);font:400 var(--nx-typo-text)/1.6 'Nunito Sans',sans-serif;border:1px dashed var(--line,rgba(255,255,255,.12));border-radius:var(--nx-r-tafel)}
.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}
.wrap{opacity:0}
html.nx-revealed .wrap{opacity:1;transition:opacity .28s ease}
.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)}
.cllabel,.btndanger,.chip.c-live,.nx-live-txt{color:#ff7a92}
.nx-ss-badge,.nx-ss-live{background:rgba(10,10,18,.72);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.nx-ss-live i,.nx-ss-live .d{background:#ff7a92}
/* Der gerahmte Kasten steht auf der Kastenkante der Seite, nicht 24 weiter
  innen: sonst lag sein Kopf ("Every game you own") auf 129 statt auf 104 und
  damit 25 rechts neben dem Seitentitel darueber. Rahmenbreite = Seitenbreite,
  der Kopf faellt damit auf dieselbe senkrechte Kante wie jeder Reihenkopf. */
/* Der Kasten polstert selbst (--nx-innen) · seine Seitenpolster kamen aus
  .section ueber --nx-rand, und das ist seit dem Rahmen-Umbau das Polster
  einer schlichten Reihe (0): "FPS" stand auf der Kante des Kastens. */
.nx-pbox-top{width:100%;max-width:var(--nx-breite);margin-left:auto;margin-right:auto;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding-top:40px;padding-bottom:24px;padding-left:var(--nx-innen);padding-right:var(--nx-innen)}
/* Kasten-Innenabstand 40 oben wie unten (24 + 16 Bahnpolster) · gegen den 52er Sektionswert. */
body > .section.nx-pbox-top{padding-top:40px!important}
#rows > .section.sponsor, .section.sponsor{padding-bottom:24px}
#rows > .nx-poll#nxIndiePoll{padding-bottom:20px}
.section.sponsor > *:last-child{margin-bottom:0}
.eyebrow.eyebrow.eyebrow{font-size:var(--nx-typo-klein);}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  }
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
section.nx-row.nx-row:has(.gcard),.section.nx-row.nx-row:has(.gcard){padding-top:3px;padding-bottom:3px}
body > .section:not(.nx-row):not(#nx-hiw):not(.nx-ggl-soon):not(.nx-pbox-top){padding-top:68px}
#nx-hiw{padding-top:0}
.section.nx-ggl-soon.nx-ggl-soon{padding-top:26px}
.studiobody > section,.studiobody > .dashgrid{margin-top:52px}
.studiobody > section:first-child,.studiobody > .dashgrid:first-child{margin-top:0}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.nx-navsec.nx-navsec{padding-left:12px}
.sub.nx-lead{display:flex;gap:10px;align-items:center}
.nx-lead-ic{flex:none;color:var(--nx-text);margin-top:0}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size: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{padding-top:24px}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
.nx-set-card h2,.csechead{font-size:var(--nx-typo-abschnitt)}
.nx-rowcard{position:relative}
.nx-chan-ctl{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:.15s;z-index:3}
.nx-rowcard:hover .nx-chan-ctl,.nx-chan-ctl.show{opacity:1}
@media(hover:none){.nx-chan-ctl{opacity:1}}
.nx-chan-btn{width:28px;height:28px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:rgba(8,8,13,.78);color:var(--txt);display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.15s}
@media (hover:hover){.nx-chan-btn:hover{background:var(--accent,#5b27e8);color:#fff;border-color:transparent}}
.nx-chan-btn:disabled{opacity:.32;cursor:default}
@media (hover:hover){.nx-chan-btn.del:hover{background:var(--live,#d81b45)}}
.nx-chan-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;border:1.5px dashed var(--line2,rgba(255,255,255,0.14));border-radius:var(--nx-r-tafel);background:var(--nx-hebung);color:var(--nx-text);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-chan-add:hover{background:var(--nx-hebung-2);border-color:var(--nx-linie)}}
.nx-chan-add svg{width:26px;height:26px}
.nx-rh-manage{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:var(--surface);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);cursor:pointer;transition:.15s}
@media (hover:hover){.nx-rh-manage:hover{border-color:var(--nx-linie)}}
.nx-chan-ov{position:fixed;inset:0;z-index:9750;display:none;align-items:center;justify-content:center;padding:20px}
.nx-chan-ov.open{display:flex}
.nx-chan-scrim{position:absolute;inset:0;background:rgba(4,4,8,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nx-chan-panel{position:relative;width:min(520px,94vw);max-height:84vh;overflow:auto;background:var(--surface);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:20px}
.nx-chan-ph{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.nx-chan-ph b{font-family:var(--nx-f-titel);font-size:var(--nx-typo-abschnitt);color:#fff}
.nx-chan-ph .s{font-size:var(--nx-typo-text);color:var(--dim);margin-top:3px}
.nx-chan-x{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid var(--line,#23233a);background:transparent;color:#fff;cursor:pointer;font-size:var(--nx-typo-kartenkopf);flex:0 0 auto}
.nx-chan-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.nx-chan-item{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:var(--nx-r-karte);background:var(--surface2);border:1px solid var(--line,#23233a)}
.nx-chan-grip{color:var(--dim);cursor:grab;flex:0 0 auto}
.nx-chan-nm{flex:1;min-width:0;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-chan-act{display:flex;gap:4px;flex:0 0 auto}
.nx-chan-ipt{width:100%;box-sizing:border-box;padding:12px 12px;border-radius:var(--nx-r-karte);border:1px solid var(--line,#23233a);background:var(--bg);color:#fff;font-size:14px;margin-bottom:10px}
.nx-chan-addbtn{width:100%;padding:12px;border-radius:var(--nx-r-karte);border:0;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);cursor:pointer}
@keyframes nxpop{0%{transform:scale(1)}42%{transform:scale(1.08)}100%{transform:scale(1)}}
.nx-anim-pop{animation:nxpop .24s ease-out}
@keyframes nxfadeup{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.nx-anim-in{animation:nxfadeup .34s cubic-bezier(.2,.7,.3,1) both}
@keyframes nxtoastin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.nx-anim-toast{animation:nxtoastin .3s cubic-bezier(.2,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){.nx-anim-pop,.nx-anim-in,.nx-anim-toast{animation:none}}
.nx-noti-item.nx-noti-read{opacity:.5}
.nx-eu-foot{display:inline-flex;align-items:center;margin-right:8px;margin-left:-1px;vertical-align:-2px;position:relative;top:-1px}
.nx-eu-foot .nx-eu{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
#nx-search-drop.on{display:block}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
.nxsd-av{width:30px;height:30px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text);flex:none}
.nxsd-n{flex:1;min-width:0;font:700 var(--nx-typo-kartenkopf) "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nxsd-empty{padding:16px 14px;font:400 var(--nx-typo-text) "Nunito Sans",sans-serif;color:var(--dim);text-align:center}
.nx-wl{position:absolute;top:10px;right:10px;z-index:5;font:700 var(--nx-typo-meta) var(--nx-f-text);color:#fff;background:rgba(10,10,18,.62);border:1px solid rgba(255,255,255,.25);padding:6px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.15s}
@media (hover:hover){.nx-wl:hover{border-color:var(--nx-linie);background:var(--nx-hebung)}}
.nx-wl.on{color:#80efa9;border-color:rgba(59,227,122,.5);background:rgba(59,227,122,.14)}
.nxsr-ov{position:fixed;inset:0;z-index:80;background:rgba(4,4,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none}
.nxsr-ov.on{display:block}
.nxsr-p{max-width:580px;margin:110px auto 0;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.1);border-radius:var(--nx-r-tafel);overflow:hidden;box-shadow:var(--nx-schatten)}
.nxsr-in{width:100%;box-sizing:border-box;background:transparent;border:none;outline:none;color:var(--txt);padding:17px 19px;font:700 var(--nx-typo-kartenkopf) var(--nx-f-text);border-bottom:1px solid rgba(255,255,255,.08)}
.nxsr-r{display:flex;align-items:center;gap:11px;padding:7px 19px;color:var(--txt);text-decoration:none;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;line-height:1.35}
.nxsr-r b,.nxsr-r span{line-height:1.35}
.nxsr-art{width:52px;height:29px;border-radius:var(--nx-r-marke);flex:none;object-fit:cover;background:var(--nx-hebung)}
.nxsr-art.rund{width:30px;height:30px;border-radius:var(--nx-r-bedien)}
.nxsr-r b{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);display:block}
.nxsr-r span{color:var(--dim);font-size:var(--nx-typo-meta)}
.nxsr-a{width:30px;height:30px;border-radius:var(--nx-r-bedien);flex:none;display:grid;place-items:center;background:var(--accent);color:#fff;font:800 var(--nx-typo-meta) var(--nx-f-text)}
#nxConnect{background:var(--surface);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:16px;margin:14px 0 6px}
.nxc-head{margin-bottom:12px}
.nxc-head b{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text)}
.nxc-sub{display:block;font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin-top:2px}
.nxc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nxc-cell{display:flex;align-items:center;gap:12px;background:var(--nx-flaeche);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-karte);padding:12px 12px}
.nxc-cell.nxc-on{border-color:rgba(52,229,216,.4);background:rgba(52,229,216,.04)}
.nxc-ico{flex:none;width:34px;height:34px;border-radius:var(--nx-r-bedien);background:linear-gradient(135deg,transparent,rgba(52,229,216,.2));display:flex;align-items:center;justify-content:center;font:800 var(--nx-typo-meta) var(--nx-f-text)}
.nxc-cell > div{flex:1;min-width:0}
.nxc-cell b{display:block;font:800 var(--nx-typo-text) var(--nx-f-text)}
.nxc-cell > div span{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;color:var(--dim)}
.nxc-btn{flex:none;border-radius:var(--nx-r-pille);padding:8px 16px;font:800 var(--nx-typo-klein) var(--nx-f-text);cursor:pointer;border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--nx-text);transition:.15s}
@media (hover:hover){.nxc-btn:hover{background:var(--nx-hebung)}}
.nxc-btn.on{border-color:rgba(52,229,216,.55);background:rgba(52,229,216,.12);color:#8ff0e6}
@media(max-width:720px){.nxc-grid{grid-template-columns:1fr}}
.nxc-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}
.nx-railopen{flex-wrap:wrap;overflow-x:visible;white-space:normal}
.nx-railopen>*{flex:none}
#nx-podrail .pd-rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
#nx-podrail .pd-card{flex:0 0 230px;scroll-snap-align:start;background:var(--surface);
  border:1px solid var(--line,rgba(255,255,255,.06));border-radius:var(--nx-r-tafel);overflow:hidden;
  transition:transform .15s,border-color .15s}
@media (hover:hover){#nx-podrail .pd-card:hover{transform:translateY(-3px);border-color:rgba(52,229,216,.4)}}
#nx-podrail .pd-cov{height:110px;display:grid;place-items:center;color:#fff;position:relative}
#nx-podrail .pd-cov svg{width:30px;height:30px;opacity:.9}
#nx-podrail .pd-len{position:absolute;right:9px;bottom:8px;font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:#fff;background:rgba(8,8,13,.55);border-radius:var(--nx-r-bedien);padding:2px 8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#nx-podrail .pd-meta{padding:12px 14px 14px;display:flex;gap:10px;align-items:flex-start}
#nx-podrail .pd-txt{flex:1;min-width:0}
#nx-podrail .pd-show{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nx-podrail .pd-ep{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#nx-podrail .pc-play{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;
  border:1px solid rgba(52,229,216,.4);background:rgba(52,229,216,.1);color:#8ff4ea;cursor:pointer;transition:.15s}
@media (hover:hover){#nx-podrail .pc-play:hover{background:rgba(52,229,216,.24)}}
#nx-podrail .pc-play.on{background:#34e5d8;color:#08221f;border-color:#34e5d8}
#nx-podrail .pc-play svg{width:12px;height:12px}
#nx-librarypage{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 60px;position:relative;z-index:1}
#nx-librarypage .lib-head{display:flex;align-items:baseline;gap:0 16px;flex-wrap:wrap;margin-bottom:6px}
#nx-librarypage h1{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);margin:0;color:var(--txt)}
#nx-librarypage .lib-sub{color:var(--faint);font-size:var(--nx-typo-meta)}
#nx-librarypage .lib-sorts{display:flex;gap:8px;margin:18px 0 22px;flex-wrap:wrap;align-items:center}
#nx-librarypage .lib-sortlbl{font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--faint);margin-right:3px}
#nx-librarypage .lib-chip{font:700 var(--nx-typo-text) var(--nx-f-text);color:var(--dim);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--nx-r-pille);padding:8px 16px;cursor:pointer;transition:.15s}
@media (hover:hover){#nx-librarypage .lib-chip:hover{border-color:var(--nx-linie);color:var(--txt)}}
#nx-librarypage .lib-chip.on{background:var(--nx-hebung);border-color:var(--nx-linie);color:var(--txt)}
#nx-librarypage .lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1100px){#nx-librarypage .lib-grid{grid-template-columns:repeat(2,1fr)}}
#nx-librarypage .lib-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;
  cursor:pointer;transition:transform .15s,border-color .15s}
@media (hover:hover){#nx-librarypage .lib-card:hover{transform:translateY(-3px);border-color:var(--nx-linie)}}
#nx-librarypage .lib-cov{aspect-ratio:460/215;background-size:cover;background-position:center;position:relative}
#nx-librarypage .lib-cov.lib-cov-hoch{background-size:auto,contain,auto;background-repeat:no-repeat}
#nx-librarypage .lib-pt{position:absolute;left:10px;bottom:9px;font:700 var(--nx-typo-klein) var(--nx-f-text);
  color:#fff;background:rgba(8,8,13,.6);border-radius:var(--nx-r-bedien);padding:3px 8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#nx-librarypage .lib-meta{padding:12px 16px 16px}
#nx-librarypage .lib-name{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nx-librarypage .lib-line{margin-top:5px;font-size:var(--nx-typo-meta);color:var(--dim);display:flex;align-items:center;gap:6px}
#nx-librarypage .lib-line b{color:var(--nx-text);font-weight:700}
#nx-librarypage .lib-line.cc b{color:var(--nx-weiss,#fff)}
#nx-librarypage .lib-line.pt b{color:#3be37a}
.nx-demobar{display:none}
.nx-prevbar .pb-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.whym svg{display:block;flex:none;width:12px;height:12px}
.fcol .nx-soon-badge{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:4px 12px;line-height:1.4}
.fsocial{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;align-items:center}
.fsocial .s{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:var(--dim);background:var(--nx-hebung);
  cursor:default;transition:.15s}
.pb-right a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none;white-space:nowrap;transition:background .15s}
.nx-prevbar .pb-badge{padding:4px 12px}
#nxInvite{display:flex;align-items:center;gap:8px;margin:0;width:100%;flex:0 0 100%;grid-column:1/-1;box-sizing:border-box;font:400 var(--nx-typo-meta)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover,.sptile:hover,.nx-fm:hover,.nx-why-c:hover,.nx-supp-c:hover,.evcard:hover,.gcard:hover,.pcard:hover,.rowcard:hover,.nx-rowcard:hover,.subscard:hover,.podcard:hover,.mkt-card:hover,.post:hover,.grp:hover,.ftile:hover,.lcard:hover,.dccard:hover,.block:hover,.fgcard:hover{transform:translateY(-2px);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
.shead h3 svg,.shead h2 svg{width:18px;height:18px;flex:none}
/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

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

  Der Inhalt gibt den Takt vor (1600 breit, 34 Polsterung · Stand,
  davor 1280/24), Kopfzeile und
  Vorschauleiste folgen mit derselben Formel. */
/* MOBIL · Die 48 Punkte fuer die Vorschauleiste waren fest
  einprogrammiert. Die Leiste traegt nx-nur-demo und verschwindet im
  Livebetrieb · gemessen mit data-nx-betrieb="live": Leistenhoehe 0,
  Koerperabstand oben trotzdem 48. Uebrig blieb ein leeres Band am
  Seitenanfang, durch das der Inhalt oberhalb der geklebten Kopfzeile lief.
  Jetzt haengt das Mass am Betrieb. */
:root{ --nx-leiste:48px }
:root[data-nx-betrieb="live"]{ --nx-leiste:0px }
body{ padding-top:var(--nx-leiste) }

/* DIE GELDFILTER DER WUNSCHLISTE tragen die Hausklasse chip-f statt eines
  Inline-Stils im Bauer (js/nextari-library.06-library.js). Vorher waren sie
  Pillen mit Rahmen und 9 Punkten Polster, am Telefon ohne sichtbaren Kasten:
  das Wort stand bei 40, die Tippflaeche und die Zeile darueber bei 31.
  Jetzt ist die sichtbare Kante die Tippkante · Flaeche ohne Rand, Rundung
  und Hoehe eines Bedienelements. Der gewaehlte Filter bleibt auf jeder
  Breite erkennbar; der Bauer malt ihn deshalb selbst (data-nx-knopfgrund
  "blank"), sonst wuerde nxm-bedienung.js ihn am Schreibtisch grau
  ueberstreichen. */
#nxLibArea .chip-f{display:inline-flex;align-items:center;min-height:var(--nx-h-bedien);padding:0 14px;
  border:0;border-radius:var(--nx-r-bedien);background:var(--nx-hebung);color:var(--dim);
  font:700 var(--nx-typo-text) var(--nx-f-text);cursor:pointer;transition:.15s}
@media (hover:hover){#nxLibArea .chip-f:hover{color:var(--txt);background:var(--nx-hebung-2)}}
#nxLibArea .chip-f.on{color:#fff;background:var(--accent)}