.station-atlas{--atlas-blue:#83bfc9;--atlas-gold:#e9ba80}.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.atlas-heading h2{font-size:38px;font-weight:400;letter-spacing:-.05em;margin:10px 0}.atlas-heading p{font-size:12px;color:#9eb8c3;margin:0;line-height:1.6}.atlas-total{display:grid;gap:7px;text-align:right;flex-shrink:0}.atlas-total strong{font-size:38px;font-weight:300;color:var(--atlas-gold);letter-spacing:-.06em}.atlas-total small,.atlas-total span{font-size:8px;letter-spacing:.1em;color:#9dbac1}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px}.atlas-chart{position:relative;overflow:hidden;background:radial-gradient(ellipse at 46% 44%,#274c5b55,#06151f 72%);border:1px solid #81a4b228;min-width:0}.atlas-svg{display:block;width:100%;min-height:350px;position:relative;z-index:1}.atlas-telemetry,.atlas-controls{display:flex;justify-content:space-between;gap:10px;padding:15px 16px;font-size:7px;letter-spacing:.1em;color:#7aa5b3;position:relative;z-index:2}.atlas-telemetry span:first-child{color:#a4cdb3}.atlas-controls{align-items:center;border-top:1px solid #80a6b321}.atlas-controls>span{margin-right:auto;font-size:6px}.atlas-controls button{border:1px solid #8ab5be38;background:#1b39464d;color:#c1d6d6;width:26px;height:25px;cursor:pointer}.atlas-reticle{position:absolute;width:80%;aspect-ratio:1;top:5%;left:10%;border:1px solid #82bbc817;border-radius:50%;background:conic-gradient(from 0deg,transparent 80%,#7fc9d912);animation:atlas-sweep 20s linear infinite}.atlas-reticle:after{content:'';position:absolute;inset:18%;border:1px dashed #92b7c01c;border-radius:50%}.atlas-spine{fill:none;stroke:url(#atlasRoute);stroke-width:1;opacity:.35}.atlas-flow{fill:none;stroke:#9ad1d6;stroke-width:2;stroke-dasharray:4 100;animation:atlas-transit 8s linear infinite}.atlas-deck{cursor:pointer;outline:none}.atlas-under{fill:#0c202c;stroke:#648896;stroke-width:1}.atlas-hull{fill:#1c3c4b;fill-opacity:.85;stroke:var(--deck-color);stroke-width:1.5;transition:fill .2s,filter .2s}.atlas-grid{fill:none;stroke:#81aab445;stroke-width:.7}.atlas-feature{fill:#83c1c51a;stroke:var(--deck-color);stroke-width:1.2}.atlas-equipment{fill:#91babc40;stroke:#b1c7b5;stroke-width:1}.atlas-door{fill:none;stroke:var(--atlas-gold);stroke-width:3}.atlas-deck:hover .atlas-hull,.atlas-deck:focus .atlas-hull,.atlas-deck.selected .atlas-hull{fill:#2c5969;filter:drop-shadow(0 0 7px #91c4d04d);stroke-width:2.5}.atlas-pin>circle{fill:#0a202b;stroke:#446774;stroke-width:1}.atlas-pin .atlas-progress{fill:none;stroke:var(--deck-color);stroke-width:3;transform:rotate(-90deg);stroke-dasharray:0 100}.atlas-pin text{fill:#d9e6df;font:11px 'Segoe UI',sans-serif}.atlas-name>text{fill:#cbdcd7;font:10px 'Segoe UI',sans-serif;letter-spacing:.8px}.atlas-name .atlas-node-status{fill:#6f96a6;font-size:7px;letter-spacing:.4px}.atlas-you{display:none}.atlas-you circle:first-child{fill:var(--atlas-gold)}.atlas-you circle:nth-child(2){fill:none;stroke:#d9b982;animation:atlas-pulse 3s ease-in-out infinite;transform-origin:0 0}.atlas-you text{fill:var(--atlas-gold);font:7px 'Segoe UI',sans-serif}.atlas-deck.current .atlas-you{display:block}.atlas-deck.complete .atlas-hull{stroke:#a4cfaf}.atlas-axis{font:7px 'Segoe UI',sans-serif;fill:#587b8b;letter-spacing:1px}.atlas-detail{padding-top:18px;display:flex;flex-direction:column;align-items:flex-start}.atlas-selected-number{font-size:50px;font-weight:200;color:#d4bd9d;letter-spacing:-.06em;margin-bottom:20px;line-height:1}.atlas-selected-number small{font-size:12px;letter-spacing:0;color:#678e9b;padding-left:10px}.atlas-detail h3{font-weight:400;font-size:26px;letter-spacing:-.045em;line-height:1.1;margin:13px 0}.atlas-detail>p{font-size:12px;color:#98b3bf;line-height:1.7;margin:0 0 18px}.atlas-objectives{margin:13px 0 22px;padding:20px 0;border-block:1px solid #82a6b32e;width:100%}.atlas-objectives>small{font-size:7px;color:#86a5b0;letter-spacing:.1em}.atlas-objectives>div{display:flex;gap:10px;margin-top:16px;font-size:11px;line-height:1.5;color:#a6bfc8}.atlas-objectives b{color:#7fa4b2;font-weight:400}.atlas-objectives .done{color:#acd5b2}.atlas-objectives .done b{color:#acd5b2}.atlas-detail .atlas-purpose{font-size:10px}.atlas-detail button{width:100%;margin-bottom:10px;font-size:8px;line-height:1.5;padding:13px 9px;white-space:normal}.atlas-legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;font-size:7px;letter-spacing:.04em;color:#8ca9b5}.atlas-legend span{display:flex;align-items:center;gap:7px}.atlas-legend small{width:100%;font-size:9px;letter-spacing:0;line-height:1.5;color:#6e92a2}.atlas-dot{width:5px;height:5px;border:1px solid #7297a5;border-radius:50%;display:inline-block}.atlas-dot.current{background:#dbb47d;border-color:#dbb47d}.atlas-dot.complete{background:#acd5b2;border-color:#acd5b2}@keyframes atlas-sweep{to{transform:rotate(360deg)}}@keyframes atlas-transit{to{stroke-dashoffset:-416}}@keyframes atlas-pulse{50%{opacity:.25;transform:scale(1.4)}}
@media(max-width:1100px){.atlas-layout{grid-template-columns:minmax(0,1fr) 175px;gap:15px}.atlas-heading h2{font-size:31px}.atlas-heading p{font-size:11px}.atlas-detail h3{font-size:23px}.atlas-controls>span{display:none}.atlas-controls{justify-content:flex-end}.atlas-svg{min-height:310px}.atlas-telemetry{font-size:6px;padding:10px}}
@media(max-width:700px){.atlas-layout{grid-template-columns:1fr}.atlas-detail{padding-top:0}.atlas-selected-number{font-size:32px;margin-bottom:12px}.atlas-heading{gap:12px}.atlas-total strong{font-size:30px}.atlas-total small{font-size:6px}.atlas-heading h2{font-size:28px}.atlas-heading p{font-size:10px}.atlas-telemetry{font-size:6px}.atlas-svg{min-height:0}.atlas-detail h3{font-size:26px}.atlas-objectives{padding:13px 0;margin:0 0 14px}.atlas-detail>p{font-size:11px}.atlas-legend{gap:12px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.atlas-reticle,.atlas-flow,.atlas-you circle{animation:none!important}}
#ariaControl{display:none;position:fixed;right:30px;top:225px;z-index:7;align-items:center;gap:2px;background:#0b2029b5;border:1px solid #80bcc440;border-radius:4px;backdrop-filter:blur(10px)}.world-entered #ariaControl{display:flex}.panel-open #ariaControl,.tour-active #ariaControl,.intro-active #ariaControl{display:none}#ariaControl button{display:flex;align-items:center;gap:12px;background:none;border:0;color:#b4d2d2;padding:10px 12px;cursor:pointer;font-size:8px;letter-spacing:.1em}#ariaControl small{display:block;font-size:7px;color:#6b9daa;margin-top:5px;text-align:left}.aria-orbit{font-size:19px;color:#8dcdd6}#ariaControl #ariaMute{border-left:1px solid #79aebc26;padding:18px 12px;font-size:15px}.guide-briefing{max-width:720px}.guide-briefing #guideVoiceState{color:#8fc6c9;letter-spacing:.1em;font-size:9px}.guide-briefing .modal-desc{font-size:17px;line-height:1.8}@media(max-width:760px){#ariaControl{right:17px;top:142px}#ariaControl #ariaReplay{padding:8px;gap:7px;font-size:6px}#ariaControl small{font-size:6px}.aria-orbit{font-size:15px}#ariaControl #ariaMute{padding:13px 9px;font-size:11px}}
#arrivalFilm{position:fixed;inset:0;z-index:250;background:#030a10}#arrivalFilm[hidden]{display:none}#arrivalVideo{display:block;width:100%;height:100%;object-fit:contain;background:#030a10}.arrival-film-top{position:absolute;top:35px;left:45px;right:45px;display:flex;justify-content:space-between;align-items:center;color:#b8c9c3;font-size:9px;letter-spacing:.16em}.arrival-film-top button{border:1px solid #b0c3bd4d;background:#07151d99;color:#d9ddca;border-radius:3px;padding:12px 17px;cursor:pointer;font:500 9px 'Segoe UI';letter-spacing:.1em}.arrival-film-bottom{position:absolute;left:45px;right:45px;bottom:35px;display:flex;gap:20px;align-items:center;font-size:8px;letter-spacing:.13em;color:#8fa8ac}.arrival-film-bottom i{height:1px;background:#93acb133;flex:1}.arrival-film-bottom b{display:block;height:1px;width:0;background:#d5be94}.intro-active .masthead,.intro-active #hud,.intro-active #roomBrief,.intro-active #inworldUI,.intro-active #deckObjectives,.intro-active #hotspot{visibility:hidden}.intro-active #landing{visibility:hidden}.intro-active #world{filter:brightness(.5)}@media(max-width:700px){.arrival-film-top{left:20px;right:20px;top:22px;font-size:7px}.arrival-film-top button{font-size:8px;padding:11px}.arrival-film-bottom{left:20px;right:20px;bottom:25px;font-size:6px;gap:12px}}
.arrival-film-actions{display:flex;gap:10px}.arrival-film-top #arrivalSound{border-color:transparent;color:#91aeb3}@media(max-width:700px){.arrival-film-actions{gap:0}.arrival-film-top #arrivalSound{font-size:6px;padding:8px}}
.atlas-svg{touch-action:none}@media(max-width:700px){.atlas-name>text{font-size:17px;letter-spacing:.4px}.atlas-name .atlas-node-status{font-size:11px;letter-spacing:0}.atlas-you text{font-size:10px}.atlas-pin text{font-size:15px}}

/* Keep the live WebGL view out of expensive per-panel backdrop filters. */
body.world-entered #grain{display:none}
body.world-entered #roomBrief,body.world-entered #deckObjectives,body.world-entered #ariaControl,body.world-entered .control-dock,body.world-entered .next-waypoint{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#0b1b24f2}

/* Landing tabs use the station still until the visitor requests the 3D world. */
#world{background:linear-gradient(90deg,#06131a 0%,#06131a30 55%,#06131a00),url("../assets/expedition/cinema/tusk-opening-poster.jpg?v=room-rework-3") center/cover no-repeat}
.scene-ready #world{background:#07141c}
/* Compact exhibit controls leave the physical experiment in view. */
.hands-on-panel{position:fixed;z-index:75;right:24px;top:24%;width:min(390px,calc(100vw - 32px));max-height:68vh;overflow:auto;padding:26px;background:#172d34f5;color:#e9e7db;border:1px solid #9eafa45c;border-top:3px solid #d4ac78;box-shadow:0 18px 55px #020c1280;border-radius:5px;font:14px/1.5 'Segoe UI',sans-serif}
.hands-on-panel h2{font-size:20px;letter-spacing:.04em;line-height:1.3;margin:12px 22px 12px 0}.hands-on-panel small,.hands-on-panel footer{font-size:10px;color:#aebfb5;letter-spacing:.08em}.hands-on-panel p{color:#b5c7c5}.hands-on-panel strong{display:block;color:#e1bb87;font-size:16px}.hands-on-panel .lab-result{padding:14px;background:#0d2028;min-height:76px;border-left:2px solid #8bb7a6}.hands-on-panel div{display:flex;flex-wrap:wrap;gap:8px}.hands-on-panel button{font:600 11px 'Segoe UI',sans-serif;letter-spacing:.04em;cursor:pointer;padding:11px 13px;border:1px solid #66867f;background:#35514f;color:#f0eadd;border-radius:3px}.hands-on-panel button:hover,.hands-on-panel button:focus-visible{background:#5c7666;outline:2px solid #e4bd80;outline-offset:2px}.hands-on-panel .lab-close{position:absolute;right:12px;top:12px;padding:2px 10px;background:transparent;border:0;font-size:24px}.hands-on-panel footer{display:block;margin-top:18px;letter-spacing:0}
@media(max-width:700px){.hands-on-panel{right:16px;top:15%;max-height:65vh;padding:20px}}
/* Moving labels are composited in the same frame as the 3D camera. */
body.world-entered .holo-anchor{left:0;top:0;filter:none;transition:none;will-change:transform;transform-origin:50% 50%}
body.world-entered .holo-screen,body.world-entered .holo-screen:hover{transform:none;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b1d26f5!important}
body.world-entered #hud{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.world-entered .next-waypoint,body.world-entered .control-dock{transition:background-color .15s,border-color .15s}
