/* Play screen extras for Creator stories (06/10): scene images, play guide, ending card, playtest embed inside the Creator. */
.op-uimg{margin:14px 0;border-radius:14px;overflow:hidden;background:var(--bg2)}
.op-uimg img{display:block;width:100%;height:auto;max-height:60vh;object-fit:cover}
.op-guide{margin:14px 0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--green) 8%,var(--bg))}
.op-guide b{font:800 12px var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--green-d)}
.op-guide p{margin:4px 0 0;font:500 14px/1.5 var(--body);color:var(--ink);white-space:pre-wrap}
.op-pt{display:inline-block;margin:0 0 12px;padding:5px 10px;border-radius:999px;background:var(--ink);color:#fff;font:700 11.5px var(--body)}
.op-ending{margin:22px 0 10px;padding:22px 18px;border-radius:18px;background:var(--ink);color:#fff;text-align:center}
.op-ending .rar{display:inline-block;font:800 11px var(--head);letter-spacing:.06em;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.14)}
.op-ending .r-SSR{background:#f5c542;color:#3b2a00}.op-ending .r-SR{background:#b39cff;color:#1d1145}.op-ending .r-R{background:#7fb6ff;color:#062a57}
.op-ending h3{font:800 24px/1.2 var(--head);margin:12px 0 8px;color:#fff}
.op-ending p{font:500 15px/1.6 var(--body);color:rgba(255,255,255,.86);margin:0 auto;max-width:520px;white-space:pre-wrap}
.op-ending .acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.op-ending .btn.ghost{background:rgba(255,255,255,.12);color:#fff}
.op-dock.op-ended .op-box,.op-dock.op-ended .rankbar{display:none}
body.op-embed #wtHeader,body.op-embed .wt-foot,body.op-embed #backBtn,body.op-embed .tabbar,body.op-embed .wt-snb,body.op-embed .wf-rv{display:none!important}
body.op-embed .op-bar{top:0}