@import url("https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap");
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:"ABeeZee",Arial,sans-serif}.bay{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.bay-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.mystery-hotspot,.process-hotspot{position:absolute;left:var(--x);top:var(--y);z-index:12;width:clamp(31px,2.7vw,43px);aspect-ratio:1;display:grid;place-items:center;border:2px solid #ead59c;border-radius:50%;color:#fff;background:linear-gradient(145deg,#a88436 0%,#806226 58%,#5e4518 100%);box-shadow:0 3px 8px rgba(0,0,0,.76),inset 0 1px 2px rgba(255,240,185,.34);font:700 clamp(.72rem,1vw,.9rem)/1 "ABeeZee",Arial,sans-serif;cursor:pointer;transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}.mystery-hotspot:hover,.mystery-hotspot:focus-visible,.process-hotspot:hover,.process-hotspot:focus-visible{z-index:13;transform:translate(-50%,-50%) scale(1.1);border-color:#f0d99b;box-shadow:0 4px 12px rgba(0,0,0,.82),0 0 0 3px rgba(190,151,63,.28),0 0 13px rgba(213,174,83,.42)}.hotspot-label{position:absolute;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:240px;padding:7px 10px;border-radius:7px;color:#fff;background:rgba(24,16,9,.94);border:1px solid #d5b66c;box-shadow:0 4px 12px rgba(0,0,0,.45);font:400 .78rem/1.25 "ABeeZee",Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:.18s}.process-hotspot:hover .hotspot-label,.process-hotspot:focus-visible .hotspot-label{opacity:1;visibility:visible;transform:translate(-50%,0)}.tooltip-below .hotspot-label{bottom:auto;top:calc(100% + 8px)}
.resource-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;visibility:hidden;pointer-events:none}.resource-layer.open,.resource-layer.closing{visibility:visible}.resource-layer.open{pointer-events:auto}.resource-layer.closing{pointer-events:none}.resource-backdrop{position:absolute;inset:0;border:0;background:rgba(4,8,11,0);backdrop-filter:blur(0);cursor:default;transition:background .55s ease,backdrop-filter .55s ease}.resource-layer.open .resource-backdrop{background:rgba(4,8,11,.68);backdrop-filter:blur(2px)}.museum-board{position:relative;z-index:2;width:min(90vw,1040px);height:min(86vh,760px);padding:clamp(14px,1.5vw,22px);border:clamp(9px,1vw,14px) solid #4b2917;border-radius:20px;background:linear-gradient(100deg,rgba(255,255,255,.1),transparent 20%,rgba(0,0,0,.17) 56%,transparent 78%),repeating-linear-gradient(8deg,#6b3b20 0 9px,#754426 9px 18px,#5d321c 18px 27px);box-shadow:0 28px 58px rgba(0,0,0,.76),inset 0 0 0 3px rgba(225,184,102,.58);opacity:0;transform:translateY(105vh) scale(.96);transition:transform 1.15s cubic-bezier(.16,.76,.18,1),opacity .55s ease}.resource-layer.open .museum-board{opacity:1;transform:translateY(0) scale(1)}.board-inner{position:relative;width:100%;height:100%;overflow:hidden;border:2px solid rgba(234,211,157,.8);border-radius:10px;background:#080b0d}.close-board{position:absolute;top:10px;right:10px;z-index:50;width:48px;aspect-ratio:1;border:2px solid #fff;border-radius:50%;color:#fff;background:#17191d;box-shadow:0 5px 14px rgba(0,0,0,.72);font:400 2rem/1 Arial,sans-serif;cursor:pointer}.page-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#111;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}.resource-layer.revealed .page-frame{opacity:1;visibility:visible;pointer-events:auto}.exit-button,.back-link{position:fixed;top:clamp(14px,2vw,28px);left:clamp(14px,2vw,28px);z-index:50;border:0;cursor:pointer}.exit-button{width:clamp(70px,7vw,92px);padding:0;background:transparent}.exit-button img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.72))}.back-link{width:58px;height:58px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:rgba(72,48,24,.94);font:700 2rem/1 Arial,sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.6)}.model-button{position:absolute;left:50%;bottom:4.2%;z-index:15;transform:translateX(-50%);padding:10px 22px;border:2px solid #d6b26a;border-radius:8px;color:#fff;background:rgba(92,55,28,.95);box-shadow:0 3px 8px rgba(0,0,0,.45);font:700 clamp(.8rem,1.1vw,1rem)/1 "ABeeZee",Arial,sans-serif;text-decoration:none}.model-button:hover,.model-button:focus-visible{transform:translateX(-50%) scale(1.04)}@media(max-width:720px),(max-height:600px){.museum-board{width:94vw;height:92vh;padding:10px}.mystery-hotspot,.process-hotspot{width:30px}.hotspot-label{display:none}}

.mystery-cover{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:grid;place-items:center;border:0;padding:0;color:#f3d58d;cursor:pointer;opacity:0;visibility:hidden;transform:scale(.97);background:radial-gradient(ellipse at center,rgba(54,17,6,.72) 0%,rgba(25,9,4,.94) 52%,#050505 80%);transition:opacity .72s ease .35s,transform .72s ease .35s,visibility 0s linear .35s}.resource-layer.open .mystery-cover{opacity:1;visibility:visible;transform:scale(1)}.mystery-cover::before,.mystery-cover::after{content:"";position:absolute;inset:10%;border-radius:50%;pointer-events:none}.mystery-cover::before{border:5px solid rgba(238,171,58,.92);box-shadow:0 0 16px rgba(255,111,0,.94),0 0 38px rgba(255,74,0,.76),inset 0 0 25px rgba(255,80,0,.38);animation:mysteryPulse 2.05s ease-in-out infinite}.mystery-cover::after{inset:15%;background:rgba(255,91,0,.10);box-shadow:0 0 30px rgba(255,79,0,.72);animation:mysteryInnerGlow 2.05s ease-in-out infinite}.question-mark{position:relative;z-index:2;font:700 clamp(7rem,12vw,11rem)/1 "ABeeZee",Arial,sans-serif;color:#f5d28b;text-shadow:0 0 12px rgba(255,171,45,.88),0 0 30px rgba(255,84,0,.72);animation:questionBreathe 2.05s ease-in-out infinite}@keyframes mysteryPulse{0%,100%{transform:scale(.90);opacity:.48}50%{transform:scale(1.12);opacity:1}}@keyframes mysteryInnerGlow{0%,100%{transform:scale(.88);opacity:.28}50%{transform:scale(1.20);opacity:.72}}@keyframes questionBreathe{0%,100%{transform:scale(.94);opacity:.70}50%{transform:scale(1.06);opacity:1}}.resource-layer.revealed .mystery-cover{opacity:0;visibility:hidden;transform:scale(.94);transition:opacity .58s ease,transform .58s ease,visibility 0s linear .58s}