.picture-page{max-width:1100px;margin:30px auto 50px}.picture-page h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;margin:12px 0}.picture-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 16px}.picture-toolbar button,.picture-toolbar select{padding:12px 16px}.picture-page #picture-info{font-size:15px;line-height:1.6}.picture-page #picture-status{min-height:3em;line-height:1.6;font-weight:600;color:#65447c}.picture-page .about{margin-top:25px}.picture-page .hint{font-size:14px}.spot-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.spot-pair h3{font-size:15px;margin:8px 0 10px}.spot-picture{width:100%;display:block;height:auto;touch-action:manipulation;border:1px solid #d5d5c8;border-radius:13px;background:#d7e8e3}.spot-object{cursor:crosshair;outline:none}.spot-object .found-ring{display:none;pointer-events:none}.spot-object.is-found .found-ring{display:block}.spot-object:focus-visible>rect:first-child{stroke:#282327;stroke-width:3;stroke-dasharray:5 3}.spot-enlarged{grid-template-columns:1fr;max-width:800px;margin:auto}#scene-name{font:italic 22px Georgia,serif;color:#766070}.memory-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:820px;margin:22px auto}.memory-card{position:relative;aspect-ratio:1;border:2px solid #8a729e;border-radius:14px;background:#d8c7e7;color:#73578f;padding:12%;display:grid;place-items:center;touch-action:manipulation;min-width:0}.memory-card>span{font-size:clamp(24px,5vw,48px)}.memory-card:hover{background:#e6d9ee;transform:none}.memory-card.face-up{background:#fffaf0;border-color:#d8c5a4}.memory-card svg{width:100%;height:100%;display:block}.memory-card.matched{background:#e8eedf;border-color:#8da884;opacity:1}.memory-card.matched:after{content:'✓';position:absolute;right:5px;top:2px;font-size:14px;color:#47664b}.memory-card:focus-visible{outline:3px solid #b25e41;outline-offset:3px}.picture-next{margin:14px 0}.picture-page button[hidden]{display:none}.picture-art-preview{display:flex;gap:10px}.picture-art-preview svg{width:75px;height:85px}.memory-preview svg:nth-child(2){transform:rotate(12deg)}.spot-preview{display:block;width:90%;height:120px;background:#e3e9d2;border:2px solid #6f896b;border-radius:12px;position:relative;overflow:hidden}.spot-preview:before{content:'';position:absolute;width:48px;height:48px;background:#efc662;border-radius:50%;left:15px;top:10px}.spot-preview:after{content:'';position:absolute;width:75px;height:75px;background:#789c7e;transform:rotate(45deg);left:95px;top:60px}
@media(max-width:800px){.spot-pair{grid-template-columns:1fr;gap:15px;max-width:600px;margin:auto}.memory-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.picture-toolbar{gap:7px}.picture-toolbar button,.picture-toolbar select{font-size:14px;padding:11px}.picture-page h1{font-size:38px}.memory-card{border-radius:10px;padding:10%}}@media(prefers-reduced-motion:no-preference){.memory-card{transition:background .15s,border-color .15s}}
@media(min-width:801px){.memory-board[data-pairs="8"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:620px}.memory-board[data-pairs="10"]{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-board[data-pairs="16"]{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:800px){#picture-zoom{display:none}}

/* The game menu previews the same expedition artwork used in the puzzles. */
.explorer-theme .spot-preview{background:#cfb889 url('/images/expedition-scenes-atlas.png') 0 0 / 200% 304% no-repeat;border-color:#94703f;border-radius:3px}.explorer-theme .spot-preview:before,.explorer-theme .spot-preview:after{display:none}