.lumoo-clue-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,150px)); gap:10px; margin:16px 0; }
.lumoo-clue-gallery a { position:relative; display:grid; place-items:center; min-width:0; aspect-ratio:4/3; overflow:hidden; border:1px solid #eee1d7; border-radius:13px; background:#faf4ef; color:#85766d; font:inherit; font-size:12px; text-align:center; text-decoration:none; cursor:zoom-in; }
.lumoo-clue-gallery img { width:100%; height:100%; object-fit:contain; }
.lumoo-clue-gallery a:focus-visible,.lumoo-clue-viewer button:focus-visible { outline:3px solid #f25564; outline-offset:3px; }
.lumoo-clue-viewer { box-sizing:border-box; width:min(880px,92vw); max-height:90vh; padding:16px; border:1px solid #eee1d7; border-radius:20px; background:#fffdfa; color:#39231f; }
.lumoo-clue-viewer::backdrop { background:rgba(44,41,40,.65); }
.lumoo-clue-viewer button { display:block; min-height:40px; margin:0 0 12px auto; padding:6px 18px; border:1px solid #fac8ce; border-radius:999px; background:#fff0f2; color:#a52b40; font:inherit; cursor:pointer; }
.lumoo-clue-viewer img { display:block; width:100%; max-height:72vh; object-fit:contain; }
@media(max-width:480px) { .lumoo-clue-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }