/* ============================================================================
   FORRE.NU — TOPPLISTAN I NYA TEMAT (forre_ny) · ny-topplista.css   2026-10-20
   Källa: design-proposals/nytt-forre-2026-10-20.html, riktning C (#rikt=c|sida=lb):
     racet ........ B.racet (b-race · b-rh · b-jk · b-track · b-rp · b-gap · b-rn)
     listan ....... A.lbTabell i C.lista (a-th · a-tr · a-lig · a-bro · b-gapr · a-pager)
     fördelningen . C.dist (c-dist · c-dbar · c-dleg)
     Wall of Fame . a-wof · a-champ · a-cst · a-shelf · c-v42 · t3
     mobilen ...... C.mLb (bm-race · bm-rr · bm-g · am-dist · am-lb · am-tr · am-wof)
   Markupen: themes/forre_ny/views/pages/leaderboard-niva.php. JS: ny-topplista.js.

   ★ Laddas bara på topplistan (app/Helpers/PulseAssets.php). Prefix .nlb.
   ★ Bara forre_pulse-tokens + ny.css. Nivåtonerna är mockupens (scr.css .tier/.f-*).
   ★ Inga lodräta avdelare, ingen glow, inga mörka plattor i ljust läge.
   ============================================================================ */

/* ---------------------------------------------------------------- 0. NIVÅTONERNA
   Bor i ny.css (:root --t-*) sedan 2026-10-21 — samma värden, EN ägare: toppens
   bragdrad säger en rank i samma färg som topplistan. Ändra dem där, inte här. */
.nlb [hidden]{display:none!important}
/* forre_pulse.css har en global .me (flex, padding, ram) — därför heter "du" här .nlb-me. */
.nlb .r{text-align:right}

.nlb-tier{display:inline-flex;align-items:center;font:700 11px/1 var(--ui);padding:3px 7px;border-radius:var(--r-sm);white-space:nowrap;letter-spacing:.02em}
.nlb-tier.t-unreal{color:var(--t-unreal);background:var(--t-unreal-w)}
.nlb-tier.t-champion{color:var(--t-champion);background:var(--t-champion-w)}
.nlb-tier.t-elite{color:var(--t-elite);background:var(--t-elite-w)}
.nlb-tier.t-diamond{color:var(--t-diamond);background:var(--t-diamond-w)}
.nlb-tier.t-platinum{color:var(--t-platinum);background:var(--t-platinum-w)}
.nlb-tier.t-gold{color:var(--t-gold);background:var(--t-gold-w)}
.nlb-tier.t-silver{color:var(--t-silver);background:var(--t-silver-w)}
.nlb-tier.t-bronze{color:var(--t-bronze);background:var(--t-bronze-w)}
.nlb-tc.t-unreal{color:var(--t-unreal)}.nlb-tc.t-champion{color:var(--t-champion)}.nlb-tc.t-elite{color:var(--t-elite)}
.nlb-tc.t-diamond{color:var(--t-diamond)}.nlb-tc.t-platinum{color:var(--t-platinum)}.nlb-tc.t-gold{color:var(--t-gold)}
.nlb-tc.t-silver{color:var(--t-silver)}.nlb-tc.t-bronze{color:var(--t-bronze)}
.nlb .f-unreal{background:var(--t-unreal-f)}.nlb .f-champion{background:var(--t-champion-f)}.nlb .f-elite{background:var(--t-elite-f)}
.nlb .f-diamond{background:var(--t-diamond-f)}.nlb .f-platinum{background:var(--t-platinum-f)}.nlb .f-gold{background:var(--t-gold-f)}
.nlb .f-silver{background:var(--t-silver-f)}.nlb .f-bronze{background:var(--t-bronze-f)}

/* ---------------------------------------------------------------- 1. HUVUDET (a-ph) */
.nlb-mmeta{display:none}
.nlb-seg a{white-space:nowrap}

