.gameplay-section{position:relative;border-bottom:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 48%,#6d00e220,transparent 70%)}
.gameplay-section .section{padding-block:80px 72px}
.gameplay-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.gameplay-heading .eyebrow{color:var(--accent);margin-bottom:12px}
.gameplay-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:0;font-weight:900}
.gameplay-tag{flex:none;color:#c8bdd6;border:1px solid #b983ff40;background:#b983ff0a;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:1.5px}
.gameplay-screen{position:relative;aspect-ratio:16/9;width:100%;background:#08060c;box-shadow:0 24px 60px #0005;outline:1px solid #b983ff45;outline-offset:6px}
.gameplay-cover{position:absolute;inset:0;display:block;overflow:hidden;color:#fff}
.gameplay-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08060c99,transparent 45%,#08060c12);pointer-events:none}
.gameplay-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s;filter:brightness(.85)}
.gameplay-cover:hover>img{transform:scale(1.025);filter:brightness(1)}
.gameplay-play{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:750;letter-spacing:1.5px;text-shadow:0 2px 12px #000}
.gameplay-play-icon{display:grid;place-items:center;width:84px;height:84px;background:var(--primary);border:1px solid #cba0ff;box-shadow:0 0 0 8px #110b1866,0 10px 35px #0006;transition:background .2s,transform .2s}
.gameplay-play-icon svg{width:28px;height:28px;margin-left:5px;fill:currentColor}
.gameplay-cover:hover .gameplay-play-icon{background:var(--primary-hover);transform:translateY(-3px)}
.gameplay-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gameplay-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}
.gameplay-footer p{margin:0;color:#aaa8b1;font-size:15px;max-width:580px}
.gameplay-links{display:flex;align-items:center;gap:24px;flex:none}
.gameplay-join{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:14px;color:var(--accent)}
.gameplay-join:hover{color:white}
.gameplay-join svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.gameplay-youtube{font-size:13px;color:#c8bdd6;text-decoration:underline;text-underline-offset:5px}
.gameplay-youtube:hover{color:#fff}
@media(max-width:900px){.gameplay-footer{align-items:start;flex-direction:column;gap:18px}.gameplay-section .section{padding-block:65px}}
@media(max-width:640px){.gameplay-section .section{padding-block:52px}.gameplay-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:26px}.gameplay-heading h2{letter-spacing:-1px}.gameplay-tag{font-size:10px;padding:5px 9px}.gameplay-play{font-size:11px;gap:12px;letter-spacing:.8px}.gameplay-play-icon{width:56px;height:56px}.gameplay-play-icon svg{width:21px;height:21px}.gameplay-footer{margin-top:26px}.gameplay-footer p{font-size:14px}.gameplay-links{flex-wrap:wrap;gap:18px 24px}}
@media(prefers-reduced-motion:reduce){.gameplay-cover>img,.gameplay-play-icon{transition:none}.gameplay-cover:hover>img,.gameplay-cover:hover .gameplay-play-icon{transform:none}}