:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#24282c;font-synthesis:none;--glass:rgba(29,33,37,.83);--line:rgba(255,255,255,.18)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #dedede;outline-offset:4px}button{border:0}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}#tour{height:100svh;width:100%;position:relative;overflow:hidden}#view{display:block;width:100%;height:100%;touch-action:none;cursor:grab;transition:opacity .25s}#view:active{cursor:grabbing}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:auto;background:none;transform:translate(-50%,-50%);padding:10px;white-space:nowrap}.hotspot .arrow{display:grid;place-items:center;background:#fafafa;color:#25292d;width:44px;height:44px;border-radius:50%;box-shadow:0 3px 18px #0005;border:1px solid #fffc;transition:transform .2s}.hotspot:hover .arrow{transform:translateY(-4px)}.hotspot .arrow svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.hotspot .label{background:var(--glass);font-size:12px;border-radius:20px;padding:7px 11px;box-shadow:0 1px 10px #0003}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 22%,transparent 55%,#0009 100%)}header{position:absolute;top:30px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.identity{display:flex;align-items:center;gap:19px;text-shadow:0 2px 14px #0005}.mark{font-size:35px;font-weight:bold;letter-spacing:-2px}.mark span{font-size:30px;color:#dedede}.brand{border-left:1px solid #ffffff60;padding-left:18px;display:flex;flex-direction:column;gap:6px}.brand b{font-size:11px;letter-spacing:2.6px}.brand small{font-size:11px;color:#eeeeee}.header-actions{display:flex;gap:8px;align-items:center;pointer-events:auto}.badge{font-size:11px;letter-spacing:2px;padding:10px 14px;border:1px solid #ffffff70;border-radius:50px;margin-right:7px}.icon{width:43px;height:43px;border-radius:50%;background:var(--glass);display:inline-grid;place-items:center;font-size:23px;flex:none}.icon:hover{background:#42494f}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.scene-title{position:absolute;bottom:176px;left:40px;pointer-events:none;text-shadow:0 1px 18px #0008}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.5px;display:flex;align-items:center;gap:9px}.line{display:inline-block;width:35px;height:1px;background:#ffffff70;margin:0 4px}h1{font-size:48px;letter-spacing:-2px;margin:12px 0 9px;font-weight:500}.scene-title p{font-size:13px;margin:0;color:#f4f4f4;letter-spacing:.1px}.controls{position:absolute;right:40px;bottom:190px;display:flex;gap:7px;align-items:center}.divider{height:24px;width:1px;background:var(--line);margin:0 5px}.controls [aria-pressed=true]{background:#e5e5e5;color:#252a2d}footer{position:absolute;bottom:20px;left:40px;right:40px}#rooms{display:flex;gap:8px;max-width:100%;width:fit-content;padding:8px;border:1px solid #ffffff35;border-radius:16px;background:var(--glass);backdrop-filter:blur(12px)}.room{width:145px;display:flex;align-items:center;gap:10px;padding:8px;background:transparent;border-radius:10px;text-align:left;border:1px solid transparent;transition:background .2s}.room:hover{background:#ffffff17}.room[aria-current=true]{background:#f5f5f5;color:#25292c}.thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;opacity:.8}.room[aria-current=true] .thumb{opacity:1}.room span{display:flex;flex-direction:column;gap:6px}.room small{font-size:9px;opacity:.65;letter-spacing:1.3px}.room b{font-size:12px;font-weight:500}.footer-note{margin-top:13px;font-size:10px;color:#ddd;display:flex;justify-content:space-between;align-items:center;letter-spacing:.3px}.footer-note i{display:inline-block;width:3px;height:3px;background:#bbb;border-radius:50%;margin:0 9px;vertical-align:middle}.footer-note button{font-size:10px;background:transparent;padding:0;color:#ddd;border-bottom:1px solid #aaa}.hint{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:var(--glass);padding:12px 14px;border-radius:40px;display:flex;gap:10px;align-items:center;font-size:12px;pointer-events:auto;box-shadow:0 4px 20px #0002;transition:opacity .3s}.hint svg{width:20px;fill:none;stroke:#fff;stroke-width:1.3}.hint button{background:transparent;font-size:19px;opacity:.7;margin-left:5px}.panel{position:absolute;right:36px;top:90px;width:260px;padding:19px;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px #0003}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:13px}.panel-head .icon{width:25px;height:25px;background:transparent}.panel p{font-size:10px;line-height:1.6;color:#ddd;margin:14px 0 0}.map-grid{display:grid;grid-template-columns:1fr .55fr 1fr;grid-template-rows:36px 70px 58px;gap:5px}.map-grid button{background:#ffffff13;border:1px solid #ffffff40;font-size:11px;border-radius:4px}.map-grid button[aria-current=true]{background:#eeeeee;color:#24282c}.map-grid button:hover{border-color:white}.map-loggia{grid-column:1;grid-row:1}.map-kitchen{grid-column:1;grid-row:2/4}.map-bed{grid-column:2/4;grid-row:1/3}.map-hall{grid-column:2;grid-row:3;writing-mode:vertical-rl}.map-bath{grid-column:3;grid-row:3}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 24px;background:var(--glass);border-radius:14px;display:flex;gap:14px;align-items:center;font-size:13px;z-index:5}.spinner{width:17px;height:17px;border:2px solid #ffffff40;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{left:50%;right:auto;top:45%;transform:translate(-50%,-50%);width:min(400px,90%);z-index:8}#error h2{font-size:18px}#error button{padding:12px 20px;background:#eee;color:#222;border-radius:8px;margin-top:20px}dialog{color:#272b2e;border:0;background:#f6f6f6;border-radius:24px;width:min(540px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:38px;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#1119;backdrop-filter:blur(7px)}dialog h2{font-size:31px;letter-spacing:-1px;font-weight:500;margin:22px 0 16px}dialog p{font-size:13px;line-height:1.75}dialog .close{position:absolute;top:16px;right:16px;color:#333;background:#e5e6e2;width:30px;height:30px}.instructions{border-top:1px solid #d8d9d5;border-bottom:1px solid #d8d9d5;display:flex;gap:22px;margin:20px 0}.instructions p{flex:1;font-size:12px}.muted{color:#73777a;font-size:11px!important}.primary{color:#fff;width:100%;background:#292e32;padding:15px 18px;margin-top:16px;display:flex;justify-content:space-between;border-radius:8px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:820px){header{top:22px;left:22px;right:22px}.brand{display:none}.scene-title{left:24px;bottom:190px}h1{font-size:38px}.controls{bottom:122px;right:24px;left:auto}footer{left:18px;right:18px;bottom:18px}#rooms{width:100%;justify-content:space-between;padding:6px;gap:2px}.room{width:20%;justify-content:center;padding:7px 3px}.thumb{display:none}.room b{font-size:11px}.room small{font-size:8px}.room span{gap:4px;align-items:center}.footer-note{margin-top:10px}.hint{top:34%;font-size:11px;white-space:nowrap}.panel{right:20px;top:80px}.scene-title p{font-size:11px;max-width:300px}.icon{width:39px;height:39px}dialog{padding:30px 24px}.badge{display:none}}
@media(max-height:540px){header{top:12px;left:20px;right:20px}.mark{font-size:26px}.scene-title{bottom:108px;left:22px}h1{font-size:28px;margin:7px 0}.scene-title p{font-size:10px}.eyebrow{font-size:8px}.controls{bottom:118px;right:22px;left:auto}footer{left:20px;right:20px;bottom:12px}.thumb{width:30px;height:30px}.room{padding:5px;width:126px}.footer-note{margin-top:8px}.hint{top:38%}.panel{top:65px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}

.viewpoints{position:absolute;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:var(--glass);border:1px solid var(--line);border-radius:30px;padding:5px;backdrop-filter:blur(12px)}.viewpoints>span{font-size:10px;color:#ddd;margin:0 9px}.viewpoints button{background:transparent;border-radius:24px;padding:11px 14px;font-size:12px;white-space:nowrap}.viewpoints button[aria-pressed=true]{background:#f5f5f5;color:#25292c}.viewpoints button:hover{box-shadow:inset 0 0 0 1px #fff7}@media(max-width:1100px){.viewpoints{top:92px}.viewpoints>span{display:none}}@media(max-width:820px){.viewpoints{top:82px;max-width:calc(100% - 36px)}.viewpoints button{font-size:11px;padding:10px 14px}.scene-title h1{max-width:340px;font-size:34px}}