:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#42392c;background:#f4f3ef;font-synthesis:none;--green:#806642;--muted:#92816a;--line:#e0d6c8;--gold:#ac9162}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;border-radius:9px;min-height:40px;padding:8px 13px;transition:background .16s,box-shadow .16s}button:hover{background:#ece3d5}button:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid #ba995b;outline-offset:3px}button:disabled{cursor:wait;opacity:.5}button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#614c30}[hidden]{display:none!important}header{height:82px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:15px;align-items:center}.brand-mark{font-family:Georgia,serif;font-size:37px;letter-spacing:-4px;border-right:1px solid var(--line);padding-right:20px}.brand strong{font-size:16px;font-weight:600}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2px;color:var(--muted)}.header-right{display:flex;gap:20px;align-items:center}.edition{font-size:12px;color:var(--muted)}.quiet{border:0;background:transparent;font-size:13px}main{height:calc(100dvh - 82px);display:grid;grid-template-columns:296px minmax(0,1fr)}.sidebar{background:#faf7f0;padding:28px 22px 16px;overflow:auto;display:flex;flex-direction:column;border-right:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--gold)}h1{font-size:25px;letter-spacing:-1px;margin:9px 0}p.intro{font-size:12px;color:var(--muted);margin:0 0 25px}fieldset{border:0;margin:0;padding:0}legend,.section-label{font-size:11px;color:var(--muted);margin-bottom:10px}.route-card{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:15px 12px;margin-bottom:9px;background:#fff;border-radius:12px}.route-card strong{font-size:13px;font-weight:600;display:block}.route-card small{display:block;font-size:10px;margin-top:7px;opacity:.75}.route-number{align-self:flex-start;font:12px Georgia,serif;color:var(--gold);margin-top:2px}.route-arrow{margin-left:auto;font-size:18px;opacity:.7}.section-label{margin-top:20px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f1eadd;gap:3px}.segmented button{border:0;background:transparent;flex:1;font-size:12px;min-height:34px;white-space:nowrap;padding:6px 12px}.segmented button[aria-pressed=true]{background:white;color:var(--green);box-shadow:0 1px 5px #42392c17}.route-label{display:flex;justify-content:space-between}.route-label span{font-size:9px;opacity:.75}#checkpoints{position:relative;margin:2px 0 20px}#checkpoints:before{content:"";position:absolute;top:20px;bottom:20px;left:9px;width:1px;background:var(--line)}.checkpoint{display:flex;align-items:center;gap:13px;border:0;background:transparent;width:100%;text-align:left;padding:7px 0;min-height:39px;font-size:12px}.checkpoint i{width:19px;height:19px;font:9px/19px sans-serif;text-align:center;border:1px solid var(--line);border-radius:50%;background:#faf7f0;z-index:1;font-style:normal}.checkpoint.active{font-weight:600;color:var(--green)}.checkpoint.active i{background:var(--green);color:white;border-color:var(--green)}.sidebar-bottom{margin-top:auto;font-size:9px;display:flex;gap:7px;align-items:center;color:#839089}.live-dot{height:5px;width:5px;background:#8b9e7a;border-radius:50%}.experience{position:relative;min-width:0;overflow:hidden;background:#d4dadb}#viewport{position:absolute;inset:0;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}#viewport canvas{display:block;width:100%;height:100%}.top-tools{position:absolute;top:20px;left:24px;display:flex;gap:8px}.top-tools .segmented{background:#f9faf8f2;box-shadow:0 3px 18px #10282212}#locationBadge{position:absolute;top:23px;right:24px;display:flex;align-items:center;gap:8px;background:#faf7f0f2;border:1px solid #ffffff90;padding:6px 11px 6px 6px;border-radius:9px;font-size:11px}#floorBadge{padding:5px 7px;background:#806642;color:white;border-radius:5px;font-size:10px}.scene-tools{position:absolute;left:24px;top:75px;display:flex;gap:6px}.scene-tools button{font-size:11px;min-height:33px;padding:6px 11px;background:#f9faf8ed}.minimap{position:absolute;right:24px;bottom:226px;width:210px;border:1px solid #fff8;background:#fcfdfbf0;border-radius:12px;box-shadow:0 6px 25px #142c3b12;overflow:hidden}.minimap>div{display:flex;justify-content:space-between;padding:12px 12px 0;align-items:center}.minimap strong{font-size:10px;font-weight:600}.minimap span{font-size:8px;color:var(--muted)}#miniCanvas{display:block;width:100%;height:151px}.playback{position:absolute;bottom:22px;left:24px;right:24px;max-width:900px;margin:auto;padding:20px 23px 15px;background:#fffffff5;border:1px solid #fff9;border-radius:16px;box-shadow:0 8px 40px #173f4122}.now-row{display:flex;justify-content:space-between;align-items:center}.now-row strong{display:block;font-size:19px;margin-top:6px}.now-row p{font-size:11px;color:var(--muted);margin:6px 0 9px}#progressText{font:26px Georgia,serif;color:var(--green)}#progress{width:100%;height:19px;accent-color:var(--green);cursor:pointer;margin:0}.controls{display:flex;gap:8px;align-items:center;margin-top:6px}.controls .primary{min-width:116px;font-size:12px}.icon-button{font-size:23px;padding:0;width:39px;border:0}.step-button{font-size:11px;border:0}.drag-hint{margin-left:auto;color:var(--muted);font-size:10px}#arrivalCard{position:absolute;top:130px;left:24px;padding:22px;border-radius:15px;background:#fffffff5;box-shadow:0 5px 25px #183e301f}#arrivalCard h2{font-size:21px;margin:10px 0}#arrivalCard p{font-size:11px;color:var(--muted)}#arrivalCard button{font-size:12px;margin-top:7px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f3eee5;z-index:10}.loading-mark{font:65px Georgia,serif;letter-spacing:-6px;color:var(--green)}#loading h2{font-size:17px;font-weight:500;margin:25px 0 0}#loading p{font-size:12px;color:var(--muted)}#loading progress{width:200px;height:4px;accent-color:var(--green);margin-top:15px}#retry{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{padding:0;border:0;border-radius:14px;color:#42392c;max-width:min(900px,94vw);width:650px;max-height:92dvh;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#152b2adb;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:17px;margin:0}.dialog-head button{border:0;font-size:25px;min-width:40px}.dialog-content{padding:6px 25px 22px;line-height:1.9;font-size:13px}.dialog-content hr{border:0;border-top:1px solid var(--line)}.note{font-size:11px;color:var(--muted)}#photoDialog{width:900px}#photoImage{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto}.photo-note,#vrStatus{padding:0 20px 10px;color:var(--muted);font-size:11px}#vrDialog{width:1000px}#vrHost{height:65dvh;min-height:300px}#vrHost canvas{display:block;width:100%;height:100%}
@media(min-width:1550px){main{grid-template-columns:330px 1fr}.sidebar{padding:34px 28px}.route-card{padding:18px 13px}.checkpoint{min-height:45px}}
@media(max-height:780px) and (min-width:761px){header{height:68px}main{height:calc(100dvh - 68px)}.sidebar{padding-top:20px}.intro{margin-bottom:18px!important}.section-label{margin-top:13px}.checkpoint{min-height:33px}.minimap{width:175px;bottom:213px}#miniCanvas{height:126px}.playback{padding:14px 19px 12px}}
@media(max-width:1000px){main{grid-template-columns:250px 1fr}.sidebar{padding:24px 16px}.route-card{gap:7px;padding:14px 9px}.route-card small{font-size:9px}.route-arrow{display:none}.drag-hint{display:none}.minimap{width:170px}#miniCanvas{height:122px}.top-tools{left:16px;top:16px}#locationBadge{right:16px;top:70px}.scene-tools{left:16px;top:64px;flex-direction:column}.playback{left:16px;right:16px}.top-tools .segmented button{padding:6px 9px}}
@media(max-width:760px){header{height:62px;padding:0 15px}.brand-mark{font-size:28px;padding-right:15px}.brand{gap:10px}.brand strong{font-size:13px}.brand small{font-size:7px;letter-spacing:1.3px}.edition{display:none}.quiet{font-size:11px;padding:5px}main{height:calc(100dvh - 62px);display:flex;flex-direction:column}.sidebar{flex:none;display:block;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar h1,.sidebar .intro,.sidebar .section-label,.sidebar-bottom,#checkpoints,legend{display:none}#routeChoices{display:flex;gap:7px}.route-card{margin:0;padding:10px 8px;min-height:54px;flex:1;gap:6px}.route-card strong{font-size:10px}.route-card small{font-size:8px;margin-top:4px}.route-number{font-size:10px}#layoutChoices{width:170px;margin:7px auto 0;padding:1px}#layoutChoices button{min-height:26px;font-size:10px;padding:3px 7px}.experience{flex:1;min-height:320px}.top-tools{left:10px;top:10px;gap:4px}.segmented button{font-size:10px;min-height:30px;padding:6px 8px}.top-tools .segmented button{padding:5px 6px}.scene-tools{left:10px;top:55px;gap:4px}.scene-tools button{min-height:30px;padding:4px 8px;font-size:9px}#locationBadge{top:57px;right:10px;font-size:9px;padding:4px;gap:5px}.minimap{right:10px;bottom:190px;width:126px}.minimap>div{padding:9px 8px 0}.minimap span{display:none}.minimap strong{font-size:9px}#miniCanvas{height:90px}.playback{bottom:10px;left:10px;right:10px;padding:12px 13px 9px;border-radius:12px}.now-row strong{font-size:16px}.now-row p{font-size:10px;line-height:1.5;max-width:260px}.now-row .eyebrow{font-size:8px}.controls{justify-content:center;gap:4px}.controls .primary{min-width:103px;font-size:11px}.step-button{font-size:10px;padding:6px 9px}#progressText{font-size:22px}#arrivalCard{top:135px;left:10px;padding:15px;max-width:225px}#arrivalCard h2{font-size:17px}#arrivalCard p{font-size:10px}#arrivalCard .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* V14 uses the accepted warm material preview palette with the complete route controls. */
header{background:#f7f3ec;height:74px}.brand-mark{color:#5a4830}.sidebar{padding:23px 20px 14px;background:#faf7f0}main{height:calc(100dvh - 74px);grid-template-columns:282px minmax(0,1fr)}h1{font-family:"SimSun",serif;font-weight:400;font-size:25px;margin:10px 0}.route-card{padding:12px 10px}.route-card small{font-size:9px}.section-label{margin-top:12px;margin-bottom:7px}.checkpoint{min-height:31px;padding:5px 0;font-size:11px}.checkpoint i{background:#faf7f0}.playback{border-radius:12px;padding:16px 20px 12px}.now-row strong{font-size:17px}.scene-tools{gap:5px}.scene-tools button{background:#fcfaf4ef}.top-tools .segmented{background:#faf7f0ef}.sidebar p.intro{margin-bottom:17px}.route-label{margin-top:15px}#checkpoints{margin-bottom:12px}.segmented button[aria-pressed=true]{color:#705835}#floorBadge{background:#806642}#locationBadge{background:#faf7f0ef}.minimap{background:#faf7f0ef}#loading{background:#f5f0e7}#photoImage{background:#221c15}#arrivalCard{max-width:270px}#materialChoices{margin-bottom:2px}#progressText{color:#806642}.sidebar-bottom{color:#9c8b74}
@media(min-width:1550px){main{grid-template-columns:292px 1fr}.sidebar{padding:25px 22px 14px}.checkpoint{min-height:31px}.route-card{padding:13px 11px}}
@media(max-height:850px) and (min-width:761px){.sidebar{padding:15px 17px 12px}.sidebar>.eyebrow,.sidebar-bottom{display:none}.checkpoint{min-height:26px}.section-label{margin-top:9px}.route-card{padding:10px}.sidebar p.intro{margin-bottom:12px}h1{font-size:23px}header{height:66px}main{height:calc(100dvh - 66px)}}
@media(max-width:1000px) and (min-width:761px){main{grid-template-columns:240px 1fr}.sidebar{padding:18px 15px}}
@media(max-width:760px){header{height:62px}main{height:calc(100dvh - 62px)}.sidebar{padding:9px 12px}.sidebar p.intro{display:none}#materialChoices{width:180px;margin:6px auto 0}#materialChoices button{min-height:25px;font-size:10px;padding:3px 5px}.scene-tools{gap:4px}.checkpoint{min-height:30px}}
/* Screen-space guidance stays visible while the user looks around. */
#navigationHud{position:absolute;z-index:3;top:88px;right:24px;display:flex;align-items:center;gap:13px;width:246px;padding:14px 16px 14px 13px;border:1px solid #cfb47b;border-radius:16px;background:#fffaf1f5;box-shadow:0 5px 26px #33241235;pointer-events:none;color:#453721}
.navigation-dial{width:68px;height:68px;flex:none;border-radius:50%;background:linear-gradient(145deg,#aa8248,#6f512a);border:3px solid #e9d7b3;box-shadow:0 2px 7px #4f361b30;display:grid;place-items:center}
.navigation-dial svg{grid-area:1/1;width:52px;height:52px;transform-origin:center;filter:drop-shadow(0 2px 2px #35210f55)}
.navigation-arrow path{fill:#fffdf5;stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.navigation-check path{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.navigation-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.navigation-label{font-size:10px;color:#8b6c3f;letter-spacing:1px}.navigation-copy strong{font-size:16px;line-height:1.35}.navigation-instruction{font-size:12px;line-height:1.4;color:#695636}#navigationHud[data-mode=arrived] .navigation-dial{background:#497661;border-color:#c8e2d2}
@media(max-width:1100px){#navigationHud{top:120px;right:16px;width:216px;padding:11px;gap:9px}.navigation-dial{width:58px;height:58px}.navigation-dial svg{width:44px;height:44px}.navigation-copy strong{font-size:14px}.navigation-instruction{font-size:11px}}
@media(max-width:760px){#navigationHud{top:102px;right:10px;width:190px;padding:9px;gap:8px}.navigation-dial{width:48px;height:48px}.navigation-dial svg{width:38px;height:38px}.navigation-copy strong{font-size:12px}.navigation-instruction{font-size:10px}.navigation-label{font-size:9px}}

/* V14.2 attendee planning and live playback speed. */
#seatingForm{margin-top:11px}#seatingForm label{display:block;font-size:11px;margin-bottom:6px;color:var(--muted)}.seating-input-row{display:flex;align-items:center;gap:6px}.seating-input-row input{min-width:0;width:72px;flex:1;border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 8px;color:inherit}.seating-input-row>span{font-size:11px;color:var(--muted)}.seating-input-row button{font-size:11px;padding:8px 11px;min-height:37px}#seatingForm p{font-size:10px;line-height:1.5;margin:5px 0 0}#seatingHint{color:var(--muted)}#seatingStatus{color:#5a7354}#seatingError{color:#ac392b}#seatingError:empty{display:none}input[aria-invalid=true]{border-color:#ac392b}.speed-control{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-left:6px;white-space:nowrap}.speed-control select{font:inherit;border:1px solid var(--line);border-radius:7px;background:#f9f5ed;color:#604b31;min-height:35px;padding:5px 6px}select:focus-visible{outline:3px solid #ba995b;outline-offset:3px}@media(max-width:760px){#seatingForm{max-width:320px;margin:6px auto 0}#seatingForm>label{display:none}.seating-input-row input{padding:5px 8px}.seating-input-row button{min-height:30px;padding:4px 9px}#seatingHint{display:none}#seatingStatus{margin:3px 0!important;text-align:center}.speed-control{margin-left:0;font-size:9px;gap:2px}.speed-control select{min-height:30px;padding:3px}.controls .step-button{padding:5px}.controls{gap:2px}#materialChoices{display:none}}