:root{color-scheme:light;--ink:#293a35;--paper:#f7f3e9;--sage:#687d65;--accent:#a34e35;--line:rgba(57,68,51,.17)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#e5dfcf}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b06a45;outline-offset:4px}button:disabled{cursor:wait}#app,#view,#view canvas{position:absolute;inset:0;width:100%;height:100%}#view canvas{display:block;touch-action:none;outline:none}#view{transition:filter .7s}.loading #view{filter:blur(5px)}
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:25px 32px;pointer-events:none;background:linear-gradient(180deg,rgba(247,243,233,.95),rgba(247,243,233,.7) 60%,transparent)}.topbar>*{pointer-events:auto}.identity{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand-logo{display:block;width:72px;height:42px;object-fit:contain;flex:none}.contact-link{display:flex;align-items:center;gap:14px;min-height:36px;padding:10px 15px;border:1px solid #526c5b;border-radius:25px;background:#526c5b;color:#fffdf6;text-decoration:none;font-size:11px;white-space:nowrap;transition:background .2s}.contact-link:hover{background:#3e5748}.contact-link>span:last-child{font-size:16px;line-height:1}.identity strong{font-family:Georgia,serif;font-weight:normal;font-size:24px;display:block;letter-spacing:-.7px}.identity small{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.live-pill{display:flex;align-items:center;gap:8px;background:rgba(247,243,233,.85);border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:11px;letter-spacing:.5px}.live-pill i,.note-dot{width:6px;height:6px;border-radius:50%;background:#78916b;display:inline-block}.icon-button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:var(--ink);background:rgba(247,243,233,.92);font-size:18px}
.welcome{position:absolute;z-index:4;left:5%;top:50%;transform:translateY(-46%);max-width:400px;padding:30px 32px 26px;background:rgba(247,243,233,.96);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);box-shadow:0 15px 70px rgba(42,43,33,.12);border-radius:3px 44px 3px 3px;transition:opacity .4s,transform .4s}.welcome.hidden{opacity:0;pointer-events:none;transform:translateY(-42%)}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#8b735c;font-weight:600}.welcome h1{font-family:Georgia,serif;font-weight:normal;font-size:43px;line-height:1.06;letter-spacing:-1.8px;margin:19px 0}.welcome p{font-size:13px;line-height:1.7;color:#6f776a;margin:0 0 23px;max-width:300px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);border:0;border-radius:4px;padding:16px 19px;width:100%;font-size:12px;letter-spacing:.3px;transition:background .2s}.primary-button:hover:not(:disabled){background:#41594d}.primary-button>span:last-child{font-size:21px;line-height:14px}.primary-button:disabled{opacity:.65}.load-track{height:2px;background:#dddccf;width:100%;margin:13px 0 7px;overflow:hidden}.load-track>div{height:100%;background:#a34e35;width:0;transition:width .3s}.welcome .load-status{font-size:10px;margin:0 0 20px;color:#8b8c80}.welcome-controls{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:10px;color:#8a8f81;line-height:1.7}kbd{font:inherit;border:1px solid #bfc4b5;border-radius:3px;padding:1px 4px;margin-right:2px;color:#5e6b59;background:#f8f5ee}
.scene-note{position:absolute;top:105px;right:35px;display:flex;align-items:center;gap:8px;background:rgba(247,243,233,.85);backdrop-filter:blur(12px);padding:9px 12px;border-radius:20px;font-size:10px;color:#6a7363;pointer-events:none}.scene-note .note-dot{background:#c99546}.room-nav{position:absolute;z-index:3;bottom:77px;left:32px;right:32px;display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.nav-caption{font-size:9px;letter-spacing:1.9px;text-transform:uppercase;color:#eae8dd;text-shadow:0 1px 5px #394a42}.spot-buttons{display:flex;gap:5px;padding:5px;background:rgba(247,243,233,.94);border:1px solid rgba(255,255,255,.6);border-radius:30px;box-shadow:0 5px 30px rgba(47,55,43,.14);backdrop-filter:blur(12px);pointer-events:auto}.spot-buttons button{border:0;background:transparent;border-radius:25px;font-size:11px;color:#6a7363;padding:11px 16px;white-space:nowrap;transition:background .2s}.spot-buttons button:hover,.spot-buttons button.active{background:#dfe6d8;color:#314836}.walk-toolbar{position:absolute;z-index:3;bottom:23px;left:32px;right:32px;display:flex;justify-content:center;gap:8px}.walk-toolbar button{font-size:10px;color:#42503d;border:1px solid rgba(247,243,233,.5);background:rgba(247,243,233,.9);border-radius:20px;padding:9px 13px;backdrop-filter:blur(8px)}.walk-toolbar button[aria-pressed=true]#low-button{background:#d7e1ca}.walk-toolbar button span[aria-hidden]{font-size:13px;margin-right:4px}.keyboard-hint{position:absolute;z-index:2;bottom:28px;right:26px;display:flex;gap:12px;font-size:9px;color:#e9e6d9;text-shadow:0 1px 4px #344336;pointer-events:none}.keyboard-hint kbd{background:rgba(247,243,233,.88);font-size:9px;text-shadow:none}.walking .welcome{display:none}#reticle{position:absolute;top:50%;left:50%;width:4px;height:4px;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 2px #344336;pointer-events:none;opacity:0}.walking #reticle{opacity:.55}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,70px);z-index:8;border-radius:30px;padding:11px 18px;background:rgba(42,55,46,.9);color:#f8f4e9;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
dialog{max-width:420px;border:1px solid #ddd8cb;background:var(--paper);color:var(--ink);padding:34px;border-radius:6px 35px 6px 6px;box-shadow:0 20px 100px #1b281a66}dialog::backdrop{background:#23352566;backdrop-filter:blur(5px)}dialog h2{font:normal 28px Georgia,serif;letter-spacing:-.5px}dialog p{font-size:13px;line-height:1.75;color:#65705e}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:none;font-size:25px;color:#67745f}.mobile-stick,.touch-hint{display:none}.mobile-stick{position:absolute;left:25px;bottom:160px;width:104px;height:104px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(246,242,231,.2);backdrop-filter:blur(5px);touch-action:none;z-index:4}.mobile-stick:before,.mobile-stick:after{content:'';position:absolute;background:rgba(255,255,255,.35)}.mobile-stick:before{width:1px;height:65%;left:50%;top:17.5%}.mobile-stick:after{height:1px;width:65%;top:50%;left:17.5%}#stick-knob{position:absolute;left:32px;top:32px;width:38px;height:38px;border-radius:50%;background:rgba(247,243,233,.85);border:1px solid rgba(255,255,255,.8);box-shadow:0 3px 12px #283c3033;pointer-events:none}.touch-hint{position:absolute;right:25px;bottom:207px;font-size:10px;color:white;max-width:120px;text-align:center;text-shadow:0 1px 4px #233e2c;pointer-events:none}
@media(max-width:1250px){.keyboard-hint{bottom:135px;left:0;right:0;justify-content:center}.room-nav{bottom:75px}}
@media(max-width:700px){.topbar{padding:17px 18px}.brand-logo{width:58px;height:34px}.identity{gap:10px}.contact-link{position:absolute;top:119px;right:18px;font-size:10px;min-height:36px;padding:9px 12px;gap:12px}.identity strong{font-size:21px}.identity small{font-size:8px;letter-spacing:1.3px}.top-actions{gap:6px}.live-pill{font-size:9px;padding:7px 9px}.icon-button{width:30px;height:30px;font-size:16px}.scene-note{top:83px;right:18px;font-size:9px;padding:7px 10px}.welcome{left:20px;right:20px;max-width:360px;top:47%;padding:25px;border-top-right-radius:35px}.welcome h1{font-size:36px}.welcome p{font-size:12px}.welcome-controls{display:none}.room-nav{left:0;right:0;bottom:77px;align-items:flex-start;overflow:hidden;padding-left:15px}.nav-caption{padding-left:8px}.spot-buttons{max-width:100%;overflow-x:auto;border-radius:24px;scrollbar-width:none;gap:0;padding:4px}.spot-buttons::-webkit-scrollbar{display:none}.spot-buttons button{padding:10px 12px;font-size:10px}.walk-toolbar{left:12px;right:12px;bottom:22px;gap:5px}.walk-toolbar button{padding:9px 11px;font-size:9px}.keyboard-hint{display:none}.walking .mobile-stick,.walking .touch-hint{display:block}.welcome .eyebrow{font-size:8px;letter-spacing:1.4px}.welcome .load-status{margin-bottom:0}dialog{margin:25px;padding:27px}.mobile-stick{bottom:158px}.walking .scene-note{opacity:.85}}
@media(max-width:480px){.live-pill{display:none}.identity strong{font-size:20px}.identity small{font-size:7px;letter-spacing:1.1px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}