/* The existing card-opening action, presented as a physical REVERSE deck. */
#tab-profile.reverse-home .hub-opening.hub-opening-feature {
  grid-template-columns: minmax(0,1fr) 138px;
  grid-template-rows: minmax(0,1fr) auto auto;
  align-items: start;
  min-height: 210px;
  padding: 20px;
  gap: 12px 10px;
  border: 1px solid #f1c47f20;
  border-radius: 20px;
  background: linear-gradient(90deg,#131b21fc 0%,#131b21f2 48%,#131b218a 100%),url('assets/menu/scenes/opening-329.webp') 68% 48% / cover;
  box-shadow: inset 0 1px 0 #ffffff0b;
}
#tab-profile.reverse-home .hub-opening-feature .hub-opening-copy { position: relative; z-index: 2; }
#tab-profile.reverse-home .hub-opening-feature #hub-opening-stock {
  display: block;
  margin: 0 0 8px;
  color: #e6b978;
  font: 400 11px/1.4 ReverseMenu,var(--font-body);
}
#tab-profile.reverse-home .hub-opening-feature h2 {
  margin: 0;
  color: #f1f3f5;
  font: 700 24px/1.15 ReverseMenu,var(--font-body);
  letter-spacing: -.035em;
}
#tab-profile.reverse-home .hub-opening-feature .hub-opening-caption {
  display: block;
  margin-top: 7px;
  color: #aebac3;
  font: 400 11px/1.4 ReverseMenu,var(--font-body);
}
#tab-profile.reverse-home .hub-opening-feature .hub-opening-art {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
  justify-self: center;
  width: 138px;
  height: 174px;
  isolation: isolate;
  pointer-events: none;
}
#tab-profile.reverse-home .hub-opening-feature .hub-opening-art::before,
#tab-profile.reverse-home .hub-opening-feature .hub-opening-art::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 102px;
  height: 136px;
  border: 1px solid #a34c5359;
  border-radius: 9px;
  background: #101317 url('assets/card-back.png') center / cover;
  box-shadow: 5px 8px 12px #00000040;
}
#tab-profile.reverse-home .hub-opening-feature .hub-opening-art::before { z-index: 0; opacity: .55; transform: translate(-61%,-52%) rotate(-17deg); }
#tab-profile.reverse-home .hub-opening-feature .hub-opening-art::after { z-index: 1; opacity: .8; transform: translate(-48%,-50%) rotate(-4deg); }
#tab-profile.reverse-home .hub-opening-feature .hub-opening-art img {
  position: relative;
  z-index: 2;
  width: 108px;
  height: 144px;
  object-fit: contain;
  border-radius: 9px;
  transform: translate(8px,-3px) rotate(9deg);
  box-shadow: 9px 14px 20px #00000075;
  animation: none;
}
#tab-profile.reverse-home .hub-opening-feature #btn-open-card {
  position: relative;
  z-index: 2;
  min-width: 132px;
  min-height: 46px;
  width: auto;
  gap: 17px;
  padding: 10px 15px;
  border: 1px solid #ffe1ae52;
  border-radius: 12px;
  background: #f1c47f;
  color: #281d10;
  box-shadow: 0 3px 0 #7e572e4d;
  font: 700 13px/1.3 ReverseMenu,var(--font-body);
}
#tab-profile.reverse-home .hub-opening-feature #btn-open-card:disabled { opacity: .55; box-shadow: none; }
#tab-profile.reverse-home .hub-opening-feature #hub-opening-status {
  grid-column: 1;
  position: relative;
  z-index: 2;
  min-width: 0;
  margin: 0;
  color: #aebac3;
  font: 400 10px/1.5 ReverseMenu,var(--font-body);
  overflow-wrap: anywhere;
}
#tab-profile.reverse-home .hub-opening-feature[data-state="error"] #hub-opening-status,
html[data-theme="light"] #tab-profile.reverse-home .hub-opening-feature[data-state="error"] #hub-opening-status { color: #ffb5bf; }
@media (hover:hover) { #tab-profile.reverse-home .hub-opening-feature #btn-open-card:not(:disabled):hover { background: #f7ce90; } }
@media (max-width:399px) {
  #tab-profile.reverse-home .hub-opening.hub-opening-feature { grid-template-columns: minmax(0,1fr) 112px; padding: 18px 16px; gap: 11px 6px; min-height: 200px; }
  #tab-profile.reverse-home .hub-opening-feature h2 { font-size: 22px; }
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art { width: 112px; height: 156px; }
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art::before,
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art::after { width: 87px; height: 116px; }
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art img { width: 93px; height: 124px; transform: translate(5px,-3px) rotate(9deg); }
  #tab-profile.reverse-home .hub-opening-feature #btn-open-card { min-width: 122px; padding-inline: 12px; gap: 13px; }
}
@media (max-width:359px) {
  #tab-profile.reverse-home .hub-opening.hub-opening-feature { grid-template-columns: minmax(0,1fr) 96px; }
  #tab-profile.reverse-home .hub-opening-feature h2 { font-size: 20px; }
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art { width: 96px; }
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art::before,
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art::after { width: 78px; height: 104px; }
  #tab-profile.reverse-home .hub-opening-feature .hub-opening-art img { width: 84px; height: 112px; }
}