

#rrpsAlbumWrap.relicg-wrap{
  --rg-page: #f6f7fb;
  --rg-card: rgba(255,255,255,.92);
  --rg-border: rgba(16,24,40,.10);
  --rg-text: #0b1220;
  --rg-muted: rgba(11,18,32,.66);
  --rg-accent: #f97316;
  --rg-accent2:#f59e0b;
  --rg-danger: #dc2626;
  --rg-shadow: 0 14px 30px rgba(16,24,40,.10);
  --rg-shadow2: 0 8px 18px rgba(16,24,40,.08);
}


#rrpsAlbumWrap.relicg-wrap{
  margin: 0;
}
#rrpsAlbumWrap *{ box-sizing: border-box; }


#rrpsAlbumWrap .relicg-hero{
  border-radius: 18px;
  padding: 22px 22px 18px;
  background:
    radial-gradient(900px 220px at 20% 0%, rgba(249,115,22,.14), transparent 60%),
    radial-gradient(700px 220px at 85% 20%, rgba(245,158,11,.12), transparent 65%),
    var(--rg-card);
  border: 1px solid var(--rg-border);
  box-shadow: var(--rg-shadow);
  margin-bottom: 14px;
}
#rrpsAlbumWrap .relicg-hero__glow{ display:none; }

#rrpsAlbumWrap .relicg-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(11,18,32,.04);
  border: 1px solid rgba(16,24,40,.10);
  color: rgba(11,18,32,.72);
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 11px;
}
#rrpsAlbumWrap .relicg-kicker::before{
  content:"";
  width:10px;height:10px;border-radius:999px;
  background: linear-gradient(180deg, rgba(249,115,22,1), rgba(245,158,11,1));
  box-shadow: 0 0 14px rgba(249,115,22,.22);
}

#rrpsAlbumWrap .relicg-hero__title{
  margin: 10px 0 6px;
  font-size: clamp(30px, 3.2vw, 40px);
  line-height: 1.05;
  font-weight: 950;
  color: var(--rg-text);
  letter-spacing: .01em;
}
#rrpsAlbumWrap .relicg-hero__sub{
  margin: 0;
  color: var(--rg-muted);
  max-width: 74ch;
  font-size: 14px;
}


#rrpsAlbumWrap .relicg-hero__stats{
  margin-top: 14px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
#rrpsAlbumWrap .relicg-pill{
  border-radius: 999px;
  padding: 8px 12px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.78);
  color: rgba(11,18,32,.78);
  font-size: 12px;
  box-shadow: 0 6px 14px rgba(16,24,40,.06);
}
#rrpsAlbumWrap .relicg-pill strong{ color: rgba(11,18,32,1); }


#rrpsAlbumWrap .relicg-stack{ margin-top: 12px; }
#rrpsAlbumWrap .relicg-stack--bottom{ margin-top: 12px; }


#rrpsAlbumWrap .relicg-card{
  border-radius: 18px;
  border: 1px solid var(--rg-border);
  background: var(--rg-card);
  box-shadow: var(--rg-shadow2);
  padding: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#rrpsAlbumWrap .relicg-card::before{ display:none; }

#rrpsAlbumWrap .relicg-cardhead{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
#rrpsAlbumWrap .relicg-title{
  color: var(--rg-text);
  font-weight: 950;
  font-size: 16px;
}
#rrpsAlbumWrap .relicg-sub{
  margin-top: 6px;
  color: var(--rg-muted);
  font-size: 13px;
}


#rrpsAlbumWrap .relicg-catrow{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
#rrpsAlbumWrap .relicg-cat{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  border-radius: 999px;
  border: 1px solid rgba(16,24,40,.12);
  background: rgba(255,255,255,.86);
  color: rgba(11,18,32,.92);
  padding: 8px 12px;
  cursor:pointer;
  font-weight: 900;
  font-size: 12px;
  transition: border-color .12s ease, transform .12s ease, box-shadow .12s ease;
}
#rrpsAlbumWrap .relicg-cat__icon{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(249,115,22,.10);
  color: rgba(11,18,32,.94);
  border: 1px solid rgba(249,115,22,.20);
  font-size: 14px;
}
#rrpsAlbumWrap .relicg-cat:hover{
  transform: translateY(-1px);
  border-color: rgba(249,115,22,.28);
  box-shadow: 0 10px 18px rgba(16,24,40,.10);
}
#rrpsAlbumWrap .relicg-cat.is-active{
  border-color: rgba(249,115,22,.42);
  box-shadow: 0 0 0 4px rgba(249,115,22,.10);
}


