/* Share Card Studio portal — v10.273 */
/* v10.264 — cinematic Living Card Portal and elevated collection rail. */
@media (min-width: 1181px) {
  body[data-page="data"] #page-data.share-studio-page {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
  }
  body[data-page="data"] #page-data.share-studio-page > .share-portal-shell {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

.share-studio-page {
  position: relative;
  min-height: 0;
  padding: 0 !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 53% 40%, rgba(255,34,84,.14), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(42,173,255,.09), transparent 28%),
    #050812;
}
.share-portal-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  gap: 12px;
  min-height: calc(100vh - 112px);
  max-height: calc(100vh - 112px);
  padding: 18px 20px 14px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3,8,18,.96) 0%, rgba(4,7,15,.36) 28%, rgba(4,6,14,.22) 68%, rgba(4,8,18,.9) 100%);
}
.share-portal-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background-image: var(--share-stage-art, none);
  background-size: cover;
  background-position: center 28%;
  filter: blur(20px) saturate(1.2) brightness(.42);
  transform: scale(1.08);
  opacity: .6;
}
.share-portal-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,48,111,.08) 1px, transparent 1px) 0 0 / 82px 100%,
    linear-gradient(rgba(69,186,255,.045) 1px, transparent 1px) 0 0 / 100% 82px,
    radial-gradient(circle at 16% 77%, rgba(255,52,150,.15), transparent 19%),
    radial-gradient(circle at 84% 77%, rgba(42,187,255,.11), transparent 20%);
  mix-blend-mode: screen;
}
.share-portal-head,
.share-portal-main,
.share-collection-dock {
  position: relative;
  z-index: 7;
}
.share-portal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 0 5px;
}
.share-portal-kicker {
  margin: 0 0 3px;
  color: #ff5a94;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .18em;
}
.share-portal-head h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.55rem, 2.25vw, 2.45rem);
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-shadow: 0 0 24px rgba(125,203,255,.28);
}
.share-portal-head p:last-child {
  margin: 5px 0 0;
  color: #a9b8d2;
  font-size: .84rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.share-portal-wordmark {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 18px;
  padding-top: 5px;
  color: #8da8c9;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.share-portal-main {
  display: grid;
  grid-template-columns: minmax(300px, .84fr) minmax(250px, 1fr) minmax(310px, .76fr);
  gap: 18px;
  min-height: 0;
}
.share-card-portal,
.share-stage-avi,
.share-selected-panel {
  min-width: 0;
  min-height: 0;
}
.share-card-portal {
  position: relative;
  display: grid;
  place-items: center;
  padding: 8px 6px;
}
.share-card-portal::before,
.share-card-portal::after {
  content: "";
  position: absolute;
  inset: 3% 5%;
  border: 1px solid rgba(255,53,101,.52);
  border-radius: 26px;
  box-shadow:
    0 0 18px rgba(255,22,79,.55),
    inset 0 0 32px rgba(255,31,94,.18);
  transform: perspective(900px) rotateY(2deg);
}
.share-card-portal::after {
  inset: 5% 8%;
  border-color: rgba(255,160,195,.5);
  box-shadow: 0 0 52px rgba(255,25,82,.28);
}
.share-card-canvas-wrap {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#shareCardCanvas {
  display: block;
  width: auto;
  height: min(58vh, 580px);
  max-width: 94%;
  max-height: 100%;
  aspect-ratio: 2 / 3;
  border-radius: 16px;
  background: #060711;
  box-shadow:
    0 0 0 1px rgba(255,208,116,.64),
    0 0 25px rgba(255,38,107,.52),
    0 28px 70px rgba(0,0,0,.62);
}
.share-card-format {
  position: absolute;
  left: 20px;
  bottom: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: #a9b9d2;
  background: rgba(2,7,16,.76);
  backdrop-filter: blur(12px);
  font-size: .66rem;
  font-weight: 800;
}
.share-stage-avi {
  position: relative;
  display: grid;
  place-items: end center;
  overflow: hidden;
}
.share-stage-avi::after {
  content: "";
  position: absolute;
  inset: auto 4% 0;
  height: 22%;
  z-index: 2;
  background: linear-gradient(transparent, rgba(4,7,15,.86));
  pointer-events: none;
}
.share-stage-avi img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 28px 35px rgba(0,0,0,.6)) saturate(1.06);
}
.share-stage-avi-glow {
  position: absolute;
  inset: 10% 3% 1%;
  z-index: -1;
  border: 1px solid rgba(255,50,100,.25);
  border-radius: 50% 50% 13% 13% / 22% 22% 9% 9%;
  background: radial-gradient(ellipse at center, rgba(255,37,90,.18), transparent 65%);
  box-shadow: 0 0 80px rgba(255,32,88,.22);
}
.share-selected-panel {
  align-self: center;
  display: grid;
  gap: 13px;
  max-height: 100%;
  padding: 20px;
  border: 1px solid rgba(87,184,255,.65);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(5,14,30,.94), rgba(5,7,19,.9)),
    radial-gradient(circle at 100% 0, rgba(46,179,255,.17), transparent 45%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 34px rgba(39,160,255,.18),
    0 26px 60px rgba(0,0,0,.42);
  backdrop-filter: blur(20px);
}
.share-selected-eyebrow {
  margin: 0;
  color: #b9c9df;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .19em;
}
.share-selected-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.share-selected-title-row h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2vw, 2.15rem);
  line-height: 1;
}
.share-tier-pill {
  padding: 5px 9px;
  border: 1px solid rgba(255,67,124,.7);
  border-radius: 999px;
  color: #ff9dbc;
  background: rgba(255,35,91,.12);
  box-shadow: 0 0 15px rgba(255,31,91,.2);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.share-selected-copy {
  margin: -4px 0 0;
  color: #a9b6cc;
  font-size: .83rem;
}
.share-owned-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-block: 1px solid rgba(255,255,255,.09);
  color: #eef5ff;
  font-size: .8rem;
  font-weight: 800;
}
.share-owned-line span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.share-owned-check {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #09bd88;
  box-shadow: 0 0 13px rgba(9,189,136,.42);
}
.share-owned-check.is-locked {
  background: #6c7485;
  box-shadow: none;
}
.share-owned-state {
  color: #77cfff;
  font-size: .72rem;
  font-weight: 700;
}
.share-identity-card {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
}
.share-identity-card img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  object-position: 50% 10%;
  border: 1px solid rgba(255,84,143,.62);
  border-radius: 12px;
}
.share-identity-copy span,
.share-identity-copy strong,
.share-identity-copy small {
  display: block;
}
.share-identity-copy span {
  color: #7ecfff;
  font-size: .62rem;
}
.share-identity-copy strong {
  overflow: hidden;
  color: #fff;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-identity-copy small {
  margin-top: 2px;
  color: #aab6ca;
  font-size: .69rem;
}
.share-mini-stats {
  display: flex;
  gap: 10px;
}
.share-mini-stats div {
  min-width: 45px;
  padding-left: 10px;
  border-left: 1px solid rgba(255,255,255,.12);
  text-align: center;
}
.share-mini-stats span,
.share-mini-stats strong {
  display: block;
}
.share-mini-stats span {
  color: #9cb0cb;
  font-size: .59rem;
  font-weight: 800;
}
.share-mini-stats strong {
  margin-top: 3px;
  color: #fff;
  font-size: .85rem;
}
.share-selected-actions {
  display: grid;
  gap: 9px;
}
.share-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .01em;
}

