/* JoltBot Vault Explorer: additive, accessible enhancement; original gallery still works without JS. */
.mv-explorer{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:16px 19px;margin:0 0 19px;
  border:1px solid #57778e;border-radius:18px 7px 18px 7px;
  background:linear-gradient(110deg,#101b2c,#251b2c 70%,#162335);
  box-shadow:0 14px 30px #0003;
}
.mv-explorer-heading{display:flex;flex-direction:column;gap:4px;min-width:146px}
.mv-explorer-heading strong{font:950 12px/1.4 var(--font);letter-spacing:1.5px;color:#ffb281}
.mv-explorer-heading span{font:850 9px/1.45 var(--font);letter-spacing:1px;color:#9fc3d8}
.mv-explorer-controls{display:flex;flex:1;flex-wrap:wrap;gap:7px}
.mv-explorer-filter{
  min-height:44px;padding:11px 13px;border:1px solid #496077;border-radius:10px 3px 10px 3px;
  background:#0d1a2a;color:#d3e7f6;font:900 10px/1.4 var(--font);
  letter-spacing:.4px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;
}
.mv-explorer-filter:hover{border-color:#f3a66f;transform:translateY(-2px)}
.mv-explorer-filter[aria-pressed="true"]{
  color:#15121d;border-color:#ffb277;
  background:linear-gradient(110deg,#ffc18a,#ff8b65);
  box-shadow:0 0 18px #ff8b6530;
}
.mv-explorer-status{margin:0;color:#a6ccdc;font:800 10px/1.6 var(--font);letter-spacing:.4px;white-space:nowrap}
.mv-art-tile[hidden]{display:none!important}
.mv-lightbox-navigation{
  display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,30px);
  width:100%;padding:8px 0 0;border-top:1px solid #3c566c;
}
.mv-lightbox-step{
  min-height:44px;padding:10px 16px;border:1px solid #527b94;border-radius:11px 3px 11px 3px;
  color:#ccf4ff;background:#142439;font:950 11px/1.5 var(--font);
  letter-spacing:.6px;cursor:pointer;
}
.mv-lightbox-step:hover{background:#29415a;border-color:#ffae7a;color:#fff}
.mv-lightbox-count{min-width:58px;text-align:center;color:#ffbb8e;font:950 12px/1.5 var(--font);letter-spacing:1px}
.mv-lightbox-inner img{max-height:calc(95vh - 188px);touch-action:pan-y}
.mv-explorer-filter:focus-visible,.mv-lightbox-step:focus-visible{outline:3px solid #84e3ff;outline-offset:3px}
@media(max-width:850px){
  .mv-explorer-heading{flex-basis:100%}
  .mv-explorer-controls{flex-basis:100%}
  .mv-explorer-status{flex-basis:100%}
}
@media(max-width:520px){
  .mv-explorer{padding:13px;gap:11px}
  .mv-explorer-filter{flex:1 1 calc(50% - 8px);padding:10px 7px;font-size:9px}
  .mv-lightbox-step{padding:10px 11px;font-size:10px}
  .mv-lightbox-navigation{gap:9px}
  .mv-lightbox-inner img{max-height:calc(95vh - 215px)}
}
@media(prefers-reduced-motion:reduce){
  .mv-explorer-filter{transition:none}
  .mv-explorer-filter:hover{transform:none}
}