*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#19232d;color:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #73d2ff;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button[hidden],[hidden]{display:none!important}#office{position:relative;height:100dvh;min-height:420px}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%}header{position:absolute;left:28px;right:28px;top:max(24px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.wordmark{font-size:22px;letter-spacing:.23em;font-weight:600;text-shadow:0 2px 10px #0005}.wordmark span{display:block;font-size:10px;letter-spacing:.22em;font-weight:400;margin-top:8px}.header-actions{display:flex;gap:8px;pointer-events:auto}.header-actions button,#panel-close{border:1px solid #ffffff40;background:#26344078;backdrop-filter:blur(18px);border-radius:22px;padding:12px 17px;font-size:13px}.header-actions button:hover{background:#344d60b0}.location{position:absolute;left:29px;top:113px;display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 8px #0007;pointer-events:none}.location span:first-child{font-size:17px}.location span:last-child{font-size:12px;opacity:.8}.bottom{position:absolute;left:20px;right:20px;bottom:max(34px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;pointer-events:none}.bottom p{font-size:12px;background:#1425323b;border-radius:15px;padding:7px 11px;margin:0 0 11px;text-shadow:0 1px 6px #0008}.bottom nav{pointer-events:auto;display:flex;gap:4px;border:1px solid #fff5;border-radius:28px;padding:6px;background:#1a2b397d;backdrop-filter:blur(18px);box-shadow:0 12px 36px #0002}.bottom button{padding:12px 15px;background:transparent;border-radius:23px;white-space:nowrap;font-size:13px}.bottom button:hover{background:#ffffff24}.bottom button.selected,.bottom #seat{background:#eaf4fa;color:#172e3e}.status{position:absolute;left:28px;right:28px;bottom:12px;display:flex;justify-content:space-between;font-size:11px;color:#ffffffba;text-shadow:0 1px 5px #0009;pointer-events:none}.status a{color:inherit;text-decoration:none;pointer-events:auto}#joystick{position:absolute;left:27px;bottom:137px;width:100px;height:100px;border:1px solid #fff5;border-radius:50%;background:#ffffff16;backdrop-filter:blur(6px);touch-action:none;display:none;align-items:center;justify-content:center}#stick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:43px;height:43px;border:1px solid #fff8;border-radius:50%;background:#ffffff40;box-shadow:0 3px 12px #0001;pointer-events:none}.joy-label{position:absolute;bottom:-22px;font-size:10px;letter-spacing:.12em;pointer-events:none}#notice{position:absolute;left:50%;top:110px;transform:translateX(-50%);font-size:13px;background:#1c3041cf;backdrop-filter:blur(12px);padding:11px 18px;border:1px solid #fff3;border-radius:20px;white-space:nowrap;pointer-events:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#e5e8e9;color:#33424d;z-index:5}#loading strong{font-weight:400;font-size:19px}#loading-status{font-size:13px;color:#76848e}.loading-line{width:75px;height:2px;background:#75c7ed;margin-bottom:9px}#unavailable{position:absolute;inset:0;background:#17212b;z-index:1}#unavailable>img{width:100%;height:100%;object-fit:cover;opacity:.35}#unavailable>div{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:min(380px,85vw);background:#1b2c3ac9;backdrop-filter:blur(15px);padding:24px;border:1px solid #fff3;border-radius:20px;text-align:center}#unavailable strong{font-size:20px;font-weight:400}#unavailable p{font-size:14px;line-height:1.6;color:#d4dfe7}#retry{background:#e1f1fa;color:#1c384c;border-radius:20px;padding:11px 16px}dialog{padding:22px;width:min(850px,calc(100vw - 34px));max-height:calc(100dvh - 50px);border:1px solid #ffffff50;border-radius:24px;color:#203440;background:#f0f3f3f5;box-shadow:0 24px 80px #0006;overflow:auto}dialog::backdrop{background:#101d2778;backdrop-filter:blur(9px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading p{font-size:10px;letter-spacing:.18em;color:#7b8891;margin:0 0 7px}.panel-heading h2{font-weight:400;font-size:24px;letter-spacing:-.02em;margin:0}#panel-close{background:#d8e1e7;color:#304955;border-color:transparent}#panel-image{width:100%;max-height:58vh;object-fit:contain;border-radius:13px;display:block;background:#d9dede}#panel-caption{font-size:13px;line-height:1.5;color:#6c7b86;margin:14px 0 0}#material-list{display:flex;overflow-x:auto;gap:9px;margin-top:16px;padding-bottom:6px;scroll-snap-type:x mandatory}#material-list:empty{display:none}#material-list button{flex:0 0 88px;padding:0 0 9px;border-radius:10px;border:1px solid #d5dfe4;color:#334955;background:#fff;overflow:hidden;font-size:12px;scroll-snap-align:start}#material-list button[aria-pressed=true]{border-color:#167aab;box-shadow:0 0 0 1px #167aab}#material-list img{display:block;width:100%;height:62px;object-fit:cover;margin-bottom:8px}#material-list .glass-swatch{height:62px;display:flex;justify-content:center;align-items:center;color:#647f91;font-size:17px;margin-bottom:8px;background:#e6edf1}#glass-note{padding:50px 25px;text-align:center;color:#5b7180}#glass-note h3{font-size:25px;font-weight:400}#glass-note p{line-height:1.7;font-size:15px}#inspect-glass{padding:12px 18px;background:#24465d;color:#fff;border-radius:22px}@media(pointer:coarse){#joystick{display:flex}}@media(max-width:760px){header{left:18px;right:18px;top:20px}.wordmark{font-size:17px}.wordmark span{font-size:9px;letter-spacing:.17em}.header-actions{gap:5px}.header-actions button{padding:11px 12px;font-size:12px}.location{left:19px;top:94px}.location span:first-child{font-size:14px}.location span:last-child{font-size:11px}.bottom{left:10px;right:10px;bottom:max(36px,env(safe-area-inset-bottom))}.bottom nav{gap:2px;padding:5px;border-radius:21px;justify-content:center;flex-wrap:wrap;max-width:390px}.bottom button{font-size:12px;padding:11px 12px}.bottom p{font-size:10px;margin-bottom:8px}#joystick{left:22px;bottom:170px;width:86px;height:86px;display:flex}#stick{width:37px;height:37px}.status{font-size:10px;left:18px;right:18px;bottom:12px}#notice{font-size:12px;top:145px;max-width:92vw;white-space:normal;text-align:center}dialog{padding:16px;border-radius:20px}.panel-heading h2{font-size:21px}#material-list button{flex-basis:74px}#material-list img{height:56px}#panel-image{max-height:51vh}}@media(max-height:540px) and (orientation:landscape){header{top:14px}.location{top:87px}.bottom{bottom:30px}.bottom p{display:none}.bottom nav{flex-wrap:nowrap;max-width:100%}.bottom button{padding:10px;font-size:12px}#joystick{bottom:98px;width:72px;height:72px}.status{bottom:8px}dialog{max-height:calc(100dvh - 22px)}}

