.edition-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 25;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: max(10px, env(safe-area-inset-top)) clamp(12px, 3vw, 32px) 10px;
  color: #fff5e9;
  pointer-events: none;
  font: 700 11px/1.1 'Courier New', monospace;
}
.edition-picker {
  --picker-glow: #ff50b54d;
  width: 248px;
  max-width: 100%;
  padding: 7px;
  border: 1px solid #bd94c4;
  border-radius: 14px 5px 14px 5px;
  background: linear-gradient(135deg, #352035, #15121e 55%, #192832);
  box-shadow: 0 4px 0 #08090f, 0 5px 0 #8d617770, 0 8px 22px #0007,
    0 0 18px var(--picker-glow), inset 0 1px #fff4;
  pointer-events: auto;
  isolation: isolate;
}
.edition-caption {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 3px 6px;
  color: #dfcde2;
  font: 700 8px/1 'Courier New', monospace;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.edition-spark { color: #ff88ce; font-size: 12px; }
.edition-checkers {
  width: 22px;
  height: 8px;
  margin-left: auto;
  background: conic-gradient(#e4d3df 25%, transparent 0 50%, #e4d3df 0 75%, transparent 0) 0 0 / 8px 8px;
  opacity: .7;
}
.edition-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.edition-picker button {
  --edition-accent: #ff8bd3;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 46px;
  padding: 6px 12px;
  border: 1px solid #9c6a9b66;
  border-radius: 8px 3px 8px 3px;
  color: #f2dce8;
  background: #110e1b;
  box-shadow: inset 0 1px 5px #0006;
  text-align: left;
  white-space: nowrap;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.edition-picker [data-edition-choice="og"] {
  --edition-accent: #bdf978;
  color: #d2e9c4;
  border-color: #a5ce7966;
}
.edition-icon { flex: 0 0 25px; width: 25px; height: 25px; color: var(--edition-accent); }
.edition-icon-og { width: 24px; height: 24px; }
.edition-label { display: grid; gap: 2px; }
.edition-label strong {
  font: italic 900 22px/.95 Arial, Helvetica, sans-serif;
  letter-spacing: -.8px;
}
.edition-label small {
  font: 700 8px/1 'Courier New', monospace;
  letter-spacing: .6px;
  text-transform: uppercase;
}
.edition-led {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--edition-accent);
  opacity: .28;
}
.edition-picker button[aria-pressed="true"] {
  color: #fff9f4;
  border-color: #ffadde;
  background: linear-gradient(135deg, #b62b76, #6c225d 65%, #472153);
  box-shadow: inset 0 1px #ffffff59, inset 0 -2px #3a102e, 0 0 12px #ff4ca333;
  text-shadow: 0 1px 2px #3b0a38;
}
.edition-picker [data-edition-choice="og"][aria-pressed="true"] {
  --edition-accent: #20331b;
  color: #192715;
  border-color: #e2ffb2;
  background: linear-gradient(135deg, #e1ff8c, #a8e66e 65%, #7dbd53);
  box-shadow: inset 0 1px #fff9, inset 0 -2px #568a42, 0 0 12px #bdff6f33;
  text-shadow: none;
}
.edition-picker button[aria-pressed="true"] .edition-led {
  opacity: 1;
  box-shadow: 0 0 5px var(--edition-accent);
}
.bar-experience .edition-picker button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
@media (hover: hover) {
  .edition-picker button:hover {
    transform: translateY(-1px);
    border-color: var(--edition-accent);
    box-shadow: inset 0 1px #ffffff40, 0 0 14px #ffffff12;
  }
}
.edition-picker button:active { transform: translateY(1px); }
[data-edition="og"] .edition-picker {
  --picker-glow: #a5dd7026;
  border-color: #b4c79c;
  border-radius: 3px;
  background: linear-gradient(135deg, #303c2b, #141e1a);
  box-shadow: 3px 4px #0a100d, 0 0 18px var(--picker-glow), inset 0 1px #fff4;
}
[data-edition="og"] .edition-picker button { border-radius: 1px; }
[data-edition="og"] .edition-caption { color: #d6e5c9; }
[data-edition="og"] .edition-spark { color: #caff86; }
[data-edition="og"] .edition-led { border-radius: 0; }
@media (max-width: 580px) {
  .edition-picker { width: 228px; }
  .edition-picker button { gap: 8px; padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .edition-picker button { transition: none; }
  .edition-picker button:is(:hover,:active) { transform: none; }
}
.og-tagline { display: none; }

.edition-portal {
  --portal-light: #71e2ff;
  --portal-mid: #3360a9;
  position: fixed;
  inset: 0;
  z-index: 100;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at center, #111329 7%, #050711 68%);
}
.edition-portal[data-destination="polished"] {
  --portal-light: #ff9de2;
  --portal-mid: #7d368d;
}
.edition-portal::before,
.edition-portal::after {
  content: '';
  position: absolute;
  inset: -50%;
}
.edition-portal::before {
  background: repeating-conic-gradient(from 12deg, transparent 0deg 14deg,
    var(--portal-light) 14.3deg, transparent 15deg 28deg, var(--portal-mid) 30deg,
    transparent 33deg 45deg);
  mask-image: radial-gradient(ellipse at center, transparent 3%, #000 18%, #0008 55%, transparent 72%);
  opacity: .52;
  animation: edition-tunnel-rays 900ms linear both;
}
.edition-portal::after {
  background: repeating-radial-gradient(ellipse 46% 33% at center,
    transparent 0% 12%, var(--portal-mid) 14%, var(--portal-light) 15%, transparent 17% 24%);
  mask-image: radial-gradient(ellipse at center, transparent 2%, #000 13%, transparent 55%);
  opacity: .72;
  animation: edition-tunnel-rings 700ms cubic-bezier(.27,.45,.58,1) both;
}
@keyframes edition-tunnel-rays {
  from { transform: rotate(-8deg) scale(.75); }
  to { transform: rotate(14deg) scale(1.3); }
}
@keyframes edition-tunnel-rings {
  from { transform: scale(.36); }
  to { transform: scale(1.65); }
}

/* The OG artwork includes the cabinet. The live controls align to its front. */
[data-edition="og"] {
  --og-ink: #181f1b;
  --og-panel: #26372d;
  --og-paper: #f3e6c6;
  --og-gold: #eec264;
  --og-mono: 'Courier New', monospace;
}

[data-edition="og"] :is(.browse-packs,.sound-toggle) {
  background: var(--og-ink);
  color: var(--og-paper);
  border: 2px solid var(--og-paper);
  border-radius: 0;
  box-shadow: 3px 3px #090e0b;
  backdrop-filter: none;
}
[data-edition="og"] .og-tagline {
  position: absolute;
  z-index: 12;
  top: max(10px, env(safe-area-inset-top));
  left: clamp(12px, 3vw, 32px);
  display: block;
  margin: 0;
  padding: 10px 12px;
  border: 2px solid var(--og-paper);
  background: var(--og-ink);
  box-shadow: 3px 3px #090e0b;
  color: var(--og-paper);
  font: 700 clamp(12px, 1.3vw, 18px)/1.2 var(--og-mono);
  pointer-events: none;
}
@media (max-width: 580px) {
  [data-edition="og"] .og-tagline { top: calc(max(10px, env(safe-area-inset-top)) + 88px); }
}

[data-edition="og"] .bar-scene { background: #706757; }
[data-edition="og"] .bar-backdrop {
  background: url('assets/og-v01/dope-street-pharaoh-machine.png') center / cover no-repeat;
  filter: blur(28px) brightness(.65);
}
[data-edition="og"] .scene-world {
  aspect-ratio: 1672 / 941;
  background: url('assets/og-v01/dope-street-pharaoh-machine.png') center / 100% 100% no-repeat;
}
[data-edition="og"] .scene-world :is(.scene-picture,.scene-foreground,.machine-base,
  .lamp-warmth,.floor-light,.contact-shadow,.pull-light) { display: none; }
[data-edition="og"] .scene-machine {
  inset: 0;
  width: 100%;
  height: 100%;
}
[data-edition="og"] .scene-world .machine-art {
  height: 100%;
  clip-path: none;
  animation: none !important;
}
[data-edition="og"] .machine-stock {
  left: 35.95%;
  top: 29.82%;
  width: 20.48%;
  height: 41.05%;
}
@media (prefers-reduced-motion: no-preference) {
  [data-edition="og"] .scene-world.is-awake:not(.is-modal-open) .machine-stock {
    animation: og-machine-wake 360ms ease-out;
  }
}
@keyframes og-machine-wake {
  0%, 100% { transform: translateY(0); }
  32% { transform: translateY(-2px); }
  65% { transform: translateY(1px); }
}
[data-edition="og"] .machine-hotspot {
  left: 58.37%;
  top: 53.12%;
  width: 5.2%;
  height: 6.43%;
  min-width: 44px;
  min-height: 44px;
  border-radius: 0;
}
[data-edition="og"] .machine-hotspot:hover:not(:disabled) { background: #ffe58f33; }
[data-edition="og"] .dispense-pack {
  left: 45.8%;
  top: 73.8%;
  width: 6.2%;
  height: 17.8%;
  grid-template-rows: minmax(0, 1fr);
}
[data-edition="og"] #dispensed-art { min-height: 0; }
@media (min-aspect-ratio: 2/1) {
  [data-edition="og"] .dispense-pack { top: 70%; }
}
[data-edition="og"] .scene-prompt {
  left: 49%;
  top: 89%;
}
@media (max-aspect-ratio: 4/5) {
  [data-edition="og"] .scene-world { width: min(177.5771dvh, 278vw); }
}
[data-edition="og"] .stock-pack { background: #1f3229; border-bottom: 3px solid #647b69; }
[data-edition="og"] .stock-pack::after { content: none; }
[data-edition="og"] .stock-pack.is-unavailable { opacity: .42; }
[data-edition="og"] .pack-choice.is-unavailable { opacity: .55; }
.edition-picker button:disabled { cursor: wait; opacity: .6; }
[data-edition="og"] .stock-pack .shelf-label { background: #18201d; color: var(--og-paper); }
[data-edition="og"] .stock-pack:is(.is-scanning,.is-selected) { box-shadow: inset 0 0 0 2px var(--og-gold); }
[data-edition="og"] .scene-prompt {
  background: var(--og-ink);
  color: var(--og-paper);
  border: 1px solid var(--og-paper);
  padding: 5px 8px;
  text-shadow: none;
}
[data-edition="og"] .bar-experience :is(button,a):focus-visible {
  outline: 2px solid var(--og-gold);
  outline-offset: 3px;
}

[data-edition="og"] .bar-experience :is(.opening-dialog.is-showcase,.packs-dialog,.gallery-dialog) {
  color-scheme: dark;
  color: var(--og-paper);
  background: var(--og-panel);
  border: 2px solid var(--og-paper);
  border-radius: 0;
  box-shadow: 5px 5px #121814;
}
[data-edition="og"] .bar-experience #opening-dialog { animation: none; }
[data-edition="og"] dialog::backdrop,
[data-edition="og"] .bar-experience #opening-dialog::backdrop {
  background: #101711e8;
  backdrop-filter: none;
}
[data-edition="og"] .pack-world-light { visibility: hidden; }
[data-edition="og"] .pack-world img { image-rendering: auto; }
[data-edition="og"] .pack-world::after {
  background: linear-gradient(#101812cc, #10181222 26%, #10181222 57%, #101812e8 96%);
}
/* Share the 3D typography: bold heading, quiet serif emphasis, no offset shadow. */
[data-edition="og"] .bar-experience #opening-title { color: #eee9dd; }
[data-edition="og"] .bar-experience dialog :is(p,.eyebrow,.bar-modal-tools,.text-button,.gallery-sound),
[data-edition="og"] .bar-experience #opening-dialog #opening-hint { color: var(--og-paper); }
[data-edition="og"] .bar-experience dialog :is(.close-dialog,.button) {
  color: var(--og-paper);
  background: var(--og-ink);
  border: 1px solid var(--og-paper);
  border-radius: 0;
  box-shadow: 2px 2px #121814;
}
[data-edition="og"] .bar-experience dialog .primary {
  color: var(--og-ink);
  background: var(--og-gold);
  border-color: var(--og-ink);
}
[data-edition="og"] .bar-experience #tear-button {
  border: 2px solid var(--og-ink);
  border-radius: 0;
  background: var(--pack-accent);
  box-shadow: 4px 4px var(--og-ink);
  color: var(--og-ink);
  text-shadow: none;
  font-family: var(--og-mono);
}
[data-edition="og"] .bar-experience #tear-button::before,
[data-edition="og"] .bar-experience #tear-button::after { content: none; }
[data-edition="og"] .bar-experience #tear-button > span,
[data-edition="og"] .pack-view-controls button {
  border-radius: 0;
  box-shadow: none;
}
[data-edition="og"] .pack-view-controls button {
  background: var(--og-ink);
  color: var(--og-paper);
  border: 1px solid var(--og-paper);
  font-family: var(--og-mono);
}
[data-edition="og"] .pack-choice {
  color: var(--og-paper);
  background: #1b2720;
  border: 1px solid #869681;
  border-radius: 0;
}
[data-edition="og"] .pack-choice:is(:hover,:focus-visible) { background: #354b3d; }
[data-edition="og"] .pack-choice .pack-description { color: var(--og-paper); }
[data-edition="og"] :is(.stock-pack img,.pack-choice img,.pack-illustration,#dispensed-art,
  #card-back-art,#dispense-card-back-art) { image-rendering: auto; }
[data-edition="og"] .bar-experience .is-showcase :is(.card-front,.card-back) {
  border: 1px solid #d6c7a4;
  border-radius: 12px;
  box-shadow: 0 14px 34px #10171190;
}
[data-edition="og"] .bar-experience .is-showcase .card-front {
  background: var(--og-paper);
  box-shadow: inset 0 0 0 2px var(--pack-accent), 0 14px 34px #10171190;
}
[data-edition="og"] .is-showcase .card-caption {
  color: var(--og-ink);
  border-top: 2px solid var(--og-ink);
  margin-top: 0;
  font-family: var(--og-mono);
}
[data-edition="og"] .is-showcase .card-front::after { content: none; }
[data-edition="og"] .is-showcase .card-front img { border-radius: 0; }
[data-edition="og"] .discovery-badge {
  border: 2px solid var(--og-ink);
  border-radius: 0;
  box-shadow: 2px 2px var(--og-ink);
  background: var(--pack-accent);
}
[data-edition="og"] .gallery-item a { color: var(--og-gold); border-color: currentColor; }
[data-edition="og"] .gallery-item img { border: 2px solid var(--og-paper); }
[data-edition="og"] .bar-experience #opening-dialog .burst {
  width: min(72%, 340px);
  height: auto;
  aspect-ratio: 1;
  opacity: 0;
  filter: none;
  background: radial-gradient(circle, transparent 36%, var(--pack-accent) 49%, transparent 64%);
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  transition: none;
}
@media (prefers-reduced-motion: no-preference) {
  [data-edition="og"] .bar-experience:not(.is-quick) #opening-dialog:is(.is-unwrapping,.is-revealed) .burst {
    animation: og-reveal-pulse 620ms ease-out both;
  }
}
@keyframes og-reveal-pulse {
  from { opacity: .32; transform: scale(.74); }
  to { opacity: 0; transform: scale(1.45); }
}