#rrpsAlbumWrap .relicg-drop{
  margin-top: 10px;
  border-radius: 16px;
  border: 1px dashed rgba(16,24,40,.22);
  background: rgba(255,255,255,.90);
  padding: 16px;
  cursor:pointer;
  transition: border-color .12s ease, transform .12s ease, box-shadow .12s ease;
}
#rrpsAlbumWrap .relicg-drop::before{ display:none; }
#rrpsAlbumWrap .relicg-drop:hover{
  transform: translateY(-1px);
  border-color: rgba(249,115,22,.46);
  box-shadow: 0 12px 22px rgba(16,24,40,.10);
}
#rrpsAlbumWrap .relicg-drop.is-drag{
  background: rgba(249,115,22,.08);
  border-color: rgba(249,115,22,.55);
}

#rrpsAlbumWrap .relicg-drop__inner{
  display:flex;
  gap: 14px;
  align-items:center;
}
#rrpsAlbumWrap .relicg-drop__icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(249,115,22,.10);
  color: rgba(11,18,32,.94);
  font-size: 18px;
}
#rrpsAlbumWrap .relicg-drop__title{
  font-weight: 950;
  color: var(--rg-text);
}
#rrpsAlbumWrap .relicg-drop__sub{
  margin-top: 3px;
  color: var(--rg-muted);
  font-size: 12px;
}


#rrpsAlbumWrap .relicg-queue{ margin-top: 12px; }
#rrpsAlbumWrap .relicg-queue__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 8px;
}
#rrpsAlbumWrap .relicg-queue__title{
  font-weight: 950;
  color: var(--rg-text);
}
#rrpsAlbumWrap .relicg-queue__list{ display:grid; gap: 8px; }
#rrpsAlbumWrap .relicg-queue__item{
  display:grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.92);
  color: rgba(11,18,32,.92);
}
#rrpsAlbumWrap .relicg-queue__name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 13px; }
#rrpsAlbumWrap .relicg-queue__size{ font-size: 12px; color: rgba(11,18,32,.58); }
#rrpsAlbumWrap .relicg-x{
  border-radius: 12px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(11,18,32,.04);
  color: rgba(11,18,32,.90);
  cursor:pointer;
  padding: 6px 10px;
}


#rrpsAlbumWrap .relicg-actions{
  display:flex;
  gap: 12px;
  align-items:center;
  margin-top: 12px;
}
#rrpsAlbumWrap .relicg-btn{
  border-radius: 14px;
  padding: 10px 14px;
  border: 1px solid rgba(16,24,40,.12);
  background: rgba(255,255,255,.92);
  color: rgba(11,18,32,.92);
  cursor:pointer;
  font-weight: 950;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}
#rrpsAlbumWrap .relicg-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(249,115,22,.28);
  box-shadow: 0 12px 22px rgba(16,24,40,.10);
}
#rrpsAlbumWrap .relicg-btn--primary{
  background: linear-gradient(90deg, rgba(249,115,22,.16), rgba(245,158,11,.12));
  border-color: rgba(249,115,22,.40);
}
#rrpsAlbumWrap .relicg-btn--primary:hover{
  border-color: rgba(249,115,22,.55);
}
#rrpsAlbumWrap .relicg-btn--ghost{
  background: transparent;
}
#rrpsAlbumWrap .relicg-status{
  color: rgba(11,18,32,.72);
  font-size: 13px;
}


#rrpsAlbumWrap .relicg-feature{
  margin: 10px 0 14px;
}
#rrpsAlbumWrap .relicg-feature__head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
}
#rrpsAlbumWrap .relicg-feature__title{
  font-weight: 950;
  color: var(--rg-text);
}
#rrpsAlbumWrap .relicg-feature__sub{
  color: var(--rg-muted);
  font-size: 12px;
}
#rrpsAlbumWrap .relicg-feature__strip{
  display:flex;
  gap: 10px;
  overflow:auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
}
#rrpsAlbumWrap .relicg-feature__item{
  flex: 0 0 auto;
  width: 176px;
  border-radius: 16px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 20px rgba(16,24,40,.10);
  overflow:hidden;
  position:relative;
  scroll-snap-align: start;
  text-decoration:none;
}
#rrpsAlbumWrap .relicg-feature__img{
  aspect-ratio: 16/10;
  background-size: cover;
  background-position: center;
}
#rrpsAlbumWrap .relicg-feature__badge{
  position:absolute;
  left:10px;
  bottom:10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(16,24,40,.10);
  color: rgba(11,18,32,.86);
  font-size: 11px;
  font-weight: 950;
}


#rrpsAlbumWrap .relicg-filterbar{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 10px 0 14px;
}
#rrpsAlbumWrap .relicg-filterbtn{
  border-radius: 999px;
  padding: 8px 12px;
  border: 1px solid rgba(16,24,40,.12);
  background: rgba(255,255,255,.92);
  color: rgba(11,18,32,.80);
  cursor:pointer;
  font-weight: 950;
  font-size: 12px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#rrpsAlbumWrap .relicg-filterbtn:hover{
  transform: translateY(-1px);
  border-color: rgba(249,115,22,.28);
  box-shadow: 0 12px 22px rgba(16,24,40,.10);
}
#rrpsAlbumWrap .relicg-filterbtn.is-active{
  border-color: rgba(249,115,22,.42);
  box-shadow: 0 0 0 4px rgba(249,115,22,.10);
}


