/* NOLIFER: statistiky světa (/hf/statistiky.html, /essence/statistiky.html).
   Doplňky k design systému 2a ve style.css; načítá se až po něm, takže
   pravidla se stejnou specificitou vyhrávají. Jen tokeny, žádné pevné barvy
   kromě Dawn/Dusk (Seven Signs), které mají barvu z retail klienta. */

.st{padding-bottom:0}
.st-header .note{display:inline-block}
.st-header .note .upd{display:block;margin-top:6px;font:500 .66rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.st-view[hidden]{display:none!important}
.st-intro{margin:0 0 20px;color:var(--fg2);font-size:.95rem;max-width:72ch}
.st-foot.st-center{text-align:center}
.st-main > .st-foot{margin-top:14px}

/* --- tabulky žebříčků (CSS grid, žádné <table>) --------------------------- */
.st-table.st-msg{min-width:0}
.st-table .char a,.st-table .clan a,.st-table .name a{color:inherit;transition:color .15s}
.st-table .char a:hover,.st-table .clan a:hover,.st-table .name a:hover{color:var(--accent)}
.st-table .none{color:var(--muted)}
.st-table .num{font-variant-numeric:tabular-nums}
.st-table .name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-table .dim{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-table .strong{font-weight:700}
.st-table.clans .thead,.st-table.clans .tr{grid-template-columns:48px minmax(0,2fr) 64px minmax(0,1.3fr) 80px minmax(0,1.6fr) minmax(0,1.4fr)}
.st-table.castles{min-width:460px}
.st-table.castles .thead,.st-table.castles .tr{grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) 90px}
.st-table.ach{min-width:540px}
.st-table.ach .thead,.st-table.ach .tr{grid-template-columns:48px minmax(0,2fr) 64px 140px 110px}
.st-table.ss{min-width:0}
.st-table.ss .thead,.st-table.ss .tr{grid-template-columns:40px minmax(0,1fr) 90px;gap:10px}
.st-table.ss .tr{padding:9px 12px}
.st-table.ss .thead{padding:9px 12px}

/* --- bossové ----------------------------------------------------------- */
.bosslist{display:grid;gap:10px}
.bosscard{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);transition:border-color .2s}
.bosscard:hover{border-color:var(--line-14)}
.bosscard.dead{opacity:.85}
.bosscard .nm{font:700 1rem var(--font-display);min-width:190px}
.bosscard .st{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600}
.bosscard .st .dot{width:7px;height:7px}
.bosscard .st.dim{color:var(--muted);font-weight:500}
.bosscard .timer{margin-left:auto;font:700 1rem var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}
.bosscard .meta{width:100%;font-size:.82rem;color:var(--fg2);border-top:1px solid var(--line);padding-top:10px;margin-top:2px}
.bosscard .meta span{color:var(--muted)}

/* --- statistiky světa -------------------------------------------------- */
.st-h3{margin:28px 0 14px;font:700 1.05rem var(--font-display);letter-spacing:0}
.st-h3:first-child{margin-top:0}
.st-h3 .dim{color:var(--muted);font-weight:500}
.st-bars{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px}
.st-bars .row{margin-bottom:12px}
.st-bars .row:last-child{margin-bottom:0}
.st-bars .lbl{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;margin-bottom:6px}
.st-bars .lbl .dim{color:var(--muted);font-variant-numeric:tabular-nums}
.st-bar{height:8px;background:var(--glass-06);border-radius:var(--r-pill);overflow:hidden}
.st-bar i{display:block;height:100%;background:var(--accent);border-radius:var(--r-pill)}

/* --- Seven Signs -------------------------------------------------------- */
.ss-dawn{--ss:#4a90d9}
.ss-dusk{--ss:#d9534f}
.statbox.ss-dawn,.statbox.ss-dusk{border-color:var(--ss)}
.statbox.ss-dawn b,.statbox.ss-dusk b{color:var(--ss)}
.ss-bar{display:flex;height:10px;border-radius:var(--r-pill);overflow:hidden;background:var(--glass-06);margin-bottom:26px}
.ss-bar i{display:block;height:100%}
.ss-bar .dawn{background:#4a90d9}
.ss-bar .dusk{background:#d9534f}
.ss-seals{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px}
.ss-seals .row{margin-bottom:14px}
.ss-seals .row:last-child{margin-bottom:0}
.ss-seals .row .ss-bar{margin:0}
.ss-seals .lbl{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;margin-bottom:6px}
.ss-seals .lbl b{color:var(--ss)}
.ss-top{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ss-top .panel{padding:18px 18px 14px}
.ss-top .label{color:var(--ss);margin-bottom:10px}
.ss-top .st-table-wrap{border:0;border-radius:0}
.ss-top .st-table .tr{background:transparent;padding:7px 0}
.ss-top .st-table .tr:hover{background:transparent}

/* --- země ---------------------------------------------------------------- */
.cty-head{margin:0 0 4px;font:700 1.05rem var(--font-display)}
.cty-head .dim{color:var(--muted);font-weight:500}
.cty-note{margin:0 0 18px;font-size:.84rem;color:var(--muted)}
.cty-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:6px 18px}
.cty-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-04)}
.cty-row:last-child{border-bottom:0}
.cty-row .flag{font-size:1.35rem;width:1.5em;text-align:center;line-height:1;flex:none}
.cty-row .name{flex:0 0 40%;font-size:.92rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cty-row .bar{flex:1;height:8px;background:var(--glass-06);border-radius:var(--r-pill);overflow:hidden}
.cty-row .bar i{display:block;height:100%;background:var(--accent);border-radius:var(--r-pill)}
.cty-row .n{width:3.4em;text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem;flex:none}
.cty-src{margin:14px 0 0;font-size:.76rem;color:var(--muted)}

/* --- graf návštěvnosti: legenda z chart.js -------------------------------- */
.chart-legend .lg{display:inline-flex;align-items:center}

/* --- mobil: postranní menu jako vodorovná řada chipů ----------------------- */
@media (max-width:880px){
  .st-side{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:0 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .st-side::-webkit-scrollbar{display:none}
  .st-side .group{display:none}
  .st-side a{flex:none;white-space:nowrap;border:1px solid var(--line);padding:8px 14px;font-size:.82rem;border-radius:var(--r-pill)}
  .st-side a.active,.st-side a.on{border-color:var(--fg);background:var(--fg);color:var(--ink)}
  .ss-top{grid-template-columns:1fr}
}
@media (max-width:560px){
  .st-header .note{max-width:none}
  .bosscard{gap:10px 14px;padding:14px 16px}
  .bosscard .nm{min-width:0;width:100%}
  .bosscard .timer{margin-left:auto}
  .cty-row .name{flex-basis:36%}
  .cty-list{padding:4px 12px}
}

/* --- neúspěšný chip / odkaz (API dole): zůstane vidět, jen ztlumený -------- */
.chip[aria-disabled="true"]{opacity:.55;border-style:dashed}
.chip.on[aria-disabled="true"]{opacity:.7}
.st-side a[aria-disabled="true"]{opacity:.55}