/* BOOM_POKEDEX_FUTURE_GEN9_V1 */

.dex-tabs [data-dex-region="unova"]::before { content: "GEN V"; }
.dex-tabs [data-dex-region="kalos"]::before { content: "GEN VI"; }
.dex-tabs [data-dex-region="alola"]::before { content: "GEN VII"; }
.dex-tabs [data-dex-region="galar"]::before { content: "GEN VIII"; }
.dex-tabs [data-dex-region="paldea"]::before { content: "GEN IX"; }

.dex-tabs [data-dex-region="unova"],
.dex-tabs [data-dex-region="kalos"],
.dex-tabs [data-dex-region="alola"],
.dex-tabs [data-dex-region="galar"],
.dex-tabs [data-dex-region="paldea"] {
  position: relative;
  border-style: dashed;
}

.dex-tabs [data-dex-region="unova"]::after,
.dex-tabs [data-dex-region="kalos"]::after,
.dex-tabs [data-dex-region="alola"]::after,
.dex-tabs [data-dex-region="galar"]::after,
.dex-tabs [data-dex-region="paldea"]::after {
  content: "LOCKED";
  margin-left: 5px;
  opacity: .48;
  font-size: 6px;
  letter-spacing: .08em;
}

.dex-entry[data-dex-future-locked="true"] {
  border-style: dashed !important;
  background:
    linear-gradient(
      150deg,
      rgba(7, 17, 24, .96),
      rgba(3, 8, 12, .99)
    ) !important;
}

.dex-entry[data-dex-future-locked="true"]::after {
  content: "LOCKED";
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 3px 6px;
  border: 1px solid rgba(124, 154, 169, .28);
  border-radius: 999px;
  color: rgba(177, 201, 212, .56);
  background: rgba(2, 8, 12, .78);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: .1em;
}

.dex-entry[data-dex-future-locked="true"] img.dex-species-silhouette,
.dex-detail--future-locked img.dex-species-silhouette {
  display: block !important;
  opacity: .46 !important;
  filter:
    brightness(0)
    saturate(0)
    opacity(.76)
    drop-shadow(0 0 12px rgba(79, 151, 181, .24)) !important;
}

.dex-detail--future-locked {
  --specimen-accent: #7599aa;
  border-style: dashed;
}

.dex-future-lock {
  padding: 12px 14px 16px;
}

.dex-future-lock__generation {
  margin-bottom: 8px;
  color: #86b4c8;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .16em;
}

.dex-future-lock__identity {
  display: grid;
  gap: 4px;
  text-align: center;
}

.dex-future-lock__identity small {
  color: #68808c;
  font-size: 7px;
  letter-spacing: .14em;
}

.dex-future-lock__identity h2 {
  margin: 0;
  color: #a7bdc6;
  font-size: 24px;
  letter-spacing: .15em;
}

.dex-future-lock__identity strong {
  color: #78909a;
  font-size: 8px;
  letter-spacing: .16em;
}

.dex-future-lock__notice {
  display: grid;
  gap: 5px;
  margin-top: 14px;
  padding: 11px;
  border: 1px dashed rgba(126, 160, 174, .25);
  border-radius: 10px;
  background: rgba(4, 13, 19, .62);
  text-align: center;
}

.dex-future-lock__notice b {
  color: #91abb7;
  font-size: 8px;
  letter-spacing: .14em;
}

.dex-future-lock__notice span {
  color: #647b86;
  font-size: 8px;
  line-height: 1.45;
}

.dex-future-lock__tiers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.dex-future-lock__tiers span {
  padding: 7px;
  border: 1px solid rgba(110, 139, 151, .16);
  border-radius: 999px;
  color: #526a75;
  background: rgba(255,255,255,.018);
  text-align: center;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .08em;
}