.detective-view{background:#fff9ea;border:2px solid #e6dbbf;border-radius:26px;padding:18px;position:relative;overflow:hidden}.detective-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.detective-heading small{color:#647c78;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detective-heading h3{font-size:clamp(20px,2.6vw,28px);line-height:1.25;margin:8px 0 14px;color:#345b68;max-width:650px}.detective-reference{flex:0 0 66px;width:66px;height:72px;background:#fff;border-radius:13px;border:1px solid #dcccad}.detective-reference svg{width:100%;height:100%}.detective-intro{text-align:center;height:125px;margin-bottom:12px}.detective-intro svg{height:100%;max-width:100%}.detective-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detective-option{background:linear-gradient(#f6faf1,#f5edd9);border:2px solid #ddcfaf;border-radius:20px;min-width:0;min-height:110px;padding:0;overflow:hidden;touch-action:manipulation;position:relative;cursor:pointer;box-shadow:0 4px 0 #e5d8b9}.detective-option svg{width:100%;height:100%;max-height:235px;display:block}.detective-option.discovered{border-color:#388a79;box-shadow:0 0 0 3px #a8d7b8}.detective-option.discovered:after{content:'✓';position:absolute;right:8px;top:8px;color:white;background:#388a79;width:29px;height:29px;border-radius:50%;font-weight:bold;line-height:29px}.detective-option:focus-visible{outline:4px solid #da9c43;outline-offset:2px}.detective-footer{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.detective-footer button{min-height:44px;background:#fff5d9;border:1px solid #d9caa7;color:#345b68;border-radius:14px;padding:8px 13px;font-size:15px}.detective-footer p{flex:1 1 180px;margin:2px 8px;line-height:1.45;font-size:16px;color:#345b68}.whole-scene{display:block;position:relative;aspect-ratio:720/300;background:#eaf2e2;border-radius:18px}.whole-picture{width:100%;height:100%}.whole-picture svg{width:100%;height:100%}.whole-scene .hotspot{position:absolute;background:transparent;border:2px solid transparent;box-shadow:none;min-height:0;border-radius:15px}.whole-scene .hotspot.discovered{border-color:#388a79;background:#a8d7b828}.detective-mode #speak{display:none}.detective-hide-target #menu-current,.detective-hide-target #menu-selection{visibility:hidden}@media(min-width:1000px){.detective-options:not(.whole-scene){grid-template-columns:repeat(4,minmax(0,1fr))}.detective-options:not(.whole-scene):has(>button:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.detective-view{padding:10px}.detective-options{gap:9px}.detective-heading h3{font-size:19px}.detective-intro{height:95px}.detective-option svg{max-height:190px}}
.detective-room-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:18px;background:#e7efe0;color:#345b68;text-decoration:none;font-weight:800;gap:8px}.room-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 16px;padding:12px 16px;background:#f5edd9;border-radius:20px}.room-toolbar strong{color:#345b68;flex:1}.room-toolbar a{color:#345b68}.room-toolbar button{font:inherit;font-weight:700;min-height:44px;padding:8px 14px;border-radius:14px;border:1px solid #c6c7ac;background:#fff9e9;color:#345b68}.detective-room #adventure-home,.detective-room .mode-tabs,.detective-room .lesson-picker,.detective-room .lesson-footer,.detective-room [data-menu-activity],.detective-room #tools-toggle,.detective-room #practice-play{display:none!important}.detective-room #menu-actions{display:none!important}.detective-room #room-teacher{background:#345b68;color:#fff}.detective-room.teacher-live #room-teacher{display:none}.detective-room .detective-room-link{display:none}

.storybook-scene .whole-picture img{display:block;width:100%;height:auto;border-radius:20px;}
.storybook-scene .hotspot{border:3px solid transparent!important;background:transparent!important;box-shadow:none!important;border-radius:28%;}
.storybook-scene .hotspot:hover{background:rgba(255,255,255,.06)!important;}
.storybook-scene .hotspot:focus-visible{outline:4px solid #006f86;outline-offset:2px;}
.storybook-scene .hotspot.discovered{border-color:#147d4f!important;background:rgba(220,255,220,.10)!important;}
.storybook-scene .hotspot.discovered::after{content:"✓";position:absolute;right:3%;bottom:5%;background:#fff;color:#12683b;border:2px solid #12683b;border-radius:50%;width:32px;height:32px;font-size:24px;font-weight:bold;}
.storybook-scene{aspect-ratio:3/2;}
.storybook-scene .whole-picture{height:auto;}
.storybook-scene .hotspot.discovered::after{top:auto;}