/* Leaderboard explorer, boss strip and responsive layout over the 3D stage. */
.hero .legend{max-width:330px;font-size:12px;margin-top:14px}.hero h1{font-size:clamp(32px,4vw,52px)}
#stats-paused{font-size:11px;color:var(--mute);margin-top:10px;letter-spacing:.02em}

.bosses{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:360px}
.boss-chip{display:flex;align-items:center;gap:9px;cursor:pointer;color:inherit;font:inherit;text-align:left;
  border:1px solid rgba(198,161,91,.28);background:rgba(12,10,16,.6);backdrop-filter:blur(16px);
  border-radius:999px;padding:5px 13px 5px 5px;transition:border-color .15s,background .15s,transform .15s}
.boss-chip img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;border-radius:50%;background:rgba(198,161,91,.08)}
.boss-chip .glyph{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(198,161,91,.14);color:var(--brass-hi);font-family:var(--f-d);font-size:15px}
.boss-chip .n{font-family:var(--f-d);font-size:19px;color:var(--brass-hi);font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}
.boss-chip .l{font-family:var(--f-m);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-top:3px}
.boss-chip:hover,.boss-chip.on{border-color:rgba(240,215,154,.6);background:rgba(28,20,10,.75);transform:translateY(-1px)}
.boss-chip.zero{opacity:.55}

.stats-browser{position:absolute;left:28px;top:430px;bottom:28px;width:min(340px,30vw);display:flex;flex-direction:column;gap:10px;
  padding:16px 14px 12px;border:1px solid rgba(198,161,91,.22);border-radius:18px;
  background:linear-gradient(180deg,rgba(14,16,30,.86),rgba(8,10,20,.9));backdrop-filter:blur(18px);box-shadow:0 18px 50px -24px #000}
.lb-head{display:flex;align-items:center;justify-content:space-between}
.lb-sub{display:block;margin-top:2px;font-family:var(--f-m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.stats-browser h2{font-family:var(--f-d);font-weight:500;font-size:20px;letter-spacing:-.02em;margin:0}
#stats-retry{width:30px;height:30px;border-radius:50%;border:1px solid rgba(198,161,91,.35);background:transparent;color:var(--brass-hi);cursor:pointer;font-size:15px}
#stats-retry:hover{background:rgba(198,161,91,.12)}
#lb-search{width:100%;padding:9px 12px;border-radius:10px;border:1px solid rgba(126,224,255,.14);background:rgba(2,4,12,.6);color:var(--text);font:inherit;font-size:13px;outline:none}
#lb-search:focus{border-color:rgba(126,224,255,.4)}
.lb-tabs{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.seg{display:inline-flex;padding:2px;border-radius:999px;background:rgba(2,4,12,.6);border:1px solid rgba(126,224,255,.1)}
.seg button{border:0;background:transparent;color:var(--soft);font:inherit;font-size:11px;letter-spacing:.04em;padding:5px 11px;border-radius:999px;cursor:pointer}
.seg button[aria-pressed=true]{background:rgba(198,161,91,.2);color:var(--brass-hi)}
.lb-list{flex:1;min-height:0;overflow:auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin;scrollbar-color:rgba(198,161,91,.3) transparent}
.lb-row{width:100%;display:grid;grid-template-columns:30px 1fr auto;grid-template-rows:auto 3px;column-gap:10px;row-gap:6px;align-items:center;
  padding:9px 10px;margin:2px 0;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left}
.lb-rank{font-family:var(--f-m);font-size:11px;color:var(--mute);text-align:center}
.lb-row:nth-child(2) .lb-rank{color:#f0d79a}.lb-row:nth-child(3) .lb-rank{color:#cfd8e6}.lb-row:nth-child(4) .lb-rank{color:#d39a62}
.lb-name{min-width:0;display:flex;flex-direction:column}
.lb-name b{font-weight:560;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-name small{font-size:10.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-value{font-family:var(--f-m);font-size:11.5px;color:var(--soft);white-space:nowrap;font-variant-numeric:tabular-nums}
.lb-bar{grid-column:2/span 2;height:3px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.lb-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#c6a15b,#f0d79a)}
.lb-row:first-child{background:rgba(198,161,91,.07);border-color:rgba(198,161,91,.18)}
.lb-row:hover{background:rgba(126,224,255,.06)}
.lb-row[aria-pressed=true]{border-color:rgba(240,215,154,.5);background:rgba(198,161,91,.14)}
.lb-row[aria-pressed=true] .lb-value{color:var(--brass-hi)}
.lb-empty{font-size:12px;color:var(--mute);padding:14px 8px}
#stats-status,#stats-history{font-size:10.5px;color:var(--mute);line-height:1.5;margin:0}

.era{left:400px;right:330px;bottom:28px;display:block;pointer-events:auto}
.era>details{padding:12px 14px;border:1px solid rgba(198,161,91,.22);border-radius:14px;background:rgba(10,12,22,.82);backdrop-filter:blur(16px)}
.era summary{color:var(--brass);font-size:12px;cursor:pointer}.era .era-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.era .era-copy{display:none}
.era[hidden]{display:none!important}
@media(max-width:1180px){.era{left:380px;right:300px}.era .era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:820px) and (min-width:861px){.hero .legend{display:none}.stats-browser{top:370px}}
@media(max-width:860px){
    html,body{height:auto;overflow:auto!important;min-height:100%;background-attachment:fixed}
    #stage{position:fixed;inset:0;z-index:0;opacity:.2;pointer-events:none}
    .hud{position:relative;inset:auto;padding:96px 16px 32px;display:flex;flex-direction:column;gap:20px}
    .hero{position:static;width:100%;max-width:none}.hero .legend{display:none}.hero .clock{margin-top:16px}
    .bosses{max-width:none}
    .stats-browser{position:static;width:100%;max-height:520px}
    .era{position:static;width:100%;order:4}.era .era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hint{display:none}
    .panel{position:static;display:block;width:100%;max-height:none;padding:12px;border:1px solid rgba(198,161,91,.22);border-radius:18px;background:rgba(10,12,22,.85);mask-image:none}
}