/* "Så räknas det" — hela förklaringen, länkbar (#sa-raknas-det) */
.nlb-hx{padding:16px 18px;margin-bottom:20px;font-size:13px;line-height:1.5;color:var(--ink2)}
.nlb-hx p{margin:0 0 8px}
.nlb-hx p:last-child{margin-bottom:0}
.nlb-hx b{color:var(--ink)}
.nlb-hx .lead{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.nlb-hx .g{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}
.nlb-hx section{min-width:0}
.nlb-hx h4{display:flex;align-items:center;gap:8px;margin:0 0 7px;font:700 13.5px/1.2 var(--ui);color:var(--ink)}
.nlb-hx h4 span{width:20px;height:20px;border-radius:50%;background:var(--accent-wash);color:var(--accent-ink);display:inline-grid;place-items:center;font:700 11px/1 var(--hd);flex:none}
.nlb-hx table{width:100%;border-collapse:collapse;margin:2px 0 8px;font-size:12.5px}
.nlb-hx th{font:600 10px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:left;padding:4px 8px 6px 0;border-bottom:1px solid var(--line2)}
.nlb-hx td{padding:5px 8px 5px 0;border-bottom:1px solid var(--line);vertical-align:top}
.nlb-hx td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.nlb-hx td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
.nlb-hx .ex{padding:8px 10px;border-radius:var(--r);background:var(--inset)}
.nlb-hx ul{margin:0;padding-left:18px}
.nlb-hx li{margin:0 0 5px}

/* ---------------------------------------------------------------- 2. RACET (B.racet, c-race) */
.nlb-race{padding:20px 24px 16px;margin-bottom:20px}
.nlb-race .rh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.nlb-race h2{font:700 20px/1 var(--hd);margin:0;color:var(--ink)}
.nlb-race .rh small{display:block;font-size:12.5px;color:var(--dim);margin-top:5px}
.nlb-race .r7{display:none}
.nlb-race .jk{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);flex-wrap:wrap}
.nlb-race .jk>span:not(.kn){display:flex;align-items:center;gap:6px;white-space:nowrap}
.nlb-race .jk i{font-size:10px;color:var(--live)}
.nlb-race .jk .dn2 i{color:var(--faint)}
.nlb-race .jk .etta i{font-size:13px;color:var(--gold)}
.nlb-race .jk b{color:var(--ink);font-weight:700}
.nlb-race .rund{border-radius:999px}
.nlb-race .bana{position:relative;height:136px;margin-top:12px;container-type:inline-size}
.nlb-race .ln{position:absolute;left:0;right:0;top:48px;height:2px;background:var(--line2);border-radius:1px}
.nlb-race .rp{position:absolute;top:0;left:var(--x);transform:translateX(-50%);width:max(64px,min(96px,7.3cqw));display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--ink);text-decoration:none}
.nlb-race .rp .pl{font:700 11px/15px var(--hd);color:var(--dim);height:15px}
.nlb-race .rp .fc{height:60px;display:grid;place-items:center;margin-top:-4px}
.nlb-race .rp .fc>.n-av{position:relative;z-index:1;box-shadow:0 0 0 3px var(--card)}
.nlb-race .rp .fc>.n-ring{position:relative;z-index:1;margin:0;background:var(--card)}
.nlb-race .rp b{max-width:100%;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlb-race .rp em{font:600 12px/1 var(--hd);font-style:normal;color:var(--dim)}
.nlb-race .rp:hover b{text-decoration:underline}
.nlb-race .rp.nlb-me .fc>.n-av{box-shadow:0 0 0 3px var(--card),0 0 0 6px var(--accent)}
.nlb-race .rp.nlb-me b{color:var(--accent-ink);font-size:14px}
.nlb-race .rp.nlb-me .pl{color:var(--accent-ink);transform:translateY(-5px)}
.nlb-race .gp{position:absolute;top:40px;left:var(--x);transform:translateX(-50%);z-index:2;font:600 11px/1 var(--hd);color:var(--dim);background:var(--card);padding:3px 6px;border-radius:9px;border:1px solid var(--line2);white-space:nowrap}
.nlb-race .gp.het{color:var(--accent-ink);background:var(--accent-wash)}
.nlb-race .rn{font-size:12px;color:var(--dim);margin-top:4px}
.nlb-race .rn b{color:var(--ink2);font-weight:600}
.nlb-race .mr{display:none}

/* ---------------------------------------------------------------- 3. RUTNÄTET (c-g-lb) */
.nlb-g{grid-template-columns:minmax(0,1fr) 380px}

/* ---------------------------------------------------------------- 4. LISTAN (a-tbl, c-tbl) */
.nlb-tbl{overflow:hidden}
.nlb-tbl .np-fh .n-dim{margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nlb-so{padding:9px 16px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--dim);background:var(--zebra)}
.nlb-so b{color:var(--ink2)}
.nlb-so .n-lk{margin-left:4px}
.nlb-th,.nlb-tr,.nlb-lr{display:grid;grid-template-columns:62px minmax(0,1fr) 62px 62px 72px 72px 104px 74px 40px;gap:8px;align-items:center;padding:0 16px}
.nlb-th{height:36px;font:600 10.5px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)}
.nlb-th a{color:var(--dim);text-decoration:none}
.nlb-th a:hover{color:var(--ink)}
.nlb-th a.on{color:var(--accent-ink)}
.nlb-lig{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--inset) 45%,var(--card))}
.nlb-lig b{font-size:14px;color:var(--ink)}
.nlb-lig span{font-size:12.5px;color:var(--ink2)}
.nlb-gapr{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:13px;color:var(--dim);border-bottom:1px solid var(--line)}

