.choice-context,.focus-clue{background:#f1ead8;padding:14px 18px;border-radius:14px;line-height:1.8;font-size:14px}.focus-clue{border-inline-start:4px solid var(--accent)}#guided-dialogue{display:grid;gap:16px;margin-block:18px}.discovery-places .answer-card{min-height:180px;border:2px solid var(--line);box-shadow:var(--shadow)}.discovery-places .answer-card:hover{border-color:var(--primary)}.detail-scene{position:relative;max-width:600px}.hotspot{position:absolute;transform:translate(-50%,-50%);border:3px solid var(--primary);border-radius:50%;background:#fffdf0;min-width:44px}.environment-image{width:100%;height:100%}.image-fallback{height:100%;min-height:120px}.investigation-body{min-width:0}.answer-card{overflow-wrap:anywhere}.item-card .item-art{height:190px}.score{direction:rtl}.hero-art{overflow:clip}.reveal-copy .primary{max-width:100%}@media(max-width:700px){.discovery-places{grid-template-columns:1fr}.discovery-places .answer-card{min-height:110px}.dialogue p{min-width:0}.investigation-top{flex-wrap:wrap}.reveal-art{min-width:0}.hero h1{font-size:clamp(38px,12vw,53px)}}

/* Overlay shares the image's object-fit:contain coordinate space. */
.clue-highlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.clue-highlight ellipse{fill:none;stroke:#ffe0a0;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #a86b30);animation:opening-glow 2.8s ease-in-out infinite}
.investigation-image:has(img[hidden]) .clue-highlight{display:none}
@keyframes opening-glow{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.clue-highlight ellipse{animation:none;opacity:.85}}

/* Data-driven pattern choices stay usable while the image is pending. */
.detail-scene .image-wrap{display:block;width:100%;height:240px}.detail-options .answer-card{display:grid;justify-items:center;gap:8px;min-width:0}.detail-symbol{font-size:40px;line-height:1.2}.detail-options{margin-top:16px}