/* PixelRealm - Recently Played */
.pr-history-nav {
  display:flex!important;
  align-items:center;
  gap:9px;
  cursor:pointer;
}
.pr-history-section {
  margin:24px 0 30px;
}
.pr-history-section[hidden] {display:none!important}
.pr-history-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.pr-history-heading h2 {
  color:#f1eaff;
  font-size:21px;
  margin:0;
}
.pr-history-heading button,
.pr-history-clear {
  background:#202b48;
  color:#e8dcff;
  border:1px solid #495277;
  border-radius:9px;
  padding:10px 15px;
  cursor:pointer;
}
.pr-history-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:14px;
}
.pr-history-card {
  display:block;
  min-width:0;
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  background:#141f35;
  border:1px solid #293958;
  border-radius:12px;
  transition:transform .15s,border-color .15s;
}
.pr-history-card:hover {
  transform:translateY(-3px);
  border-color:#ad82ff;
}
.pr-history-card img {
  width:100%;
  aspect-ratio:1.5;
  object-fit:cover;
  display:block;
}
.pr-history-card strong {
  display:block;
  padding:11px;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pr-history-overlay {
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(4,7,17,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.pr-history-overlay[hidden] {display:none!important}
.pr-history-dialog {
  background:#10182b;
  border:1px solid #42406a;
  border-radius:18px;
  width:min(1050px,100%);
  max-height:90vh;
  overflow:auto;
  padding:24px;
  box-shadow:0 20px 70px #0009;
}
.pr-history-dialog-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:20px;
}
.pr-history-dialog-head h2 {margin:0;color:#fff}
.pr-history-close {
  border:1px solid #4d5277;
  background:#222c48;
  color:#fff;
  padding:10px 14px;
  border-radius:9px;
  cursor:pointer;
}
.pr-history-empty {color:#aab5cf;line-height:1.7}
.pr-history-actions {
  display:flex;
  justify-content:flex-end;
  margin-top:22px;
}
@media(max-width:600px) {
  .pr-history-dialog {padding:16px}
  .pr-history-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}