:root{--mint:#9be4d8;--line:#aec7d526;--muted:#96aab7}body{--hall-accent:#9be4d8}body[data-hall=robot]{--hall-accent:#efc192}body[data-hall=light]{--hall-accent:#9ed7f4}body[data-hall=quantum]{--hall-accent:#c8b5f2}body[data-hall=music]{--hall-accent:#e7cca0}button{transition:background .18s,border-color .18s,box-shadow .18s}button:hover{box-shadow:inset 0 1px 0 #ffffff10}.topbar{height:88px;padding:0 36px;background:linear-gradient(#07121bf5,#07121b70,transparent)}.brand{font-size:18px;letter-spacing:2px}.brand-mark{font-size:38px}.brand small{letter-spacing:2.4px;font-size:8px}.top-actions button{border-radius:18px;padding:8px 13px;background:#12212bbc;border-color:#b8d2de26}.live{font-size:10px;letter-spacing:1.3px}.location{top:101px;right:36px;padding:10px 16px;border-right:2px solid var(--hall-accent);background:linear-gradient(90deg,transparent,#0b1c2780);gap:12px}.location>span{font-size:24px;color:var(--hall-accent)}.intro{left:5%;top:25%;max-width:470px}.intro:before{content:'';position:absolute;inset:-90px -70px -85px -80px;background:radial-gradient(ellipse at 32% 48%,#06121bc9,transparent 74%);z-index:-1}.intro h1{font-weight:500;font-size:clamp(34px,3.7vw,53px);line-height:1.45;letter-spacing:1.5px}.intro em{color:#b5ebe2}.intro p{font-size:13px;letter-spacing:.3px}.intro .primary{border-radius:24px;padding:13px 24px;min-width:190px;box-shadow:0 8px 30px #0a39354a}.intro .reader-entry{border-radius:16px;padding:8px 13px;font-size:10px;margin-right:7px;background:#132531a8}.intro-note{opacity:.75}body:has(.intro:not(.fade)) .journey-toggle,body:has(.intro:not(.fade)) .map-toggle{visibility:hidden}.dock{bottom:42px;border-radius:20px;padding:6px;background:linear-gradient(140deg,#203440ed,#0b1b27eb);border-color:#bbd5df30;box-shadow:0 15px 45px #0006,inset 0 1px 0 #ffffff0d}.dock button{border-radius:14px;padding:12px 16px;gap:9px}.dock button>span{font-size:22px}.dock button.active{border-color:color-mix(in srgb,var(--hall-accent) 32%,transparent);background:color-mix(in srgb,var(--hall-accent) 10%,transparent)}.dock button.active>span{color:var(--hall-accent)}.bottom-hint{bottom:12px;font-size:9px}.hall-path{border-radius:16px;padding:17px;background:linear-gradient(150deg,#203441e8,#0c1c28ed);border-color:#a8c9d12b;box-shadow:0 12px 40px #0002;backdrop-filter:blur(16px)}.hall-path h2{font-weight:500;letter-spacing:.5px}.hall-path #station-list button{border-radius:9px;padding:12px 10px}.hall-path #station-list .selected{background:color-mix(in srgb,var(--hall-accent) 11%,transparent);border-color:color-mix(in srgb,var(--hall-accent) 28%,transparent)}.hall-path #station-list span{border-color:#c6dce62e;color:var(--hall-accent)}.lab{width:354px;padding:24px;border-radius:18px;background:linear-gradient(155deg,#20323fef,#0d1d2aef);border-color:#afccd63d;box-shadow:0 20px 65px #0005,inset 0 1px 0 #ffffff08}.lab h2{font-size:23px;line-height:1.45;letter-spacing:.4px}.lab-heading{padding-bottom:8px;border-bottom:1px solid #b6d0da15}.lab-heading .eyebrow{color:var(--hall-accent);font-size:9px}.lab p{color:#c0d0da}.lab .primary{background:var(--hall-accent);border-radius:10px}.lab .secondary{border-radius:9px;padding:10px 12px;background:#12273580;font-size:11px}.result{border-radius:0 9px 9px 0;background:#132f3780;border-left-color:var(--hall-accent)}.lab label span{color:var(--hall-accent)}input[type=range]{accent-color:var(--hall-accent)}.voice-player{border-radius:14px;background:linear-gradient(145deg,#203741f0,#10232ff0);border-color:#bbd4de33}.hall-picker{border-radius:24px;background:linear-gradient(135deg,#203744,#0c1c29 65%);border-color:#b6d3df38}.hall-cards>button{border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a;background:linear-gradient(150deg,#2a424d50,#12263585)}.hall-cards>button:hover{transform:translateY(-3px);border-color:var(--mint)}.hall-card-number{font-weight:400;opacity:.8}.guide-launcher,.journey-toggle,.map-toggle{border-radius:13px;background:#172f3bdc;border-color:#c2d9df30}.humanoid-note{font-size:11px;line-height:1.7;color:#c0d4db}#lab-controls:has(.humanoid-note)>button{display:block;width:100%;margin-top:8px}
@media(max-width:650px){.topbar{padding:0 16px;height:75px}.brand{font-size:14px;gap:8px;letter-spacing:1px}.brand-mark{font-size:27px}.brand small{font-size:6px;letter-spacing:1.5px}.top-actions button{font-size:10px;padding:7px 9px!important}.intro{top:25%;left:7%;max-width:85%}.intro h1{font-size:34px}.intro p{font-size:12px}.intro .reader-entry{font-size:9px}.location{top:184px;right:13px;padding:6px 9px}.location>span{font-size:20px}.location small{display:none}.dock{bottom:28px;padding:5px;border-radius:16px}.dock button{padding:8px 5px;border-radius:11px;gap:4px}.dock button>span{font-size:19px}.dock button div{font-size:9px}.hall-path{top:91px;padding:10px;border-radius:14px}.hall-path #station-list button{padding:6px 3px;font-size:9px;gap:4px}.hall-path #station-list span{width:20px;height:20px;line-height:18px}.lab{top:227px;right:12px;width:min(320px,calc(100% - 24px));padding:18px;max-height:calc(100dvh - 330px)}.lab h2{font-size:20px}.lab p{font-size:11px;line-height:1.8}.hall-cards>button:hover{transform:none}.guide-launcher{border-radius:12px}.bottom-hint{bottom:7px}.hall-picker{padding:22px}.lab-open .voice-player{bottom:111px}.voice-player{border-radius:12px}}
@media(prefers-reduced-motion:reduce){button,.hall-cards>button{transition:none}.hall-cards>button:hover{transform:none}}

.intro{isolation:isolate}

.voice-panel-collapsed #voice-player{display:none!important}.voice-panel-close{white-space:nowrap}.voice-panel-collapsed.lab-open .lab{max-height:calc(100dvh - 325px)}@media(max-width:650px){.voice-panel-collapsed.lab-open .lab{max-height:calc(100dvh - 330px)}#voice-panel-toggle{font-size:9px;padding:7px 8px!important}}