/* Site-wide simple lightbox */
.site-lightbox{
  position:fixed;inset:0;z-index:2000;
  background:rgba(15,20,28,.94);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;padding:1.5rem;
  opacity:0;transition:opacity .3s;
}
.site-lightbox.show{display:flex;opacity:1}
.site-lightbox-content{position:relative;max-width:min(1100px,100%);text-align:center}
.site-lightbox-content img{
  max-width:100%;max-height:85vh;border-radius:var(--radius-md);
  box-shadow:0 24px 64px rgba(0,0,0,.5);
  transform:scale(.92);transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.site-lightbox.show .site-lightbox-content img{transform:scale(1)}
.site-lightbox-close{
  position:absolute;top:-52px;right:0;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.15);color:#fff;font-size:1.25rem;
  backdrop-filter:blur(4px);transition:var(--transition);
  display:grid;place-items:center;cursor:pointer;border:none;
}
.site-lightbox-close:hover{background:var(--color-coral);transform:scale(1.1)}

.level-chart{max-width:960px;margin:0 auto}
.level-chart-link{
  display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-lg);background:#fff;cursor:zoom-in;transition:var(--transition);
}
.level-chart-link:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.level-chart-link img{width:100%;height:auto;display:block}
.level-chart-zoom{
  position:absolute;inset:auto 1rem 1rem auto;
  background:rgba(46,58,69,.82);color:#fff;
  padding:.55rem 1rem;border-radius:var(--radius-pill);
  font-family:var(--font-heading);font-size:.88rem;font-weight:600;
  display:inline-flex;align-items:center;gap:.4rem;
  opacity:0;transform:translateY(8px);transition:var(--transition);
}
.level-chart-link:hover .level-chart-zoom{opacity:1;transform:translateY(0)}