#welcome-gate{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#12233168;backdrop-filter:blur(8px)}.welcome-card{width:min(440px,calc(100vw - 40px));padding:34px;border:1px solid #ffffff50;border-radius:25px;background:#1a2b39de;box-shadow:0 25px 80px #0003}.eyebrow{font-size:11px;letter-spacing:.18em;color:#9ac1d7}.welcome-card h1{font-size:36px;line-height:1.12;font-weight:400;letter-spacing:-.035em;margin:20px 0}.welcome-card>p{font-size:16px;line-height:1.55;color:#d4e1e9}.entry-sound{display:flex;gap:9px;align-items:center;font-size:14px;margin:24px 0 17px}.entry-sound input{accent-color:#76caff;width:17px;height:17px}#enter-office{width:100%;padding:15px;border-radius:14px;background:#e4f3fb;color:#20394a;font-size:16px}.welcome-card .recording-note{font-size:12px;line-height:1.5;color:#a4bbc9;margin:18px 0 0}#entry-error{color:#ffd1c9!important;font-size:13px!important}.assistant-dock{position:absolute;right:28px;bottom:151px;display:flex;gap:7px;z-index:2}.assistant-dock button,#stop-speaking{padding:12px 17px;border-radius:24px;background:#213848b8;border:1px solid #ffffff55;backdrop-filter:blur(14px);font-size:14px}#chat-open{background:#e6f3fbdc;color:#234051}.subtitle-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:205px;width:min(620px,calc(100vw - 42px));text-align:center;pointer-events:none;z-index:2}#subtitle{background:#172b3ce8;border:1px solid #ffffff33;backdrop-filter:blur(12px);border-radius:16px;padding:14px 18px;font-size:14px;line-height:1.6;margin:0 0 8px}#stop-speaking{pointer-events:auto;padding:8px 13px;font-size:12px}#conversation{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:22px;background:#f2f5f6;color:#223d4c;overflow:hidden}#conversation[open]{display:flex;flex-direction:column}.conversation-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.conversation-heading .eyebrow{color:#648395;font-size:10px}.conversation-heading h2{font-size:27px;font-weight:400;margin:8px 0 4px}.conversation-heading #chat-status{font-size:12px;color:#658193}#chat-close{padding:11px 15px;border-radius:20px;background:#dce6ec;color:#294659;font-size:13px}#chat-messages{overflow:auto;overscroll-behavior:contain;min-height:100px;height:min(45dvh,420px);margin:20px 0 12px;padding-right:4px}.chat-message{background:#e2ebef;margin:0 20px 12px 0;padding:13px 15px;border-radius:3px 16px 16px 16px}.chat-message.user{background:#d4e8f5;margin:0 0 12px 25px;border-radius:16px 3px 16px 16px}.chat-message>span{font-size:11px;color:#6b8392}.chat-message p{font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.chat-recording{font-size:11px;color:#748997;margin:0 0 11px}#chat-form{flex-shrink:0}#chat-input{display:block;resize:none;width:100%;min-height:75px;max-height:130px;border:1px solid #bfced7;border-radius:13px;padding:13px;font:inherit;font-size:16px;line-height:1.4;background:#fff;color:#23404f}.chat-actions{display:flex;gap:7px;margin-top:10px}.chat-actions button{border-radius:20px;padding:11px 14px;font-size:13px;background:#dce7ed;color:#315166}#send-message{margin-left:auto;background:#22485f;color:#fff}#microphone[aria-pressed=true]{background:#bf423e;color:#fff}#chat-error{font-size:13px;color:#9a453d;line-height:1.4;margin:0 0 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.assistant-dock{right:18px;bottom:179px;flex-direction:column;align-items:flex-end}.assistant-dock button{font-size:12px;padding:10px 13px}.subtitle-wrap{bottom:280px;width:calc(100vw - 32px)}#subtitle{font-size:13px;padding:12px 14px}.welcome-card{padding:26px}.welcome-card h1{font-size:32px}#conversation{padding:18px;max-height:calc(100dvh - 20px)}#chat-messages{height:38dvh}.chat-message p{font-size:14px}}@media(max-height:540px){.welcome-card{padding:20px;width:min(600px,95vw)}.welcome-card h1{font-size:25px;margin:8px 0}.welcome-card>p{font-size:13px;margin:7px 0}.entry-sound{margin:8px 0}.welcome-card .recording-note{font-size:10px;margin:8px 0}.assistant-dock{bottom:103px}.subtitle-wrap{bottom:160px}#chat-messages{height:28dvh;margin:10px 0}#conversation{padding:15px}.conversation-heading h2{font-size:21px;margin:4px 0}#chat-input{min-height:48px}}