/* The desktop shell gives every .ui-icon a fluid 100% size. Keep Studio actions compact. */
body[data-page="data"] .share-selected-actions {
  grid-auto-rows: 44px;
}
body[data-page="data"] .share-selected-actions .share-action {
  display: flex !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 14px !important;
  flex: none !important;
  overflow: hidden;
  white-space: nowrap;
  font-size: .82rem !important;
  line-height: 1 !important;
}
body[data-page="data"] .share-selected-actions .share-action .ui-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  flex: 0 0 20px !important;
  overflow: visible !important;
}
.share-action.primary {
  border-color: #ff396f;
  color: #fff;
  background: linear-gradient(90deg, rgba(255,27,82,.82), rgba(255,42,117,.44));
  box-shadow: 0 0 18px rgba(255,34,92,.25), inset 0 0 18px rgba(255,255,255,.05);
}
.share-action.download {
  border-color: #27b9ff;
  color: #fff;
  background: linear-gradient(90deg, rgba(14,138,223,.68), rgba(19,65,122,.42));
  box-shadow: 0 0 17px rgba(42,177,255,.2);
}
.share-action.copy {
  border-color: #ad5dff;
  color: #fff;
  background: linear-gradient(90deg, rgba(119,50,214,.68), rgba(63,29,120,.42));
  box-shadow: 0 0 17px rgba(168,84,255,.2);
}
.share-action:disabled {
  cursor: default;
  opacity: .6;
}
#shareCardStatus {
  display: block;
  min-height: 1.2em;
  margin: 0;
  color: #91a2bb;
  font-size: .67rem;
  text-align: center;
}
.share-collection-dock {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 15px;
  align-items: stretch;
  min-height: 124px;
  padding: 12px 14px;
  border: 1px solid rgba(71,172,244,.62);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(5,13,28,.95), rgba(4,7,17,.94));
  box-shadow: 0 0 32px rgba(32,147,224,.16), 0 22px 45px rgba(0,0,0,.4);
  backdrop-filter: blur(18px);
}
.share-collection-meta {
  display: grid;
  align-content: center;
  min-width: 166px;
}
.share-collection-meta h2 {
  margin: 0 0 9px;
  color: #fff;
  font-size: .94rem;
  letter-spacing: .12em;
}
.share-filter-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.share-filter {
  min-height: 29px;
  padding: 5px 9px;
  border: 1px solid rgba(91,179,255,.32);
  border-radius: 999px;
  color: #91a8c6;
  background: rgba(8,16,34,.7);
  font-size: .62rem;
  font-weight: 900;
}
.share-filter.active {
  border-color: #319df3;
  color: #fff;
  background: rgba(23,122,213,.32);
  box-shadow: 0 0 13px rgba(44,161,255,.17);
}
.share-avi-rail {
  display: grid;
  grid-auto-columns: minmax(92px, 1fr);
  grid-auto-flow: column;
  gap: 10px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,75,140,.5) rgba(255,255,255,.04);
}
.share-avi-choice {
  position: relative;
  display: grid;
  grid-template-rows: 69px auto;
  min-width: 92px;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(117,157,204,.35);
  border-radius: 12px;
  color: #dce8f7;
  background: rgba(3,8,18,.9);
  text-align: left;
  cursor: pointer;
}
.share-avi-choice img {
  width: 100%;
  height: 69px;
  object-fit: cover;
  object-position: 50% 11%;
  filter: saturate(.9) brightness(.84);
}
.share-avi-choice span {
  display: grid;
  gap: 1px;
  padding: 6px 7px;
}
.share-avi-choice strong {
  overflow: hidden;
  font-size: .69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-avi-choice small {
  color: #7f93ad;
  font-size: .58rem;
}
.share-avi-choice.selected {
  border-color: #ff3f7e;
  box-shadow: 0 0 0 1px rgba(255,62,126,.55), 0 0 17px rgba(255,35,105,.37);
}
.share-avi-choice.selected img {
  filter: saturate(1.05) brightness(1.04);
}
.share-avi-choice.locked {
  cursor: not-allowed;
}
.share-avi-choice.locked img {
  filter: grayscale(.92) brightness(.38);
}
.share-avi-choice.locked::after {
  content: "LOCKED";
  position: absolute;
  top: 28px;
  left: 50%;
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: #fff;
  background: rgba(2,5,12,.78);
  font-size: .52rem;
  font-weight: 900;
  letter-spacing: .08em;
  transform: translateX(-50%);
}
.share-compat-controls,
.share-studio-page .share-data-details,
.share-studio-page .danger-details {
  display: none !important;
}
@media (max-width: 1240px) {
  .share-portal-main {
    grid-template-columns: minmax(280px,.9fr) minmax(210px,.8fr) minmax(280px,.75fr);
    gap: 10px;
  }
  .share-selected-panel { padding: 15px; }
  .share-wordmark-last { display: none; }
  #shareCardCanvas { height: min(54vh, 520px); }
}
@media (max-width: 980px) {
  .share-studio-page { overflow: visible; }
  .share-portal-shell {
    max-height: none;
    min-height: 0;
    overflow: visible;
  }
  .share-portal-main {
    grid-template-columns: minmax(250px,.85fr) minmax(240px,1fr);
  }
  .share-selected-panel {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .share-selected-actions { grid-column: 2; grid-row: 1 / span 4; }
  .share-collection-dock { grid-template-columns: 1fr; }
}

/* v10.261 — respond to the real page column, not the outer browser window. */
.share-studio-page {
  width: 100%;
  max-width: none !important;
  min-width: 0;
  container-type: inline-size;
}
.share-portal-shell {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@container (max-width: 1450px) and (min-width: 761px) {
  .share-portal-shell {
    max-height: calc(100vh - 112px);
    overflow: hidden;
  }
  .share-portal-main {
    position: relative;
    grid-template-columns: minmax(280px, .78fr) minmax(420px, 1.22fr);
    gap: 12px;
  }
  .share-card-portal {
    grid-column: 1;
  }
  .share-stage-avi {
    grid-column: 2;
  }
  .share-stage-avi img {
    width: 76%;
    margin-right: 24%;
  }
  .share-selected-panel {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 0;
    width: min(350px, 34%);
    max-height: calc(100% - 18px);
    padding: 15px;
    transform: translateY(-50%);
  }
  .share-selected-panel .share-selected-copy {
    display: none;
  }
}
@container (max-width: 760px) {
  .share-studio-page {
    overflow: visible;
  }
  .share-portal-shell {
    max-height: none;
    min-height: 0;
    overflow: visible;
  }
  .share-portal-main {
    display: grid;
    grid-template-columns: 1fr;
  }
  .share-card-portal,
  .share-stage-avi,
  .share-selected-panel {
    grid-column: 1;
  }
  .share-stage-avi {
    position: absolute;
    inset: 10% 0 31%;
    z-index: -1;
    opacity: .3;
  }
  .share-selected-panel {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    max-height: none;
    transform: none;
  }
}

@media (max-width: 680px) {
  .share-portal-shell {
    gap: 14px;
    padding: 14px 12px 88px;
  }
  .share-portal-head { display: block; }
  .share-portal-head p:last-child,
  .share-portal-wordmark { display: none; }
  .share-portal-main { grid-template-columns: 1fr; }
  .share-stage-avi {
    position: absolute;
    inset: 10% 0 30%;
    z-index: -1;
    opacity: .32;
  }
  .share-card-portal { min-height: 62vh; }
  #shareCardCanvas {
    width: min(88vw, 390px);
    height: auto;
    max-width: 100%;
  }
  .share-selected-panel {
    grid-column: auto;
    display: grid;
    grid-template-columns: 1fr;
  }
  .share-selected-actions { grid-column: auto; grid-row: auto; }
  .share-identity-card { grid-template-columns: 48px minmax(0,1fr); }
  .share-mini-stats { grid-column: 1 / -1; }
  .share-collection-dock { min-height: 0; }
  .share-collection-meta { min-width: 0; }
  .share-avi-rail { grid-auto-columns: 94px; }
}

/* v10.264 — cinematic Living Card Portal composition. */
.share-card-rank,
.share-stage-hud,
.share-stage-index {
  position: absolute;
  z-index: 6;
  pointer-events: none;
}
.share-card-rank {
  left: 7%;
  top: 5%;
  display: grid;
  gap: 2px;
  padding: 9px 12px;
  border-left: 2px solid #ff3f7f;
  color: #aebbd0;
  background: linear-gradient(90deg, rgba(3,8,18,.9), transparent);
  font-size: .63rem;
  letter-spacing: .14em;
}
.share-card-rank strong { color: #fff; font-size: .74rem; }
.share-stage-hud {
  left: 34%;
  bottom: 20px;
  display: grid;
  gap: 3px;
  padding: 10px 14px 10px 16px;
  border-left: 2px solid #ff3d7e;
  color: #9bb0ca;
  background: linear-gradient(90deg, rgba(2,7,16,.86), rgba(2,7,16,.08));
  font-size: .62rem;
  letter-spacing: .14em;
}
.share-stage-hud strong { color: #fff; font-size: .96rem; letter-spacing: .04em; }
.share-stage-index {
  top: 18px;
  left: 32%;
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: #fff;
  text-shadow: 0 0 18px rgba(255,55,119,.65);
}
.share-stage-index span { font-size: 1.45rem; font-weight: 900; }
.share-stage-index small {
  color: #9cb2cf;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .16em;
}
.share-collection-count {
  margin: 0 0 10px;
  color: #8399b7;
  font-size: .66rem;
  letter-spacing: .04em;
}
.share-collection-count strong { color: #65c8ff; font-size: .82rem; }
.share-collection-count span { color: #dce9fa; }

@keyframes shareCardHover {
  0%, 100% { transform: perspective(1500px) rotateY(4deg) rotateZ(-.7deg) translateY(0); }
  50% { transform: perspective(1500px) rotateY(3deg) rotateZ(-.45deg) translateY(-7px); }
}
@keyframes sharePortalPulse {
  0%, 100% { opacity: .58; transform: scale(.985); }
  50% { opacity: .92; transform: scale(1.015); }
}
@keyframes shareSelectedPulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255,62,126,.66), 0 0 19px rgba(255,35,105,.4); }
  50% { box-shadow: 0 0 0 1px rgba(255,121,168,.9), 0 0 31px rgba(255,35,105,.68); }
}

@container (min-width: 1451px) {
  .share-portal-shell {
    gap: 10px;
    padding-inline: 24px;
    background: linear-gradient(90deg, rgba(3,8,18,.97) 0%, rgba(4,7,15,.5) 21%, rgba(4,6,14,.12) 60%, rgba(4,8,18,.88) 100%);
  }
  .share-portal-shell::after {
    opacity: .8;
    background:
      url("../images/ui/economy-sakura-atmosphere-v10254.png") center 18% / cover no-repeat,
      linear-gradient(90deg, rgba(255,48,111,.085) 1px, transparent 1px) 0 0 / 82px 100%,
      linear-gradient(rgba(69,186,255,.05) 1px, transparent 1px) 0 0 / 100% 82px,
      radial-gradient(circle at 14% 68%, rgba(255,52,150,.22), transparent 21%),
      radial-gradient(circle at 86% 72%, rgba(42,187,255,.16), transparent 22%);
  }
  .share-portal-head { align-items: center; padding-inline: 10px; }
  .share-portal-wordmark { position: relative; padding: 0 0 8px 25px; }
  .share-portal-wordmark::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 118%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(85,193,255,.72), rgba(255,63,134,.55));
    box-shadow: 0 0 10px rgba(74,183,255,.34);
  }
  .share-portal-main { position: relative; display: block; min-height: 0; perspective: 1600px; }
  .share-card-portal {
    position: absolute;
    inset: 0 auto 0 1.2%;
    z-index: 6;
    display: block;
    width: 34%;
    padding: 5px 0 7px;
    overflow: visible;
  }
  .share-card-portal::before {
    inset: 1% 5% 1% 3%;
    border-color: rgba(255,50,108,.68);
    border-radius: 30px;
    transform: perspective(1200px) rotateY(4deg) rotateZ(-.7deg);
    box-shadow: 0 0 24px rgba(255,22,79,.62), 0 0 80px rgba(255,22,79,.22), inset 0 0 40px rgba(255,31,94,.2);
  }
  .share-card-portal::after {
    inset: 3% 8% 3% 6%;
    border-color: rgba(255,205,130,.4);
    transform: perspective(1200px) rotateY(4deg) rotateZ(-.7deg);
  }
  .share-card-canvas-wrap { justify-items: start; }
  #shareCardCanvas {
    height: calc(100% - 8px);
    max-width: 96%;
    border-radius: 18px;
    transform-origin: left center;
    animation: shareCardHover 7s ease-in-out infinite;
    box-shadow: 0 0 0 1px rgba(255,218,137,.84), 0 0 34px rgba(255,38,107,.67), 32px 36px 85px rgba(0,0,0,.72);
  }
  .share-card-format {
    left: 1%;
    bottom: 7px;
    padding: 7px 12px;
    border-color: rgba(84,190,255,.32);
    color: #d7e8ff;
    background: rgba(1,6,16,.9);
    box-shadow: 0 0 18px rgba(40,161,245,.16);
  }
  .share-stage-avi {
    position: absolute;
    inset: 0 1.5% 0 27%;
    z-index: 2;
    isolation: isolate;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(54,178,255,.38);
    border-radius: 42px 42px 30px 30px;
    background: linear-gradient(115deg, rgba(5,8,18,.84), rgba(7,7,17,.08) 48%, rgba(3,8,20,.75)), var(--share-stage-art, none) center / cover no-repeat;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -90px 110px rgba(3,6,15,.88), 0 0 48px rgba(26,145,234,.18);
  }
  .share-stage-avi::before {
    content: "";
    position: absolute;
    inset: 7% 12% -24% 18%;
    z-index: 3;
    border: 2px solid rgba(255,55,116,.48);
    border-bottom: 0;
    border-radius: 52% 52% 0 0 / 32% 32% 0 0;
    background: radial-gradient(ellipse at 50% 32%, rgba(255,42,99,.16), transparent 56%), linear-gradient(90deg, transparent 49.8%, rgba(255,87,147,.2) 50%, transparent 50.2%);
    box-shadow: 0 0 28px rgba(255,40,101,.34), inset 0 0 42px rgba(255,40,101,.12);
    pointer-events: none;
  }
  .share-stage-avi::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    height: auto;
    background: linear-gradient(90deg, rgba(2,6,15,.22) 0%, transparent 38%, rgba(2,7,17,.12) 62%, rgba(2,6,16,.9) 100%), linear-gradient(0deg, rgba(2,6,15,.92), transparent 28%);
    pointer-events: none;
  }
  .share-stage-avi img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    transform: scale(1.018);
    filter: drop-shadow(0 34px 42px rgba(0,0,0,.72)) saturate(1.12) contrast(1.03);
  }
  .share-stage-avi-glow {
    inset: 4% 12% 3% 19%;
    z-index: 0;
    border-width: 2px;
    border-radius: 52% 52% 10% 10% / 26% 26% 8% 8%;
    background: radial-gradient(ellipse at center, rgba(255,38,96,.25), transparent 62%), radial-gradient(circle at 50% 76%, rgba(35,179,255,.2), transparent 35%);
    box-shadow: 0 0 105px rgba(255,32,88,.34), inset 0 0 70px rgba(34,175,255,.12);
    animation: sharePortalPulse 5.5s ease-in-out infinite;
  }
  .share-selected-panel {
    position: absolute;
    z-index: 9;
    top: 50%;
    right: 0;
    width: 27%;
    max-height: calc(100% - 34px);
    padding: 20px 21px;
    transform: translateY(-46%);
    border-color: rgba(86,194,255,.82);
    border-radius: 24px 24px 24px 7px;
    background: linear-gradient(145deg, rgba(5,15,32,.95), rgba(6,7,19,.91)), radial-gradient(circle at 100% 0, rgba(46,179,255,.22), transparent 43%);
    box-shadow: -18px 24px 62px rgba(0,0,0,.54), 0 0 42px rgba(39,160,255,.25), inset 0 0 0 1px rgba(255,255,255,.04);
  }
  .share-selected-panel::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 21px;
    width: 3px;
    height: 34%;
    border-radius: 4px;
    background: linear-gradient(#47c9ff, #ff3d84);
    box-shadow: 0 0 14px rgba(71,201,255,.68);
  }
  .share-selected-title-row h2 { font-size: clamp(1.75rem, 2.25vw, 2.55rem); }
  .share-owned-line { padding-block: 14px; }
  body[data-page="data"] .share-selected-actions .share-action {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    font-size: .88rem !important;
  }
  body[data-page="data"] .share-selected-actions { grid-auto-rows: 48px; }
  .share-collection-dock {
    position: relative;
    grid-template-columns: 250px minmax(0,1fr);
    min-height: 144px;
    padding: 13px 16px;
    border-color: rgba(76,187,255,.72);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(5,14,30,.97), rgba(3,7,17,.96)), radial-gradient(circle at 42% 0, rgba(255,50,116,.13), transparent 38%);
    box-shadow: 0 -10px 40px rgba(18,118,200,.1), 0 0 38px rgba(32,147,224,.18), 0 22px 45px rgba(0,0,0,.42);
  }
  .share-collection-dock::before {
    content: "";
    position: absolute;
    inset: -1px 24% auto;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ff3d82, #55c8ff, transparent);
    box-shadow: 0 0 15px rgba(255,61,130,.6);
  }
  .share-collection-meta { align-content: center; padding-left: 4px; }
  .share-collection-meta h2 { margin-bottom: 4px; font-size: 1rem; }
  .share-avi-rail {
    align-items: stretch;
    grid-auto-columns: minmax(116px, 1fr);
    gap: 12px;
    padding: 5px 3px 2px;
  }
  .share-avi-choice {
    grid-template-rows: 82px auto;
    min-width: 116px;
    border-radius: 14px;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
  }
  .share-avi-choice:not(.locked):hover {
    z-index: 2;
    transform: translateY(-4px);
    border-color: rgba(74,192,255,.7);
    box-shadow: 0 9px 22px rgba(0,0,0,.36), 0 0 16px rgba(47,165,246,.2);
  }
  .share-avi-choice img { height: 82px; }
  .share-avi-choice span { padding: 7px 8px; }
  .share-avi-choice strong { font-size: .75rem; }
  .share-avi-choice small { font-size: .62rem; letter-spacing: .05em; }
  .share-avi-choice.selected {
    z-index: 3;
    transform: translateY(-6px);
    border-color: #ff4b88;
    animation: shareSelectedPulse 3.2s ease-in-out infinite;
  }
  .share-avi-choice.selected::before {
    content: "SELECTED";
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 3;
    padding: 3px 6px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    color: #fff;
    background: rgba(233,32,100,.84);
    box-shadow: 0 0 12px rgba(255,43,112,.48);
    font-size: .48rem;
    font-weight: 900;
    letter-spacing: .09em;
  }
}
@container (max-width: 1450px) {
  .share-card-rank,
  .share-stage-hud,
  .share-stage-index { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #shareCardCanvas,
  .share-stage-avi-glow,
  .share-avi-choice.selected { animation: none !important; }
}


/* v10.265 — approved mockup rebuild: one immersive scene, not three boxes. */
@media (min-width: 1181px) {
  body[data-page="data"] { overflow: hidden !important; background: #02040c !important; }
  body[data-page="data"] .main-content { width: 100% !important; max-width: none !important; height: calc(100vh - 4.558vw) !important; padding: 0 !important; overflow: hidden !important; }
  body[data-page="data"] #page-data.share-studio-page { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; background: #03050d !important; }
  body[data-page="data"] .site-footer { display: none !important; }

  body[data-page="data"] .share-portal-shell {
    display: grid !important; grid-template-rows: 7.2vw minmax(0, 1fr) 10.6vw !important; gap: 0 !important;
    width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important;
    padding: 0 1.05vw .55vw !important; overflow: hidden !important; isolation: isolate;
    background: linear-gradient(90deg, rgba(2,5,13,.96) 0%, rgba(2,5,13,.32) 23%, rgba(3,5,14,.12) 58%, rgba(2,5,14,.9) 100%),
      radial-gradient(circle at 58% 32%, rgba(255,29,83,.28), transparent 34%), radial-gradient(circle at 78% 18%, rgba(27,154,255,.18), transparent 28%), #03050d !important;
  }
  body[data-page="data"] .share-portal-shell::before {
    inset: -8% -3% -12% 0 !important; z-index: -3 !important; opacity: .72 !important;
    filter: blur(16px) saturate(1.38) brightness(.48) contrast(1.08) !important; transform: scale(1.12) !important;
    background-image: var(--share-stage-art, none) !important; background-size: cover !important; background-position: center 20% !important;
  }
  body[data-page="data"] .share-portal-shell::after {
    inset: 0 !important; z-index: 20 !important; opacity: .9 !important; pointer-events: none !important;
    background: url("../images/ui/economy-sakura-atmosphere-v10254.png") center 15% / cover no-repeat,
      linear-gradient(90deg, rgba(255,39,104,.08) 1px, transparent 1px) 0 0 / 5.25vw 100%,
      linear-gradient(rgba(55,182,255,.045) 1px, transparent 1px) 0 0 / 100% 5.25vw,
      linear-gradient(0deg, rgba(2,5,13,.92), transparent 25%) !important;
  }

  body[data-page="data"] .share-portal-head { z-index: 30 !important; align-items: flex-start !important; padding: 1.2vw 1.05vw 0 !important; }
  body[data-page="data"] .share-portal-kicker { margin: 0 0 .18vw !important; font-size: .62vw !important; letter-spacing: .24em !important; }
  body[data-page="data"] .share-portal-head h1 { font-size: clamp(2rem, 2.72vw, 3.25rem) !important; line-height: .92 !important; letter-spacing: .15em !important; text-shadow: 0 0 1.3vw rgba(87,190,255,.3) !important; }
  body[data-page="data"] .share-portal-head p:last-child { margin-top: .5vw !important; font-size: .74vw !important; }
  body[data-page="data"] .share-portal-wordmark { padding: .35vw .7vw 0 0 !important; gap: 1.5vw !important; font-size: .56vw !important; }

  body[data-page="data"] .share-portal-main { position: relative !important; display: block !important; min-height: 0 !important; overflow: visible !important; perspective: 1600px !important; }

  body[data-page="data"] .share-card-portal { position: absolute !important; inset: -1.15vw auto -2.6vw .9vw !important; z-index: 12 !important; display: block !important; width: 34.2% !important; min-width: 0 !important; padding: 0 !important; overflow: visible !important; }
  body[data-page="data"] .share-card-portal::before { inset: .6% 5.5% 1.4% 4% !important; border: 1px solid rgba(255,46,92,.82) !important; border-radius: 1.2vw !important; transform: none !important; box-shadow: 0 0 1.05vw rgba(255,24,74,.78), 0 0 3.5vw rgba(255,29,86,.34), inset 0 0 1.8vw rgba(255,37,93,.22) !important; }
  body[data-page="data"] .share-card-portal::after { inset: 1.5% 7% 2.3% 5.5% !important; border-color: rgba(255,201,117,.52) !important; border-radius: 1vw !important; transform: none !important; box-shadow: 0 0 2.4vw rgba(255,46,106,.28) !important; }
  body[data-page="data"] .share-card-canvas-wrap { justify-items: center !important; height: 100% !important; }
  body[data-page="data"] #shareCardCanvas { width: auto !important; height: 100% !important; max-width: 94% !important; max-height: 100% !important; border-radius: 1vw !important; transform: none !important; animation: none !important; box-shadow: 0 0 0 1px rgba(255,213,132,.82), 0 0 2.2vw rgba(255,32,95,.72), 1.4vw 2.1vw 4vw rgba(0,0,0,.72) !important; }
  body[data-page="data"] .share-card-format { left: 2.2vw !important; bottom: .4vw !important; padding: .42vw .72vw !important; font-size: .57vw !important; }
  body[data-page="data"] .share-card-rank { display: none !important; }

  body[data-page="data"] .share-stage-avi {
    position: absolute !important; inset: -4.2vw 0 -10vw 23.5% !important; z-index: 4 !important; display: block !important;
    overflow: hidden !important; border: 0 !important; border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(2,5,14,.42), transparent 27%, transparent 64%, rgba(2,5,14,.88)), var(--share-stage-art, none) center 14% / cover no-repeat !important;
    box-shadow: none !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 92%, transparent 100%);
  }
  body[data-page="data"] .share-stage-avi::before {
    inset: 3% 18% -20% 24% !important; z-index: 0 !important; border: 2px solid rgba(255,48,102,.56) !important; border-bottom: 0 !important;
    border-radius: 50% 50% 0 0 / 26% 26% 0 0 !important;
    background: radial-gradient(ellipse at 50% 34%, rgba(255,36,94,.17), transparent 56%), linear-gradient(90deg, transparent 49.8%, rgba(60,190,255,.2) 50%, transparent 50.2%) !important;
    box-shadow: 0 0 2vw rgba(255,43,105,.48), inset 0 0 4vw rgba(36,173,255,.11) !important;
  }
  body[data-page="data"] .share-stage-avi::after { inset: 0 !important; z-index: 3 !important; height: auto !important; background: linear-gradient(90deg, rgba(2,5,14,.35), transparent 23%, transparent 62%, rgba(2,5,14,.93) 100%), linear-gradient(0deg, rgba(2,5,14,.97), transparent 30%) !important; }
  body[data-page="data"] .share-stage-avi img {
    position: absolute !important; z-index: 2 !important; top: -4% !important; left: 9% !important; width: 73% !important; height: 118% !important; max-width: none !important;
    object-fit: cover !important; object-position: 50% 12% !important; transform: scale(1.18) !important; transform-origin: 50% 18% !important;
    filter: drop-shadow(0 2.4vw 2.8vw rgba(0,0,0,.78)) saturate(1.13) contrast(1.04) !important;
  }
  body[data-page="data"] .share-stage-avi-glow { inset: 1% 24% 3% 24% !important; z-index: 1 !important; border-width: 2px !important; border-radius: 48% 48% 10% 10% / 24% 24% 8% 8% !important; opacity: .95 !important; box-shadow: 0 0 3vw rgba(255,30,93,.55), 0 0 7vw rgba(35,176,255,.22), inset 0 0 4vw rgba(255,37,103,.16) !important; }
  body[data-page="data"] .share-stage-index, body[data-page="data"] .share-stage-hud { display: none !important; }

  body[data-page="data"] .share-selected-panel {
    position: absolute !important; z-index: 16 !important; top: 1.2vw !important; right: .75vw !important; align-self: auto !important;
    width: 26.3% !important; max-height: calc(100% - 2.2vw) !important; gap: .66vw !important; padding: 1.15vw !important; overflow: hidden !important; transform: none !important;
    border: 1px solid rgba(76,184,255,.82) !important; border-radius: 1.25vw !important;
    background: linear-gradient(145deg, rgba(5,15,32,.91), rgba(5,7,19,.86)), radial-gradient(circle at 100% 0, rgba(41,178,255,.22), transparent 43%) !important;
    box-shadow: -1vw 1.3vw 3.4vw rgba(0,0,0,.62), 0 0 2vw rgba(35,160,255,.28), inset 0 0 0 1px rgba(255,255,255,.045) !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
  }
  body[data-page="data"] .share-selected-panel::before { left: -1px !important; top: 1.2vw !important; width: 3px !important; height: 38% !important; }
  body[data-page="data"] .share-selected-eyebrow { font-size: .62vw !important; }
  body[data-page="data"] .share-selected-title-row h2 { font-size: clamp(1.65rem, 1.92vw, 2.35rem) !important; }
  body[data-page="data"] .share-tier-pill { font-size: .58vw !important; }
  body[data-page="data"] .share-selected-copy { margin: -.15vw 0 .1vw !important; font-size: .7vw !important; }
  body[data-page="data"] .share-owned-line { padding: .68vw 0 !important; font-size: .7vw !important; }
  body[data-page="data"] .share-owned-state { font-size: .62vw !important; }
  body[data-page="data"] .share-identity-card { grid-template-columns: 3vw minmax(0,1fr) auto !important; gap: .62vw !important; }
  body[data-page="data"] .share-identity-card img { width: 3vw !important; height: 3vw !important; }
  body[data-page="data"] .share-identity-copy strong { font-size: .88vw !important; }
  body[data-page="data"] .share-mini-stats { gap: .45vw !important; }
  body[data-page="data"] .share-mini-stats div { min-width: 2.6vw !important; padding-left: .45vw !important; }
  body[data-page="data"] .share-mini-stats strong { font-size: .76vw !important; }
  body[data-page="data"] .share-selected-actions { gap: .48vw !important; grid-auto-rows: 2.72vw !important; }
  body[data-page="data"] .share-selected-actions .share-action { height: 2.72vw !important; min-height: 2.72vw !important; max-height: 2.72vw !important; border-radius: .62vw !important; font-size: .74vw !important; }
  body[data-page="data"] .share-selected-actions .share-action .ui-icon { width: 1.15vw !important; height: 1.15vw !important; min-width: 1.15vw !important; max-width: 1.15vw !important; flex-basis: 1.15vw !important; }
  body[data-page="data"] #shareCardStatus { font-size: .57vw !important; }

  body[data-page="data"] .share-collection-dock {
    position: relative !important; z-index: 24 !important; align-self: end !important; display: grid !important; grid-template-columns: 13.6vw minmax(0,1fr) !important;
    gap: .8vw !important; min-height: 0 !important; height: 10.6vw !important; margin: -2.25vw .35vw 0 !important; padding: .72vw .9vw .62vw !important; overflow: visible !important;
    border: 1px solid rgba(68,178,255,.78) !important; border-radius: 1.2vw !important;
    background: linear-gradient(180deg, rgba(5,14,30,.94), rgba(3,7,17,.97)), radial-gradient(circle at 42% 0, rgba(255,47,112,.17), transparent 38%) !important;
    box-shadow: 0 -.5vw 2.4vw rgba(15,116,202,.16), 0 0 2.1vw rgba(31,146,226,.24), 0 1.5vw 3vw rgba(0,0,0,.5) !important; backdrop-filter: blur(20px) saturate(1.15) !important;
  }
  body[data-page="data"] .share-collection-dock::before { inset: -1px 18% auto !important; height: 2px !important; }
  body[data-page="data"] .share-collection-meta { min-width: 0 !important; padding-left: .25vw !important; }
  body[data-page="data"] .share-collection-meta h2 { margin: 0 0 .25vw !important; font-size: .88vw !important; }
  body[data-page="data"] .share-collection-count { margin: 0 0 .5vw !important; font-size: .62vw !important; }
  body[data-page="data"] .share-filter-row { gap: .3vw !important; }
  body[data-page="data"] .share-filter { min-height: 1.6vw !important; padding: .25vw .55vw !important; font-size: .54vw !important; }
  body[data-page="data"] .share-avi-rail { align-items: stretch !important; grid-auto-columns: minmax(7vw, 1fr) !important; gap: .58vw !important; padding: .12vw .18vw 0 !important; overflow-y: visible !important; }
  body[data-page="data"] .share-avi-choice { grid-template-rows: 6.1vw auto !important; min-width: 7vw !important; border-radius: .7vw !important; }
  body[data-page="data"] .share-avi-choice img { height: 6.1vw !important; object-position: 50% 9% !important; }
  body[data-page="data"] .share-avi-choice span { padding: .38vw .44vw !important; }
  body[data-page="data"] .share-avi-choice strong { font-size: .64vw !important; }
  body[data-page="data"] .share-avi-choice small { font-size: .52vw !important; }
  body[data-page="data"] .share-avi-choice.selected { transform: translateY(-1.05vw) scale(1.055) !important; border-color: #ff477f !important; box-shadow: 0 0 0 1px rgba(255,70,127,.72), 0 0 1.55vw rgba(255,33,104,.68), 0 .85vw 1.5vw rgba(0,0,0,.52) !important; }
  body[data-page="data"] .share-avi-choice.selected::before { top: .35vw !important; right: .35vw !important; padding: .18vw .35vw !important; font-size: .44vw !important; }
}


/* v10.266 — screenshot fit correction against the approved mockup. */
@media (min-width: 1181px) {
  body[data-page="data"] .share-portal-shell { grid-template-rows: 5.15vw minmax(0, 1fr) 8.85vw !important; }
  body[data-page="data"] .share-portal-shell::after { z-index: 7 !important; opacity: .32 !important; background-position: center 12%, 0 0, 0 0, 0 0 !important; }
  body[data-page="data"] .share-portal-head { padding-top: .72vw !important; }
  body[data-page="data"] .share-portal-kicker { font-size: .55vw !important; }
  body[data-page="data"] .share-portal-head h1 { font-size: clamp(1.85rem, 2.2vw, 2.72rem) !important; }
  body[data-page="data"] .share-portal-head p:last-child { margin-top: .34vw !important; font-size: .64vw !important; }

  body[data-page="data"] .share-card-portal { inset: -.15vw auto .55vw .7vw !important; width: 33.2% !important; }
  body[data-page="data"] .share-card-canvas-wrap { place-items: start center !important; }
  body[data-page="data"] #shareCardCanvas { width: min(26vw, 94%) !important; height: auto !important; max-width: 94% !important; max-height: 100% !important; }
  body[data-page="data"] .share-card-portal::before { inset: -.3% 6.5% 2.5% 5.5% !important; }
  body[data-page="data"] .share-card-portal::after { inset: .6% 8% 3.4% 7% !important; }

  body[data-page="data"] .share-stage-avi { inset: -1.15vw 0 -6.7vw 23.5% !important; }
  body[data-page="data"] .share-stage-avi img { top: 3.5% !important; left: 10.5% !important; width: 70% !important; height: 108% !important; object-position: 50% 8% !important; transform: scale(1.055) !important; }
  body[data-page="data"] .share-stage-avi-glow { inset: 4% 25% 4% 25% !important; }

  body[data-page="data"] .share-selected-panel { top: .65vw !important; right: .7vw !important; width: 25.5% !important; max-height: calc(100% - 1.25vw) !important; gap: .52vw !important; padding: 1vw !important; }
  body[data-page="data"] .share-selected-copy { display: none !important; }
  body[data-page="data"] .share-owned-line { padding: .52vw 0 !important; }
  body[data-page="data"] .share-selected-actions { gap: .38vw !important; grid-auto-rows: 2.48vw !important; }
  body[data-page="data"] .share-selected-actions .share-action { height: 2.48vw !important; min-height: 2.48vw !important; max-height: 2.48vw !important; }

  body[data-page="data"] .share-collection-dock {
    box-sizing: border-box !important; height: 8.85vw !important; margin: -1.4vw .35vw 0 !important; padding: .58vw .78vw .5vw !important;
    grid-template-columns: 13.2vw minmax(0, 1fr) !important;
  }
  body[data-page="data"] .share-avi-rail { grid-auto-columns: minmax(6.45vw, 1fr) !important; gap: .5vw !important; }
  body[data-page="data"] .share-avi-choice { grid-template-rows: 4.95vw auto !important; min-width: 6.45vw !important; }
  body[data-page="data"] .share-avi-choice img { height: 4.95vw !important; }
  body[data-page="data"] .share-avi-choice.selected { transform: translateY(-.62vw) scale(1.035) !important; }
}


/* v10.267 — keep sakura in the scene, never over readable controls. */
@media (min-width: 1181px) {
  body[data-page="data"] .share-portal-shell::after { opacity: .14 !important; }
  body[data-page="data"] .share-selected-panel {
    background: linear-gradient(145deg, rgba(5,15,32,.985), rgba(5,7,19,.975)),
      radial-gradient(circle at 100% 0, rgba(41,178,255,.17), transparent 43%) !important;
    backdrop-filter: blur(24px) saturate(1.08) !important;
  }
}


/* v10.268 — sakura atmosphere is a backdrop, never a foreground obstruction. */
@media (min-width: 1181px) {
  body[data-page="data"] .share-portal-shell::after { z-index: 1 !important; }
  body[data-page="data"] .share-portal-main { z-index: 8 !important; }
}


/* v10.269 — dissolve the center image rectangle into the full-page scene. */
@media (min-width: 1181px) {
  body[data-page="data"] .share-stage-avi {
    background: transparent !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.42) 8%, #000 19%, #000 78%, rgba(0,0,0,.62) 89%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.42) 8%, #000 19%, #000 78%, rgba(0,0,0,.62) 89%, transparent 100%) !important;
  }
  body[data-page="data"] .share-stage-avi img {
    left: 7.5% !important;
    width: 76% !important;
  }
}


