.gameplay-showcase{background:radial-gradient(circle at 15% 8%,rgba(255,201,74,.18),transparent 28%),radial-gradient(circle at 88% 38%,rgba(91,224,255,.18),transparent 30%),linear-gradient(180deg,#172746,#0e1a32)}
.gameplay-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;align-items:end;margin-bottom:42px}.gameplay-head .eyebrow{grid-column:1/-1;margin-bottom:-10px}.gameplay-head h2{font:650 clamp(38px,5.7vw,74px)/1.02 var(--serif);margin:0;color:#fff2c5}.gameplay-head>p:last-child{margin:0;color:#d5e2ef;font-size:17px}
.game-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:13px}.gallery-item{position:relative;padding:0;border:1px solid rgba(102,223,255,.38);background:#071021;overflow:hidden;cursor:pointer;box-shadow:0 13px 35px #06102088}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.gallery-item:hover img{transform:scale(1.055);filter:brightness(1.12)}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:30px 15px 13px;background:linear-gradient(transparent,rgba(3,8,19,.94));color:white;text-align:left;font:600 13px var(--serif);letter-spacing:.03em}.gallery-item:focus-visible{outline:3px solid #c9ff43;outline-offset:2px}
.image-lightbox[hidden]{display:none}.image-lightbox{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:25px}.lightbox-backdrop{position:absolute;inset:0;background:#02050bef;backdrop-filter:blur(10px)}.image-lightbox figure{position:relative;z-index:1;margin:0;max-width:min(1200px,96vw);max-height:92vh}.image-lightbox img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border:1px solid #9eefff;box-shadow:0 0 48px rgba(88,231,255,.25)}.image-lightbox figcaption{padding:12px;color:#f5edda;text-align:center;font:600 14px var(--serif)}.image-lightbox button{position:absolute;z-index:2;right:8px;top:5px;width:40px;height:40px;border:1px solid white;background:#08101dcc;color:white;font-size:28px;cursor:pointer}
@media(max-width:900px){.game-gallery{grid-template-columns:repeat(2,1fr)}.gameplay-head{grid-template-columns:1fr;gap:17px}.gameplay-head .eyebrow{grid-column:auto;margin-bottom:0}}
@media(max-width:560px){.game-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-item.wide{grid-column:span 1}.gallery-item.tall{grid-row:span 1}.gameplay-head>p:last-child{font-size:15px}}