.nlb-tr{min-height:52px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink);cursor:pointer;outline:0}
.nlb-tr:hover,.nlb-tr:focus-visible{background:color-mix(in srgb,var(--inset) 60%,transparent)}
.nlb-tr .pl{font:700 15px/1 var(--hd);color:var(--ink2);display:flex;align-items:center;gap:6px}
.nlb-tr .mv{font-style:normal;font:700 9.5px/1 var(--ui)}
.nlb-tr .mv.u{color:var(--live)}
.nlb-tr .mv.d{color:var(--danger)}
.nlb-tr .nm{display:flex;align-items:center;gap:10px;min-width:0;position:relative}
.nlb-tr .nb{display:block;min-width:0;flex:1}
.nlb-tr .nl{display:flex;align-items:center;gap:5px;min-width:0}
.nlb-tr .nl>*{flex:none}
.nlb-tr .nn{flex:0 1 auto;min-width:0;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.nlb-tr .nn:hover{text-decoration:underline}
.nlb-tr .sub{display:flex;align-items:center;gap:6px;min-width:0;margin-top:1px;font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden}
.nlb-tr .sub .t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nlb-tr .sub .lv{color:var(--live)}
.nlb-tr .sub .ac{color:var(--accent-ink)}
.nlb-tr .sub .n-dot{width:6px;height:6px;margin-right:5px;vertical-align:1px}
.nlb-tr .r.n-num{font:600 14px/1 var(--hd)}
.nlb-tr .r.on,.nlb-tr .b{color:var(--ink);font-weight:700}
.nlb-tr .ac{display:grid;place-items:center;width:30px;height:30px;justify-self:end;border-radius:var(--r);color:var(--accent-ink);font-size:13px}
.nlb-tr:hover .ac{background:var(--accent-wash)}
.nlb-tr .ac i{transition:transform .15s}
.nlb-tr.open .ac i{transform:rotate(180deg)}
.nlb-tr.nlb-me{background:var(--accent-wash)}
.nlb-tr.nlb-me .pl,.nlb-tr.nlb-me .nn{color:var(--accent-ink)}
.nlb-tr.open{background:var(--inset);border-bottom-color:transparent}
.nlb-tr.nlb-me.open{background:var(--accent-wash)}
@keyframes nlbBlink{0%,100%{background:var(--accent-wash)}45%{background:color-mix(in srgb,var(--accent) 24%,var(--card))}}
.nlb-tr.blink{animation:nlbBlink 1.1s ease 2}

/* märkena på namnraden */
.nlb-strm{font:700 9.5px/1 var(--ui);letter-spacing:.06em;color:var(--live);background:var(--live-wash);padding:3px 5px;border-radius:4px;text-decoration:none}
.nlb-flag{font:700 9.5px/1 var(--ui);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);padding:2px 5px;border-radius:4px;white-space:nowrap}
/* GG-chippen (2026-09-30) — sist i underraden, samma form som bragdkortets GG. pulse-gg.js äger klicket. */
.nlb-gg{flex:none;height:18px;padding:0 7px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font:700 10px/16px var(--ui);display:inline-flex;align-items:center;gap:3px;cursor:pointer}
.nlb-gg i{font-size:9px;color:var(--gold)}
.nlb-gg:hover{border-color:var(--gold)}
.nlb-gg.is-done{background:color-mix(in srgb,var(--gold) 12%,var(--card));border-color:color-mix(in srgb,var(--gold) 45%,var(--line));color:var(--gold);cursor:default}