#subtitle{max-height:28dvh;overflow:auto;pointer-events:auto;overscroll-behavior:contain}
#subtitle{background:transparent;border:0;backdrop-filter:none;padding:0;color:#fff;font-size:17px;font-weight:500;line-height:1.5;text-shadow:0 2px 12px #000,0 1px 3px #000;border-radius:0}.subtitle-wrap{pointer-events:none}
#admin-login{width:min(340px,calc(100vw - 32px));padding:22px;border:1px solid #ffffff42;border-radius:18px;background:#162733;color:#edf6fa}#admin-login::backdrop{background:#07111a99}#admin-login h2{font-size:23px;font-weight:400;margin:11px 0 18px}#admin-login input{width:100%;padding:12px;border:1px solid #ffffff44;border-radius:10px;background:#0d1c26;color:white}#admin-login form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}#admin-login button{padding:10px 12px;border-radius:18px;background:#dfeef6;color:#163143}#admin-login-error{color:#ffd0cb;font-size:12px}

#office{min-height:0}.assistant-dock{flex-wrap:wrap;max-width:460px}@media(max-width:760px){.assistant-dock{bottom:159px}}
#media-player{width:min(1050px,calc(100vw - 26px));padding:12px;background:#111b23;color:white}#media-player::backdrop{background:#071018d9}.media-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 3px 12px}.media-heading div{display:flex;gap:7px}.media-heading button,.media-heading a{padding:9px 12px;border-radius:18px;background:#314859;color:white;text-decoration:none;font-size:12px}#media-address{display:flex;gap:8px;margin:0 3px 12px}#media-address input{min-width:0;flex:1;padding:11px 13px;border:1px solid #6f93aa;border-radius:10px;background:#07131c;color:#fff;font:inherit;font-size:14px}#media-address button{padding:10px 16px;border-radius:10px;background:#e1f1fa;color:#193345;font-size:14px}#media-stage{width:100%;aspect-ratio:16/9;background:#05090c;border-radius:12px;overflow:hidden}#media-stage iframe,#media-stage video{width:100%;height:100%;border:0;display:block}#media-stage [hidden]{display:none!important}@media(max-width:600px){.media-heading{align-items:flex-start;flex-direction:column}.media-heading div{width:100%;overflow:auto}#media-address{margin-bottom:10px}#media-address input{font-size:16px}#media-player{padding:9px}}

