#story-screen[data-mode=chapter-complete]{background:#060c20 url('mediterranean-opening.webp') center/cover no-repeat;padding-block:clamp(24px,5vh,64px)}
#story-screen[data-mode=chapter-complete]::before{background:linear-gradient(#040819df,#080c20f0)}
#story-screen[data-mode=chapter-complete] .story-content{max-width:800px}
#story-screen[data-mode=chapter-complete] #story-title{color:#f4d474;letter-spacing:0;line-height:1.3;font-weight:400;text-shadow:3px 3px #000}
#story-screen[data-mode=chapter-complete] #story-theme{font-style:normal;color:#ddb5eb}
#chapter-preorder{width:100%;max-width:640px;padding:24px;border:1px solid #745581;background:#100a18e8;box-sizing:border-box}
#chapter-preorder h2{font-size:24px;line-height:1.35;margin:0 0 12px}
#chapter-preorder p{font-size:16px;line-height:1.6;margin:0 0 18px;text-wrap:pretty}
#chapter-buy{display:inline-block;max-width:100%;padding:14px 20px;border:2px solid #ffe3a1;background:#e6b955;color:#171022;text-decoration:none;font:400 20px/1.4 var(--pixel-font);text-wrap:balance}
#chapter-buy:focus-visible{outline:2px solid #fff0c0;outline-offset:4px}
#chapter-buy[aria-disabled=true]{background:#282036;border-color:#745581;color:#b9a6c2;cursor:default;pointer-events:none}
#chapter-preorder #chapter-purchase-status{margin:12px 0 0;font-size:14px;color:#d3c1dd}
#chapter-preorder .chapter-purchase-note{font-size:14px;color:#c6b8ce}
#story-screen[data-mode=chapter-complete] #story-actions button{background:transparent;border-color:#745581;color:#e9c8f2;font-weight:400}
@media(max-width:600px){#chapter-preorder{padding:18px}#chapter-buy{font-size:18px;width:100%}#chapter-preorder h2{font-size:22px}}