/* ---------------------------------------------------------------- 5. BRON — utfälld rad, förslag A "Raden"
   design-proposals/topplistan-raden-2026-10-24.html, Kentas val 2026-10-24 ("kör på A").
   Tabellen fortsätter: "du X" under radens egna tal (bara när raden är öppen), Ni två,
   EN rad per läge i listans kolumner (förv. i Läge-cellen, Väger i Poäng-kolumnen) och
   domen + knapparna på en rad. Inga rutor — ingenting visas två gånger. */
.nlb-tr .du{display:none;margin-top:4px;font:400 10.5px/1.15 var(--ui);color:var(--dim);white-space:nowrap;letter-spacing:0}
.nlb-tr.open .du{display:block}
.nlb-tr .nv{display:flex;flex-direction:column;align-items:flex-start}
.nlb-tr .nv .du{margin-top:5px}
.nlb-bro{background:var(--inset);border-bottom:1px solid var(--line);cursor:default}
.nlb-m3{display:none}
/* Ni två — och duellrekordet som länk till stegen (förut en femte ruta) */
.nlb-nt{display:flex;align-items:baseline;gap:10px;min-width:0;margin-top:-2px;padding:0 16px 8px 86px;font-size:12.5px;color:var(--ink2)}
.nlb-nt .lb2{flex:none;font:600 10px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.nlb-nt .ms{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nlb-nt .ms b{color:var(--ink);font-weight:600}
.nlb-nt .ms b.lv{color:var(--live)}
.nlb-nt .dl{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font-weight:500;white-space:nowrap;text-decoration:none}
.nlb-nt .lb2+.dl{margin-left:0}
.nlb-nt .dl b{font:700 13px/1 var(--hd)}
.nlb-nt .dl>i{font-size:10px}
.nlb-nt .dl:hover{text-decoration:underline}
/* T2 · lägesraderna — EN rad var, 28 px, i tabellens egna kolumner */
.nlb-lr{min-height:28px;font-size:12.5px;color:var(--ink2)}
.nlb-lr.hd{min-height:24px;font:600 10px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.nlb-lr .ml{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.nlb-lr.hd .ml em{font-style:normal}
.nlb-lr .mn{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlb-lr .mn b{font-weight:600;color:var(--ink)}
.nlb-lr .mn small{font-size:11px;color:var(--dim);margin-left:3px}
.nlb-lr .mmm,.nlb-lr .mm,.nlb-lr .fv{display:none;font-style:normal}
.nlb-lr .mmm{font-size:11px;color:var(--dim)}
.nlb-lr .fx{flex:none;font:400 12px/1 var(--hd);font-style:normal;color:var(--dim);white-space:nowrap;font-variant-numeric:tabular-nums}
.nlb-lr .r.n-num{font:600 13px/1 var(--hd);color:var(--ink);white-space:nowrap}
.nlb-lr .r.n-num.vg{font-weight:500;font-size:12.5px;color:var(--dim)}
.nlb-lr .pe{font:700 13px/1 var(--hd);color:var(--ink);white-space:nowrap}
.nlb-lr .pe.neg{color:var(--ink2);font-weight:600}
.nlb-lr .pe.few{font:400 12px/1 var(--ui);color:var(--dim)}
.nlb-lr.hd .pe,.nlb-lr.hd .vg{font:600 10px/1 var(--ui);color:var(--dim)}
/* domen + knapparna */
.nlb-ft{display:flex;align-items:center;gap:8px 16px;margin-top:6px;padding:10px 16px 12px 86px;border-top:1px solid var(--line)}
.nlb-ft .ek{flex:1;min-width:0}
.nlb-ft .e1{font-size:12.5px;line-height:1.45;color:var(--ink2)}
.nlb-ft .e1 b{font-weight:700}
.nlb-ft .e1 b:not(.nlb-tc){color:var(--ink)}
.nlb-ft .gp{white-space:nowrap}
.nlb-ft .pk{font-style:normal}
.nlb-ft .e2{font-size:12px;line-height:1.45;color:var(--dim)}
.nlb-ft .e2 b{color:var(--ink2);font-weight:600}
.nlb-ft .e2 .n-lk{white-space:nowrap;margin-left:2px}
.nlb-ft .kn{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.nlb-fel{font-size:12px;color:var(--danger);white-space:nowrap}

/* Kvalar in + sidorna (a-pager) */
.nlb-kv{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;color:var(--ink2);border-bottom:1px solid var(--line)}
.nlb-kv b{color:var(--ink)}
.nlb-kv .nr{margin-left:auto;font-size:12px;color:var(--dim);white-space:nowrap}
.nlb-pg{display:flex;align-items:center;gap:4px;padding:12px 16px;font-size:13px;flex-wrap:wrap}
.nlb-pg a{padding:7px 11px;border-radius:6px;color:var(--ink2);text-decoration:none;display:flex;align-items:center;gap:5px}
.nlb-pg a:hover{background:var(--inset);color:var(--ink)}
.nlb-pg a.on{background:var(--inset);color:var(--ink);font-weight:600}
.nlb-pg .gap{color:var(--dim);padding:0 4px}
.nlb-pg .sp{flex:1}
.nlb-pg a.du{color:var(--accent-ink);font-weight:500}
.nlb-pg a.du:hover{background:var(--accent-wash)}

/* ---------------------------------------------------------------- 6. VAR ALLA LIGGER (c-dist) */
.nlb-dist .bar{position:relative;display:flex;height:14px;margin:16px 18px 12px;border-radius:7px;overflow:hidden}
.nlb-dist .bar i{display:block;min-width:3px;opacity:.42}
.nlb-dist .bar i.du{opacity:1}
.nlb-dist .bar u{display:none}
.nlb-dist .lg{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;padding:2px 18px 16px}
.nlb-dist .lg span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2);min-width:0}
.nlb-dist .lg i{width:10px;height:10px;border-radius:3px;opacity:.6;flex:none}
.nlb-dist .lg span.du i{opacity:1}
.nlb-dist .lg b{font-weight:500}
.nlb-dist .lg span.du b{color:var(--accent-ink);font-weight:700}
.nlb-dist .lg em{margin-left:auto;font:600 13px/1 var(--hd);font-style:normal;color:var(--ink)}
.nlb-dist .lg small{font:700 9.5px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-wash);padding:3px 5px;border-radius:4px}

/* ---------------------------------------------------------------- 7. WALL OF FAME (a-wof, c-v42) */
.nlb-wof{overflow:hidden}
.nlb-wof .champ{display:flex;align-items:center;gap:14px;padding:16px 18px 6px}
.nlb-wof .champ>div{flex:1;min-width:0}
.nlb-wof .champ small{display:flex;align-items:center;gap:5px;font:600 10px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.nlb-wof .champ .nm,.nlb-wof .champ>div>b{display:block;margin-top:4px;font:700 19px/1.15 var(--hd);color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlb-wof .champ .nm:hover{text-decoration:underline}
.nlb-wof .champ em{display:block;font-style:normal;font-size:12px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlb-wof .champ em.m{display:none}
.nlb-wof .champ>i{font-size:22px;color:var(--gold);flex:none}
.nlb-wof .champ .aw{position:relative;flex:none;display:inline-flex;text-decoration:none}
.nlb-wof .champ .x{position:absolute;right:-4px;bottom:-2px;background:var(--gold);color:var(--card);font:700 9.5px/1 var(--hd);padding:2px 4px;border-radius:4px;box-shadow:0 0 0 2px var(--card)}
.nlb-wof .lv{display:inline-flex;align-items:center;gap:4px;color:var(--live)}
.nlb-wof .lv .n-dot{width:6px;height:6px}
.nlb-wof .cst{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 18px 12px}
.nlb-wof .cst small{display:block;font:600 9.5px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlb-wof .cst b{display:block;margin-top:3px;font:700 15px/1.2 var(--hd);color:var(--ink);white-space:nowrap}
.nlb-wof .shelf{display:flex;gap:10px;padding:12px 18px 16px;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.nlb-wof .shelf::-webkit-scrollbar{display:none}
.nlb-wof .shelf>*{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.nlb-wof .shelf small{font-size:10.5px;color:var(--dim);white-space:nowrap}
.nlb-wof .shelf .on small{color:var(--ink);font-weight:600}
.nlb-wof .shelf .on .n-av{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--gold)}
.nlb-wof .shelf .tomt{cursor:default}
.nlb-wof .tomt b{width:36px;height:36px;border-radius:50%;border:1.5px dashed var(--line2);display:grid;place-items:center;font:700 14px/1 var(--hd);color:var(--dim)}
.nlb-wof .champ .tomt{flex:none}
.nlb-wof .champ .tomt b{width:64px;height:64px;font-size:22px}
.nlb-wof .t3s{padding:0 0 4px}
.nlb-wof .t3{display:grid;grid-template-columns:22px 28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink);text-decoration:none}
.nlb-wof .t3:hover b{text-decoration:underline}
.nlb-wof .t3>span{font:700 14px/1 var(--hd);color:var(--dim)}
.nlb-wof .t3 b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlb-wof .t3 small{font-size:11.5px;color:var(--dim);white-space:nowrap}
.nlb-wof .t3 em{font:700 14px/1 var(--hd);font-style:normal;white-space:nowrap}
.nlb-wof .ft{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.nlb-wof .ft b{color:var(--ink);font-weight:600}
.nlb-wof .ft .du{margin-left:auto;white-space:nowrap}
.nlb-wof .ft .du b{color:var(--accent-ink)}
.nlb-wof .v42{border-top:1px solid var(--line);padding:12px 0 6px}
.nlb-wof .v42 .n-ml{padding:0 18px 6px}
.nlb-wof .v42 .t3{grid-template-columns:28px minmax(0,1fr) auto auto;border-top:0;padding:6px 18px}

/* ---------------------------------------------------------------- 8. HALLOWEEN (pulse-hogtid.css gör samma sak för .lbn-r) */
[data-hogtid="halloween"] .nlb-tr.hw-jagad .sub>:not(.hw-tag),
[data-hogtid="halloween"] .nlb-tr.hw-rip .sub>:not(.hw-tag){display:none}
[data-hogtid="halloween"] .nlb-tr.hw-rip>*{opacity:.55}

/* ---------------------------------------------------------------- 9. SMALARE DATORSKÄRMAR */
@media (max-width:1300px){
  .nlb-g{grid-template-columns:minmax(0,1fr) 320px}
  .nlb-th,.nlb-tr,.nlb-lr{grid-template-columns:52px minmax(0,1fr) 56px 56px 64px 64px 96px 66px 32px}
  .nlb-nt,.nlb-ft{padding-left:76px}
  .nlb-wof .cst{padding-left:14px;padding-right:14px}
  .nlb-wof .cst b{font-size:14px}
}
@media (max-width:1200px){
  .nlb-race .rp,.nlb-race .gp{left:var(--x7)}
  .nlb-race .ytter{display:none}
  .nlb-race .r11{display:none}
  .nlb-race .r7{display:inline}
}
@media (max-width:1180px){
  .nlb-g{grid-template-columns:minmax(0,1fr)}
  .nlb-c2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
}
@media (max-width:1000px){
  .nlb-th,.nlb-tr,.nlb-lr{grid-template-columns:48px minmax(0,1fr) 56px 56px 96px 66px 32px}
  .nlb-th .k,.nlb-th .m,.nlb-tr .k,.nlb-tr .m,.nlb-lr .k,.nlb-lr .m{display:none}
  .nlb-nt,.nlb-ft{padding-left:72px}
  .nlb-lr .mmm{display:inline}
  .nlb-hx .g{grid-template-columns:1fr}
}

/* ---------------------------------------------------------------- 10. MOBILEN (≤ 820, C.mLb) */
@media (max-width:820px){
  .nlb-ph{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}
  .nlb-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-top:4px}
  .nlb-ph h1{font-size:25px;line-height:1.1}
  .nlb-dmeta{display:none}
  .nlb-mmeta{display:inline;font-size:12.5px;color:var(--dim)}
  .nlb .np-phr{margin-left:0;gap:6px}
  .nlb-seg{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
  .nlb-seg::-webkit-scrollbar{display:none}
  .nlb-seg a{padding:7px 10px;font-size:12.5px}
  .nlb-how{width:34px;padding:0}
  .nlb-how span{display:none}
  .nlb-hx{padding:14px;margin-bottom:12px}

  /* racet som lista (bm-race · bm-rr · bm-g) */
  .nlb-race{padding:8px 12px 12px;margin-bottom:12px}
  .nlb-race .rh,.nlb-race .bana,.nlb-race .rn{display:none}
  .nlb-race .mr{display:block}
  .nlb-race .mr>.n-ml{padding:6px 0}
  .nlb-race .rr{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;color:var(--ink);text-decoration:none}
  .nlb-race .rr>.n-av,.nlb-race .rr>.n-ring{justify-self:center}
  .nlb-race .rr>.n-ring{margin:0}
  .nlb-race .rr .pl{font:700 12px/1 var(--hd);color:var(--dim)}
  .nlb-race .rr .nb{min-width:0}
  .nlb-race .rr b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nlb-race .rr small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nlb-race .rr small .n-dot{width:6px;height:6px}
  .nlb-race .rr em{font:700 13px/1 var(--hd);font-style:normal}
  .nlb-race .rr.nlb-me{background:var(--accent-wash);border-radius:12px;margin:0 -8px;padding:8px}
  .nlb-race .rr.nlb-me b,.nlb-race .rr.nlb-me .pl{color:var(--accent-ink)}
  .nlb-race .g{display:flex;align-items:center;gap:8px;height:18px;padding-left:56px}
  .nlb-race .g i{display:block;width:2px;height:18px;margin-left:-1px;background:var(--line2)}
  .nlb-race .g span{font:600 11px/1 var(--hd);color:var(--dim)}
  .nlb-race .g.het span{color:var(--accent-ink)}
  .nlb-race .jkm{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;color:var(--ink2)}
  .nlb-race .jkm>span:last-child{margin-left:auto;white-space:nowrap}

  /* ordningen: racet, fördelningen, listan, Wall of Fame */
  .nlb-g{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .nlb-c1,.nlb-c2{display:contents}
  .nlb-dist{order:1}
  .nlb-tbl{order:2}
  .nlb-wof{order:3}

  /* fördelningen (am-dist) */
  .nlb-dist{padding:12px 14px}
  .nlb-dist .np-fh{display:none}
  .nlb-dist .bar{margin:0;overflow:visible;border-radius:0}
  .nlb-dist .bar i{opacity:1}
  .nlb-dist .bar i:first-of-type{border-radius:4px 0 0 4px}
  .nlb-dist .bar i:last-of-type{border-radius:0 4px 4px 0}
  .nlb-dist .bar u{display:block;position:absolute;top:-4px;width:3px;height:22px;margin-left:-1.5px;background:var(--ink);border-radius:2px}
  .nlb-dist .lg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:9px;padding:0}
  .nlb-dist .lg span{gap:4px;font-size:11.5px;color:var(--dim)}
  .nlb-dist .lg i{display:none}
  .nlb-dist .lg b{font-weight:400}
  .nlb-dist .lg em{margin-left:0;font:inherit;color:inherit}
  .nlb-dist .lg span.du b,.nlb-dist .lg span.du em,.nlb-dist .lg span.du small{color:var(--accent-ink);font-weight:700}
  .nlb-dist .lg small{background:none;padding:0;font:inherit;letter-spacing:0;text-transform:none}
  .nlb-dist .lg small::before{content:"— "}

  /* listan (am-lb · am-tr) */
  .nlb-tbl .np-fh{height:auto;min-height:40px;padding:10px 12px}
  .nlb-tbl .np-fh h2{font-size:13px}
  .nlb-tbl .np-fh .n-dim{margin-left:auto;font-size:12px}
  .nlb-th{display:none}
  .nlb-so{padding:8px 12px;font-size:12px}
  .nlb-lig{justify-content:space-between;padding:10px 12px}
  .nlb-lig b{font-size:12.5px}
  .nlb-lig span{font-size:12px;color:var(--dim)}
  .nlb-gapr{padding:10px 12px;font-size:12.5px}
  .nlb-tr{grid-template-columns:28px minmax(0,1fr) 46px 50px;gap:8px;padding:8px 12px}
  .nlb-tr{min-height:0}
  .nlb-tr .w,.nlb-tr .k,.nlb-tr .m,.nlb-tr .nv,.nlb-tr .ac,.nlb-tr .mv{display:none}
  .nlb-tr .pl{font:700 13px/1 var(--hd);color:var(--dim)}
  .nlb-tr .nm{gap:8px}
  .nlb-tr .nn{font-size:13px}
  .nlb-tr .sub{font-size:11px;gap:5px}
  .nlb-tr .kd{font:600 13px/1 var(--hd)}
  .nlb-tr .kd::after{content:"K/D";display:block;font:500 9px/1.3 var(--ui);color:var(--dim)}
  .nlb-tr .pt{font:700 13px/1 var(--hd)}
  /* A på mobilen: "du" under K/D och poäng i själva raden (då behövs inte K/D-etiketten) */
  .nlb-tr.nlb-jmf.open .kd::after{content:none}
  .nlb-tr .du{font-size:10px;margin-top:3px}
  /* wins, kills och matcher — som mobilraden saknar — på en rad under, med "du" */
  .nlb-m3{display:flex;gap:18px;padding:0 12px 8px 48px;font-size:12px;color:var(--dim)}
  .nlb-m3>span{white-space:nowrap}
  .nlb-m3 b{font:600 13px/1 var(--hd);color:var(--ink)}
  .nlb-m3 small{display:block;margin-top:3px;font-size:10px;color:var(--dim)}
  .nlb-nt{flex-wrap:wrap;gap:3px 8px;margin:0;padding:2px 12px 8px}
  .nlb-nt .ms{white-space:normal;flex:1 1 220px}
  .nlb-nt .dl{margin-left:0;flex-basis:100%}
  .nlb-nt .lb2+.dl{flex-basis:auto}
  /* lägena: värdet över förväntan, matcher och vikt under namnet — vinst och förv. syns */
  .nlb-lr{grid-template-columns:minmax(0,1fr) 40px 52px 56px;gap:8px;min-height:0;padding:5px 12px}
  .nlb-lr>span:first-child,.nlb-lr .k,.nlb-lr .m,.nlb-lr .vg,.nlb-lr>span:nth-child(9){display:none}
  .nlb-lr.hd{padding-top:2px;padding-bottom:2px;font-size:9.5px;letter-spacing:.04em}
  .nlb-lr.hd .ml em{display:none}
  .nlb-lr .ml{flex-direction:column;align-items:flex-start;gap:3px}
  .nlb-lr .fx,.nlb-lr .mmm{display:none}
  .nlb-lr .mm{display:block;font:400 10.5px/1.2 var(--ui);color:var(--dim)}
  .nlb-lr .fv{display:block;margin-top:3px;font:400 10.5px/1.2 var(--ui);color:var(--dim)}
  .nlb-lr .pe{text-align:right}
  .nlb-ft{flex-direction:column;align-items:stretch;gap:10px;margin-top:4px;padding:10px 12px 12px}
  .nlb-ft .kn{justify-content:flex-start}
  .nlb-ft .gp{display:block}
  .nlb-ft .pk{display:none}
  .nlb-kv{flex-wrap:wrap;padding:10px 12px}
  .nlb-kv .nr{margin-left:0}
  .nlb-pg{padding:10px 12px}
  .nlb-pg a{padding:7px 9px}

  /* Wall of Fame (am-wof) */
  .nlb-wof .np-fh{height:44px;padding:0 12px}
  .nlb-wof .champ{padding:12px 14px 6px}
  .nlb-wof .champ .aw .n-av{--s:48px;--f:15px}
  .nlb-wof .champ .tomt b{width:48px;height:48px;font-size:18px}
  .nlb-wof .champ .nm,.nlb-wof .champ>div>b{font-size:17px}
  .nlb-wof [data-nlb-wp="s"] .cst{display:none}
  .nlb-wof [data-nlb-wp="s"] .champ em.d{display:none}
  .nlb-wof [data-nlb-wp="s"] .champ em.m{display:block}
  .nlb-wof .cst{padding:6px 14px 10px}
  .nlb-wof .cst b{font-size:13.5px}
  .nlb-wof .shelf{padding:10px 14px 12px}
  .nlb-wof .t3{padding:8px 14px}
  .nlb-wof .v42 .n-ml{padding:0 14px 6px}
  .nlb-wof .v42 .t3{padding:6px 14px}
  .nlb-wof .ft{padding:10px 14px}
}