.arena-preview{padding:44px 0;color:#fff0cf;scroll-margin-top:24px;border-bottom:1px solid #b8915333;background:linear-gradient(180deg,#0a1b29,#06131f)}
.arena-preview>.section-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:40px;row-gap:22px;align-content:center;padding:32px;border:1px solid #b891534d;border-radius:22px;background:radial-gradient(ellipse at 85% 20%,#4a3d6829,transparent 65%),linear-gradient(135deg,#102735,#081822);box-shadow:0 18px 48px #0002;box-sizing:border-box}
.arena-preview-heading{align-self:end;min-width:0}.arena-preview-eyebrow{display:flex;align-items:center;gap:9px;margin:0;color:#daba80;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.17em}.arena-preview-eyebrow::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#8beade;box-shadow:0 0 12px #8beade88}.arena-preview h2{max-width:440px;margin:14px 0 0;font:700 clamp(30px,3vw,43px)/1.1 Georgia,serif;letter-spacing:-.025em}.arena-preview-heading>p{max-width:430px;margin:18px 0 0;color:#bfd2dc;font:14px/1.75 Arial,sans-serif}
.arena-preview-scene{position:relative;grid-column:2;grid-row:1/3;align-self:center;display:block;min-width:0;overflow:hidden;border:1px solid #c79e6688;border-radius:14px;background:#071522;isolation:isolate;box-shadow:0 14px 30px #0005}.arena-preview-scene>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}.arena-preview-scene::after{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(180deg,#03111c22,transparent 40%,#03111cd9)}.arena-preview-scene:hover>img{transform:scale(1.025)}
.arena-preview-badge{position:absolute;top:15px;left:15px;z-index:1;border:1px solid #e3bd7455;border-radius:5px;padding:7px 9px;background:#061725d9;color:#f4ce8c;font:700 8px/1.4 Arial,sans-serif;letter-spacing:.12em}.arena-preview-invite{position:absolute;bottom:18px;left:19px;right:19px;z-index:1;display:grid;grid-template-columns:1fr 38px;gap:3px 14px;align-items:center}.arena-preview-play{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:1px solid #f0c68099;border-radius:50%;background:#0a2636d9;color:#ffdaa1;font:24px Georgia,serif;transition:background .2s}.arena-preview-scene:hover .arena-preview-play{background:#244753}.arena-preview-invite strong{color:#fff0cf;font:700 20px/1.2 Georgia,serif}.arena-preview-invite small{color:#bad6dc;font:11px/1.5 Arial,sans-serif}
.arena-preview-bottom{align-self:start;display:flex;align-items:start;flex-direction:column-reverse;gap:14px;min-width:0}.arena-preview-bottom p{max-width:360px;margin:0;color:#92aeb9;font:12px/1.6 Arial,sans-serif}.arena-preview-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:11px 19px;border:1px solid #edca87;border-radius:8px;background:linear-gradient(135deg,#f0d19a,#c88c46);color:#102232;font:700 14px/1.3 Georgia,serif;box-sizing:border-box}.arena-preview-button:hover{background:#ffe1a8}.arena-preview a:focus-visible{outline:3px solid #8beade;outline-offset:5px}
@media(min-width:1191px) and (max-width:1460px){.masthead .desktop-nav{gap:6px}.masthead .desktop-nav a{padding-inline:10px;font-size:10px}.masthead .site-header{gap:14px}}
@media(max-width:1100px){.arena-preview>.section-shell{column-gap:26px;padding:26px}.arena-preview h2{font-size:35px}.arena-preview-heading>p{margin-top:14px;font-size:13px}.arena-preview-invite strong{font-size:18px}}
@media(max-width:850px){.arena-preview{padding:32px 0}.arena-preview>.section-shell{grid-template-columns:minmax(0,1fr);row-gap:22px;max-width:680px}.arena-preview-heading>p{max-width:540px}.arena-preview-scene{grid-column:1;grid-row:auto}.arena-preview-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.arena-preview-bottom p{max-width:240px}.arena-preview-button{flex:none}}
@media(max-width:500px){.arena-preview{padding:24px 0}.arena-preview>.section-shell{padding:20px;row-gap:20px;border-radius:16px}.arena-preview h2{font-size:31px;margin-top:12px}.arena-preview-heading>p{font-size:13px;line-height:1.65}.arena-preview-scene{border-radius:10px}.arena-preview-badge{top:10px;left:10px;padding:5px 7px;font-size:7px;letter-spacing:.08em}.arena-preview-invite{bottom:12px;left:12px;right:12px;grid-template-columns:1fr 30px;gap:2px 8px}.arena-preview-play{width:30px;height:30px;font-size:20px}.arena-preview-invite strong{font-size:16px}.arena-preview-invite small{font-size:10px}.arena-preview-bottom{flex-direction:column-reverse;align-items:stretch;gap:12px}.arena-preview-bottom p{max-width:none;text-align:center;font-size:11px}.arena-preview-button{width:100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){.arena-preview-scene>img,.arena-preview-play{transition:none}.arena-preview-scene:hover>img{transform:none}}