.play-hero{position:relative;padding:84px 0 64px;isolation:isolate;border-bottom:1px solid var(--line)}
.play-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b181df5,#1b181d96),url('assets/requiem-awakening.webp') center 45%/cover}
.play-hero h1{font-size:clamp(36px,5vw,64px);max-width:800px;margin:18px 0 22px}.play-hero p:not(.eyebrow){max-width:650px;font-size:17px}.play-status{margin-top:28px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.play-badge{display:inline-block;color:#edc68d;border:1px solid #bd975a55;background:#bd975a10;padding:6px 12px;font-size:13px}
.play-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;padding-block:64px}.play-layout h2{font-size:32px;margin-bottom:24px}.play-steps{padding:0;list-style:none;counter-reset:steps}.play-steps li{counter-increment:steps;padding:24px 0 24px 55px;border-bottom:1px solid var(--line);position:relative}.play-steps li:before{content:'0' counter(steps);position:absolute;left:0;top:25px;font:700 25px var(--serif);color:var(--gold)}.play-steps h3{font-size:23px;margin-bottom:10px}.play-steps p{font-size:16px;line-height:1.75}.play-steps a,.play-panel a:not(.button){color:var(--gold-light);text-decoration:underline;text-underline-offset:4px}.play-panel{border:1px solid var(--line);background:#241e24;padding:28px;margin-bottom:24px}.play-panel h3{margin-bottom:14px;font-size:24px}.play-panel p{margin-block:12px}.play-panel ul{padding-left:20px;color:var(--muted)}.play-panel code{font-family:Consolas,monospace;overflow-wrap:anywhere;color:#e7cc9e}.play-download{padding:25px 0;border-bottom:1px solid var(--line)}.play-download h3{font-size:24px;margin-bottom:8px}.play-download p{font-size:15px;margin-block:8px}.play-download small{display:block;color:var(--muted);font-size:13px;margin-bottom:15px}.play-download .button{margin-top:8px}.play-empty{padding:20px;border-left:2px solid var(--gold);background:#bd975a0a}.play-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.play-section{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}.play-characters{padding:0;list-style:none}.play-characters li{border-bottom:1px solid var(--line);padding:12px 0}
@media(max-width:800px){.play-layout{grid-template-columns:1fr;gap:32px;padding-block:40px}.play-hero{padding-block:45px}.play-panel{padding:20px}.play-layout h2{font-size:29px}.play-steps li{padding-left:44px}.play-toolbar .button{width:100%}}