#rrpsAlbumWrap .relicg-empty{
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.92);
  color: rgba(11,18,32,.72);
}
#rrpsAlbumWrap .relicg-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1100px){
  #rrpsAlbumWrap .relicg-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px){
  #rrpsAlbumWrap .relicg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  #rrpsAlbumWrap .relicg-grid{ grid-template-columns: 1fr; }
}

#rrpsAlbumWrap .relicg-tile{
  position: relative;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 20px rgba(16,24,40,.10);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#rrpsAlbumWrap .relicg-tile:hover{
  transform: translateY(-2px);
  border-color: rgba(249,115,22,.22);
  box-shadow: 0 16px 26px rgba(16,24,40,.14);
}
#rrpsAlbumWrap .relicg-tile__img{
  aspect-ratio: 16/10;
  background-size: cover;
  background-position: center;
}
#rrpsAlbumWrap .relicg-tile.is-hidden{ display:none !important; }


#rrpsAlbumWrap .relicg-delete{
  position:absolute;
  top:10px;
  right:10px;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.92);
  color: rgba(11,18,32,.92);
  cursor:pointer;
  z-index: 2;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
#rrpsAlbumWrap .relicg-delete:hover{
  transform: translateY(-1px);
  background: rgba(220,38,38,.10);
  border-color: rgba(220,38,38,.30);
}
#rrpsAlbumWrap .relicg-delete svg{ width: 16px; height: 16px; }


#rrpsAlbumWrap .relicg-hero{ display:none !important; }


#rrpsAlbumWrap .relicg-cat.is-active{
  background: linear-gradient(90deg, rgba(249,115,22,.14), rgba(245,158,11,.10)) !important;
  border-color: rgba(249,115,22,.55) !important;
  box-shadow: 0 0 0 4px rgba(249,115,22,.12), 0 10px 22px rgba(16,24,40,.10) !important;
}
#rrpsAlbumWrap .relicg-cat.is-active .relicg-cat__icon{
  background: rgba(249,115,22,.16) !important;
  border-color: rgba(249,115,22,.32) !important;
  box-shadow: 0 0 18px rgba(249,115,22,.20) !important;
}


#rrpsAlbumWrap .relicg-catinput{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;height:1px;
}
#rrpsAlbumWrap .relicg-catinput:checked + .relicg-cat{
  background: linear-gradient(90deg, rgba(249,115,22,.14), rgba(245,158,11,.10)) !important;
  border-color: rgba(249,115,22,.55) !important;
  box-shadow: 0 0 0 4px rgba(249,115,22,.12), 0 10px 22px rgba(16,24,40,.10) !important;
}
#rrpsAlbumWrap .relicg-catinput:checked + .relicg-cat .relicg-cat__icon{
  background: rgba(249,115,22,.16) !important;
  border-color: rgba(249,115,22,.32) !important;
  box-shadow: 0 0 18px rgba(249,115,22,.20) !important;
}


#rrpsAlbumWrap .relicg-delete{
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  line-height: 1 !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
}
#rrpsAlbumWrap .relicg-delete svg{
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  display: block !important;
}


#rrpsAlbumWrap .relicg-feature-toggle{
  position:absolute;
  top:10px;
  right:54px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.92);
  color: rgba(11,18,32,.70);
  cursor:pointer;
  z-index: 2;
  transition: transform .12s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease, color .12s ease;
}
#rrpsAlbumWrap .relicg-feature-toggle svg{ width: 16px; height: 16px; display:block; }
#rrpsAlbumWrap .relicg-feature-toggle:hover{
  transform: translateY(-1px);
  border-color: rgba(249,115,22,.28);
  box-shadow: 0 12px 22px rgba(16,24,40,.10);
}
#rrpsAlbumWrap .relicg-feature-toggle.is-on{
  background: linear-gradient(90deg, rgba(249,115,22,.16), rgba(245,158,11,.12));
  border-color: rgba(249,115,22,.42);
  color: rgba(11,18,32,.92);
  box-shadow: 0 0 0 4px rgba(249,115,22,.10), 0 12px 22px rgba(16,24,40,.10);
}
#rrpsAlbumWrap .relicg-feature__empty{
  border: 1px dashed rgba(16,24,40,.14);
  background: rgba(255,255,255,.82);
  border-radius: 16px;
  padding: 12px 14px;
  color: rgba(11,18,32,.66);
  font-size: 13px;
}
