.mystery-gallery{margin-top:32px}
.mystery-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.mystery-gallery-heading h3{font-size:26px;color:#ffe39c;margin:0 0 8px}
.mystery-gallery-heading p{margin:0;color:#d2cfda;line-height:1.6}
.mystery-gallery-play{min-height:44px;padding:12px 20px;border:1px solid #e5c879;border-radius:6px;background:#dfc184;color:#17130b;font-weight:700;cursor:pointer}
.mystery-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mystery-gallery-photo{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#111118;border:1px solid #ffffff35;border-radius:8px}
.mystery-gallery-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
.mystery-gallery-photo:hover img{transform:scale(1.04)}
.mystery-gallery-photo:focus-visible,.mystery-gallery-play:focus-visible{outline:3px solid #d8f3ba;outline-offset:3px}
.mystery-gallery-photo::after{content:'↗';position:absolute;right:8px;bottom:8px;border-radius:50%;background:#000b;color:#fff;width:26px;height:26px;text-align:center;line-height:26px}
.mystery-gallery-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:#09090ef5;color:#fff;overflow:hidden;box-sizing:border-box}
.mystery-gallery-viewer::backdrop{background:#000d}
.mystery-gallery-viewer[open]{display:flex;flex-direction:column;gap:12px}
.mystery-viewer-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0}
.mystery-viewer-count{margin-right:auto;font-size:15px}
.mystery-gallery-viewer button{min-width:44px;min-height:44px;border:1px solid #ffffff60;border-radius:6px;background:#24242c;color:#fff;padding:10px 14px;cursor:pointer;font-size:16px}
.mystery-gallery-viewer button:focus-visible{outline:3px solid #d8f3ba;outline-offset:2px}
.mystery-viewer-stage{display:flex;align-items:center;justify-content:center;gap:16px;flex:1;min-height:0;touch-action:pan-y}
.mystery-viewer-stage img{display:block;width:calc(100% - 140px);height:100%;min-width:0;object-fit:contain}
.mystery-viewer-caption{text-align:center;line-height:1.5;min-height:24px;margin:0;font-size:14px;color:#ddd;flex-shrink:0}
@media(max-width:1000px){.mystery-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.mystery-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mystery-gallery-viewer{padding:10px}.mystery-viewer-stage{position:relative;gap:0}.mystery-viewer-stage img{width:100%;padding-bottom:58px}.mystery-viewer-stage button{position:absolute;bottom:0}.mystery-viewer-prev{left:20%}.mystery-viewer-next{right:20%}.mystery-viewer-toolbar{gap:8px}.mystery-gallery-viewer button{padding:10px}}
@media(prefers-reduced-motion:reduce){.mystery-gallery-photo img{transition:none}}