/* Walking and contextual voice controls only. */
.bottom,.status,.header-actions,.assistant-dock{display:none!important}
#room-confirm{position:absolute;left:50%;bottom:220px;transform:translateX(-50%);z-index:4;width:min(340px,calc(100vw - 36px));padding:15px;border:1px solid #ffffff66;border-radius:18px;background:#1b3041ed;backdrop-filter:blur(16px);box-shadow:0 18px 50px #0005;text-align:center}#room-confirm p{margin:0 0 12px;font-size:14px;line-height:1.45}#room-confirm div{display:flex;gap:8px;justify-content:center}#room-confirm button{padding:10px 13px;border-radius:18px;background:#405563;font-size:13px}#room-confirm #room-confirm-accept{background:#e7f3fa;color:#1b384b}
#online-users{position:absolute;right:28px;top:112px;margin:0;padding:8px 11px;border:1px solid #ffffff40;border-radius:16px;background:#1b2f3e9e;backdrop-filter:blur(12px);font-size:12px;text-shadow:0 1px 5px #0007}#online-users span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#66d6a6;box-shadow:0 0 10px #66d6a6}#online-users b{font-weight:500}@media(max-width:760px){#online-users{right:18px;top:90px;font-size:11px;padding:7px 9px}}
#joystick{bottom:max(42px,env(safe-area-inset-bottom));z-index:3}
.touch-device #joystick{display:flex}
#voice-control{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));width:min(270px,calc(100vw - 145px));z-index:3;text-align:right}
#mic-open{padding:14px 18px;border-radius:25px;background:#e6f3fbef;color:#234051;border:1px solid #fff8;font-size:14px;min-height:46px}
#mic-open[aria-pressed=true]{background:#a93939;color:white}
#voice-note,#voice-error{font-size:11px;line-height:1.5;padding:6px 9px;border-radius:10px;background:#172b3cd9;margin:7px 0 0}
#voice-note:empty{display:none}#voice-error{color:#ffdfd6}
.subtitle-wrap{bottom:170px}
@media(max-height:540px){.subtitle-wrap{bottom:145px}#subtitle{max-height:24dvh}#voice-control{right:18px;bottom:18px}}
.room-youtube{position:fixed;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;z-index:1;overflow:hidden;backface-visibility:hidden;visibility:hidden;background:#05090c;pointer-events:auto}.room-youtube iframe{display:block;width:1280px;height:720px;border:0;background:#05090c}
.portfolio-tv{border-radius:14px;background:#eaf6fa;display:flex;flex-direction:column;z-index:2}
.room-youtube.portfolio-tv iframe{height:656px;flex:1;min-height:0}
.portfolio-tv-controls{height:64px;display:flex;align-items:center;justify-content:center;gap:18px;background:#d9eef4;color:#214657}
.portfolio-tv-controls button,.portfolio-tv-controls a{font:22px Arial,sans-serif;padding:9px 22px;border:1px solid #9ebfcb;border-radius:20px;background:#f3fbfe;color:#214657;text-decoration:none;cursor:pointer}
#office{pointer-events:none}
#office button,#office a,#office input,#office textarea,#office dialog,#joystick{pointer-events:auto}
#viewport{z-index:1;pointer-events:none}
.room-youtube,.room-youtube.portfolio-tv{z-index:0!important}
.scene-editor .room-youtube,.scene-editor .room-youtube *{pointer-events:none!important}
.room-youtube.app-tablet iframe{width:100%;height:100%;flex:1;min-height:0;background:#fff}
.app-tablet .portfolio-tv-controls{height:58px;gap:10px;flex-shrink:0}
.assistant-dock{display:flex!important;bottom:155px} .assistant-dock #chat-open{display:none}
.app-tablet .portfolio-tv-controls button,.app-tablet .portfolio-tv-controls a{font-size:20px;padding:8px 12px;white-space:nowrap}
#media-player.portrait-app{width:min(520px,94vw)}
#media-player.portrait-app #media-stage{height:65dvh;aspect-ratio:auto}
#media-player.portrait-app #media-frame{height:100%;width:100%}
#quick-chat{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;width:min(620px,calc(100vw - 28px));padding:7px;border-radius:24px;background:#edf5f8eb;z-index:4}#quick-input{min-width:0;flex:1;border:0;background:transparent;color:#234051;font-size:16px;padding:8px;outline-offset:2px}#quick-chat button{background:#284a60;color:white;border-radius:18px;padding:9px 12px;font-size:12px}#voice-control{bottom:max(85px,calc(env(safe-area-inset-bottom) + 70px))}.assistant-dock{bottom:220px}.subtitle-wrap{bottom:285px}#joystick{bottom:100px}#quick-chat button:disabled{opacity:.5}

#mic-open.activate-pulse{animation:activate-microphone 1.8s ease-in-out infinite}
@keyframes activate-microphone{0%,100%{box-shadow:0 0 0 0 #58c9e800}50%{box-shadow:0 0 0 7px #58c9e855;background:#d5f7ff}}
@media(prefers-reduced-motion:reduce){#mic-open.activate-pulse{animation:none;box-shadow:0 0 0 3px #58c9e855}}

#quick-menu-open{position:absolute;right:24px;top:112px;z-index:4;padding:11px 16px;border:1px solid #ffffff55;border-radius:22px;background:#213848c7;backdrop-filter:blur(16px);font-size:13px}#quick-menu{position:absolute;right:24px;top:160px;z-index:5;width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 185px);overflow:auto;padding:19px;border:1px solid #b7d6e255;border-radius:22px;background:#122533f2;backdrop-filter:blur(20px);box-shadow:0 24px 70px #0007}.quick-menu-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.quick-menu-heading span{font-size:10px;letter-spacing:.17em;color:#90c9df}.quick-menu-heading h2{margin:6px 0 0;font-size:23px;font-weight:400}.quick-menu-heading button{padding:8px 11px;border-radius:16px;background:#ffffff18;font-size:12px}.quick-menu-intro{font-size:14px;line-height:1.5;color:#d0e1e8;margin:16px 0}.quick-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-menu-actions button:first-child{grid-column:span 2}.quick-menu-actions button,.quick-topics button{padding:12px;border:1px solid #c2e4f038;border-radius:14px;background:#eaf5f9;color:#254353;text-align:left;font-size:14px}.quick-topics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.quick-topics button{background:#1d3a4a;color:#e5f5fa;font-size:13px}.quick-menu-actions button:hover,.quick-topics button:hover{border-color:#74d2f7;transform:translateY(-1px)}#quick-menu-detail{margin:15px 0;padding:13px 14px;border-left:2px solid #73d2ff;background:#ffffff0a;color:#d7e6ec}#quick-menu-detail strong{font-size:13px}#quick-menu-detail p{margin:6px 0 0;font-size:12px;line-height:1.5}.quick-menu-voice{width:100%;padding:13px;border-radius:18px;background:#70c7ea;color:#173347;font-size:14px}@media(max-width:760px){#quick-menu-open{right:18px;top:92px;font-size:12px;padding:9px 12px}#quick-menu{right:18px;top:138px;max-height:calc(100dvh - 155px);padding:16px}.quick-menu-heading h2{font-size:21px}}
/* The caption control stays clear of the interactive menu and uses an icon only. */
#subtitles-toggle{position:absolute;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:4;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff52;border-radius:50%;background:#1c3345d9;color:#f4fbff;box-shadow:0 8px 24px #0004;backdrop-filter:blur(14px)}
#subtitles-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#subtitles-toggle:hover{background:#2a5067}#subtitles-toggle.is-off{color:#9aacb6;border-color:#ffffff2c;background:#1c2b369c}
@media(max-width:760px){#subtitles-toggle{right:14px;bottom:max(16px,env(safe-area-inset-bottom));width:38px;height:38px}}