/* Photo-only ornament: no crop, oversized mat, or moving image. */
.fantasy-presentation :is(#why,#faq,.chapter)>:is(.section-photo,.feature-media){
  --frame-cream:#e6d0ac;
  position:relative;
  padding:5px;
  border:1px solid #9d7daf;
  border-radius:0;
  background:linear-gradient(135deg,#45304f,#110b1b 34%,#211329 70%,#594063);
  box-shadow:0 0 0 3px #100b17,0 0 0 4px #7d628344,0 14px 32px #0005;
  overflow:visible;
}
.fantasy-presentation :is(#why,#faq,.chapter)>:is(.section-photo,.feature-media):before{
  content:"";display:block;position:absolute;inset:-4px;
  width:auto;height:auto;transform:none;border:0;border-radius:0;
  background:
    linear-gradient(var(--frame-cream),var(--frame-cream)) left top/30px 2px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) left top/2px 30px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) right top/30px 2px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) right top/2px 30px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) left bottom/30px 2px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) left bottom/2px 30px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) right bottom/30px 2px,
    linear-gradient(var(--frame-cream),var(--frame-cream)) right bottom/2px 30px;
  background-repeat:no-repeat;
  pointer-events:none;z-index:3;
}
.fantasy-presentation :is(#why,#faq,.chapter)>:is(.section-photo,.feature-media):after{
  content:"";display:block;position:absolute;left:50%;right:auto;top:-8px;bottom:auto;
  width:13px;height:13px;transform:translateX(-50%) rotate(45deg);
  border:1px solid var(--frame-cream);border-radius:0;
  background:linear-gradient(135deg,#d1ace4,#643477 55%,#27122f);
  box-shadow:0 0 0 3px #160c20,0 0 14px #b367dc44;
  pointer-events:none;z-index:4;
}
@media(max-width:600px){
  .fantasy-presentation :is(#why,#faq,.chapter)>:is(.section-photo,.feature-media){padding:3px}
  .fantasy-presentation :is(#why,#faq,.chapter)>:is(.section-photo,.feature-media):before{inset:-3px}
  .fantasy-presentation :is(#why,#faq,.chapter)>:is(.section-photo,.feature-media):after{width:10px;height:10px;top:-6px}
}

/* Starting scene: characters stay untouched; rewards occupy the empty right side. */
.fantasy-presentation #prereg{display:flex;min-height:0;padding-block:42px}
.fantasy-presentation #prereg .feature-heading{margin-bottom:18px}
.fantasy-presentation .starting-stage{position:relative;width:min(1180px,100%);margin:0 auto;border:1px solid #9d7daf;background:#0b0711;box-shadow:0 0 0 3px #100b17,0 0 0 4px #7d628344,0 20px 48px #0007;overflow:hidden}
.fantasy-presentation .starting-scene{display:block;width:100%;height:auto}
.fantasy-presentation .starting-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 43%,rgba(9,5,14,.12) 53%,rgba(9,5,14,.88) 100%);pointer-events:none}
.fantasy-presentation .starting-reward-panel{position:absolute;z-index:2;top:50%;right:3%;width:43%;transform:translateY(-50%);text-align:center}
.fantasy-presentation .starting-reward-panel h3{font-family:var(--display);font-size:clamp(22px,2.2vw,34px);line-height:1.15;color:var(--cream);margin:0 0 18px;text-shadow:0 2px 12px #000}
.fantasy-presentation .starting-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fantasy-presentation .starting-item{position:relative;display:flex;min-width:0;min-height:142px;flex-direction:column;align-items:center;justify-content:center;padding:12px 7px 10px;border:1px solid #a27caf;background:linear-gradient(150deg,rgba(48,25,61,.94),rgba(13,8,19,.94));box-shadow:inset 0 0 0 3px #120b1a;overflow:hidden}
.fantasy-presentation .starting-item img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 12px #0008)}
.fantasy-presentation .starting-item b{font:700 11px/1.35 var(--ui);color:#f5e6ce;overflow-wrap:anywhere}
.fantasy-presentation .starting-item em{position:absolute;top:7px;right:-25px;width:88px;padding:3px 0;transform:rotate(35deg);background:linear-gradient(90deg,#72348a,#d86bf1,#72348a);font:800 8px/1 var(--ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.fantasy-presentation .starting-item-premium{animation:premium-pulse 2.6s ease-in-out infinite}
.fantasy-presentation #prereg .chapter-copy{max-width:900px;margin:18px auto 0;text-align:center}
.fantasy-presentation #prereg .chapter-copy .lead{font-size:15px;line-height:1.65}
@keyframes premium-pulse{0%,100%{border-color:#9d7daf;box-shadow:inset 0 0 0 3px #120b1a,0 0 0 transparent}50%{border-color:#e0a3f1;box-shadow:inset 0 0 0 3px #120b1a,0 0 20px #bb50dc66}}
@media(max-width:760px){
 .fantasy-presentation #prereg{padding-block:32px}
 .fantasy-presentation .starting-stage{overflow:visible;margin-bottom:0}
 .fantasy-presentation .starting-stage:after{background:linear-gradient(180deg,transparent 55%,#0b0711 100%)}
 .fantasy-presentation .starting-reward-panel{position:relative;top:auto;right:auto;width:100%;transform:none;padding:20px 12px 14px;background:#0b0711}
 .fantasy-presentation .starting-items{gap:8px}
 .fantasy-presentation .starting-item{min-height:126px;padding-inline:4px}
 .fantasy-presentation .starting-item img{width:62px;height:62px}
 .fantasy-presentation .starting-item b{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.fantasy-presentation .starting-item-premium{animation:none}}

/* Creator portraits deliberately omit the diamond corner ornaments. */
.fantasy-presentation .partner-portrait{width:104px;height:104px;padding:5px;border:1px solid #efcfff;border-radius:0;background:#0a0610;box-shadow:0 0 0 3px #17101e,0 0 0 4px #a56db9,0 0 23px #c755ee55,0 12px 25px #0009;overflow:hidden;animation:partner-frame-glow 3.2s ease-in-out infinite}
.fantasy-presentation .partner-card:after,.fantasy-presentation .partner-portrait:before,.fantasy-presentation .partner-portrait:after{display:none!important}
@media(max-width:600px){.fantasy-presentation .partner-portrait{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){.fantasy-presentation .partner-portrait{animation:none!important}}
