/*! NEXTARI · Author: Marvin Slotta · Build 2026.09.07 */
b,strong{font-weight:700}
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;height:9px}
::-webkit-scrollbar-thumb{background:#26263a;border-radius:var(--nx-r-bedien)}
.wrap{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand) 0;position:relative;z-index:1}
.ptitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff}
.psub{color:var(--dim);font-size:14px;margin-top:8px}
.cats{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.cat{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s;color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung)}
@media (hover:hover){.cat:hover{color:var(--txt);border-color:var(--line2)}}
.cat.on{color:#fff;border-color:transparent;background:var(--accent);box-shadow:none}
.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 .badge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 8px;border-radius:var(--nx-r-bedien);background:rgba(255,197,61,.13);color:var(--gold);border:1px solid rgba(255,197,61,.3);margin-left:8px}
.shead .note{font:400 var(--nx-typo-meta) 'Nunito Sans',sans-serif;margin-left:8px}
/* EINE FORM FUER 'SEE ALL' · sie stand in zwei Groessen nebeneinander.
  Gemessen auf Games: 81x34 und 68x22 in derselben Ansicht, beide als
  blosser Umriss. Die Groesse kam nicht von hier, sondern davon, ob
  nxm-bedienung.js den Knopf als Pille erkannte oder nicht · zwei
  Besitzer auf einer Form. Jetzt steht sie hier: eine Hoehe, eine
  Fuellung, und mit 34 Punkten auch am Daumen zu treffen. */
