/* HOME246: optional illustrated scenes and a separate discovery book.
   Existing registered full-body artwork; no face or costume alterations. */
#lab-entry,#discovery-book{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:linear-gradient(145deg,#fff8e5,#edf5e9);color:#273f3b;border:2px solid #d5b16a;border-radius:25px;padding:24px;box-shadow:0 24px 90px #071e2499;text-align:center}
#lab-entry::backdrop,#discovery-book::backdrop{background:#0b252bca;backdrop-filter:blur(4px)}
#lab-entry h2,#discovery-book h2{font-size:clamp(23px,4vw,32px);color:#4b347c;margin:4px 0 15px}
.discovery-crew{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:224px;margin:0 auto 15px;overflow:visible;filter:drop-shadow(0 5px 4px #24423022)}
.discovery-crew img{object-fit:contain;object-position:bottom;display:block;max-width:none}
/* Alpha bounds in coat references, as registered in WD212: ratio 25:100. */
.discovery-crew .story-dumka{height:224px;width:auto}.discovery-crew .story-kumka{height:74.5px;width:auto}
#story-dialogue p{font-size:18px;line-height:1.45;margin:10px 0;max-width:46ch;margin-inline:auto}#story-dialogue strong{color:#674298}
.story-page,#discovery-person{font-size:13px;letter-spacing:.04em;color:#557168;margin:12px 0}
.discovery-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 0}.discovery-actions .action,#discovery-play{min-height:44px;min-width:44px;border-radius:14px;background:#e6dcef;color:#4b347c;padding:10px 16px}.discovery-actions .primary,#discovery-play{background:#6650a5;color:white}#discovery-play{margin-top:16px;width:100%}.discovery-crew.small{height:140px}.discovery-crew.small .story-dumka{height:140px}.discovery-crew.small .story-kumka{height:46.56px}
#discovery-fact{font-size:20px;line-height:1.5;margin:12px 0}#discovery-joke{font-size:16px;line-height:1.5;color:#655133;padding:12px;background:#f2e7c9;border-radius:14px}#discovery-source{overflow-wrap:anywhere;font-size:12px;line-height:1.5;text-align:left}#discovery-book summary{cursor:pointer;min-height:44px;line-height:44px}#discovery-book .close{right:10px;top:10px;color:#4b347c;background:#eee6f4}.discovery-award{display:block!important;margin:12px auto!important;background:#e9defa!important;color:#4b347c!important;white-space:normal}.discovery-award[hidden]{display:none!important}
@media(max-width:700px){
 #lab-entry,#discovery-book{padding:20px 16px}.discovery-crew{height:190px}.discovery-crew .story-dumka{height:190px}.discovery-crew .story-kumka{height:63.2px}#story-dialogue p{font-size:16px}#discovery-fact{font-size:18px}.top-actions{gap:4px!important}.topbar h1{max-width:110px;font-size:16px}
 /* Make the hosts visible without overlaying the puzzle or controls. */
 .stage,.stage:has(.dense),.stage.master-stage{padding-bottom:145px!important}.character{width:112px!important;bottom:3px!important}.kumka{left:calc(50% - 120px)}.dumka{right:calc(50% - 120px)}
}
@media(max-height:650px){
 .discovery-crew{height:135px}.discovery-crew .story-dumka{height:135px}.discovery-crew .story-kumka{height:44.9px}#lab-entry,#discovery-book{padding:16px}#story-dialogue p{font-size:15px;margin:6px 0}.discovery-crew{margin-bottom:8px}
 .stage,.stage:has(.dense),.stage.master-stage{padding-bottom:90px!important}.character{width:72px!important}.kumka{left:calc(50% - 80px)}.dumka{right:calc(50% - 80px)}
}
@media(max-height:500px) and (min-width:650px){
 .stage,.stage:has(.dense),.stage.master-stage{padding:4px 75px!important}.character{width:68px!important}.kumka{left:0}.dumka{right:0}.discovery-crew{height:100px}.discovery-crew .story-dumka{height:100px}.discovery-crew .story-kumka{height:33.3px}
}
@media(prefers-reduced-motion:reduce){#lab-entry,#discovery-book{scroll-behavior:auto}}
@media(max-width:420px){.topbar .brand{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.top-actions{width:100%!important;justify-content:space-between}.topbar{padding:0 0 4px!important}}

@media(max-height:650px){#light-experiment{height:30px}}
@media(max-width:420px){.topbar .brand{width:1px!important;min-width:0!important;max-width:1px!important}}
