:root{--ink:#363330;--paper:#faf9f6;--glass:rgba(36,33,29,.85);--line:rgba(255,255,255,.22);--accent:#cab994}*{box-sizing:border-box}body{margin:0;background:#282621;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e7c984;outline-offset:3px}button{border:0}button:disabled{cursor:wait}button:hover{filter:brightness(1.14)}[hidden]{display:none!important}#experience{height:100dvh;min-height:320px;overflow:hidden}#panorama{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#panorama:active{cursor:grabbing}.header{position:absolute;inset:0 0 auto;height:94px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:5;border-bottom:1px solid #e3dfd7}.signature{font-size:26px;font-weight:800;color:#302e4a;letter-spacing:-1px}.signature span{display:block;font-size:9px;letter-spacing:2.5px;font-weight:400;color:#706c66;margin-top:7px}.brand{position:absolute;left:50%;transform:translateX(-50%);width:185px;height:88px;object-fit:contain;mix-blend-mode:multiply}.text-button{display:flex;align-items:center;gap:16px;background:none;font-size:13px;letter-spacing:1.2px;font-weight:600;padding:12px 0}.cross{font-size:42px;font-weight:300;line-height:1}.scene-caption{position:absolute;left:32px;bottom:120px;color:#fff;text-shadow:0 2px 14px #000}.scene-caption>span{font-size:10px;letter-spacing:2.8px}h1{font-weight:400;font-size:28px;letter-spacing:.3px;margin:8px 0}.tools{position:absolute;right:25px;top:50%;transform:translateY(-50%);display:grid;gap:1px;background:var(--line);border:1px solid var(--line);backdrop-filter:blur(16px)}.tools button{background:var(--glass);color:white;width:45px;height:45px;font-size:25px}.tools button[aria-pressed=true]{background:#e2d3b4;color:#292621}.footer{position:absolute;bottom:0;width:100%;min-height:78px;background:rgba(27,26,24,.79);backdrop-filter:blur(18px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 32px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}nav{display:flex;gap:8px}nav button{min-height:47px;padding:0 25px;background:rgba(13,12,10,.55);border:1px solid var(--line);font-size:12px;letter-spacing:1.3px;color:white}nav button[aria-expanded=true]{background:#e9e2d5;color:#282621;border-color:#e9e2d5}nav button span{font-size:9px;color:inherit}.tour-mark{font-size:22px;white-space:nowrap}.tour-mark span{display:block;font-size:8px;letter-spacing:1.6px;margin-top:4px}.counter{font-size:11px;letter-spacing:2px;white-space:nowrap}#hint{position:absolute;left:50%;bottom:93px;transform:translateX(-50%);color:white;text-shadow:0 1px 8px black;font-size:11px;letter-spacing:1px;pointer-events:none;white-space:nowrap;transition:opacity .5s}#status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px;background:var(--glass);color:#fff;font-size:13px;z-index:8}.panel{position:absolute;right:24px;top:112px;bottom:98px;width:min(710px,calc(100% - 48px));color:white;background:var(--glass);backdrop-filter:blur(22px);border:1px solid var(--line);box-shadow:0 20px 80px #0003;z-index:6;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-heading small{font-size:8px;letter-spacing:2px;color:#ddd0b7}.panel-heading h2{font-weight:400;font-size:26px;margin:7px 0 0}.close{background:none;color:inherit;width:44px;height:44px;font-size:34px}.panel #panel-body{overflow:auto;overscroll-behavior:contain;padding:23px 28px;flex:1}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scene-card{background:#fff0;border:1px solid #ffffff26;color:#fff;padding:5px;text-align:left}.scene-card img{width:100%;height:94px;object-fit:cover;display:block}.scene-card span{display:block;padding:11px 7px;font-size:13px}.scene-card[aria-current=true]{border-color:var(--accent);background:#cab99424}.map-empty{line-height:1.7;max-width:470px;margin:25px auto;padding:24px;background:#ffffff0a;border:1px solid var(--line)}.map-empty h3{font-size:23px;font-weight:400;margin-top:0}.map-empty p{font-size:14px;color:#dfdcd6}.plan-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:11px;line-height:1.5}.plan-controls div{display:flex;gap:6px}.plan-controls button{background:#f7f3eb;color:#292621;min-width:44px;height:44px}.plan-viewport{height:calc(100% - 66px);min-height:220px;overflow:auto;background:#fff;display:block}.plan-viewport img{display:block;width:100%;max-width:none;transform-origin:0 0}.map-link{color:#292621;background:#e9e2d5;display:inline-block;text-decoration:none;padding:15px 20px;font-size:13px}#restore{position:absolute;top:18px;right:18px;background:var(--paper);padding:13px 18px;font-size:20px;z-index:9}#restore span{font-size:12px;margin-left:8px;letter-spacing:1px}.clean .header,.clean .footer,.clean .scene-caption,.clean .tools,.clean #hint{display:none}.help-copy{line-height:1.9;font-size:15px}.help-copy p{margin:0 0 18px}@media(max-width:900px){.tour-mark,.counter{display:none}.footer{justify-content:center;padding-inline:16px}.header{padding:0 20px}.signature{font-size:22px}}@media(max-width:600px){.header{height:76px;padding:0 14px}.signature{font-size:18px}.signature span{font-size:7px;letter-spacing:1px}.brand{width:130px;height:69px}.text-button{font-size:0;gap:0}.cross{font-size:34px}.footer{min-height:72px;padding:10px 10px max(10px,env(safe-area-inset-bottom));gap:0}nav{width:100%;gap:5px}nav button{flex:1;padding:0 8px;font-size:10px;letter-spacing:.7px;min-height:48px}nav button span{display:none}.panel{top:90px;right:12px;bottom:88px;width:calc(100% - 24px)}.panel-heading{padding:15px 17px}.panel-heading h2{font-size:23px}.panel #panel-body{padding:16px}.scene-grid{gap:10px}.scene-card img{height:76px}.scene-card span{font-size:12px;padding:10px 4px}.scene-caption{left:18px;bottom:109px}h1{font-size:23px}.scene-caption>span{font-size:8px}.tools{right:12px;top:47%}.tools button{width:42px;height:44px}#fullscreen{display:none}#hint{bottom:81px;font-size:10px}.plan-controls{font-size:10px}.map-empty{padding:17px;margin:8px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:500px){.header{height:62px}.brand{height:57px}.panel{top:72px;bottom:75px}.panel-heading{padding:8px 18px}.footer{min-height:62px;padding-block:6px}.tools{display:flex;top:auto;bottom:76px;transform:none}.scene-caption{bottom:85px}#hint{display:none}}

.signature img{display:block;width:180px;height:auto}@media(max-width:600px){.signature img{width:103px}}