.seeall{min-height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.seeall:hover{background:var(--nx-hebung);}}
@media (hover:hover){.seeall:hover{color:#fff}}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
@media (hover:hover){.evcard:hover{border-color:var(--line2);}}
.evb{aspect-ratio:16/8;position:relative}
.evb .ov{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:20px 20px}
.datechip{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:rgba(8,8,14,.6);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.st{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.st.invited{background:var(--nx-hebung);color:#fff}
.st.reg{background:var(--nx-hebung);color:#fff}
.st.live{background:var(--live);color:#fff;display:flex;align-items:center;gap:4px}
.st.fin{background:var(--nx-hebung-2);color:var(--faint)}
.live-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.evbody{padding:16px 16px}
.evname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;line-height:1.25}
.evmeta{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px;display:flex;align-items:center;gap:8px}
.evfoot{display:flex;gap:8px;margin-top:16px}
.ebtn{flex:1;text-align:center;}
@media (hover:hover){.ebtn:hover{color:#fff;background:var(--nx-hebung)}}
.ebtn.p{border:none;color:#fff;background:var(--accent)}
.ftile{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;cursor:pointer;}
@media (hover:hover){.ftile:hover{border-color:var(--line2);}}
.ftile .ov{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:26px 26px}
.ftile .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,13,.85),rgba(8,8,13,.1) 60%)}
.fcontent{position:absolute;left:16px;right:16px;bottom:14px}
.ftitle{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.fsub{font-size:var(--nx-typo-text);color:rgba(255,255,255,.8);margin-top:0px}
.fcta{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
.trow{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:16px;background:var(--nx-hebung);transition:.15s}
@media (hover:hover){.trow:hover{border-color:var(--line2)}}
.tbadge{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:0px 8px;border-radius:var(--nx-r-bedien);background:rgba(255,197,61,.13);color:var(--gold);border:1px solid rgba(255,197,61,.3);flex:none}
.ttext .tt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.ttext .tx{font-size:var(--nx-typo-meta);color:var(--dim);margin-top:2px}
.tlink{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--nx-text);display:flex;align-items:center;gap:8px;flex:none}
.createbox{border-radius:var(--radius);position:relative;overflow:hidden;background:var(--accent);padding:24px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.createbox::after{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:26px 26px}
.createbox .l{position:relative;z-index:1;flex:1;min-width:300px}
.createbox h2{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-abschnitt);color:#fff}
.createbox p{color:rgba(255,255,255,.82);font-size:var(--nx-typo-text);margin-top:8px;max-width:560px}
.createbox .cta{position:relative;z-index:1;height:50px;padding:0 24px;border:none;border-radius:var(--nx-r-tafel);cursor:pointer;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:var(--nx-grund);background:#fff;display:flex;align-items:center;gap:8px;box-shadow:none;transition:.15s}
@media (hover:hover){.createbox .cta:hover{transform:translateY(-2px)}}
.lcard{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--nx-hebung);}
@media (hover:hover){.lcard:hover{border-color:var(--line2);}}
.lthumb{aspect-ratio:16/9;position:relative}
.lgrid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:22px 22px}
.lbadge{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--live);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.streamtag{position:absolute;top:10px;left:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--nx-hebung);border:1px solid var(--line2);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.lview{position:absolute;top:10px;right:10px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#fff;background:rgba(8,8,14,.6);padding:0px 8px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:4px}
.ltitle{position:absolute;left:12px;bottom:12px;right:12px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.lbody{padding:16px 16px;display:flex;align-items:center;gap:16px}
.lmeta .t{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.lmeta .g{font-size:var(--nx-typo-meta);color:var(--faint)}
.watch{margin-left:auto;padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;cursor:pointer;color:#fff;background:var(--accent);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px;flex:none}
.dbar{border:1px solid var(--line);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;margin-bottom:16px}
.drow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.drow+.drow{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.flabel{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint);margin-right:0px}
.fchip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-pille);cursor:pointer;transition:.15s;color:var(--dim);border:1px solid var(--line);background:var(--nx-hebung)}
@media (hover:hover){.fchip:hover{color:var(--txt);border-color:var(--line2)}}
.fchip.on{color:#fff;border-color:transparent;background:var(--accent)}
.fsel{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);padding:8px 16px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);background:var(--nx-hebung);cursor:pointer}
@media (hover:hover){.fsel:hover{color:#fff;border-color:var(--line2)}}
.spevent{position:relative;border-radius:var(--nx-r-tafel);overflow:hidden;border:1px solid rgba(255,204,51,.4);min-height:236px;background:linear-gradient(110deg,#0c0c10 0%,#15140c 55%,#1d1a0a 100%);padding:24px 32px;display:flex;align-items:center;gap:32px}
.spevent::before{content:"";position:absolute;inset:0;opacity:.55;background:radial-gradient(440px 260px at 88% 130%,rgba(255,204,51,.22),transparent 60%);pointer-events:none}
.spevent .sl{position:relative;z-index:2;flex:1;min-width:0}
.spe-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.spe-logo{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.4);border:1px solid rgba(255,204,51,.5);border-radius:var(--nx-r-bedien);padding:8px 16px}
.spe-logo .wm{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);letter-spacing:1.2px;color:#ffcc33}
.spe-pres{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:var(--dim)}
.spe-ad{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#1a1505;background:#ffcc33;padding:4px 8px;border-radius:var(--nx-r-bedien)}
.spe-title{font-family:var(--nx-f-titel);font-weight:700;font-size:var(--nx-typo-seite);color:#fff;line-height:1.06}
.spe-sub{font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px;line-height:1.5;max-width:560px}
.spe-meta{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.spe-chip{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-meta);color:#ffe08a;background:rgba(255,204,51,.12);border:1px solid rgba(255,204,51,.3);padding:8px 16px;border-radius:var(--nx-r-bedien);display:flex;align-items:center;gap:8px}
.spe-act{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.spe-b1{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#1a1505;background:#ffcc33;border:none;padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.spe-b2{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung-2);border:1px solid rgba(255,255,255,.18);padding:16px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.spe-art{position:relative;z-index:2;width:310px;flex:none;align-self:stretch;border-radius:var(--nx-r-tafel);border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0e1f28,#1d3a44 70%,#27515c);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.spe-art .gt{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:rgba(255,255,255,.66);}
.spe-art .ovg{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:24px 24px}
.spevent.vw{border-color:rgba(0,177,235,.4);background:linear-gradient(110deg,#0a0e1a 0%,#0c1424 55%,#0a1830 100%)}
.spevent.vw::before{background:radial-gradient(440px 260px at 88% 130%,rgba(0,177,235,.22),transparent 60%)}
.spevent.vw .spe-logo{border-color:rgba(0,177,235,.5)}
.spevent.vw .spe-logo .wm{color:#00b1eb}
.spevent.vw .spe-ad{background:#00b1eb;color:#04121f}
.spevent.vw .spe-chip{color:#9fe0f5;background:rgba(0,177,235,.12);border-color:rgba(0,177,235,.3)}
.spevent.vw .spe-b1{background:#00b1eb;color:#04121f}
.spevent.vw .spe-art{background:linear-gradient(135deg,#0a1f3a,#0e3a5c 70%,#11577a)}
.hybgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hybcard{border:1px solid var(--line2);border-radius:var(--nx-r-tafel);background:var(--nx-hebung);padding:16px;position:relative}
.hybcard .nxb{position:absolute;top:13px;right:13px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--accent);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.hybcard .venue{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.hybcard .city{font-size:var(--nx-typo-text);color:var(--nx-text);margin-top:4px;display:flex;align-items:center;gap:8px}
.hybcard .fmt{font-size:var(--nx-typo-text);color:var(--dim);margin-top:8px}
.hybcard .row{display:flex;align-items:center;gap:8px;margin-top:16px}
.hybcard .htag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#9fe0f5;background:rgba(52,229,216,.1);border:1px solid rgba(52,229,216,.3);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.hybcard .rsvp{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
.dcgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dccard{border:1px solid rgba(88,101,242,.35);border-radius:var(--nx-r-tafel);background:linear-gradient(180deg,rgba(88,101,242,.08),rgba(16,16,25,.4));padding:16px}
.dccard .dch{display:flex;align-items:center;gap:8px}
.dccard .dctag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#c2c9ff;background:rgba(88,101,242,.18);border:1px solid rgba(88,101,242,.4);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.dccard .den{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;margin-top:16px;line-height:1.25}
.dccard .dsrv{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:4px}
.dccard .dgo{font-size:var(--nx-typo-meta);color:#c2c9ff;margin-top:8px;font-family:var(--nx-f-text);font-weight:700;display:flex;align-items:center;gap:8px}
.gmerge{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--surface)}
.gmerge .global{border-radius:0;}
.gmerge .tablewrap.gflush{border:none;border-radius:0;}
.invbox{border-radius:var(--nx-r-tafel);background:var(--nx-hebung);overflow:hidden}
.invhead{display:flex;align-items:center;gap:8px;padding:16px 16px;border-bottom:1px solid var(--line);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff}
.invcount{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:#fff;background:var(--accent);padding:4px 8px;border-radius:var(--nx-r-bedien)}
.invhead .seeall{margin-left:auto;font-size:var(--nx-typo-text);color:var(--nx-text);font-weight:700}
.invrow{display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:1px solid var(--line)}
.invrow:last-child{border-bottom:none}
.invav{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;flex:none}
.invtxt{flex:1;min-width:0}
.invtxt .il{font-size:var(--nx-typo-text);color:var(--dim);line-height:1.4}
.invtxt .il b{font-family:var(--nx-f-text);font-weight:700;color:#fff}
.invsrc{display:inline-flex;align-items:center;gap:4px;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien);margin-bottom:8px}
.invtxt .im{font-size:var(--nx-typo-meta);color:var(--faint);margin-top:0px;display:flex;align-items:center;gap:16px}
.invtxt .im span{display:flex;align-items:center;gap:4px}
.invact{display:flex;gap:8px;flex:none}
.invacc{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--accent);border:none;padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;gap:8px}
.invdec{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);background:var(--nx-hebung);border:1px solid var(--line);padding:8px 16px;border-radius:var(--nx-r-bedien);cursor:pointer}
@media (hover:hover){.invdec:hover{color:#fff;border-color:var(--line2)}}
@media(max-width:760px){.invrow{flex-wrap:wrap}.invact{width:100%}}
@media(max-width:820px){.spevent{flex-direction:column}.spe-art{width:100%;min-height:150px}}
.viewmore{display:flex;justify-content:center;margin-top:16px}
.viewmore button{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;background:var(--nx-hebung);border:1px solid var(--line2);padding:16px 24px;border-radius:var(--nx-r-karte);cursor:pointer;display:flex;align-items:center;gap:8px}
@media (hover:hover){.viewmore button:hover{background:var(--nx-hebung)}}
.tablewrap{border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--surface)}
table.dt{width:100%;border-collapse:collapse}
.dt th{text-align:left;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--faint);padding:16px 16px;border-bottom:1px solid var(--line);background:var(--nx-hebung)}
.dt td{padding:16px 16px;border-bottom:1px solid var(--line);font-size:var(--nx-typo-text);color:var(--dim);vertical-align:middle}
.dt tr:last-child td{border-bottom:none}
@media (hover:hover){.dt tbody tr:hover td{background:var(--nx-hebung)}}
.encell{display:flex;align-items:center;gap:16px}
.endot{width:34px;height:34px;border-radius:var(--nx-r-bedien);flex:none}
.enname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff}
.tp{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);padding:4px 8px;border-radius:var(--nx-r-bedien);}
.tp.casual{background:var(--nx-hebung);color:var(--nx-text)}
.tp.professional{background:var(--nx-hebung);color:var(--nx-text)}
.tp.stream{background:var(--nx-hebung);color:var(--nx-text)}
.spill.open{background:var(--nx-hebung);color:var(--txt)}
.spill.live{background:var(--live);color:#fff}
.spill.up{background:var(--nx-hebung);color:var(--dim)}
.global{border:1px solid rgba(52,229,216,.3);background:linear-gradient(120deg,rgba(52,229,216,.08),rgba(255,255,255,.03));border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.global .tag{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);color:var(--cyan);background:rgba(52,229,216,.12);border:1px solid rgba(52,229,216,.3);padding:0px 8px;border-radius:var(--nx-r-bedien)}
.gbtn{padding:16px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;color:#fff;background:var(--accent);font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);display:flex;align-items:center;gap:8px}
/* 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. */
.muted{color:var(--faint);font-size:var(--nx-typo-text)}
.sstar{cursor:pointer;color:var(--nx-leise)}
@media (hover:hover){.sstar:hover{color:var(--nx-text)}}
.av{border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;color:#fff;position:relative;flex:none}
.online{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2.5px solid var(--surface)}
.footer{z-index:1;margin-top:32px;}
.finner{max-width:var(--nx-breite);margin:0 auto;padding:88px var(--nx-rand) 72px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:24px}
.fcol a{display:block;font-size:var(--nx-typo-text);color:var(--dim);padding:4px 0}
.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)}
@media(max-width:820px){.finner{grid-template-columns:1fr 1fr}.tablewrap{overflow-x:auto}}
.adslot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line2);border-radius:var(--nx-r-tafel);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(52,229,216,.05));box-shadow:inset 0 0 70px transparent;overflow:hidden}
.adslot::before{content:"AD";position:absolute;top:11px;left:11px;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:#1a1505;background:var(--gold);padding:4px 8px;border-radius:var(--nx-r-bedien);z-index:2}
.adslot::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.adslot .adlbl{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-klein);letter-spacing:var(--nx-sperrung);text-transform:uppercase;color:var(--nx-text);z-index:1}
.adslot .adsz{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:#fff;z-index:1}
.adslot .adfmt{font-family:'Nunito Sans';font-size:var(--nx-typo-text);color:var(--faint);z-index:1}
.adwrap{max-width:var(--nx-breite);margin:32px auto;padding:0 var(--nx-rand)}
.adbillboard{width:100%;height:250px}
.adhalf{width:300px;max-width:100%;height:600px;margin:0 auto}
.admid{width:336px;max-width:100%;height:280px;margin:0 auto}
.adfeed{width:100%;height:220px}
.msgwrap{max-width:var(--nx-breite);margin:16px auto 40px;padding:0 var(--nx-rand)}
.msgtop{display:flex;align-items:baseline;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.msgtop h1{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff}
.msgtop .sub{font-size:var(--nx-typo-text);color:var(--dim)}
.msgshell{display:grid;grid-template-columns:332px 1fr;border:1px solid var(--line);border-radius:var(--nx-r-tafel);overflow:hidden;background:var(--surface);min-height:660px}
.convcol{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.convsearch{padding:16px 16px;border-bottom:1px solid var(--line);position:relative}
.convsearch input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:var(--nx-r-bedien);padding:8px 16px 8px 32px;color:#fff;font-family:'Nunito Sans';font-size:var(--nx-typo-text);outline:none}
.convsearch .ico{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--faint)}
.convseg{display:flex;gap:var(--nx-luecke-knopf);padding:16px 16px;border-bottom:1px solid var(--line)}
.segbtn{flex:1;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:var(--dim);background:transparent;border:1px solid var(--line);padding:8px;border-radius:var(--nx-r-bedien);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.segbtn.on{background:var(--nx-hebung);border-color:var(--line2);color:#fff}
.convlist{overflow-y:auto;flex:1}
.conv{display:flex;gap:16px;padding:16px 16px;cursor:pointer;border-bottom:1px solid var(--line);position:relative;align-items:center}
@media (hover:hover){.conv:hover{background:var(--nx-hebung)}}
.conv.active{background:var(--nx-hebung)}
.conv.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.conv .ctxt{flex:1;min-width:0}
.crow{display:flex;align-items:center;gap:8px}
.cname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;}
.ctime{margin-left:auto;font-size:var(--nx-typo-klein);color:var(--faint);flex:none}
.cprev{font-size:var(--nx-typo-text);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.cprev.unread{color:var(--txt);font-weight:700}
.cplay{font-size:var(--nx-typo-meta);color:var(--green);margin-top:0px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cplay.off{color:var(--faint)}
.cbadge{flex:none;min-width:19px;height:19px;padding:0 8px;border-radius:10px;background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-meta);display:grid;place-items:center;margin-left:8px}
.threadcol{display:flex;flex-direction:column;min-width:0}
.thhead{padding:16px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}
.thinfo{min-width:0}
.thname{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;display:flex;align-items:center;gap:8px}
.thpres{font-size:var(--nx-typo-text);color:var(--green);margin-top:4px;display:flex;align-items:center;gap:8px}
.thpres .pdot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:none}
/* DAS MIKROFON GEHOERT ZU "mic on" (Nr. C6). Am Telefon stand das Zeichen
  allein am Zeilenende und das Wort darunter. Zeichen und Rest der Zeile sind
  eine Einheit, die nur als Ganzes umbricht · am Schreibtisch mit demselben
  Abstand von 8 wie vorher zwischen den Teilen. */
.thpres .nx-mic{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.thactions{margin-left:auto;display:flex;gap:8px}
.tha{width:38px;height:38px;border-radius:var(--nx-r-bedien);border:1px solid var(--line);background:var(--nx-hebung);color:var(--dim);display:grid;place-items:center;cursor:pointer;transition:.15s}
@media (hover:hover){.tha:hover{color:#fff;border-color:var(--line2)}}
@media (hover:hover){.tha.danger:hover{color:var(--live);border-color:rgba(255,77,109,.4)}}
.thscroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}
.matchctx{align-self:center;display:flex;align-items:center;gap:16px;background:var(--nx-hebung);border:1px solid var(--line2);border-radius:var(--nx-r-karte);padding:8px 16px;font-size:var(--nx-typo-text);color:var(--dim);max-width:560px;text-align:center}
.matchctx b{color:#fff;font-family:var(--nx-f-text)}
.matchctx .why{color:var(--nx-text);font-family:var(--nx-f-text);font-weight:700;cursor:pointer;white-space:nowrap}
.lfgband{align-self:stretch;border:1px solid var(--line2);border-radius:var(--nx-r-tafel);overflow:hidden;background:linear-gradient(120deg,#0c0a16,#160c24 60%,#0c1c2a);position:relative;padding:16px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lfgband::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 92% 130%,transparent,transparent 60%)}
.lfgart{width:54px;height:54px;border-radius:var(--nx-r-karte);flex:none;position:relative;z-index:1}
.lfgtxt{flex:1;min-width:160px;position:relative;z-index:1}
.lfglbl{font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-klein);color:var(--cyan)}
.lfgtitle{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);color:#fff;margin-top:4px}
.lfgmeta{font-size:var(--nx-typo-text);color:var(--dim);margin-top:0px}
.lfgjoin{position:relative;z-index:1;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-karte);cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:none}
.msg{max-width:68%;padding:8px 16px;border-radius:var(--nx-r-tafel);font-size:var(--nx-typo-text);line-height:1.5}
.msg.them{align-self:flex-start;background:var(--nx-hebung);border:1px solid var(--line);border-bottom-left-radius:8px}
.msg.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:8px}
.msgmeta{align-self:flex-start;font-size:var(--nx-typo-klein);color:var(--faint);margin:-6px 0 4px 4px}
.msgmeta.me{align-self:flex-end;margin:-6px 4px 4px 0}
.sys{align-self:center;font-size:var(--nx-typo-meta);color:var(--faint);background:var(--nx-hebung);border:1px solid var(--line);padding:8px 16px;border-radius:var(--nx-r-tafel)}
.composer{padding:16px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}
.cqr{display:flex;gap:4px}
.cqr .npic{max-height:20px;max-width:23px;object-fit:contain;display:block}
.cqrbtn{width:34px;height:34px;border-radius:var(--nx-r-bedien);display:grid;place-items:center;cursor:pointer;border:1px solid transparent}
@media (hover:hover){.cqrbtn:hover{background:var(--nx-hebung);border-color:var(--line)}}
.composer .cin{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:var(--nx-r-karte);padding:16px 16px;color:#fff;font-family:'Nunito Sans';font-size:14px;outline:none}
.composer .cin:focus{border-color:var(--line2)}
.sendbtn{width:42px;height:42px;border-radius:var(--nx-r-karte);flex:none;background:var(--accent);border:none;color:#fff;display:grid;place-items:center;cursor:pointer}
.safetybar{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px;border-top:1px solid var(--line);font-size:var(--nx-typo-meta);color:var(--faint)}
.safetybar a{color:var(--nx-text);font-weight:700}
@media(max-width:820px){.msgshell{grid-template-columns:1fr}}
.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}
.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{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-modal.open{display:grid}
.nx-mbox{width:430px;max-width:94vw;background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:24px;box-shadow:var(--nx-schatten);text-align:center}
.nx-mbox h3{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0 0 8px}
.nx-mbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.55;margin:0 0 18px}
.nx-mact{display:flex;gap:8px;justify-content:center}
.nx-mbtn{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:1px solid rgba(255,255,255,.1);background:var(--nx-hebung);color:var(--txt);cursor:pointer}
.nx-mbtn.pri{background:var(--accent);border-color:transparent;color:#fff}
.nx-pulse{display:flex;gap:8px;justify-content:center;margin:6px 0 18px}
.nx-pulse i{width:9px;height:9px;border-radius:50%;background:#5b27e8;animation:nxp 1s infinite alternate}
.nx-pulse i:nth-child(2){animation-delay:.2s}
.nx-pulse i:nth-child(3){animation-delay:.4s}
@keyframes nxp{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.nx-thread{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.nx-thread .row{display:flex;gap:8px}
.nx-thread input{flex:1;background:var(--nx-hebung);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:8px 16px;color:var(--txt);font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);outline:none}
.nx-thread input:focus{border-color:var(--accent)}
.nx-thread .send{font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-bedien);border:none;background:var(--accent);color:#fff;cursor:pointer}
.nx-cmt{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--txt);background:var(--nx-hebung);border:1px solid rgba(255,255,255,.06);border-radius:var(--nx-r-bedien);padding:8px 16px}
.nx-cmt b{font-family:var(--nx-f-text);color:var(--nx-text);font-weight:700}
.nx-postcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-tafel);padding:16px;margin:0 0 16px;animation:nxin .35s}
.nx-postcard .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--nx-f-text)}
.nx-postcard .ph b{color:var(--txt);font-size:14px}
.nx-postcard .ph span{color:var(--dim);font-size:var(--nx-typo-text)}
.nx-postcard p{font-family:'Nunito Sans',sans-serif;color:var(--txt);font-size:14px;line-height:1.55;margin:0}
@keyframes nxin{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.nx-rows{max-width:var(--nx-breite);margin:0 auto;padding:32px var(--nx-rand)}
.nx-rows .rh{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.nx-rows h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-abschnitt);color:var(--txt);margin:0}
.nx-rows .sub{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.nx-rowgrid{grid-template-columns:1fr}}
.nx-rowcard{background:var(--nx-flaeche);border:1px solid rgba(255,255,255,.07);border-radius:var(--nx-r-tafel);padding:16px;display:flex;flex-direction:column;gap:8px;}
@media (hover:hover){.nx-rowcard:hover{border-color:var(--nx-linie)}}
.nx-rowcard .top{display:flex;align-items:center;gap:8px}
.nx-rowcard .rav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);color:#fff;flex:none}
.nx-rowcard .ti b{display:block;font-family:var(--nx-f-text);font-weight:800;font-size:var(--nx-typo-kartenkopf);color:var(--txt)}
.nx-rowcard .ti span{font-family:'Nunito Sans',sans-serif;font-size:var(--nx-typo-text);color:var(--dim)}
.nx-rowcard .picks{display:flex;gap:8px;flex-wrap:wrap}
.nx-rowcard .pk{font-family:var(--nx-f-text);font-size:var(--nx-typo-meta);font-weight:700;color:var(--dim);border:1px solid rgba(255,255,255,.09);border-radius:var(--nx-r-bedien);padding:4px 8px}
.nx-rowcard .foot{display:flex;align-items:center;gap:8px;margin-top:2px}
.nx-rowcard .subs{font-family:var(--nx-f-text);font-size:var(--nx-typo-text);color:var(--dim)}
.nx-sub{margin-left:auto;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-text);padding:8px 16px;border-radius:var(--nx-r-karte);border:none;cursor:pointer;background:var(--accent);color:#fff;transition:.15s}
.nx-sub.nx-on{background:rgba(59,227,122,.12);border:1px solid rgba(59,227,122,.4);color:#80efa9}
.nx-soon{position:fixed;inset:0;top:36px;background:rgba(6,6,11,.78);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:9000;padding:16px}
.nx-soonbox{text-align:center;max-width:480px}
.nx-soonpill{display:inline-block;font-family:var(--nx-f-text);font-size:var(--nx-typo-klein);font-weight:800;letter-spacing:var(--nx-sperrung);color:var(--nx-text);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-bedien);padding:8px 16px;margin-bottom:16px;text-transform:uppercase}
.nx-soonbox h2{font-family:var(--nx-f-titel);font-weight:800;font-size:var(--nx-typo-seite);color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.nx-soonbox p{font-family:'Nunito Sans',sans-serif;font-size:14px;color:var(--dim);line-height:1.6;margin:0 0 22px}
.nx-soonact{display:flex;gap:8px;justify-content:center}
.nx-cartdot{position:absolute;top:-4px;right:-6px;min-width:15px;height:15px;border-radius:8px;background:#5b27e8;color:#fff;font:800 var(--nx-typo-klein) var(--nx-f-text);display:flex;align-items:center;justify-content:center;padding:0 4px}
.nx-has-art .ov,.nx-has-art .grid-ov,.nx-has-art .ovg,.nx-has-art .bb-grid,.nx-has-art .t10grid2,.nx-has-art .lgrid{opacity:0}
.nx-has-art .bb-peek{opacity:.25}
.mtile.trailer .play{transition:transform .15s}
@media (hover:hover){.mtile.trailer:hover .play{transform:scale(1.12)}}
.mtile.nx-embed{background:#000;cursor:default}
@media (hover:hover){.mtile.nx-embed:hover{transform:none}}
.mtile.nx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:2}
.mtile.nx-embed .ov,.mtile.nx-embed .play,.mtile.nx-embed .lab{display:none}
html,body{max-width:100%}
/* · overflow-x:hidden am HTML macht das Dokument zum Scrollbehaelter,
  und darin klebt nichts mehr: Kopfzeile und Sprungleiste liefen auf dem Telefon
  einfach mit nach oben weg. Nach dem ersten Wischen gab es keine Navigation mehr.
  overflow-x:clip schneidet genauso, macht aber keinen Behaelter · position:sticky
  bleibt am Leben. Gemessen auf sieben Seiten. */
@media(max-width:900px){html{overflow-x:clip}body{overflow-x:clip}}
img,video,iframe{max-width:100%}
@media(max-width:760px){
  .nx-demobar{height:auto;min-height:30px;line-height:1.25;padding:8px 16px;font-size:var(--nx-typo-meta);text-align:center;flex-wrap:wrap;position:sticky;top:0}
  .nx-demobar .nx-db-sep{display:none}
  .nx-demobar .nx-db-partner{flex-basis:100%}
  
}
@media(max-width:900px){
  .col-main,.col-center,main{width:auto;max-width:100%;margin:0}
  
  .grid2,.grid3,.twocol,.threecol,.split,.cols{grid-template-columns:1fr;display:grid}
}
@media(max-width:760px){
  
  .bento .sptile{min-height:150px}
  .bento .sptile.big{min-height:210px}
}
@media(max-width:480px){
  .bento .sptile{min-height:180px}
}
@media(max-width:760px){
  
  .lfgband{padding:16px 16px;gap:8px}
  .thhead{flex-wrap:wrap;row-gap:8px}
  .thpres{display:block;line-height:1.5}
  /* Name und Status bleiben neben dem Bild und brechen dort um · als
  Zeile im Fluss waere der Block sonst ganz unter das Bild gerutscht. */
  .thhead > .thinfo{flex:1 1 0;min-width:0}
  .thhead > .thactions{flex-basis:100%}
  .thpres .pdot{display:inline-block;vertical-align:middle;margin-right:8px}
  .thactions{margin-left:0}
  
  .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:var(--nx-typo-kartenkopf);
  color:var(--dim);text-decoration:none;background:var(--nx-hebung);
  border:1px solid transparent;transition:.15s;line-height:1.2}
@media(max-width:600px){
  .nx-db-persp{bottom:18px;padding:8px;gap:4px}
  .nx-db-persp::before{font-size:var(--nx-typo-klein);padding:0 8px 0 6px}
  
  .nx-db-persp-tab{padding:6px 12px;font-size:var(--nx-typo-meta)}
}
.nx-biasfree{display:inline-flex;align-items:center;gap:8px;font-family:var(--nx-f-text);
  font-weight:700;font-size:var(--nx-typo-klein);color:var(--green,#3be37a);
  background:rgba(59,227,122,.09);
  padding:3px 8px;border-radius:var(--nx-r-bedien);white-space:nowrap;cursor:help;line-height:1}
@media(max-width:600px){.nx-biasfree{font-size:var(--nx-typo-klein);padding:3px 8px}}
.ov{background-position:9px 9px}
.grid-ov,.banner-grid,.agrid,.bb-grid,.lgrid,.ovg,.t10grid2{background-position:7px 7px}
.cname,.uname,.rname,.pname,.gname,.sname,.lname{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fclaim .fcl1{font-weight:400;font-size:var(--nx-typo-text);line-height:1.4}
.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: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-demobar svg{flex:0 0 auto}
.nx-db-tag{font-weight:800}
.nx-db-sep{opacity:.5;font-weight:700;margin:0 2px}
.nx-db-partner{font-weight:700}
.nx-demobar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
@media (hover:hover){.nx-demobar a:hover{opacity:.85}}
.nx-demo-fab{position:fixed;right:22px;bottom:22px;z-index:700;display:inline-flex;align-items:center;gap:8px;padding:16px 16px;border-radius:var(--nx-r-pille);background:var(--accent);color:#fff;font-family:var(--nx-f-text);font-weight:700;font-size:var(--nx-typo-kartenkopf);text-decoration:none;box-shadow:var(--nx-schatten);border:1px solid rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.nx-demo-fab:hover{transform:translateY(-2px);box-shadow:var(--nx-schatten)}}
.nx-demo-fab svg{flex:0 0 auto}
.nx-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}}
.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}
.nxn-ic{cursor:default}
.nxn-ic svg{cursor:default}
.pb-navlab{flex:none;font:800 var(--nx-typo-klein) var(--nx-f-text);color:var(--nx-leise);padding-right:10px;margin-right:2px;border-right:1px solid rgba(255,255,255,.14)}
.nx-ss-badge,.nx-ss-live{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.14)}
.eyebrow.eyebrow.eyebrow{}
p,p,.note,.note,.sub,.sub,.nx-why-p,.nx-why-p,.lead,.lead,.nxp3-v span,.nxp3-v span,.desc,.desc,.cardsub,.cardsub,.subline,.subline,.nx-surf-step span,.nx-surf-step span,.nx-surf-step,.nx-surf-step,.nxp3-v,.nxp3-v,.hiw-step span,.hiw-step span{text-wrap:pretty}
/* .finner hat FUENF Kinder, aber nur VIER Spalten: .nx-fg ueberspannt die
  erste Zeile, darunter stehen .fbrand und drei .fcol. Die Regel nannte
  fuenf Breiten · die fuenfte verfiel, und Spalte 1 wurde mit 526 px
  doppelt so breit wie ihre Nachbarn (171/227/263). Dazu schob
  margin-left die zweite Spalte noch einmal weg · zusammen die Luecke
  von 310 px im Bild. Vier Spalten: die Marke traegt den Claim und darf
  breiter sein, die drei Linkspalten sind gleich. */
/* minmax(0,...) ist noetig: ein blosses 1.5fr heisst minmax(auto,1.5fr),
  und der Claim "Second screen for gaming culture." hat eine breite
  min-content · er drueckte Spalte 1 auf 526 px zurueck, egal was die
  Regel sagte. Gemessen: 515/222/222/257 statt der gewollten Gleichheit. */
@media (min-width:1000px){.finner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
  .finner .fbrand{min-width:0}}
a,button,[role="button"],[data-action],[data-nx],[data-drawer],summary{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
@media (hover:hover){a:hover,button:hover,[role="button"]:hover,[data-action]:hover,[data-nx]:hover,[data-drawer]:hover,summary:hover{color:#fff}}
@media (hover:hover){button:hover,[role="button"]:hover,[data-drawer]:hover,.btn:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}}
@media (hover:hover){[disabled]:hover,[aria-disabled="true"]:hover,.soon:hover,.disabled:hover{color:inherit;box-shadow:none;opacity:inherit}}
section.nx-row.nx-row.nx-row,.section.nx-row.nx-row{padding-top:19px;padding-bottom:19px;margin-top:0;margin-bottom:0}
.section.nx-ggl-soon.nx-ggl-soon{padding-top:26px}
.topbar + section.nx-row.nx-row.nx-row.nx-row,.topbar ~ main > section.nx-row:first-child,.topbar + .section.nx-row.nx-row.nx-row{margin-top:32px}
body:not([data-nx-landing]) .grad:not(.nx-fb-h .grad),.nx-ct-grad,.nx-nr-grad,.nx-supp-grad,#nxLeague .lg-title,.nx-gruss-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;-webkit-text-fill-color:#fff}
.shead h2, .rh h2, h2[id^="h-"], .nx-zone, .nx-cont-head h2{font-size:var(--nx-typo-abschnitt);font-weight:800;line-height:1.2}
.nx-charea .shead h3,.nx-charea .shead h2,.nx-chrows .nx-shelf-wrap .shead h3{font-size:var(--nx-typo-kartenkopf);font-weight:800;line-height:1.35}
#nxChanArea .nx-charea-inner > .nx-charea-out + .section{margin-top:-16px}
.ctime{cursor:default}
@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)}
.nxsd-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--nx-r-bedien);text-decoration:none;transition:background .15s}
.nxsd-n{flex:1;min-width:0;font:700 var(--nx-typo-kartenkopf) "Nunito Sans",sans-serif;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxsd-n b{color:#fff;font-weight:800}
.nx-sqbadge{position:absolute;right:-2px;bottom:-2px;font-size:var(--nx-typo-text);color:#34e5d8;background:var(--panel,#121215);border-radius:50%;line-height:1;text-shadow:0 0 4px rgba(52,229,216,.8)}
.conv.nx-squad .av{position:relative;overflow:visible}
.msgwho{font:700 var(--nx-typo-meta) var(--nx-f-text);color:var(--dim);margin:8px 0 2px 2px}
.msg.them+.msgwho{margin-top:12px}
.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-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:var(--nx-typo-klein);font-weight:700;border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.nx-prevbar .pb-glabel{font-size:var(--nx-typo-klein);font-weight:700;margin-right:5px;white-space:nowrap}
.nx-prevbar .pb-badge{color:var(--dim);border-color:rgba(255,255,255,.14);background:var(--nx-hebung);}
.nx-prevbar .pb-glabel{color:var(--dim)}
.whym{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--nx-r-pille);line-height:1;height:auto;white-space:nowrap;vertical-align:middle;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);transition:background .15s,border-color .15s}
@media (hover:hover){.whym:hover{background:var(--nx-hebung);border-color:var(--nx-linie)}}
.whym svg{display:block;flex:none;width:12px;height:12px}
.fcol .nx-soon-badge{font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:var(--nx-sperrung);text-transform:uppercase;
  color:var(--nx-text);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);border-radius:var(--nx-r-pille);padding:4px 12px;line-height:1.4}
.fsocial .s{width:34px;height:34px;border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;color:var(--dim);background:var(--nx-hebung);
  cursor:default;transition:.15s}
.pb-right a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--nx-r-pille);border:1px solid rgba(255,255,255,.25);background:var(--nx-hebung);color:#fff;font:700 var(--nx-typo-meta) var(--nx-f-text);text-decoration:none;white-space:nowrap;transition:background .15s}
.nx-ritual{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 14px;border-radius:var(--nx-r-karte);background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--txt)}
.nx-ritual b{color:var(--txt)}
.nx-rit-soon{margin-left:auto;background:var(--nx-hebung);border:1px solid rgba(255,255,255,0.14);color:var(--nx-text);border-radius:var(--nx-r-bedien);padding:2px 8px;font:800 var(--nx-typo-klein) var(--nx-f-text);letter-spacing:0.9px}
#nxInvite{display:flex;align-items:center;gap:8px;margin:0 0 18px;width:100%;flex:0 0 100%;grid-column:1/-1;box-sizing:border-box;font:400 var(--nx-typo-text)/1.5 'Nunito Sans',sans-serif;color:var(--dim)}
#nxInvite svg{flex:none}
@keyframes nxPulse{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes nxIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.pcard,.rowcard,.nx-rowcard,.subscard,.podcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.card:hover,.sptile:hover,.nx-fm:hover,.nx-why-c:hover,.nx-supp-c:hover,.evcard:hover,.gcard:hover,.pcard:hover,.rowcard:hover,.nx-rowcard:hover,.subscard:hover,.podcard:hover,.mkt-card:hover,.post:hover,.grp:hover,.ftile:hover,.lcard:hover,.dccard:hover,.block:hover,.fgcard:hover{transform:translateY(-2px);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nx-pulse{animation:none}.card,.sptile,.nx-fm,.nx-why-c,.nx-supp-c,.evcard,.gcard,.rowcard,.nx-rowcard,.mkt-card,.post,.grp,.ftile,.lcard,.dccard,.block,.fgcard{animation:none;transition:none}
@media (hover:hover){.card:hover,.sptile:hover{transform:none}}}
/* Das Zeichen fuer einen neuen Squad-Chat steht in der Segmentzeile: dieselbe
  Hoehe wie Direct und Squads, quadratisch, und die Luecke kommt von .convseg ·
  mit eigenem Rand standen dort 8 und 14, das Zeichen war 30 statt 34 hoch. */
.nx-newsq{flex:none;width:var(--nx-h-bedien);height:var(--nx-h-bedien);border-radius:var(--nx-r-bedien);border:1px solid rgba(255,255,255,0.14);background:var(--nx-hebung);color:var(--nx-text);font:400 18px 'Nunito Sans',sans-serif;cursor:pointer;transition:.15s}
@media (hover:hover){.nx-newsq:hover{background:var(--nx-hebung)}}
#nxSqModal{position:fixed;inset:0;z-index:5000;background:rgba(5,5,10,.66);display:flex;align-items:center;justify-content:center}
.nx-sq{width:360px;max-width:92vw;background:var(--nx-flaeche);border:1px solid var(--line,#23233a);border-radius:var(--nx-r-tafel);padding:18px}
.nx-sq h3{font:800 var(--nx-typo-kartenkopf) var(--nx-f-text);margin:0 0 3px}
.nx-sq .s{font:400 var(--nx-typo-text) 'Nunito Sans',sans-serif;color:var(--dim);margin:0 0 12px}
.nx-sq label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--nx-r-bedien);cursor:pointer;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif}
@media (hover:hover){.nx-sq label:hover{background:var(--nx-hebung)}}
.nx-sq .go{width:100%;margin-top:10px;padding:12px;border:none;border-radius:var(--nx-r-karte);background:var(--accent,#5b27e8);color:#fff;font:800 var(--nx-typo-text) var(--nx-f-text);cursor:pointer}
.nx-sq .x{float:right;background:none;border:none;color:var(--dim);font-size:var(--nx-typo-kartenkopf);cursor:pointer}
#nxSqToast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);background:var(--nx-flaeche-2);border:1px solid rgba(52,229,216,.5);color:#bff5ef;border-radius:var(--nx-r-pille);padding:10px 20px;font:700 var(--nx-typo-text) 'Nunito Sans',sans-serif;z-index:5100}
/* KANTEN · eine senkrechte Linie fuer Kopf, Vorschauleiste und Inhalt.

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

  Der Inhalt gibt den Takt vor (1600 breit, 34 Polsterung · Stand,
  davor 1280/24), Kopfzeile und
  Vorschauleiste folgen mit derselben Formel. */

/* TELEFON · Diese Seite steht im Freigabe-Register (nxm-mobil.js). Sie wird
  am Telefon gestapelt, nicht gesperrt. */

/* Eigene Nachrichten und ihre Uhrzeit sind Text, kein Knopf. Die Konto-Pille
  .me aus der Kopfzeile traf ueber .msg.me und .msgmeta.me auch sie und gab
  ihnen einen Zeigefinger, hinter dem nichts liegt. */
.msg.me,.msgmeta.me{cursor:default}
/* Dieselbe Regel legte auch Rahmen, Fuellung und Pillenform um die Zeile mit
  Name und Uhrzeit · sichtbar als leerer Kasten unter jeder eigenen Nachricht.
  Sie ist eine Bildunterschrift, kein Bedienelement. */
.msgmeta.me{display:block;border:0;background:none;border-radius:0;padding:0}
/* Die Blase selbst nahm dieselbe Regel Innenabstand und Rundung: die Schrift
  stand auf ihrer Kante. Die Pillenregel oben gilt deshalb nur noch dem Link
  der Kopfzeile (a.me), und .msg behaelt seine eigenen Werte. */

@media(max-width:820px){
  /* Die Liste der Unterhaltungen stand auf display:none · am Telefon war
  damit nur noch der eine offene Faden erreichbar, und kein Weg fuehrte zu
  den anderen. Sie steht jetzt gestapelt ueber dem Faden. Ihre Hoehe ist
  gedeckelt, damit der offene Faden in Reichweite bleibt. */
  .convcol{display:flex;border-right:0;border-bottom:1px solid var(--line)}
  .convlist{flex:none;max-height:min(46vh,340px)}
  /* DER OFFENE FADEN IST NICHT DIE NAECHSTE ZEILE DER LISTE (Nr. C6).
  Gemessen bei 390: die Liste endet bei 402, der Kopf des Fadens beginnt
  bei 402, ohne Abstand (die Linie nimmt css/nextari-flaechen.css weg,
  Flaechen tragen keine Kante). "LunaFox" mit Status las sich wie ein
  fuenfter Eintrag. Getrennt wird mit Luft: 24 Punkte. */
  .convcol{padding-bottom:12px}
  .threadcol{padding-top:12px}
  /* Die Rollleiste der Liste nahm 9 Punkte von der Breite · die Karten standen
  rechts 7 Punkte vor der Kante der Segmentzeile darueber. Schmale Geraete
  zeigen ohnehin eine schwebende Leiste; gerollt wird weiter. */
  .convlist{scrollbar-width:none}
}

@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. */
  .thactions .tha{width:44px;height:44px}
  /* Die Wiederholungs-Notiz stand in drei gequetschten Spalten. Am Telefon
  laeuft sie untereinander, die Marke bekommt eine eigene Zeile. */
  .nx-ritual{flex-wrap:wrap}
  .nx-rit-soon{margin-left:0}
  /* Der Treffer-Hinweis stiess mit seinem Knopf an die rechte Kante. */
  .matchctx{flex-wrap:wrap;justify-content:center}
  .matchctx .why{white-space:normal;min-height:44px;display:inline-flex;align-items:center}
}

/* ---------------- Schreiben, am Telefon ----------------
  Gemessen bei 375 Punkten: die Zeile war `flex-nowrap` aus drei Teilen ·
  die drei Schnellreaktionen nahmen 140 Punkte und schrumpften nicht, der
  Sendeknopf 44, und das TEXTFELD bekam den Rest: 34 Punkte. Darin kann
  niemand schreiben.

  Das Feld ist das Wichtigste in dieser Zeile, also gibt es ihm niemand
  ab. Die Reaktionen ruecken am Telefon ueber das Feld · sie bleiben
  erreichbar und nehmen dem Schreiben keinen Platz mehr weg. */
@media (max-width: 760px) {
  .composer { flex-wrap: wrap; }
  .composer .cqr { order: -1; width: 100%; }
  .composer .cin { flex: 1 1 160px; min-width: 160px; }
}