:root{color-scheme:dark;--ink:#030a16;--blue:#00aeff;--aqua:#00c8d7;--pale:#bcecff;--text:#e8f2fa;--muted:#9aabbd;font-family:'Helvetica Neue',Arial,sans-serif;background:var(--ink);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue)}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,#scene:focus-visible{outline:2px solid #91e9ff;outline-offset:4px}button{cursor:pointer}button,select{border:1px solid #56738655;background:#071628d9;color:var(--text);border-radius:7px;padding:9px 13px}button:hover,select:hover{border-color:#70dfff9a;background:#0c2639}button:active{background:#163a4b}[hidden]{display:none!important}.masthead{height:67px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9edcff14;background:#040c17;position:relative;z-index:3}.brand{font-size:22px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-1px}.brand sup{font-size:.55em;position:relative;top:-.1em}.brand span{font-size:10px;letter-spacing:2.8px;color:#a2b8cb;font-weight:400;padding-left:24px}.back{font-size:12px;color:#a0b9cc;text-decoration:none}.back:hover{color:#9befff}#viewer{height:calc(100svh - 155px);min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#08213780,transparent 65%),#020813}.room{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#01040ccc,#02101e66 48%,#010814 80%);filter:blur(3px);opacity:.85;pointer-events:none}.room::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#02081315 45%,#020813cc 100%)}.room-screen{position:absolute;top:9%;width:21%;height:27%;border:13px solid #010713;border-bottom-width:28px;background:repeating-linear-gradient(0deg,transparent 0 18px,#0689bc29 19px 20px),repeating-linear-gradient(95deg,#032a4460 0 29px,#006b9a45 30px 31px),radial-gradient(ellipse at 35% 50%,#0078bc88,#001426);box-shadow:0 0 30px #0084b41a}.room-screen.left{left:-7%;transform:perspective(500px) rotateY(25deg) rotate(-6deg)}.room-screen.right{right:-7%;transform:perspective(500px) rotateY(-25deg) rotate(6deg)}.room-strip{position:absolute;top:-2%;width:6px;height:36%;background:#0099ff99;box-shadow:0 0 19px #0099ff}.s1{left:17%}.s2{left:21%;height:25%}.s3{right:19%;opacity:.3}.room-sill{position:absolute;left:0;right:0;top:37%;height:18px;transform:perspective(600px) rotateX(65deg);background:#082034;border:2px solid #0d3653;box-shadow:0 8px 40px #000}.scene-heading{position:absolute;left:4vw;top:29px;pointer-events:none;z-index:2}.eyebrow{font-size:9px;letter-spacing:3px;color:#72b9d6;margin:0 0 10px}.scene-heading h1{font-size:clamp(23px,2.2vw,34px);font-weight:400;letter-spacing:-1px;margin:0 0 7px}.subtitle{color:#8fa8bb;font-size:12px;margin:0}#scene{width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}#scene.dragging{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.toolbar{position:absolute;left:50%;bottom:47px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#020b17bb;padding:7px;border:1px solid #36566877;border-radius:12px;backdrop-filter:blur(12px);box-shadow:0 8px 30px #0006;z-index:3}.toolbar button{font-size:12px;white-space:nowrap;min-height:36px}.toolbar button[data-action^=rotate]{font-size:20px;line-height:1;padding:5px 12px}.toolbar button[data-action^=zoom]{font-size:20px;line-height:1;padding:5px 12px}.separator{width:1px;height:20px;background:#41617866;margin:0 2px}.toolbar select{font-size:11px;padding:10px 6px}.viewer-bottom{position:absolute;bottom:18px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.scene-note{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#9bb6c9;display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#67ddf5;box-shadow:0 0 9px #36daff}#hint{font-size:11px;color:#90a9bd;margin:0}#hint span{margin:0 7px;color:#527183}.credit{border-top:1px solid #bcecff19;margin:0 4vw;text-align:center;padding:27px 12px 29px;min-height:88px}.credit p{font-size:13px;color:#a6b1bf;margin:0;line-height:1.7}.credit a{color:#00aeff;text-decoration:underline;text-underline-offset:4px}.credit a:hover{color:var(--aqua)}.credit sup{font-size:.65em}#loading,#error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#030b17ed;color:#b7d6e8;font-size:13px;z-index:5}#error{flex-direction:column;padding:25px;text-align:center}#error h2{font-size:21px;font-weight:400}.loader{width:15px;height:15px;border:1px solid #163d52;border-top-color:#66dfff;border-radius:50%;margin-right:10px;animation:load 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes load{to{transform:rotate(360deg)}}body.diagnostic .masthead,body.diagnostic .scene-heading,body.diagnostic .toolbar,body.diagnostic .viewer-bottom,body.diagnostic .credit{display:none}body.diagnostic #viewer{height:100svh;min-height:0}
@media(max-width:600px){.masthead{height:56px;padding:0 18px}.brand{font-size:20px}.brand span{font-size:8px;letter-spacing:1.5px;padding-left:12px}.back{font-size:10px}.scene-heading{left:20px;top:24px}.eyebrow{font-size:8px;letter-spacing:2px}.scene-heading h1{font-size:25px}.subtitle{font-size:11px}#viewer{height:calc(100svh - 166px);min-height:520px}.toolbar{bottom:67px;max-width:96%;width:max-content;gap:3px;padding:5px;flex-wrap:wrap;justify-content:center}.toolbar button{padding:8px 9px;font-size:11px;min-height:36px}.toolbar button[data-action^=rotate],.toolbar button[data-action^=zoom]{padding:6px 9px}.toolbar select{font-size:10px;padding:10px 3px}.separator{margin:0 1px}.viewer-bottom{left:20px;right:20px;bottom:20px;flex-direction:column;gap:9px}.scene-note{font-size:9px}#hint{font-size:10px}.credit{padding:22px 15px;min-height:110px}.credit p{font-size:12px}.room-screen{top:15%;height:22%;width:26%}.room-strip{height:29%}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}}
#error{background:linear-gradient(#030b17cf,#030b17ed),url('/map-assets/poster.jpg') center/cover no-repeat}

.toolbar{max-width:96%;width:max-content;flex-wrap:wrap;justify-content:center}.toolbar button[aria-pressed=true]{background:#114257;border-color:#68deef}.fly-reticle{display:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#c4f4ff99;font-size:20px;pointer-events:none}.flying .fly-reticle{display:block}.flying #scene{cursor:crosshair}body.diagnostic .fly-reticle{display:none}@media(max-width:900px){.viewer-bottom{flex-direction:column;gap:8px}#hint{font-size:10px;text-align:center;line-height:1.5;max-width:94vw}.toolbar{bottom:72px}}

.room{background:url(/map-assets/textures/control-room-v1.webp) center/cover no-repeat;filter:none;opacity:.72}.room>*{display:none}.room::after{background:linear-gradient(180deg,#02081315,#02081318 45%,#02081390 100%)}

.room{opacity:.48}.room::after{background:linear-gradient(180deg,#02081315,#02081338 45%,#020813c0 100%)}

.flight-pad,.flight-height{display:none;position:absolute;z-index:4;gap:4px;touch-action:none}.flight-pad button,.flight-height button{width:44px;height:44px;padding:0;user-select:none;-webkit-user-select:none}.flight-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);left:max(12px,env(safe-area-inset-left));bottom:200px}.flight-pad [data-move=forward]{grid-area:1/2}.flight-pad [data-move=left]{grid-area:2/1}.flight-pad [data-move=back]{grid-area:3/2}.flight-pad [data-move=right]{grid-area:2/3}.flight-height{right:max(12px,env(safe-area-inset-right));bottom:200px}.touch-ui.flying .flight-pad,.touch-ui.flying .flight-height{display:grid}.flight-pad button[aria-pressed=true],.flight-height button[aria-pressed=true]{background:#1a6578;border-color:#82e8f8}.toolbar button,.toolbar select{touch-action:manipulation}.masthead{padding-left:max(4vw,env(safe-area-inset-left));padding-right:max(4vw,env(safe-area-inset-right))}
@media(max-width:600px),(pointer:coarse){#viewer{height:calc(100svh - 56px);min-height:450px}#scene{position:absolute;top:0;height:calc(100% - 190px)}.masthead{height:56px}.toolbar{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));width:min(480px,calc(100% - 24px));max-width:none;gap:4px;bottom:max(44px,env(safe-area-inset-bottom));padding:6px}.toolbar button,.toolbar select{min-height:44px;font-size:11px;padding:4px}.toolbar .separator{display:none}.quality-label{grid-column:span 2}.quality-label select{width:100%;font-size:11px}.viewer-bottom{bottom:8px;left:12px;right:12px}.scene-note{display:none}#hint{line-height:1.45;font-size:10px;max-width:100%}.scene-heading{top:18px}.credit{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-height:520px) and (orientation:landscape){.masthead{height:48px}#viewer{height:calc(100svh - 48px);min-height:260px}#scene{height:100%;width:calc(100% - 270px)}.toolbar{width:250px;left:auto;right:max(10px,env(safe-area-inset-right));bottom:auto;top:50%;transform:translateY(-50%);grid-template-columns:repeat(5,minmax(40px,1fr))}.toolbar button,.toolbar select{min-height:44px}.scene-heading{top:10px;left:max(18px,env(safe-area-inset-left))}.scene-heading h1{font-size:19px}.scene-heading .eyebrow,.scene-heading .subtitle{display:none}.viewer-bottom{right:280px;bottom:8px}.flight-pad{bottom:36px}.flight-height{right:282px;bottom:36px}.brand span{letter-spacing:1px}.back{font-size:10px}}
@media(max-width:350px){.toolbar{grid-template-columns:repeat(5,minmax(44px,1fr))}.brand span{font-size:7px;padding-left:8px}.back{font-size:9px}}
body.diagnostic .flight-pad,body.diagnostic .flight-height{display:none!important}body.diagnostic #scene{position:relative;width:100%;height:100%}
.touch-ui .toolbar button,.touch-ui .toolbar select{min-width:44px;min-height:44px}@media(min-width:601px) and (min-height:521px){.touch-ui .masthead{height:56px}.touch-ui #viewer{height:calc(100svh - 56px);min-height:450px}.touch-ui #scene{height:calc(100% - 190px)}.touch-ui .toolbar{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));width:min(480px,calc(100% - 24px));max-width:none;gap:4px;bottom:44px;padding:6px}.touch-ui .toolbar .separator{display:none}.touch-ui .toolbar button,.touch-ui .toolbar select{padding:4px;font-size:11px}.touch-ui .quality-label{grid-column:span 2}.touch-ui .quality-label select{width:100%}.touch-ui .viewer-bottom{bottom:8px}.touch-ui .scene-note{display:none}}
@media(max-height:520px) and (orientation:landscape){.toolbar .separator{display:none}.scene-note{display:none}}@media(max-width:600px),(pointer:coarse){.masthead{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}#viewer{height:calc(100svh - 56px - env(safe-area-inset-top))}}@media(max-height:520px) and (orientation:landscape){.masthead{height:calc(48px + env(safe-area-inset-top))}#viewer{height:calc(100svh - 48px - env(safe-area-inset-top))}}

/* Embedded in /worlds/<id>: host page owns masthead, heading and credit. */
body.embed .masthead,body.embed .scene-heading,body.embed .credit{display:none}body.embed #viewer{height:100svh;min-height:0}body.embed .toolbar{bottom:28px}@media(max-width:600px),(pointer:coarse){body.embed #viewer{height:100svh}body.embed .toolbar{bottom:max(16px,env(safe-area-inset-bottom))}}

/* Studio (/map?studio=1): full-window frame for screen capture. */
body.studio .masthead,body.studio .scene-heading,body.studio .toolbar,body.studio .viewer-bottom,body.studio .credit,body.studio .flight-pad,body.studio .flight-height,body.studio .fly-reticle{display:none!important}
body.studio #viewer{height:100svh;min-height:0}body.studio #scene{position:absolute;inset:0;height:100%;width:100%}
body.studio.studio-playing,body.studio.studio-playing #scene{cursor:none}
.studio-panel{position:absolute;right:20px;top:20px;z-index:6;width:min(340px,calc(100% - 40px));display:grid;gap:10px;padding:16px;border:1px solid #36566899;border-radius:12px;background:#020b17e6;backdrop-filter:blur(12px);box-shadow:0 8px 30px #0008;font-size:13px}
.studio-panel label{display:grid;gap:4px;color:var(--muted)}.studio-panel .studio-check{display:flex;gap:8px;align-items:center}
.studio-title{margin:0;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#72b9d6}
.studio-panel #studio-play{background:#114257;border-color:#68deef;font-weight:600;min-height:40px}
.studio-help{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}
.studio-count{position:absolute;left:18px;top:14px;z-index:6;font:600 15px/1 'Helvetica Neue',Arial,sans-serif;color:#9befff;opacity:.85;pointer-events:none}.studio-count::before{content:'● REC in ';color:#ff5a4f;font-weight:400}

/* Compact controls are opt-in for learning embeds; the scene keeps the full viewport. */
.camera-tools-toggle{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));z-index:5;min-height:44px;font-size:12px;background:#06122bf2}
.camera-tools-panel{display:none;position:absolute;right:12px;bottom:64px;width:min(280px,calc(100% - 24px));max-height:calc(100% - 80px);overflow:auto;z-index:5;padding:6px;border:1px solid #56738688;border-radius:10px;background:#06122bf5;box-shadow:0 6px 20px #0005}
.camera-tools-heading{display:flex;align-items:center;gap:4px;position:sticky;top:-6px;background:#06122b;z-index:1;margin-bottom:5px}.camera-tools-heading strong{flex:1;font-size:12px;padding-left:6px}.camera-tools-heading button{font-size:12px;min-width:44px;min-height:44px;padding:4px 8px}.camera-tools-close{font-size:23px!important}
body.compact-controls.camera-tools-open .camera-tools-panel{display:block}
body.compact-controls .viewer-bottom{display:none}
body.compact-controls #scene,body.compact-controls.camera-tools-open #scene{width:100%;height:100%;top:0}
body.compact-controls .toolbar{position:static;inset:auto;transform:none;display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));grid-auto-rows:44px;align-content:start;align-items:stretch;justify-content:stretch;gap:4px;padding:0;width:100%;max-width:none;height:auto;margin:0;border:0;box-shadow:none;backdrop-filter:none;background:none}
body.compact-controls .toolbar .separator{display:none}
body.compact-controls:not(.camera-tools-advanced) .toolbar [data-camera-advanced]{display:none!important}
body.compact-controls .toolbar button,body.compact-controls .toolbar select{width:100%;min-width:44px;min-height:44px;height:44px;padding:4px;font-size:12px}
body.compact-controls .quality-label{grid-column:span 2}
.compact-fly-bar{display:none;position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:4;align-items:center;gap:5px}.compact-fly-bar button{min-height:44px;font-size:12px;padding:7px 10px;background:#06122bf2}.compact-fly-hint{display:none;font-size:11px;color:#c0dce9;background:#06122be6;padding:8px;border-radius:5px}
body.compact-controls.flying .compact-fly-bar{display:flex}
body.compact-controls.touch-ui .compact-fly-mouse,body.compact-controls.mouse-locked .compact-fly-mouse{display:none}
body.compact-controls .flight-pad,body.compact-controls .flight-height{bottom:70px}
body.compact-controls .flight-pad{grid-template-rows:repeat(2,44px)}body.compact-controls .flight-pad [data-move=back]{grid-area:2/2}
body.compact-controls.camera-tools-open .flight-pad,body.compact-controls.camera-tools-open .flight-height{display:none}
@media(min-width:900px){.compact-fly-hint{display:block}}
@media(max-width:420px){body.compact-controls .compact-fly-mouse{display:none}}
.exhibit-active .lab-hotspot,.exhibit-active .camera-tools-toggle,.exhibit-active .toolbar,.exhibit-active .viewer-bottom,.exhibit-active .flight-pad,.exhibit-active .flight-height{display:none!important}

.exhibit-active .camera-tools-panel,.exhibit-active .compact-fly-bar{display:none!important}

.camera-tools-panel,.camera-tools-toggle,.compact-fly-bar{font-family:"Helvetica Neue",Arial,sans-serif}
/* Long hotspot captions wrap inside their half of the bottom bar instead of running under the hint. */
.scene-note{max-width:min(58vw,820px)}

/* Location pins (pins-layer.js): the AI Lab hotspot's family, a tier quieter. */
.loc-pins{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.loc-pin{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;border:0;background:none;min-height:0;pointer-events:auto;cursor:pointer;transition:opacity .25s;will-change:transform}
.loc-pin:hover,.loc-pin:active{background:none}
.loc-pin-label{font:600 11px/1 'Helvetica Neue',Arial,sans-serif;color:#e8f6ff;background:#000025d9;border:1px solid #78dcff8c;border-radius:20px;padding:5px 9px;white-space:nowrap;opacity:.8;transition:opacity .2s,box-shadow .2s,border-color .2s,padding .2s}
.loc-pin-stem{width:1px;height:14px;background:linear-gradient(#78dcffcc,#78dcff33)}
.loc-pin-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#00aeff;box-shadow:0 0 0 2px #000025,0 0 0 3px #78dcffaa;transform:translateY(4px)}
.loc-pin-dot::before{content:'';position:absolute;inset:-18px}
.loc-pin:hover .loc-pin-label,.loc-pin:focus-visible .loc-pin-label{opacity:1;border-color:#78dcff;box-shadow:0 0 24px #00aeff55}
.loc-pin:focus-visible{outline:none}.loc-pin:focus-visible .loc-pin-label{outline:2px solid #91e9ff;outline-offset:2px}
.loc-pin.selected .loc-pin-label{opacity:1;font-size:12px;padding:8px 12px;background:#000025f2;border-color:#78dcff;box-shadow:0 0 24px #00aeff59}
.loc-pin.selected .loc-pin-dot::after{content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid #00aeff;opacity:.85;animation:loc-pin-ring 1.6s ease-out 1}
@keyframes loc-pin-ring{from{transform:scale(.3);opacity:1}to{transform:scale(1);opacity:.85}}
@media(prefers-reduced-motion:reduce){.loc-pin.selected .loc-pin-dot::after{animation:none}}
.loc-pin.no-label .loc-pin-label,.loc-pin.no-label .loc-pin-stem{visibility:hidden}
.loc-pin.occluded{opacity:.28!important}.loc-pin.occluded .loc-pin-label,.loc-pin.occluded .loc-pin-stem{visibility:hidden}
.exhibit-active .loc-pins,body.studio-playing .loc-pins{display:none!important}
.toolbar button[data-action=pins][aria-pressed=false]{opacity:.7}

/* Hidden Bronze Wing mode. Keep the world clear; extra controls open on demand. */
.birb-secret{position:absolute;left:10px;bottom:12px;width:44px;height:44px;display:grid;place-items:center;z-index:8;background:#07132255;border:0;border-radius:50%;color:#9fb7bd;opacity:.3;cursor:pointer}
.birb-secret:hover,.birb-secret:focus-visible{opacity:1;color:#d5b475;outline:1px solid #d5b475}
.birb-secret[hidden],.birb-panel[hidden],.birb-options[hidden]{display:none!important}
.birb-panel{position:absolute;inset:0;z-index:30;color:#e9edf1;font-family:Arial,sans-serif;pointer-events:none}
.birb-bar{position:absolute;left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));display:flex;gap:5px;pointer-events:auto}
.birb-panel button{min-width:44px;min-height:44px;border:1px solid #adc2cc40;background:#071727b3;color:#dcebf1;border-radius:12px;padding:8px 11px;font-size:12px;cursor:pointer;touch-action:manipulation}
.birb-panel button:hover,.birb-panel button:focus-visible{background:#263c4c;outline:2px solid #d3b47f}
.birb-panel button[aria-pressed=true]{border-color:#e1bc83;color:#e1bc83}
.birb-options{position:absolute;left:max(10px,env(safe-area-inset-left));top:62px;width:230px;max-width:calc(100% - 40px);padding:12px;display:grid;gap:8px;border:1px solid #bc986455;border-radius:14px;background:#06111ef5;pointer-events:auto;max-height:calc(100% - 150px);overflow:auto}
.birb-options strong{font-size:10px;color:#e1bc83;letter-spacing:1.3px}.birb-speed{display:flex;gap:8px}.birb-speed button{flex:1}
.birb-help{font-size:11px;color:#bad0df;line-height:1.6;margin:0}
.birb-status{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:105px;right:85px;text-align:center;font-size:10px;color:#bad0df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px #000;opacity:.7;pointer-events:none}
.birb-touch{display:none}.birb-stick{width:80px;height:80px;border-radius:50%;border:1px solid #d5b47566;background:#05122255;touch-action:none;display:grid;place-items:center;opacity:.6;pointer-events:auto}
.birb-stick:active{opacity:1}.birb-stick span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#a6874b44;border:1px solid #d5b47566;transform:translate(var(--stick-x,0px),var(--stick-y,0px));font-size:9px;letter-spacing:1px}
.birb-active .toolbar,.birb-active .viewer-bottom,.birb-active .camera-tools-toggle,.birb-active .camera-tools-panel,.birb-active .compact-fly-bar,.birb-active .flight-pad,.birb-active .flight-height,.birb-active .loc-pins,.birb-active .fly-reticle{display:none!important}
body.birb-active #scene{width:100%;height:100%;top:0}
@media(pointer:coarse),(max-width:700px){.birb-touch{display:contents}.birb-stick{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom))}.birb-touch button{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;pointer-events:auto;background:#07172799}.birb-status{bottom:max(8px,env(safe-area-inset-bottom));font-size:9px}}