/* v10.270 — cover the source-image boundaries with the scene's own lighting. */
@media (min-width: 1181px) {
  body[data-page="data"] .share-stage-avi::after {
    background:
      linear-gradient(90deg, #03050d 0%, rgba(3,5,13,.96) 7%, rgba(3,5,13,.55) 15%, transparent 29%, transparent 69%, rgba(3,5,13,.58) 82%, rgba(3,5,13,.97) 94%, #03050d 100%),
      linear-gradient(0deg, #03050d 0%, rgba(3,5,13,.94) 8%, transparent 31%) !important;
  }
}

/* v10.271 — major Studio rebuild: card-forging portal, complete art, integrated deck. */
@media (min-width:1181px) {
 body[data-page="data"] .share-portal-shell{
  grid-template-rows:5.35vw minmax(0,1fr) 9.8vw!important;padding:0 .82vw .5vw!important;
  background:radial-gradient(ellipse at 53% 40%,rgba(255,31,94,.24),transparent 29%),radial-gradient(ellipse at 65% 36%,rgba(37,168,255,.16),transparent 34%),linear-gradient(90deg,rgba(2,5,13,.985),rgba(3,6,15,.7) 25%,rgba(3,6,16,.2) 54%,rgba(2,5,14,.9)),#03050d!important}
 body[data-page="data"] .share-portal-shell:before{inset:-12% -4% -14%!important;opacity:.42!important;filter:blur(28px) saturate(1.32) brightness(.4) contrast(1.08)!important;transform:scale(1.16)!important;background-position:center 18%!important}
 body[data-page="data"] .share-portal-shell:after{z-index:2!important;opacity:.22!important;background:url("../images/ui/economy-sakura-atmosphere-v10254.png") center 13%/cover no-repeat,linear-gradient(90deg,rgba(255,45,112,.075) 1px,transparent 1px) 0 0/5vw 100%,linear-gradient(rgba(64,184,255,.04) 1px,transparent 1px) 0 0/100% 5vw!important}
 body[data-page="data"] .share-portal-head{padding:.68vw 1.55vw 0!important;align-items:flex-start!important}
 body[data-page="data"] .share-portal-head:after{content:"";position:absolute;left:1.55vw;right:1.55vw;bottom:.25vw;height:1px;background:linear-gradient(90deg,rgba(255,65,127,.68),rgba(75,190,255,.3) 47%,transparent 78%);box-shadow:0 0 .85vw rgba(255,53,116,.25)}
 body[data-page="data"] .share-portal-kicker{font-size:.55vw!important}
 body[data-page="data"] .share-portal-head h1{font-size:clamp(1.9rem,2.25vw,2.8rem)!important;letter-spacing:.16em!important}
 body[data-page="data"] .share-portal-head p:last-child{margin-top:.34vw!important;font-size:.63vw!important}
 body[data-page="data"] .share-portal-wordmark{padding:.4vw .15vw 0 0!important;gap:1.8vw!important;font-size:.58vw!important}
 body[data-page="data"] .share-portal-main{z-index:8!important;overflow:visible!important;perspective:1800px!important}

 body[data-page="data"] .share-card-portal{inset:.15vw auto .9vw 1.25vw!important;width:30.8%!important;z-index:14!important;transform:perspective(1800px) rotateY(2.2deg) rotateZ(-.45deg)!important;transform-origin:45% 58%!important}
 body[data-page="data"] .share-card-canvas-wrap{place-items:center!important;overflow:visible!important}
 body[data-page="data"] #shareCardCanvas{width:auto!important;height:100%!important;max-width:96%!important;max-height:100%!important;border-radius:.92vw!important;box-shadow:0 0 0 1px rgba(255,221,148,.88),0 0 1.1vw rgba(255,183,76,.28),0 0 2.8vw rgba(255,35,104,.7),2vw 2.5vw 4.8vw rgba(0,0,0,.78)!important}
 body[data-page="data"] .share-card-portal:before{inset:-.8% 2.5% -.5%!important;border:1px solid rgba(255,53,112,.88)!important;border-radius:1.35vw!important;transform:none!important;box-shadow:0 0 1vw rgba(255,35,96,.72),0 0 3.8vw rgba(255,29,95,.3),inset 0 0 1.8vw rgba(255,45,112,.18)!important}
 body[data-page="data"] .share-card-portal:after{inset:.35% 4.4% .8%!important;border-color:rgba(255,211,125,.58)!important;border-radius:1.12vw!important;transform:none!important;box-shadow:0 0 2vw rgba(255,192,80,.22)!important}
 body[data-page="data"] .share-card-format{left:-.15vw!important;bottom:.5vw!important;padding:.4vw .68vw!important;font-size:.56vw!important}
 body[data-page="data"] .share-card-rank{display:grid!important;left:.3vw!important;top:1vw!important;padding:.48vw .7vw!important;font-size:.48vw!important;background:linear-gradient(90deg,rgba(2,7,17,.94),transparent)!important}
 body[data-page="data"] .share-card-rank strong{font-size:.62vw!important}

 body[data-page="data"] .share-stage-avi{inset:-.65vw 21.2% -1.1vw 27.4%!important;z-index:5!important;overflow:hidden!important;border:0!important;border-radius:46% 46% 2.2vw 2.2vw/20% 20% 2.2vw 2.2vw!important;background:radial-gradient(ellipse at 50% 40%,rgba(255,39,101,.22),transparent 52%),radial-gradient(ellipse at 50% 75%,rgba(46,178,255,.17),transparent 42%),rgba(2,5,14,.18)!important;box-shadow:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important}
 body[data-page="data"] .share-stage-avi:before{inset:1.5% 12.5% -11%!important;z-index:1!important;border:2px solid rgba(255,62,123,.66)!important;border-bottom-color:rgba(62,181,255,.5)!important;border-radius:50% 50% 1.6vw 1.6vw/23% 23% 1.6vw 1.6vw!important;background:linear-gradient(90deg,transparent 49.8%,rgba(102,205,255,.2) 50%,transparent 50.2%),radial-gradient(ellipse at 50% 37%,rgba(255,35,97,.16),transparent 54%)!important;box-shadow:0 0 1.2vw rgba(255,48,110,.5),0 0 3.4vw rgba(41,166,255,.18),inset 0 0 3vw rgba(255,43,106,.13)!important}
 body[data-page="data"] .share-stage-avi:after{inset:0!important;z-index:4!important;background:linear-gradient(90deg,#03050d,rgba(3,5,13,.58) 7%,transparent 20%,transparent 79%,rgba(3,5,13,.7) 93%,#03050d),linear-gradient(0deg,rgba(3,5,13,.96),transparent 17%,transparent 88%,rgba(3,5,13,.25))!important}
 body[data-page="data"] .share-stage-avi img{position:absolute!important;z-index:2!important;inset:.4% auto auto 13%!important;width:74%!important;height:99%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 2.4vw 2.8vw rgba(0,0,0,.7)) saturate(1.12) contrast(1.035)!important}
 body[data-page="data"] .share-stage-avi-glow{inset:2% 17% 3%!important;z-index:0!important;border-radius:50% 50% 8% 8%/22% 22% 7% 7%!important;opacity:1!important;background:radial-gradient(ellipse at 50% 38%,rgba(255,42,104,.28),transparent 57%),radial-gradient(ellipse at 50% 80%,rgba(33,170,255,.22),transparent 43%)!important;box-shadow:0 0 3.5vw rgba(255,33,100,.5),0 0 7vw rgba(31,166,255,.2),inset 0 0 4vw rgba(255,44,110,.14)!important}
 body[data-page="data"] .share-stage-index{display:flex!important;top:1.25vw!important;left:13%!important;z-index:7!important;padding:.35vw .55vw!important;border-left:2px solid #50c8ff;background:linear-gradient(90deg,rgba(2,7,17,.88),transparent)}
 body[data-page="data"] .share-stage-index span{font-size:1.05vw!important}
 body[data-page="data"] .share-stage-index small{font-size:.48vw!important}
 body[data-page="data"] .share-stage-hud{display:grid!important;left:17%!important;bottom:1.25vw!important;z-index:7!important;padding:.5vw .8vw!important;font-size:.5vw!important}
 body[data-page="data"] .share-stage-hud strong{font-size:.82vw!important}

 body[data-page="data"] .share-selected-panel{top:4.5%!important;right:1.05vw!important;width:24.7%!important;max-height:91%!important;gap:.58vw!important;padding:1.05vw 1.1vw!important;overflow:hidden!important;border:1px solid rgba(79,192,255,.84)!important;border-radius:1.05vw!important;background:linear-gradient(150deg,rgba(5,15,32,.975),rgba(5,7,19,.96)),radial-gradient(circle at 100% 0,rgba(42,179,255,.2),transparent 42%)!important;box-shadow:-1.25vw 1.35vw 3.6vw rgba(0,0,0,.68),0 0 2vw rgba(37,167,255,.3),inset 0 0 0 1px rgba(255,255,255,.05)!important;backdrop-filter:blur(25px) saturate(1.08)!important}
 body[data-page="data"] .share-selected-panel:after{content:"";position:absolute;left:-3.6vw;top:50%;width:3.6vw;height:1px;background:linear-gradient(90deg,rgba(255,59,123,.15),#55c7ff);box-shadow:0 0 .65vw rgba(73,191,255,.68)}
 body[data-page="data"] .share-selected-title-row h2{font-size:clamp(1.55rem,1.82vw,2.2rem)!important}
 body[data-page="data"] .share-owned-line{padding:.58vw 0!important}
 body[data-page="data"] .share-identity-card{grid-template-columns:3.2vw minmax(0,1fr) auto!important}
 body[data-page="data"] .share-identity-card img{width:3.2vw!important;height:3.2vw!important}
 body[data-page="data"] .share-selected-actions{gap:.42vw!important;grid-auto-rows:2.55vw!important}
 body[data-page="data"] .share-selected-actions .share-action{height:2.55vw!important;min-height:2.55vw!important;max-height:2.55vw!important;font-size:.72vw!important}

 body[data-page="data"] .share-collection-dock{z-index:26!important;box-sizing:border-box!important;grid-template-columns:12.8vw minmax(0,1fr)!important;gap:.72vw!important;height:9.8vw!important;margin:-.55vw .25vw 0!important;padding:.62vw .72vw .55vw!important;border:1px solid rgba(78,190,255,.82)!important;border-radius:1vw!important;background:linear-gradient(180deg,rgba(5,14,30,.965),rgba(3,7,17,.985)),radial-gradient(circle at 42% 0,rgba(255,48,115,.18),transparent 42%)!important;box-shadow:0 -.65vw 2.8vw rgba(20,126,214,.18),0 0 2vw rgba(35,156,236,.25),0 1.2vw 2.8vw rgba(0,0,0,.52)!important}
 body[data-page="data"] .share-collection-meta h2{margin-bottom:.26vw!important;font-size:.84vw!important}
 body[data-page="data"] .share-collection-count{margin-bottom:.46vw!important;font-size:.6vw!important}
 body[data-page="data"] .share-filter{font-size:.52vw!important}
 body[data-page="data"] .share-avi-rail{grid-auto-columns:minmax(6.6vw,1fr)!important;gap:.5vw!important;padding:.08vw .2vw .12vw!important;overflow-y:visible!important}
 body[data-page="data"] .share-avi-choice{grid-template-rows:5.45vw auto!important;min-width:6.6vw!important;border-radius:.68vw!important;background:rgba(3,8,18,.94)!important}
 body[data-page="data"] .share-avi-choice img{height:5.45vw!important;object-position:50% 9%!important}
 body[data-page="data"] .share-avi-choice span{padding:.34vw .42vw!important}
 body[data-page="data"] .share-avi-choice strong{font-size:.62vw!important}
 body[data-page="data"] .share-avi-choice small{font-size:.5vw!important}
 body[data-page="data"] .share-avi-choice.selected{transform:translateY(-.78vw) scale(1.045)!important;box-shadow:0 0 0 1px rgba(255,78,137,.82),0 0 1.5vw rgba(255,35,109,.72),0 .9vw 1.7vw rgba(0,0,0,.58)!important}
}
@media (min-width:1181px) and (max-height:850px){
 body[data-page="data"] .share-portal-shell{grid-template-rows:4.7vw minmax(0,1fr) 8.7vw!important}
 body[data-page="data"] .share-stage-avi img{inset:0 auto auto 15%!important;width:70%!important;height:98%!important}
 body[data-page="data"] .share-collection-dock{height:8.7vw!important}
 body[data-page="data"] .share-avi-choice{grid-template-rows:4.55vw auto!important}
 body[data-page="data"] .share-avi-choice img{height:4.55vw!important}
}


/* v10.272 — dissolve the source rectangle and join the command deck to the portal. */
@media (min-width:1181px){
 body[data-page="data"] .share-stage-avi{
  inset:-.9vw 21.6% -1.25vw 26.8%!important;
  border-radius:0!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 68% at 50% 47%,#000 0 64%,rgba(0,0,0,.96) 69%,rgba(0,0,0,.68) 77%,rgba(0,0,0,.24) 85%,transparent 92%)!important;
  mask-image:radial-gradient(ellipse 78% 68% at 50% 47%,#000 0 64%,rgba(0,0,0,.96) 69%,rgba(0,0,0,.68) 77%,rgba(0,0,0,.24) 85%,transparent 92%)!important;
 }
 body[data-page="data"] .share-stage-avi img{inset:0 auto auto 10%!important;width:80%!important;height:100%!important}
 body[data-page="data"] .share-stage-avi:before{inset:1% 8% -10%!important;border-color:rgba(255,69,132,.72)!important;border-bottom-color:rgba(75,192,255,.58)!important;box-shadow:0 0 1.4vw rgba(255,48,110,.58),0 0 4.6vw rgba(41,166,255,.22),inset 0 0 4vw rgba(255,43,106,.16)!important}
 body[data-page="data"] .share-stage-avi:after{background:radial-gradient(ellipse 62% 74% at 50% 47%,transparent 56%,rgba(3,5,13,.16) 70%,rgba(3,5,13,.82) 91%,#03050d 100%),linear-gradient(0deg,rgba(3,5,13,.9),transparent 14%)!important}
 body[data-page="data"] .share-stage-avi-glow{inset:0 11% 1%!important}

 body[data-page="data"] .share-selected-panel{right:.75vw!important;width:25.2%!important;overflow:visible!important;border-left-color:#59cbff!important;box-shadow:-1.8vw 1.35vw 4.5vw rgba(0,0,0,.72),0 0 2.4vw rgba(37,167,255,.34),inset 0 0 0 1px rgba(255,255,255,.05)!important}
 body[data-page="data"] .share-selected-panel:after{left:-5vw!important;width:5vw!important;height:2px!important;background:linear-gradient(90deg,rgba(255,62,127,0),rgba(255,62,127,.8) 45%,#58ccff)!important;box-shadow:0 0 .9vw rgba(73,191,255,.85)!important}
 body[data-page="data"] .share-selected-panel:before{height:52%!important;background:linear-gradient(#58ccff,#ff4388,#58ccff)!important}

 body[data-page="data"] .share-card-format{display:none!important}
 body[data-page="data"] .share-card-rank{left:91%!important;top:2.2%!important;min-width:7.6vw!important;padding:.42vw .65vw!important;transform:none!important;border-left-color:#ff4a88!important;background:linear-gradient(90deg,rgba(3,7,17,.96),rgba(3,7,17,.55),transparent)!important}
 body[data-page="data"] .share-card-portal:before{inset:-.9% 2.2% -.7%!important}
 body[data-page="data"] .share-card-portal:after{inset:.25% 4.1% .65%!important}
}


/* v10.273 — clean gallery portal and collision-free studio markers. */
@media (min-width:1181px){
 body[data-page="data"] .share-card-rank{display:none!important}
 body[data-page="data"] .share-stage-avi{
  inset:-.45vw 22.1% -.95vw 27.2%!important;
  border-radius:48% 48% 1.6vw 1.6vw/12% 12% 1.6vw 1.6vw!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,78,136,.48),inset 0 0 3vw rgba(255,37,103,.18),0 0 4vw rgba(35,169,255,.16)!important
 }
 body[data-page="data"] .share-stage-avi img{
  inset:1.3% auto auto 8%!important;width:84%!important;height:98.7%!important;
  clip-path:inset(0 round 46% 46% 1.25vw 1.25vw/11% 11% 1.25vw 1.25vw)!important
 }
 body[data-page="data"] .share-stage-avi:before{
  inset:.2% 5.5% -5%!important;border-width:2px!important;border-radius:50% 50% 1.55vw 1.55vw/12% 12% 1.55vw 1.55vw!important;
  background:linear-gradient(90deg,transparent 49.8%,rgba(93,203,255,.2) 50%,transparent 50.2%)!important
 }
 body[data-page="data"] .share-stage-avi:after{
  background:linear-gradient(90deg,rgba(3,5,13,.94),transparent 9%,transparent 91%,rgba(3,5,13,.94)),linear-gradient(0deg,rgba(3,5,13,.86),transparent 11%)!important
 }
 body[data-page="data"] .share-stage-index{
  top:1.15vw!important;left:8.5%!important;gap:.42vw!important;padding:.34vw .62vw!important;
  border:1px solid rgba(87,199,255,.4)!important;border-left:3px solid #5ad0ff!important;border-radius:.35vw!important;
  background:rgba(3,8,19,.82)!important;box-shadow:0 0 1vw rgba(62,184,255,.22)!important
 }
 body[data-page="data"] .share-stage-hud{left:10%!important;bottom:1.5vw!important}
 body[data-page="data"] .share-selected-panel:after{left:-5.6vw!important;width:5.6vw!important}
}

/* v10.276 — approved page reconstruction; site-wide navigation intentionally untouched. */

@media (min-width:600px){
  body[data-page="data"]{
    margin:0!important;
    overflow:hidden!important;
    background:#02040b!important;
  }
  body[data-page="data"] #page-data{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-page="data"] .share-portal-shell{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
    color:#f5f8ff!important;
    background:#02050d!important;
  }
  body[data-page="data"] .share-portal-shell:before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    display:block!important;
    opacity:.74!important;
    transform:none!important;
    filter:saturate(1.22) contrast(1.08) brightness(.72)!important;
    background:
      linear-gradient(90deg,rgba(2,6,15,.38),transparent 22%,transparent 70%,rgba(2,5,14,.3)),
      linear-gradient(0deg,rgba(2,5,13,.65),transparent 22%),
      var(--share-stage-art,none) center top/cover no-repeat!important;
  }
  body[data-page="data"] .share-portal-shell:after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    display:block!important;
    opacity:1!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse at 57% 35%,transparent 0 22%,rgba(2,5,13,.06) 50%,rgba(2,5,13,.38) 100%),
      linear-gradient(90deg,rgba(2,5,13,.52) 0,transparent 20%,transparent 68%,rgba(2,5,13,.58) 100%),
      linear-gradient(0deg,rgba(2,5,13,.35),transparent 26%)!important;
  }

  body[data-page="data"] .share-portal-head{
    position:absolute!important;
    z-index:20!important;
    left:2.05%!important;
    right:2.2vw!important;
    top:1.45vh!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    height:5.8vh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-page="data"] .share-portal-head:after{display:none!important}
  body[data-page="data"] .share-portal-kicker{display:none!important}
  body[data-page="data"] .share-portal-head h1{
    margin:0!important;
    color:#f2f7ff!important;
    font:300 1.92vw/1.05 Inter,Arial,sans-serif!important;
    letter-spacing:.245em!important;
    text-transform:uppercase!important;
    text-shadow:0 0 1vw rgba(84,167,255,.22)!important;
  }
  body[data-page="data"] .share-portal-head>div>p:last-child{
    margin:.78vh 0 0!important;
    color:#abd2f7!important;
    font:500 .73vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.29em!important;
    text-transform:uppercase!important;
  }
  body[data-page="data"] .share-portal-wordmark{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.5vh!important;
    margin:0!important;
    padding:.15vh 0 0!important;
    color:#9bd6ff!important;
    font:500 .51vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.24em!important;
    text-transform:uppercase!important;
  }

  body[data-page="data"] .share-portal-main{
    position:absolute!important;
    z-index:10!important;
    inset:8.05vh 0 22.7vh 0!important;
    display:block!important;
    min-height:0!important;
    overflow:visible!important;
    perspective:none!important;
  }
  body[data-page="data"] .share-card-portal{
    position:absolute!important;
    z-index:16!important;
    inset:0 auto auto 2.05%!important;
    display:block!important;
    width:36.55%!important;
    height:64.45vh!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }
  body[data-page="data"] .share-card-canvas-wrap{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    overflow:visible!important;
  }
  body[data-page="data"] #shareCardCanvas{
    display:block!important;
    width:auto!important;
    height:100%!important;
    max-width:95%!important;
    max-height:100%!important;
    border-radius:.72vw!important;
    transform:none!important;
    animation:none!important;
    box-shadow:
      0 0 0 1px rgba(255,210,116,.86),
      0 0 0 .52vw rgba(48,5,14,.74),
      0 0 0 .63vw rgba(255,47,91,.82),
      0 0 1.25vw rgba(255,31,82,.92),
      1.1vw 1.6vw 3vw rgba(0,0,0,.68)!important;
  }
  body[data-page="data"] .share-card-portal:before{
    content:""!important;
    position:absolute!important;
    z-index:4!important;
    inset:-.15vh .62vw!important;
    border:1px solid #ff345f!important;
    border-radius:1vw!important;
    transform:none!important;
    pointer-events:none!important;
    box-shadow:0 0 .8vw #ff1f55,0 0 2.4vw rgba(255,22,75,.56),inset 0 0 1.1vw rgba(255,29,79,.28)!important;
  }
  body[data-page="data"] .share-card-portal:after{
    content:""!important;
    position:absolute!important;
    z-index:4!important;
    inset:.75vh 1.12vw!important;
    border:1px solid rgba(255,214,134,.55)!important;
    border-radius:.77vw!important;
    transform:none!important;
    pointer-events:none!important;
    box-shadow:0 0 .8vw rgba(255,66,105,.5)!important;
  }
  body[data-page="data"] .share-card-format,
  body[data-page="data"] .share-card-rank{display:none!important}

  body[data-page="data"] .share-stage-avi{
    position:absolute!important;
    z-index:3!important;
    inset:-8.05vh 22.5vw -25vh 27vw!important;
    display:block!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    pointer-events:none!important;
  }
  body[data-page="data"] .share-stage-avi:before,
  body[data-page="data"] .share-stage-avi:after,
  body[data-page="data"] .share-stage-avi-glow,
  body[data-page="data"] .share-stage-index,
  body[data-page="data"] .share-stage-hud{display:none!important}
  body[data-page="data"] .share-stage-avi img{
    display:none!important;
  }

  body[data-page="data"] .share-selected-panel{
    position:absolute!important;
    z-index:26!important;
    top:3.7vh!important;
    right:1.12vw!important;
    bottom:auto!important;
    left:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-content:flex-start!important;
    width:28%!important;
    height:59.55vh!important;
    max-height:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    gap:1.05vh!important;
    margin:0!important;
    padding:2.15vh 1.45vw 1.7vh!important;
    overflow:hidden!important;
    transform:none!important;
    border:1px solid rgba(76,190,255,.92)!important;
    border-radius:1.02vw!important;
    color:#f5f8ff!important;
    background:
      linear-gradient(155deg,rgba(5,16,35,.95),rgba(4,8,22,.91)),
      radial-gradient(circle at 100% 0,rgba(32,167,255,.22),transparent 44%)!important;
    box-shadow:-1.2vw 1.35vw 3.7vw rgba(0,0,0,.64),0 0 1.65vw rgba(43,173,255,.3),inset 0 0 0 1px rgba(255,255,255,.045)!important;
    backdrop-filter:blur(19px) saturate(1.12)!important;
  }
  body[data-page="data"] .share-selected-panel:before{
    content:""!important;
    position:absolute!important;
    left:-1px!important;
    top:3.7vh!important;
    display:block!important;
    width:2px!important;
    height:40%!important;
    background:linear-gradient(#55ceff,#ff3979,#55ceff)!important;
  }
  body[data-page="data"] .share-selected-panel:after{display:none!important}
  body[data-page="data"] .share-selected-eyebrow{
    margin:0!important;
    color:#dce9fa!important;
    font:500 .68vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.25em!important;
  }
  body[data-page="data"] .share-selected-title-row{
    display:flex!important;
    align-items:center!important;
    gap:.85vw!important;
  }
  body[data-page="data"] .share-selected-title-row h2{
    margin:0!important;
    color:#f4f7fb!important;
    font:600 1.7vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
  }
  body[data-page="data"] .share-tier-pill{
    padding:.43vh .78vw!important;
    border:1px solid #ff174f!important;
    border-radius:999px!important;
    color:#ff6f98!important;
    background:rgba(64,3,18,.78)!important;
    box-shadow:0 0 .75vw rgba(255,27,81,.55)!important;
    font:700 .57vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.18em!important;
  }
  body[data-page="data"] .share-selected-copy{
    display:block!important;
    margin:-.1vh 0 0!important;
    color:#c9d9ef!important;
    font:500 .78vw/1.2 Inter,Arial,sans-serif!important;
  }
  body[data-page="data"] .share-selected-quote{
    margin:0 0 .25vh!important;
    color:#a9c1dd!important;
    font:italic .76vw/1.25 Georgia,serif!important;
  }
  body[data-page="data"] .share-owned-line{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:1.28vh .7vw!important;
    border-top:1px solid rgba(83,183,245,.2)!important;
    border-bottom:1px solid rgba(83,183,245,.2)!important;
    color:#f5f8ff!important;
    font:600 .69vw/1 Inter,Arial,sans-serif!important;
  }
  body[data-page="data"] .share-owned-check{
    display:inline-grid!important;
    place-items:center!important;
    width:1.18vw!important;
    height:1.18vw!important;
    margin-right:.62vw!important;
    border-radius:50%!important;
    color:#fff!important;
    background:#12ad83!important;
    box-shadow:0 0 .7vw rgba(21,212,157,.47)!important;
  }
  body[data-page="data"] .share-owned-state{
    color:#71c9ff!important;
    font:500 .62vw/1 Inter,Arial,sans-serif!important;
  }
  body[data-page="data"] .share-identity-card{
    display:grid!important;
    grid-template-columns:4.65vw minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:.82vw!important;
    min-height:7.9vh!important;
    margin:0!important;
    padding:1.1vh 0!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-page="data"] .share-identity-card img{
    width:4.65vw!important;
    height:7.9vh!important;
    min-width:0!important;
    object-fit:cover!important;
    object-position:50% 8%!important;
    border:1px solid rgba(78,192,255,.65)!important;
    border-radius:.55vw!important;
  }
  body[data-page="data"] .share-identity-copy span{font-size:.58vw!important;color:#8ec4ee!important}
  body[data-page="data"] .share-identity-copy strong{font-size:.92vw!important;color:#fff!important}
  body[data-page="data"] .share-identity-copy small{font-size:.55vw!important;color:#b9cee5!important}
  body[data-page="data"] .share-mini-stats{display:flex!important;gap:.52vw!important}
  body[data-page="data"] .share-mini-stats div{
    min-width:2.75vw!important;
    padding-left:.5vw!important;
    border-left:1px solid rgba(115,177,229,.28)!important;
    text-align:center!important;
  }
  body[data-page="data"] .share-mini-stats span{font-size:.55vw!important;color:#9db4d3!important}
  body[data-page="data"] .share-mini-stats strong{font-size:.9vw!important}
  body[data-page="data"] .share-mini-stats div:first-child strong{color:#ff5f92!important}
  body[data-page="data"] .share-mini-stats div:last-child strong{color:#a474ff!important}
  body[data-page="data"] .share-selected-actions{
    display:grid!important;
    grid-auto-rows:5.6vh!important;
    gap:.82vh!important;
    margin:0!important;
  }
  body[data-page="data"] .share-selected-actions .share-action{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:1vw!important;
    width:100%!important;
    height:5.6vh!important;
    min-height:5.6vh!important;
    max-height:5.6vh!important;
    padding:0 1.15vw!important;
    border-radius:.72vw!important;
    color:#fff!important;
    font:700 .84vw/1 Inter,Arial,sans-serif!important;
    box-shadow:inset 0 0 1vw rgba(255,255,255,.08)!important;
  }
  body[data-page="data"] .share-selected-actions .share-action:after{
    content:"›"!important;
    margin-left:auto!important;
    font-size:1.65vw!important;
    font-weight:300!important;
  }
  body[data-page="data"] .share-selected-actions .share-action .ui-icon{
    width:1.35vw!important;
    height:1.35vw!important;
    min-width:1.35vw!important;
    max-width:1.35vw!important;
    flex:0 0 1.35vw!important;
  }
  body[data-page="data"] .share-action.primary{
    border-color:#ff2f65!important;
    background:linear-gradient(90deg,rgba(112,4,33,.94),rgba(67,2,25,.92))!important;
    box-shadow:0 0 1vw rgba(255,31,84,.74),inset 0 0 1vw rgba(255,47,94,.26)!important;
  }
  body[data-page="data"] .share-action.download{
    border-color:#35bfff!important;
    background:linear-gradient(90deg,rgba(5,53,89,.95),rgba(3,34,65,.92))!important;
    box-shadow:0 0 .9vw rgba(29,178,255,.62),inset 0 0 1vw rgba(44,183,255,.22)!important;
  }
  body[data-page="data"] .share-action.copy{
    border-color:#ae45ff!important;
    background:linear-gradient(90deg,rgba(55,13,103,.95),rgba(39,8,79,.92))!important;
    box-shadow:0 0 .9vw rgba(160,45,255,.65),inset 0 0 1vw rgba(173,64,255,.22)!important;
  }
  body[data-page="data"] #shareCardStatus{
    align-self:end!important;
    margin:0!important;
    color:#65c5f8!important;
    font:600 .54vw/1.2 Inter,Arial,sans-serif!important;
    letter-spacing:.16em!important;
    text-align:center!important;
    text-transform:uppercase!important;
  }

  body[data-page="data"] .share-collection-dock{
    position:absolute!important;
    z-index:40!important;
    left:.8%!important;
    right:1.12vw!important;
    bottom:3.45vh!important;
    display:block!important;
    width:auto!important;
    height:21.5vh!important;
    min-height:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:1.55vh 1.7vw 1.45vh!important;
    overflow:hidden!important;
    border:1px solid rgba(69,183,255,.84)!important;
    border-radius:1.02vw!important;
    background:
      linear-gradient(180deg,rgba(5,15,31,.94),rgba(3,8,19,.97)),
      radial-gradient(circle at 35% 0,rgba(255,47,111,.16),transparent 42%)!important;
    box-shadow:0 0 1.65vw rgba(30,153,235,.26),0 1.25vw 3vw rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.035)!important;
    backdrop-filter:blur(20px) saturate(1.12)!important;
  }
  body[data-page="data"] .share-collection-dock:before{
    content:"‹"!important;
    position:absolute!important;
    z-index:5!important;
    left:.52vw!important;
    top:10.8vh!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    color:#8ed5ff!important;
    background:none!important;
    font:300 2.25vw/1 Arial,sans-serif!important;
    text-shadow:0 0 .8vw rgba(64,190,255,.72)!important;
  }
  body[data-page="data"] .share-collection-dock:after{
    content:"›"!important;
    position:absolute!important;
    z-index:5!important;
    right:.52vw!important;
    top:10.8vh!important;
    color:#f1e8ff!important;
    font:300 2.25vw/1 Arial,sans-serif!important;
    text-shadow:0 0 .8vw rgba(174,71,255,.75)!important;
  }
  body[data-page="data"] .share-collection-meta{
    position:relative!important;
    z-index:4!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:3.65vh!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="data"] .share-collection-meta h2{
    flex:0 0 auto!important;
    margin:0 1.7vw 0 0!important;
    color:#f1f7ff!important;
    font:500 .87vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.22em!important;
  }
  body[data-page="data"] .share-filter-row{
    display:flex!important;
    gap:.55vw!important;
    margin:0!important;
  }
  body[data-page="data"] .share-filter{
    min-height:2.5vh!important;
    padding:.45vh .83vw!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    color:#85bce8!important;
    background:transparent!important;
    font:600 .55vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.08em!important;
  }
  body[data-page="data"] .share-filter.active{
    color:#e9f6ff!important;
    border-color:#176fd0!important;
    background:#06336b!important;
    box-shadow:0 0 .65vw rgba(25,135,255,.25)!important;
  }
  body[data-page="data"] .share-collection-count{
    margin:0 0 0 .85vw!important;
    color:#699bc5!important;
    font:500 .53vw/1 Inter,Arial,sans-serif!important;
  }
  body[data-page="data"] .share-collection-terms{
    margin:0 0 0 auto!important;
    color:#77bfe8!important;
    font:500 .48vw/1 Inter,Arial,sans-serif!important;
    letter-spacing:.18em!important;
  }
  body[data-page="data"] .share-collection-terms i{
    margin:0 .72vw!important;
    color:#526b8b!important;
    font-style:normal!important;
  }
  body[data-page="data"] .share-avi-rail{
    position:absolute!important;
    z-index:3!important;
    left:2.35vw!important;
    right:2.35vw!important;
    bottom:1.8vh!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:9.05vw!important;
    align-items:stretch!important;
    gap:1vw!important;
    height:14.35vh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body[data-page="data"] .share-avi-rail::-webkit-scrollbar{display:none!important}
  body[data-page="data"] .share-avi-choice{
    position:relative!important;
    display:grid!important;
    grid-template-rows:9.15vh minmax(0,1fr)!important;
    width:9.05vw!important;
    min-width:9.05vw!important;
    height:13.75vh!important;
    margin:.25vh 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(97,168,220,.58)!important;
    border-radius:.55vw!important;
    color:#f5f8ff!important;
    background:rgba(3,8,17,.94)!important;
    box-shadow:0 .7vh 1.2vh rgba(0,0,0,.44)!important;
    transform:none!important;
  }
  body[data-page="data"] .share-avi-choice img{
    display:block!important;
    width:100%!important;
    height:9.15vh!important;
    object-fit:cover!important;
    object-position:50% 9%!important;
    filter:saturate(1.05) contrast(1.03)!important;
  }
  body[data-page="data"] .share-avi-choice span{
    display:grid!important;
    gap:.2vh!important;
    align-content:center!important;
    min-width:0!important;
    padding:.48vh .58vw!important;
    background:linear-gradient(180deg,rgba(4,9,19,.9),rgba(2,6,13,.99))!important;
  }
  body[data-page="data"] .share-avi-choice strong{
    overflow:hidden!important;
    color:#f6f8fc!important;
    font:600 .61vw/1.1 Inter,Arial,sans-serif!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-page="data"] .share-avi-choice small{
    color:#b8d0e8!important;
    font:500 .53vw/1 Inter,Arial,sans-serif!important;
  }
  body[data-page="data"] .share-avi-choice.locked img{
    filter:grayscale(1) brightness(.45)!important;
  }
  body[data-page="data"] .share-avi-choice.selected{
    border-color:#ff3974!important;
    transform:none!important;
    box-shadow:0 0 0 1px rgba(255,69,119,.78),0 0 1.15vw rgba(255,34,102,.78),0 .7vh 1.4vh rgba(0,0,0,.54)!important;
  }
  body[data-page="data"] .share-avi-choice.selected:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    padding:0!important;
    border:1px solid rgba(255,122,157,.72)!important;
    border-radius:.5vw!important;
    background:transparent!important;
    pointer-events:none!important;
  }
}

@media (min-width:600px) and (max-aspect-ratio:4/3){
  body[data-page="data"] .share-selected-panel{width:29%!important}
  body[data-page="data"] .share-card-portal{width:37.5%!important}
}

@media (max-width:599px){
  body[data-page="data"] .share-selected-quote,
  body[data-page="data"] .share-collection-terms{display:none!important}
}

/* v10.277 — restore the existing site sidebar at Retina desktop widths. */
@media (min-width:600px) and (max-width:1180px){
  body[data-page="data"]{--sidebar-width:18.094vw!important}
  body[data-page="data"] .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:30!important;
    display:flex!important;
    flex-direction:column!important;
    width:18.094vw!important;
    height:100vh!important;
    min-height:100vh!important;
    padding:0!important;
    overflow:hidden!important;
    transform:translateX(0)!important;
    border:0!important;
    border-right:1px solid rgba(255,79,174,.22)!important;
    border-radius:0!important;
    background:#03050d url("../images/branding/mockup-v854/command-center-sidebar-v854.png") top left/100% auto no-repeat!important;
    box-shadow:14px 0 42px rgba(0,0,0,.42)!important;
  }
  body[data-page="data"] .sidebar:before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:11.464vw!important;
    left:0!important;
    right:0!important;
    display:block!important;
    height:48.62vw!important;
    opacity:1!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(2,4,12,.90),rgba(2,4,12,.965)),url("../images/hero-characters.webp") 15% 72%/auto 105% no-repeat,#03050d!important;
    backdrop-filter:none!important;
  }
  body[data-page="data"] .sidebar:after{display:none!important}
  body[data-page="data"] .sidebar>*{position:relative!important;z-index:1!important}
  body[data-page="data"] .command-brand{
    position:absolute!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:11.464vw!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
  }
  body[data-page="data"] .command-nav{
    position:absolute!important;
    top:11.464vw!important;
    left:.829vw!important;
    right:.829vw!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="data"] .command-nav .tab,
  body[data-page="data"] .mockup-nav-hotspots .tab{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:3.045vw!important;
    min-height:0!important;
    gap:.83vw!important;
    margin:0!important;
    padding:.55vw .83vw!important;
    border:1px solid transparent!important;
    border-radius:.55vw!important;
    opacity:1!important;
    color:rgba(245,239,246,.88)!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:.97vw!important;
    transform:none!important;
  }
  body[data-page="data"] .command-nav .tab .nav-icon,
  body[data-page="data"] .mockup-nav-hotspots .tab .nav-icon{
    width:1.52vw!important;
    height:1.52vw!important;
    flex:0 0 1.52vw!important;
    color:#f2edf4!important;
  }
  body[data-page="data"] .command-nav .tab.active{
    padding-right:2.9vw!important;
    border-color:rgba(255,108,190,.88)!important;
    color:#fff!important;
    background:radial-gradient(circle at 92% 50%,rgba(255,117,195,.24),transparent 23%),linear-gradient(90deg,rgba(255,60,159,.45),rgba(109,37,114,.22) 74%,rgba(255,79,174,.11))!important;
    box-shadow:0 0 .76vw rgba(255,79,174,.70),0 0 2.1vw rgba(255,79,174,.18)!important;
  }
  body[data-page="data"] .command-nav .tab.active:after{
    content:"✿"!important;
    position:absolute!important;
    right:.83vw!important;
    top:50%!important;
    display:block!important;
    transform:translateY(-50%)!important;
    color:#ffd3e8!important;
    font-size:1.24vw!important;
    text-shadow:0 0 .35vw #fff,0 0 .9vw #ff4fad!important;
  }
  body[data-page="data"] .mockup-nav-hotspots{
    position:absolute!important;
    top:39.227vw!important;
    left:.829vw!important;
    right:.829vw!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="data"] .sidebar-divider,
  body[data-page="data"] .command-secondary-nav,
  body[data-page="data"] .sidebar-footer{display:none!important}
  body[data-page="data"] .premium-sidebar-card{
    position:absolute!important;
    top:60.083vw!important;
    left:.829vw!important;
    width:16.437vw!important;
    height:10.912vw!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
  }
  body[data-page="data"] .workspace{
    width:81.906vw!important;
    min-width:0!important;
    min-height:100vh!important;
    margin-left:18.094vw!important;
    background:#02040c!important;
  }
  body[data-page="data"] .topbar{
    height:4.558vw!important;
    min-height:4.558vw!important;
    grid-template-columns:1fr minmax(280px,380px) auto!important;
    gap:12px!important;
    padding:.55vw 1.1vw!important;
    border-bottom:1px solid rgba(255,79,174,.12)!important;
    background:radial-gradient(circle at 54% -18%,rgba(87,49,181,.13),transparent 31%),linear-gradient(90deg,#050712,#03050d)!important;
  }
  body[data-page="data"] .menu-toggle{display:none!important}
  body[data-page="data"] .main-content{
    width:100%!important;
    max-width:none!important;
    height:calc(100vh - 4.558vw)!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
}

/* v10.279 — actual page composition: foreground AVI, readable identity, eight-card rail. */
@media (min-width:600px){
  body[data-page="data"] .share-portal-shell:before{
    opacity:.58!important;
    filter:saturate(1.28) contrast(1.08) brightness(.63)!important;
    background:
      linear-gradient(90deg,rgba(2,6,15,.5),transparent 24%,transparent 68%,rgba(2,5,14,.48)),
      linear-gradient(0deg,rgba(2,5,13,.68),transparent 25%),
      var(--share-stage-art,none) center top/cover no-repeat!important;
  }
  body[data-page="data"] .share-portal-shell:after{
    background:
      radial-gradient(ellipse at 55% 34%,rgba(255,40,94,.08),transparent 31%),
      linear-gradient(90deg,rgba(2,5,13,.52) 0,transparent 22%,transparent 69%,rgba(2,5,13,.62) 100%),
      linear-gradient(0deg,rgba(2,5,13,.52),transparent 31%)!important;
  }
  body[data-page="data"] .share-stage-avi{
    position:absolute!important;
    z-index:7!important;
    inset:-8.05vh 27.2% -25vh 30.4%!important;
    display:block!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 5%,#000 18%,#000 82%,rgba(0,0,0,.32) 95%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 5%,#000 18%,#000 82%,rgba(0,0,0,.32) 95%,transparent 100%)!important;
  }
  body[data-page="data"] .share-stage-avi img{
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:145%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:50% 0!important;
    clip-path:none!important;
    transform:none!important;
    opacity:1!important;
    filter:drop-shadow(0 2.3vw 2.8vw rgba(0,0,0,.72)) saturate(1.14) contrast(1.045)!important;
  }
  body[data-page="data"] .share-identity-card{
    grid-template-columns:4.1vw minmax(6.4vw,1fr) auto!important;
    gap:.66vw!important;
  }
  body[data-page="data"] .share-identity-card img{
    width:4.1vw!important;
  }
  body[data-page="data"] .share-identity-copy{
    min-width:6.4vw!important;
    overflow:visible!important;
  }
  body[data-page="data"] .share-identity-copy strong{
    overflow:visible!important;
    max-width:none!important;
    font-size:.82vw!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  body[data-page="data"] .share-mini-stats{
    flex:0 0 auto!important;
    gap:.35vw!important;
  }
  body[data-page="data"] .share-mini-stats div{
    min-width:3.35vw!important;
    padding-left:.35vw!important;
  }
  body[data-page="data"] .share-mini-stats strong{
    font-size:.78vw!important;
  }
  body[data-page="data"] .share-avi-rail{
    grid-auto-columns:calc((100% - 7vw)/8)!important;
  }
  body[data-page="data"] .share-avi-choice{
    width:100%!important;
    min-width:0!important;
  }
}

/* v10.280 — page proportion pass against the approved frame. */
@media (min-width:600px){
  body[data-page="data"] .share-card-portal{
    width:34.8%!important;
    height:61.2vh!important;
  }
  body[data-page="data"] #shareCardCanvas{
    height:100%!important;
    max-width:93%!important;
  }
  body[data-page="data"] .share-card-portal:before{
    inset:-.15vh .48vw!important;
  }
  body[data-page="data"] .share-card-portal:after{
    inset:.72vh .94vw!important;
  }
  body[data-page="data"] .share-selected-panel{
    top:2.1vh!important;
  }
  body[data-page="data"] .share-collection-dock{
    height:19.1vh!important;
  }
  body[data-page="data"] .share-collection-dock:before,
  body[data-page="data"] .share-collection-dock:after{
    top:9.65vh!important;
  }
  body[data-page="data"] .share-collection-meta{
    height:3.25vh!important;
  }
  body[data-page="data"] .share-avi-rail{
    bottom:1.45vh!important;
    height:12.85vh!important;
  }
  body[data-page="data"] .share-avi-choice{
    grid-template-rows:8.2vh minmax(0,1fr)!important;
    height:12.35vh!important;
  }
  body[data-page="data"] .share-avi-choice img{
    height:8.2vh!important;
  }
}

/* v10.281 — clear the finished surfaces above the pack rail. */
@media (min-width:600px){
  body[data-page="data"] .share-card-portal{
    height:58.7vh!important;
  }
  body[data-page="data"] .share-selected-panel{
    height:56.4vh!important;
  }
  body[data-page="data"] .share-action.primary:disabled{
    opacity:1!important;
    color:#fff!important;
    border-color:#ff376d!important;
    background:linear-gradient(90deg,rgba(121,5,38,.98),rgba(75,3,29,.96))!important;
    box-shadow:0 0 1.05vw rgba(255,33,91,.72),inset 0 0 1.2vw rgba(255,62,111,.28)!important;
    filter:none!important;
  }
}

/* v10.282 — approved separation between the upper surfaces and pack rail. */
@media (min-width:600px){
  body[data-page="data"] .share-card-portal{
    height:56vh!important;
  }
  body[data-page="data"] .share-selected-panel{
    height:53.4vh!important;
  }
}

/* v10.283 — uniformly fit the approved 1080×1620 card above the rail. */
@media (min-width:600px){
  body[data-page="data"] .share-card-portal{
    transform:scale(.925)!important;
    transform-origin:top left!important;
  }
}

/* v10.285 — align the entire upper composition to the approved page origin. */
@media (min-width:600px){
  body[data-page="data"] .share-portal-head{
    top:0!important;
  }
  body[data-page="data"] .share-portal-main{
    inset:4.5vh 0 22.7vh 0!important;
  }
  body[data-page="data"] .share-card-portal{
    transform:scale(.91)!important;
  }
  body[data-page="data"] .share-selected-panel{
    top:3vh!important;
  }
}

/* v10.287 — lock the finished 1080×1620 card between the heading and AVI rail. */
@media (min-width:600px){
  body[data-page="data"] .share-card-portal{
    top:2vh!important;
    width:auto!important;
    height:62.2vh!important;
    aspect-ratio:2 / 3!important;
    transform:none!important;
  }
  body[data-page="data"] .share-card-canvas-wrap{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  body[data-page="data"] #shareCardCanvas{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  body[data-page="data"] .share-card-portal:before{
    inset:-.15vh -.35vw!important;
  }
  body[data-page="data"] .share-card-portal:after{
    inset:.72vh .46vw!important;
  }
}

/* v10.288 — rebalance the upper composition and seat the AVI rail at the page floor. */
@media (min-width:600px){
  body[data-page="data"] .share-stage-avi{
    inset:-5.8vh 27.2% -25vh 30.4%!important;
  }
  body[data-page="data"] .share-selected-panel{
    top:5vh!important;
    height:55.5vh!important;
  }
  body[data-page="data"] .share-collection-dock{
    bottom:1.2vh!important;
  }
}

/* v10.291 — remove the page title and spend that space on the upper composition. */
@media (min-width:600px){
  body[data-page="data"] .share-portal-head{
    display:none!important;
  }
  body[data-page="data"] .share-portal-main{
    inset:0 0 22.7vh 0!important;
  }
  body[data-page="data"] .share-stage-avi{
    inset:-1.3vh 27.2% -25vh 30.4%!important;
  }
  body[data-page="data"] .share-selected-panel{
    top:7vh!important;
  }
}

/* v10.292 — give the center AVI the approved visual dominance without moving the locked card or rail. */
@media (min-width:600px){
  body[data-page="data"] .share-stage-avi{
    inset:-1.3vh 24.2% -25vh 27.4%!important;
  }
}

/* v10.293 — align the selected-AVI panel to the approved rail clearance. */
@media (min-width:600px){
  body[data-page="data"] .share-selected-panel{
    top:9.2vh!important;
    height:56.8vh!important;
  }
}

/* v10.294 — restore the approved corner wordmark without bringing the page title back. */
@media (min-width:600px){
  body[data-page="data"] .share-portal-head{
    display:flex!important;
    justify-content:flex-end!important;
    pointer-events:none!important;
  }
  body[data-page="data"] .share-portal-head > div:first-child{
    display:none!important;
  }
}

/* v10.296 — approved pack-carousel labels, counts, and selected status light. */
@media (min-width:600px){
  body[data-page="data"] .share-avi-choice.selected:after{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    right:.58vw!important;
    bottom:1.15vh!important;
    display:block!important;
    width:.31vw!important;
    height:.31vw!important;
    border:0!important;
    border-radius:50%!important;
    background:#ff2f73!important;
    box-shadow:0 0 .18vw #fff,0 0 .62vw #ff2f73!important;
    pointer-events:none!important;
  }
}

/* v10.297 — true two-level pack browser using the approved pack-cover artwork. */
@media (min-width:600px){
  body[data-page="data"] .share-pack-choice img{
    object-position:center!important;
    filter:saturate(1.08) contrast(1.04)!important;
  }
  body[data-page="data"] .share-avi-rail.pack-avi-view{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-columns:auto!important;
    gap:.9vw!important;
  }
  body[data-page="data"] .share-avi-rail.pack-avi-view .share-avi-choice{
    width:100%!important;
  }
  body[data-page="data"] .pack-avi-slot.locked img{
    filter:grayscale(.92) brightness(.36)!important;
  }
}

/* v10.298 — make every visible part of a pack tile activate the pack. */
body[data-page="data"] .share-pack-choice{
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
body[data-page="data"] .share-pack-choice > *{
  pointer-events:none!important;
}
body[data-page="data"] .share-collection-dock:before,
body[data-page="data"] .share-collection-dock:after{
  pointer-events:none!important;
}

/* v10.299 — show the hand cursor across every enabled pack control. */
body[data-page="data"] .share-filter:not(:disabled),
body[data-page="data"] .share-avi-choice:not(:disabled),
body[data-page="data"] [data-share-pack],
body[data-page="data"] [data-share-avi]:not(:disabled){
  cursor:pointer!important;
}

/* v10.367 — let the approved card frame stand alone without a preview surround. */
body[data-page="data"] .share-card-portal::before,
body[data-page="data"] .share-card-portal::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="data"] #shareCardCanvas{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:0 22px 55px rgba(0,0,0,.58)!important;
  filter:none!important;
}

/* v10.387 — rounded masters end at their border in the page and PNG. */
body[data-page="data"] .share-card-canvas-wrap.share-card-border-only{
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="data"] .share-card-border-only #shareCardCanvas{
  box-shadow:none!important;
}

/* v10.391 — full image slots with compact labels and the Cards rarity palette. */
body[data-page="data"] .pack-avi-slot{
  --share-rarity-color:#b8c8db;
  --share-rarity-rgb:184,200,219;
  display:block!important;
  border-color:rgba(var(--share-rarity-rgb),.72)!important;
}
body[data-page="data"] .pack-avi-slot[data-share-rarity="common"],
body[data-page="data"] #shareAviTier[data-share-rarity="common"]{
  --share-rarity-color:#5de9f0;
  --share-rarity-rgb:93,233,240;
}
body[data-page="data"] .pack-avi-slot[data-share-rarity="rare"],
body[data-page="data"] #shareAviTier[data-share-rarity="rare"]{
  --share-rarity-color:#ffc75f;
  --share-rarity-rgb:255,199,95;
}
body[data-page="data"] .pack-avi-slot[data-share-rarity="legendary"],
body[data-page="data"] #shareAviTier[data-share-rarity="legendary"]{
  --share-rarity-color:#b675ff;
  --share-rarity-rgb:182,117,255;
}
body[data-page="data"] .pack-avi-slot[data-share-rarity="mythic"],
body[data-page="data"] #shareAviTier[data-share-rarity="mythic"]{
  --share-rarity-color:#ff4fab;
  --share-rarity-rgb:255,79,171;
}
/* v10.392 — the selected AVI badge uses the same rarity colors as its tile. */
body[data-page="data"] #shareAviTier[data-share-rarity]{
  color:var(--share-rarity-color,#b8c8db)!important;
  border-color:rgba(var(--share-rarity-rgb,184,200,219),.85)!important;
  background:rgba(var(--share-rarity-rgb,184,200,219),.12)!important;
  box-shadow:0 0 12px rgba(var(--share-rarity-rgb,184,200,219),.3)!important;
}
body[data-page="data"] .pack-avi-slot .share-avi-face-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:0!important;
  background:transparent!important;
}
body[data-page="data"] .pack-avi-slot .share-avi-face-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--share-face-position,50% 9%)!important;
  transform-origin:var(--share-face-position,50% 9%)!important;
  transform:scale(var(--share-face-scale,1))!important;
}
body[data-page="data"] .pack-avi-slot .share-avi-label{
  position:absolute!important;
  z-index:2!important;
  left:6px!important;
  bottom:6px!important;
  display:grid!important;
  gap:3px!important;
  width:max-content!important;
  max-width:calc(100% - 12px)!important;
  height:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:5px!important;
  background:rgba(0,0,0,.9)!important;
  box-shadow:0 2px 6px rgba(0,0,0,.3)!important;
}
body[data-page="data"] .pack-avi-slot .share-avi-label strong{
  font-size:clamp(10px,.64vw,14px)!important;
  line-height:1.15!important;
}
body[data-page="data"] .pack-avi-slot .share-avi-label small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--share-rarity-color)!important;
  font-size:clamp(9px,.55vw,12px)!important;
  font-weight:700!important;
  line-height:1.1!important;
  letter-spacing:.045em!important;
}
body[data-page="data"] .pack-avi-slot[data-share-rarity] .share-avi-label small::before{
  content:"";
  flex:none;
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
}
body[data-page="data"] .pack-avi-slot.selected{
  border-color:var(--share-rarity-color)!important;
  box-shadow:0 0 0 1px rgba(var(--share-rarity-rgb),.9),0 0 14px rgba(var(--share-rarity-rgb),.5)!important;
}
body[data-page="data"] .pack-avi-slot.selected::before{
  border-color:rgba(255,255,255,.65)!important;
}
body[data-page="data"] .pack-avi-slot.selected::after{
  background:#fff!important;
  box-shadow:0 0 7px var(--share-rarity-color)!important;
}

/* v10.376 — never expose fallback AVI artwork during a cold Share Card load. */
html.start-data:not(.share-card-startup-ready) #page-data .share-stage-avi{
  visibility:hidden!important;
}
html.start-data:not(.share-card-startup-ready) #page-data .share-portal-shell::before{
  opacity:0!important;
  background-image:none!important;
}
html.start-data:not(.share-card-startup-ready) #page-data #shareAviImage,
html.start-data:not(.share-card-startup-ready) #page-data #shareCardCanvas{
  visibility:hidden!important;
}