/* Gameplay galleries and a separate, full-size photo dialog. */
.game-gallery{margin:32px 0 24px;min-width:0;border-top:1px solid #5a6453;padding-top:24px}
.gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.gallery-heading h3{margin:0}.gallery-heading>span{font-size:12px;color:#b9c2ad}
.gallery-stage{display:block;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#10170f;border:1px solid #637356;border-radius:10px;padding:0;cursor:zoom-in;touch-action:pan-y}
.gallery-stage>img{display:block;width:100%;height:100%;object-fit:contain}.enlarge-symbol{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#192018e6;color:#f5eaca;font-size:27px;border:1px solid #e1e9d388}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:12px 0}.gallery-arrow{width:44px;height:44px;border:1px solid #69775a;border-radius:50%;background:#35442d;color:#f5eaca;font-size:23px;cursor:pointer}.gallery-arrow:hover{background:#566e3e}.gallery-controls>span{font-size:13px;font-variant-numeric:tabular-nums;min-width:45px;text-align:center;color:#e5eacc}
.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:4px 2px 10px;scrollbar-width:thin;scrollbar-color:#7f9566 transparent}.gallery-thumbnails button{flex:0 0 108px;border:2px solid transparent;padding:2px;background:#202b1c;border-radius:6px;cursor:pointer;opacity:.55}.gallery-thumbnails button[aria-current=true]{border-color:#e4d565;opacity:1}.gallery-thumbnails button:hover{opacity:1}.gallery-thumbnails img{display:block;width:100%;height:61px;object-fit:cover;border-radius:3px}.gallery-pending p{color:#b9c2ad}
#image-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(96vw,1800px);max-width:96vw;height:min(94dvh,1200px);max-height:94dvh;background:#0c110beF;border:1px solid #5b6950;border-radius:14px;padding:56px 58px 38px;overflow:hidden;color:#eeeeda;box-shadow:0 24px 100px #000b}
#image-dialog::backdrop{background:#050905e8;backdrop-filter:blur(5px)}.image-canvas{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;touch-action:pan-y}.image-canvas img{display:block;max-width:100%;min-height:0;max-height:calc(100% - 32px);object-fit:contain;flex:0 1 auto}.image-canvas figcaption{font-size:12px;line-height:18px;color:#b9c2ad;text-align:center}.image-prev,.image-next{position:absolute;top:50%;transform:translateY(-50%);background:#1c281ce6}.image-prev{left:8px}.image-next{right:8px}#image-close{position:absolute;top:8px;right:12px;z-index:2;border:1px solid #657457;border-radius:50%;width:40px;height:40px;background:#1c281c;color:#f5eaca;font-size:27px;cursor:pointer}.gallery-stage:focus-visible,.gallery-arrow:focus-visible,.gallery-thumbnails button:focus-visible,#image-close:focus-visible{outline:3px solid #e4d565;outline-offset:3px}
@media(max-width:600px){.gallery-heading{align-items:start;flex-direction:column;gap:4px}.game-gallery{margin-top:24px}.gallery-thumbnails button{flex-basis:85px}.gallery-thumbnails img{height:47px}#image-dialog{width:98vw;max-width:98vw;height:90dvh;padding:58px 5px 74px}.image-prev,.image-next{top:auto;bottom:10px;transform:none}.image-prev{left:calc(50% - 58px)}.image-next{right:calc(50% - 58px)}.image-canvas figcaption{padding:0 10px}}

/* Screenshot information stays compact. Only the lightbox shows a large image. */
.thumbnail-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center}
.gallery-thumbnails{position:relative;scroll-snap-type:x proximity;padding:6px 3px 12px;gap:12px;scroll-behavior:smooth}
.gallery-thumbnails button{position:relative;flex:0 0 160px;scroll-snap-align:center;opacity:1;cursor:zoom-in;border-color:#516144;background:#10170f}
.gallery-thumbnails img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.gallery-thumbnails button[aria-current=true]{border-color:var(--yellow)}
.thumb-zoom{position:absolute;right:5px;bottom:5px;background:#10170fe6;border-radius:3px;color:#fff;font-size:17px;line-height:22px;width:24px}
.gallery-controls{margin:3px 0 0}.gallery-heading>span{line-height:1.6}
@media(max-width:600px){.thumbnail-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.thumbnail-carousel>.gallery-arrow{width:34px;height:40px}.gallery-thumbnails button{flex-basis:125px}.gallery-thumbnails img{height:auto}.gallery-thumbnails{gap:8px}}
@media(prefers-reduced-motion:reduce){.gallery-thumbnails{scroll-behavior:auto}}