.xmuseum-overlay{
  position:fixed;inset:0;z-index:100000;
  display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(0,0,0,.68);
  backdrop-filter:blur(5px)
}
.xmuseum-window{
  width:min(900px,96vw);max-height:90vh;overflow:hidden;
  display:flex;flex-direction:column;
  background:#111827;border:1px solid rgba(255,255,255,.16);
  border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.65);
  color:#eee
}
.xmuseum-window>header{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.12)
}
.xmuseum-window>header b{font-size:18px}
.xmuseum-window>header button{
  border:0;background:none;color:#fff;font-size:27px;cursor:pointer
}
.xmuseum-window nav{
  display:flex;gap:7px;flex-wrap:wrap;padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.1)
}
.xmuseum-window nav button,.xmuseum-window nav a,
.xmuseum-search button,.xmuseum-classic a{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);color:#eee;
  border-radius:8px;padding:8px 12px;text-decoration:none;cursor:pointer
}
.xmuseum-window nav button.active{
  color:#ffd75a;border-color:#ffd75a
}
#xchatMuseumBody{padding:20px;overflow:auto}
.xmuseum-hero{text-align:center}
.xmuseum-hero h2{margin:3px 0 5px;font-size:28px}
.xmuseum-hero p{opacity:.72}
.xmuseum-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0
}
.xmuseum-stats>div,.xmuseum-daily,.xmuseum-search{
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);
  border-radius:12px;padding:17px
}
.xmuseum-stats b{display:block;font-size:27px;color:#ffd75a}
.xmuseum-stats span{opacity:.72}
.xmuseum-daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xmuseum-daily-grid>div{display:flex;flex-direction:column;gap:8px}
.xmuseum-daily-grid small{opacity:.65}
.xmuseum-daily-grid strong{font-size:18px}
.xmuseum-daily-grid img{max-width:150px;max-height:70px;object-fit:contain}
.xmuseum-search{margin-top:12px}
.xmuseum-search form{display:flex;gap:8px}
.xmuseum-search input{
  flex:1;min-width:0;padding:10px;border-radius:8px;
  border:1px solid rgba(255,255,255,.15);background:#0b1220;color:#fff
}
.xmuseum-found{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.xmuseum-found b,.xmuseum-user-grid div{
  padding:7px 10px;border-radius:7px;background:rgba(255,255,255,.07)
}
.xmuseum-classic{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.xmuseum-user-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:7px
}
.xmuseum-vip-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px
}
.xmuseum-vip-grid>div{
  min-height:105px;padding:10px;border-radius:9px;background:rgba(255,255,255,.055);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px
}
.xmuseum-vip-grid img{max-width:100%;max-height:70px;object-fit:contain}
.xmuseum-vip-grid span{font-size:12px;opacity:.7;word-break:break-all}
.xmuseum-note,.xmuseum-empty{opacity:.65}
.xmuseum-loading,.xmuseum-error{text-align:center;padding:50px 10px}
@media(max-width:600px){
  .xmuseum-overlay{padding:8px}
  .xmuseum-window{width:100%;max-height:95vh}
  #xchatMuseumBody{padding:13px}
  .xmuseum-stats,.xmuseum-daily-grid{grid-template-columns:1fr}
  .xmuseum-search form{flex-direction:column}
}

/* Museum pagination */
.xmuseum-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin:22px 0 8px;
}

.xmuseum-pagination > button,
.xmuseum-page-number {
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:#eee;
  min-height:34px;
  padding:7px 11px;
  border-radius:8px;
  cursor:pointer;
  font:inherit;
}

.xmuseum-pagination button:hover:not(:disabled) {
  color:#ffd75a;
  border-color:#ffd75a;
  background:rgba(255,215,90,.08);
}

.xmuseum-pagination button:disabled {
  opacity:.3;
  cursor:default;
}

.xmuseum-page-numbers {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
}

.xmuseum-page-number {
  min-width:36px;
  padding-left:8px;
  padding-right:8px;
}

.xmuseum-page-number.active {
  background:#ffd75a;
  border-color:#ffd75a;
  color:#111;
  font-weight:700;
}

.xmuseum-page-gap {
  opacity:.55;
  padding:0 3px;
}

.xmuseum-pagination-info {
  text-align:center;
  font-size:12px;
  opacity:.68;
  margin-bottom:8px;
}

.xmuseum-search-more {
  margin-top:10px;
  font-size:12px;
  opacity:.68;
}

@media(max-width:600px) {
  .xmuseum-pagination {
    gap:5px;
  }

  .xmuseum-pagination > button,
  .xmuseum-page-number {
    min-height:32px;
    padding:6px 8px;
  }

  .xmuseum-page-number {
    min-width:32px;
  }
}