/* V9 opening: readable purchase action, independent of playback. */
:root{--field-bottom:170px}
.enhanced .stage-bottom{inset:0;height:auto;display:block;pointer-events:none}
.enhanced .stage-bottom>*{pointer-events:auto}
.enhanced .finish{position:absolute;left:50%;top:calc(50% + 195px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 40px)}
.enhanced .primary{min-width:340px;min-height:88px;padding:18px 25px;gap:28px;background:#ffc45d;background-image:linear-gradient(135deg,#ffdc85 0%,#ffc35d 50%,#ff9c56 100%);color:#39291e;border:1px solid #ffcf87;box-shadow:inset 0 2px 1px #fff8,0 6px 0 #b9662820,0 12px 32px #070c1726;white-space:normal;text-align:left}
.enhanced .primary-copy{gap:5px}
.enhanced .primary strong{font-size:27px;line-height:1.1;letter-spacing:-.035em}
.enhanced .primary small{font-size:12px;color:#59402b}
.enhanced .primary svg{width:38px;height:38px;padding:9px;border:1px solid #6f491644;border-radius:50%;flex-shrink:0;stroke-width:2}
.enhanced .primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 1px #fff8,0 8px 0 #b9662820,0 15px 32px #070c1726}
.enhanced .primary:active{transform:translateY(1px)}
.enhanced .scroll-cue{position:absolute;bottom:28px;left:5%;min-height:44px;font-size:11px;gap:9px}
.enhanced .scroll-cue>span:last-child{max-width:none}
.enhanced .scene-settings{position:absolute;right:5%;bottom:28px}
.journey-replay{border:0;background:none;padding:8px 14px;color:var(--muted);font-size:12px;min-height:36px;cursor:pointer}
.journey-replay[hidden]{display:none}
.journey-phase{position:absolute;top:calc(var(--field-top) - 7px);left:50%;transform:translateX(-50%);font:10px/1.4 var(--sans);letter-spacing:.035em;color:var(--muted);pointer-events:none;z-index:6}
.enhanced .letter[data-glow] .glow-badge{font-size:10px;width:62px;opacity:var(--night)}
.enhanced .glow-badge small{font-size:7px}
@media(max-width:700px){
  :root{--field-bottom:165px}
  .enhanced .finish{top:calc(50% + 125px);gap:9px}
  .enhanced .primary{min-width:290px;min-height:76px;padding:15px 20px;gap:19px}
  .enhanced .primary strong{font-size:23px}
  .enhanced .primary small{font-size:10px}
  .enhanced .primary svg{width:32px;height:32px;padding:7px}
  .enhanced .scroll-cue{bottom:18px;left:6%;font-size:10px}
  .enhanced .letter[data-glow] .glow-badge{font-size:8px;width:48px}
  .enhanced .glow-badge small{font-size:6px}
  .journey-phase{font-size:9px}
  .journey-replay{font-size:11px}
}
@media(max-height:760px){
  .enhanced .finish{top:auto;bottom:62px}
  .enhanced .finish:not(.at-end){padding-bottom:45px}
}
@media(max-height:620px){
  :root{--field-bottom:132px}
  .enhanced .finish{bottom:38px;gap:3px}
  .enhanced .finish:not(.at-end){padding-bottom:39px}
  .enhanced .primary{min-height:61px;min-width:280px;padding:10px 19px}
  .enhanced .primary strong{font-size:22px}
  .enhanced .scroll-cue{bottom:3px}
}
@media(max-height:460px){
  :root{--field-bottom:97px}
  .enhanced .finish{bottom:8px;gap:1px}
  .enhanced .finish:not(.at-end){padding-bottom:34px}
  .enhanced .primary{min-height:48px;min-width:250px;padding:7px 16px;gap:18px}
  .enhanced .primary strong{font-size:18px}
  .enhanced .primary small{font-size:9px}
  .journey-replay{min-height:30px;padding:5px 12px}
  .journey-phase{display:none}
  .enhanced .letter[data-glow] .glow-badge{font-size:7px}
}
@media(max-width:350px){.enhanced .primary{min-width:270px;padding-inline:15px;gap:12px}.enhanced .primary strong{font-size:21px}}
/* The complete moving letter field ends above the action, even mid-journey. */
.enhanced .letter-field{bottom:calc(50% - 170px)}
@media(max-width:700px){.enhanced .letter-field{bottom:calc(50% - 110px)}}
@media(max-height:760px){.enhanced .letter-field{bottom:205px}}
@media(max-height:620px){.enhanced .letter-field{bottom:160px}}
@media(max-height:460px){.enhanced .letter-field{bottom:105px}}