#hotspots .bookcaseTrigger{width:36px;height:48px;border:0;background:transparent;border-radius:3px;pointer-events:auto;cursor:pointer;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
#hotspots .bookcaseTrigger:hover,#hotspots .bookcaseTrigger:focus-visible{border:0;background:transparent;outline:none;box-shadow:none}
#hiddenRoom{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080605;color:#e6d6b3;overflow:hidden}
#hiddenRoom::backdrop{background:#000}
#hiddenRoom.preparing::backdrop{background:transparent}
#hiddenRoom video,#hiddenRoomPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Preserve the full door swing, including on tall phone screens. */
#hiddenRoom[data-stage="opening"] #hiddenRoomFilm{object-fit:contain;object-position:center;background:#080605}
#hiddenRoom [hidden]{display:none!important}
#hiddenRoom button{min-width:48px;min-height:48px;cursor:pointer;color:#efdfb8;background:#17110ee8;border:1px solid #887552;border-radius:3px;padding:10px 16px;font:16px Georgia}
#hiddenRoomControls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:0;right:0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#hiddenRoomSound{position:absolute;top:max(12px,env(safe-area-inset-top));right:16px}
#hiddenRoomDoor{position:absolute;background:transparent!important;border:1px solid transparent!important;padding:0!important}
#hiddenRoomDoor,#hiddenRoomDoor:hover,#hiddenRoomDoor:focus-visible{border-color:transparent!important;background:transparent!important;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
#hiddenRoomStatus{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 54px);left:16px;max-width:calc(100% - 52px);background:#17110edb;padding:10px}
#hiddenRoomShade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .16s}
/* Keep rendered media out of hit testing, including Safari video layers. */
#hiddenRoom{isolation:isolate;pointer-events:auto}
#hiddenRoom video,#hiddenRoomPhoto{z-index:0;pointer-events:none}
#hiddenRoomDoor{z-index:2;pointer-events:auto;touch-action:manipulation}
#hiddenRoomShade{z-index:3}
#hiddenRoomControls,#hiddenRoomSound,#hiddenRoomClose,#hiddenRoomStatus{z-index:4}
#hiddenRoomControls{pointer-events:none}
#hiddenRoomControls button,#hiddenRoomSound,#hiddenRoomClose{pointer-events:auto;touch-action:manipulation}
#hiddenRoomClose{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px}

/* Explore by dragging and leave through the doorway, without overlay controls. */
#hiddenRoom #hiddenRoomClose,#hiddenRoom #hiddenRoomSound,#hiddenRoom #clownLook{display:none!important}
/* Keep a way out if media fails to load. */
#hiddenRoom:has(#hiddenRoomStatus:not([hidden])) #hiddenRoomClose{display:block!important}

#clownPanorama{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;cursor:grab;outline:none}#clownPanorama:active{cursor:grabbing}#clownLook{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:18px;display:flex;align-items:center;gap:12px;z-index:4}#clownLook span{font:11px system-ui;color:#e6d6b3;text-shadow:0 2px 4px black}#clownExit{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:4}#hiddenRoom button{touch-action:manipulation}

#hiddenRoom #clownExit{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:transparent;pointer-events:none;min-width:44px;min-height:44px}
.glovebox-inspection .film-key{left:50%;top:59%;width:13%;height:22%;min-width:56px;min-height:56px;touch-action:manipulation;z-index:2}
.glovebox-inspection .glovebox-hint{position:absolute;left:16px;right:16px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px));text-align:center;color:#e6d6b3;text-shadow:0 2px 4px #000;pointer-events:none}
.glovebox-inspection .object-back{bottom:max(18px,env(safe-area-inset-bottom));touch-action:manipulation}
