:root{color:#e8f0f2;font-synthesis:none;text-rendering:optimizelegibility;--muted:#a3b4bc;--line:#ffffff17;--accent:#f3b879;background:#172a35;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,select,a{touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #f3b879}button{color:inherit}svg{flex-shrink:0}select{color:#eaf1f3;background:#253c48;border:1px solid #ffffff20;border-radius:8px;max-width:100%;padding:10px 28px 10px 12px}option{background:#253c48}.hotel{background:#172a35;flex-direction:column;min-height:100svh;display:flex}.topbar{border-block-end:1px solid var(--line);align-items:center;gap:30px;height:84px;padding:0 38px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:12px;font-size:24px;font-weight:750;display:flex}.brand-mark{color:#263d47;background:#f2b776;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand-dot{color:var(--accent)}.header-room{color:var(--muted);align-items:center;gap:22px;font-size:14px;display:flex}.thin-divider{background:var(--line);width:1px;height:23px}.mode-chip{color:#c6d0d5;border:1px solid #ffffff24;border-radius:5px;padding:6px 9px;font-size:12px}.top-actions{align-items:center;gap:15px;margin-inline-start:auto;display:flex}.language select{background:0 0;border:none;max-width:240px;font-size:14px}.icon-button{background:#ffffff06;border:1px solid #ffffff20;border-radius:12px;place-items:center;width:42px;height:42px;transition:background .18s;display:inline-grid}.icon-button:hover{background:#ffffff12}.visitor-avatar{color:#e1b996;background:#39545f;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.room-layout{flex:1;grid-template-columns:300px minmax(0,1fr);min-height:640px;display:grid}.room-info{border-inline-end:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:52px 28px 28px 38px;display:flex}.eyebrow{letter-spacing:1.7px;color:#acbdc2;font-size:11px;font-weight:650;line-height:1.7}.room-info h1{letter-spacing:-2.1px;margin:20px 0 18px;font-size:46px;font-weight:650;line-height:1.1}.title-period{color:var(--accent)}.intro{color:#b4c2c8;max-width:230px;margin:0;font-size:15px;line-height:1.85}.room-tags{color:#b7c8cc;flex-wrap:wrap;gap:15px;margin-top:25px;font-size:12px;display:flex}.room-tags>span{align-items:center;gap:6px;display:flex}.room-card{background:#ffffff03;border:1px solid #ffffff16;border-radius:12px;width:100%;margin-top:36px;padding:18px}.card-heading{align-items:center;gap:12px;font-size:14px;display:flex}.room-monogram{color:#e7cbab;letter-spacing:1px;background:#456763;border-radius:6px;place-items:center;width:42px;height:46px;font-size:12px;display:grid}.card-heading small{color:#9eb1b8;margin-top:5px;font-size:12px;display:block}.room-card p{color:#aebec4;margin:15px 0 0;font-size:13px;line-height:1.8}.local-note{gap:11px;margin-top:24px;display:flex}.note-line{background:#c29d73;flex-shrink:0;width:2px;margin:4px 0}.local-note p{color:#9fb2bb;margin:0;font-size:12px;line-height:1.8}.room-info-bottom{color:#9cb1b9;align-items:center;gap:12px;margin-top:auto;padding-top:30px;font-size:12px;display:flex}.tiny-cross{color:#edb880;font-size:22px}.room-stage{background:radial-gradient(at 56% 43%,#456370 0%,#314d5a 42%,#243d4b 78%);min-width:0;min-height:640px;position:relative;overflow:hidden}.night .room-stage{background:radial-gradient(at 56% 43%,#354568 0%,#29384d 42%,#1b2c3c 78%)}.stage-heading{top:36px;pointer-events:none;z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset-inline:36px}.stage-heading .eyebrow{color:#b5c7cd;font-size:10px}.stage-heading h2{letter-spacing:-.5px;margin:7px 0;font-size:21px;font-weight:450}.stage-number{letter-spacing:-2px;color:#c3d6dc46;font-size:39px;font-weight:300}.canvas-wrap{padding-top:35px;position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-wrap canvas:focus-visible{outline-offset:-6px}.stage-corner{inset-inline-start:32px;color:#c6d3d8;pointer-events:none;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:30px}.status-dot{background:#d6b277;border-radius:50%;width:6px;height:6px}.status-dot.ready{background:#abd3bc}.camera-tools{inset-inline-end:30px;gap:9px;display:flex;position:absolute;bottom:24px}.camera-tools .icon-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#243b4bd9}.bottom-bar{border-top:1px solid var(--line);color:#aebfc6;align-items:center;gap:30px;height:76px;padding:0 38px;font-size:12px;display:flex}.walk-hint{align-items:center;gap:13px;display:flex}.keycaps{gap:4px;display:flex}.keycaps kbd{color:#d1dcdf;border:1px solid #ffffff24;border-bottom-width:3px;border-radius:4px;place-items:center;width:23px;height:24px;font:11px inherit;display:grid}.hint-dot{color:#64818e;margin-inline:14px}.lighting-switch{background:#0e222d;border:1px solid #ffffff12;border-radius:10px;gap:4px;margin-inline-start:auto;padding:4px;display:flex}.lighting-switch button{color:#9cafb9;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lighting-switch button[aria-pressed=true]{color:#f2d1a8;background:#354d58;box-shadow:0 2px 6px #0002}.scene-notice{z-index:2;text-align:center;background:#263e4eef;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.scene-notice p{max-width:460px;line-height:1.7}.primary-button{color:#263b46;background:#f1b778;border:none;border-radius:9px;padding:13px 20px;font-size:14px;font-weight:600}.primary-button:hover{background:#ffcb92}.settings-dialog{color:#e8f0f2;background:#203946;border:1px solid #7c949c;border-radius:18px;width:min(460px,100% - 32px);max-height:85svh;padding:0;box-shadow:0 30px 100px #0006}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081921aa}.dialog-inner{padding:25px}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-heading h2{margin:0;font-size:23px;font-weight:550}.settings-content{gap:18px;margin-block:28px;display:grid}.settings-content label{gap:9px;font-size:14px;display:grid}.settings-content p,.help-content p{color:#c4d1d7;margin:0;font-size:14px;line-height:1.7}.settings-content .preference-note{color:#9fb4bd;font-size:12px}.help-content{gap:17px;margin-block:25px;display:grid}.dialog-inner>.primary-button{width:100%}.touch-pad{bottom:82px;grid-template-rows:repeat(2,32px);grid-template-columns:repeat(3,32px);gap:3px;display:grid;position:absolute;inset-inline-end:30px}.direction{color:#c4d5db;touch-action:none;background:#253e4cba;border:1px solid #ffffff25;border-radius:7px;place-items:center;display:grid}.direction.up{grid-column:2}.direction.left{grid-area:2/1}.direction.down{grid-area:2/2}.direction.right{grid-area:2/3}.direction.left svg{transform:rotate(-90deg)}.direction.down svg{transform:rotate(180deg)}.direction.right svg{transform:rotate(90deg)}.direction:active{color:#213844;background:#f2b776}.storage-notice{z-index:10;background:#263d49;border:1px solid #f2b776;border-radius:9px;max-width:90%;padding:15px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;color:#172a35;background:#f2b776;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}@media (min-width:1500px){.room-layout{grid-template-columns:350px 1fr}.room-info{padding-inline:45px}.room-stage{min-height:740px}.intro{max-width:260px}.room-info h1{font-size:54px}}@media (max-width:1050px){.topbar{gap:16px;padding-inline:24px}.header-room{display:none}.room-layout{grid-template-columns:250px minmax(0,1fr)}.room-info{padding:38px 24px}.room-info h1{font-size:38px}.stage-heading{inset-inline:24px}.bottom-bar{gap:20px;padding-inline:24px}.desktop-hint{display:none}}@media (max-width:720px){.topbar{height:70px;padding-inline:16px}.brand{gap:8px;font-size:22px}.brand-mark{border-radius:9px;width:33px;height:36px}.visitor-avatar{display:none}.top-actions{gap:4px}.language select{width:132px;padding-inline:4px;font-size:12px}.topbar .icon-button{width:35px;height:35px}.room-layout{flex-direction:column;flex:1;min-height:0;display:flex}.room-info{border-inline-end:0;border-block-end:1px solid var(--line);padding:23px 22px 18px}.room-info .eyebrow{font-size:10px}.room-info h1{margin:6px 0 8px;font-size:34px}.intro{max-width:100%;font-size:14px;line-height:1.7}.room-tags{margin-top:13px}.room-card,.room-info-bottom{display:none}.local-note{margin-top:16px}.local-note p{font-size:12px}.room-stage{flex:1;min-height:450px}.stage-heading{top:18px;inset-inline:22px}.stage-heading h2{font-size:18px}.stage-number{font-size:30px}.canvas-wrap{padding-top:20px}.stage-corner{bottom:22px;inset-inline-start:22px}.camera-tools{bottom:14px;inset-inline-end:18px}.touch-pad{bottom:70px;inset-inline-end:18px}.bottom-bar{flex-wrap:wrap;gap:12px;height:auto;min-height:74px;padding:12px 16px}.walk-hint{gap:6px;font-size:11px}.lighting-switch button{gap:5px;padding:9px 8px;font-size:11px}.keycaps{gap:2px}.keycaps kbd{width:19px;height:22px}.stage-corner{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}