/* [clans] klán-jelvények, klán-ranglista, klán-profil, Történet – B · Műszak tokenekre (style.css :root).
   A jelvény egyszínű vonalikon; a crew színe csak halványan (rózsa / kék), hogy ne versenyezzen a csapatszínnel. */
.clan-b { display: inline-flex; align-items: center; gap: 4px; vertical-align: -2px; margin: 0 5px 0 0; color: var(--ink-2); line-height: 1; }
.clan-b .clan-ic { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.clan-b.rozsa { color: color-mix(in srgb, var(--rose-2) 55%, var(--ink-2)); }
.clan-b.nefelejcs { color: color-mix(in srgb, var(--blue-2) 55%, var(--ink-2)); }
.clan-b[data-clan] { cursor: pointer; border-radius: var(--r-xs); }
.clan-b[data-clan]:hover, .clan-b[data-clan]:focus-visible { color: var(--ink); outline: none; }
.clan-b.lbl { gap: 6px; height: 24px; padding: 0 8px 0 6px; border-radius: var(--r-pill); background: var(--fill-2); box-shadow: inset 0 0 0 1px var(--line); font-size: var(--fs-sm, 13px); font-weight: 600; }
.clan-b.lbl span { color: var(--ink); }
.lb-name + .clan-b { margin: 0 0 0 6px; }
/* killfeed: csak finoman (kisebb, halványabb) */
.kf .kf-cl { margin-right: 4px; opacity: .7; color: inherit; }
.kf .kf-cl .clan-ic { width: 12px; height: 12px; stroke-width: 2; }
.sb-cl, .es-cl { opacity: .85; }
.sb-cl .clan-ic, .es-cl .clan-ic { width: 13px; height: 13px; }
/* profil */
.pp-clan { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.pp-clan .hint { font-size: 12px; }
.pp-portrait.clan-big { color: var(--ink-2); }
.pp-portrait.clan-big .clan-ic { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.pp-portrait.clan-big.rozsa { box-shadow: inset 0 0 0 2px var(--rose-t); color: var(--rose-2); }
.pp-portrait.clan-big.nefelejcs { box-shadow: inset 0 0 0 2px var(--blue-t); color: var(--blue-2); }
.cl-desc { margin: 12px 0 4px; color: var(--ink-2); line-height: 1.45; }
.cl-bests { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.cl-best { display: grid; gap: 2px; text-align: left; padding: 10px 12px; border: 0; border-radius: var(--r); background: var(--fill-2); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); cursor: pointer; font: inherit; }
.cl-best:hover { background: var(--fill-3); }
.cl-best small { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.cl-best b { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-best em { font-style: normal; font-family: var(--f-mono); color: var(--light); }
.cl-mem tr[data-member] { cursor: pointer; }
/* klán-ranglista */
.cl-row { cursor: pointer; }
.cl-style { margin-left: 8px; color: var(--muted); font-size: 12px; }
.cl-crews td { padding: 10px 8px 12px !important; }
.cl-crews td > div { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; }
.cl-crews i { font-style: normal; font-family: var(--f-mono); font-size: 11px; color: var(--dim); text-transform: uppercase; }
.cl-crew { display: grid; gap: 2px; padding: 8px 12px; border-radius: var(--r); background: var(--fill); box-shadow: inset 2px 0 0 var(--line-2); }
.cl-crew.rozsa { box-shadow: inset 2px 0 0 var(--rose); }
.cl-crew.nefelejcs { box-shadow: inset -2px 0 0 var(--blue); text-align: right; }
.cl-crew b { font-family: var(--f-disp); font-size: 15px; letter-spacing: .02em; text-transform: uppercase; }
.cl-crew span { color: var(--muted); font-size: 12px; font-family: var(--f-mono); }
@media (max-width: 640px) { .cl-style { display: none; } .cl-crews td > div { grid-template-columns: 1fr; } .cl-crews i { display: none; } .cl-crew.nefelejcs { text-align: left; box-shadow: inset 2px 0 0 var(--blue); } }
/* varázsló */
.nr-pk-n .clan-b { margin-right: 4px; }
.nr-det-cl { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; color: var(--muted); font-size: 12px; }
.nr-col-note { margin: -2px 0 6px; color: var(--muted); font-size: 11px; }
/* Történet */
.lore { display: grid; gap: 16px; }
.lore-lead { font-size: 15px; line-height: 1.5; color: var(--ink); margin: 0; }
.lore-film { margin: 0 0 14px; }   /* [lorefilm] */
.lore-close { margin: 0; color: var(--light); font-family: var(--f-mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.lore-crew { padding: 12px 14px; border-radius: var(--r-lg); background: var(--fill); box-shadow: inset 2px 0 0 var(--line-2); }
.lore-crew.rozsa { box-shadow: inset 2px 0 0 var(--rose); }
.lore-crew.nefelejcs { box-shadow: inset 2px 0 0 var(--blue); }
.lore-ch { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.lore-ch b { font-family: var(--f-disp); font-size: 18px; text-transform: uppercase; letter-spacing: .03em; }
.lore-ch em { color: var(--muted); font-size: 13px; }
.lore-crew p { margin: 6px 0 10px; color: var(--ink-2); line-height: 1.45; }
.lore-crew ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.lore-crew li { display: grid; grid-template-columns: 18px auto 1fr; gap: 8px; align-items: baseline; font-size: 13px; }
.lore-crew li .clan-ic { width: 16px; height: 16px; fill: none; stroke: var(--ink-2); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; align-self: center; }
.lore-crew li b { font-weight: 700; white-space: nowrap; }
.lore-crew li span { color: var(--muted); }
@media (max-width: 520px) { .lore-crew li { grid-template-columns: 18px 1fr; } .lore-crew li span { grid-column: 2; } }