@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{width:100%;height:100%;margin:0}.tour-modal-overlay{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a10b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tour-modal-card{background:linear-gradient(#fff 0%,#f6f9fc 100%);border:1px solid #0f172a1f;border-radius:20px;flex-direction:column;width:min(680px,100%);max-height:min(86vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 55px #0000005c,0 6px 18px #0000002e}.tour-modal-header{border-bottom:1px solid #0f172a1a;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.tour-modal-title{color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.25}.tour-modal-close{color:#334155;cursor:pointer;background:#e9eff5;border:none;border-radius:12px;width:38px;height:38px;font-size:17px;line-height:1;transition:background .18s,transform .18s}.tour-modal-close:hover{background:#dce6f0;transform:scale(1.04)}.tour-modal-body{padding:18px 22px;overflow-y:auto}.tour-modal-image-wrap{background:#e2e8f0;border:1px solid #0f172a1f;border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}.tour-modal-image{object-fit:cover;width:100%;height:min(40vh,320px);display:block}.tour-modal-content{white-space:pre-line;color:#334155;font-size:15px;line-height:1.7}.tour-modal-actions{background:#f8fafcd9;border-top:1px solid #0f172a1a;padding:16px 22px}.tour-modal-actions-right{justify-content:flex-end;display:flex}.tour-modal-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(#0f172a 0%,#1e293b 100%);border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .18s,filter .18s;box-shadow:0 8px 18px #0f172a4d}.tour-modal-primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (width<=640px){.tour-modal-overlay{padding:12px}.tour-modal-title{font-size:19px}.tour-modal-header,.tour-modal-body,.tour-modal-actions{padding-left:16px;padding-right:16px}.tour-modal-image{height:min(32vh,240px)}}.vr-vignette{pointer-events:none;mix-blend-mode:normal;background:radial-gradient(circle,#0000 42%,#0000001a 62%,#0000006b 100%);position:absolute;inset:0}.vr-bloom{pointer-events:none;opacity:.22;filter:blur(30px);background:radial-gradient(circle,#ffffff1a,#0000 45%);transition:opacity .28s,transform .38s;position:absolute;inset:-10%;transform:scale(1)}.vr-bloom.is-active{opacity:.34;transform:scale(1.06)}.vr-motion-blur{pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;background:#fff0;transition:-webkit-backdrop-filter .22s,backdrop-filter .22s,background .22s,opacity .22s;position:absolute;inset:0}.vr-motion-blur.is-active{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff08}.scene-hud{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c101a5c;border:1px solid #ffffff1a;border-radius:16px;padding:12px 14px;position:absolute;top:16px;left:16px;box-shadow:0 12px 30px #0000003d,inset 0 1px #ffffff14}.scene-hud-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffffa8;font-size:11px}.scene-hud-title{margin-top:4px;font-size:14px;font-weight:700}@keyframes hotspot-ripple{0%{opacity:.8;transform:scale(.92)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.8)}}.hotspot-root{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:relative}.hotspot-btn{cursor:pointer;width:58px;height:58px;transform-style:preserve-3d;background:0 0;border:none;outline:none;padding:0;transition:transform .22s,filter .22s;position:relative}.hotspot-btn:hover{transform:scale(1.08)translateY(-2px)}.hotspot-btn:active{transform:scale(.96)}.hotspot-ripple,.hotspot-glow,.hotspot-core{border-radius:999px;position:absolute}.hotspot-ripple{opacity:0;inset:0}.hotspot-glow{filter:blur(12px);opacity:.55;inset:6px;transform:scale(1.05)}.hotspot-core{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;font-size:18px;font-weight:800;transition:transform .22s,box-shadow .22s,filter .22s;display:flex;inset:9px;box-shadow:0 12px 30px #00000057,inset 0 1px 1px #ffffff59}.hotspot-btn.is-hovered .hotspot-core{transform:scale(1.04);box-shadow:0 16px 40px #0000006b,0 0 26px #ffffff2e,inset 0 1px 1px #ffffff59}.hotspot-btn-info .hotspot-core{background:linear-gradient(#fbbf24f5,#d97706f5);border:1px solid #fef08ab8}.hotspot-btn-info .hotspot-glow{background:#fbbf2485}.hotspot-btn-info .ripple-1{border:1px solid #fde04761;animation:2.1s ease-out infinite hotspot-ripple}.hotspot-btn-info .ripple-2{border:1px solid #fde04733;animation:2.1s ease-out .9s infinite hotspot-ripple}.hotspot-info-text{font-size:18px;font-weight:800;line-height:1}.hotspot-tooltip{color:#fff;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#070a12bd;border:1px solid #ffffff14;border-radius:12px;max-width:180px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.35;transition:opacity .18s,transform .18s;transform:translateY(-4px)scale(.98);box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff14}.hotspot-tooltip.is-visible{opacity:1;transform:translateY(0)scale(1)}.teleport-root{pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;transform:translate(-50%,-100%)}.teleport-btn{cursor:pointer;pointer-events:auto;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.teleport-top{flex-direction:column;align-items:center;display:flex;position:relative}.teleport-label{z-index:3;color:#fff;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#44b491eb 0%,#319a7aeb 100%);border:2px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-width:170px;height:40px;padding:0 18px;font-size:14px;font-weight:800;line-height:1;transition:transform .22s,box-shadow .22s;display:inline-flex;position:relative;box-shadow:0 8px 20px #0000002e,inset 0 1px #ffffff2e}.teleport-preview-card{transform-origin:top;opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#26b39a 0%,#15886f 100%);border-radius:16px;width:220px;height:126px;padding:4px;transition:opacity .22s,transform .22s;position:absolute;top:calc(100% - 135px);left:50%;transform:translate(-50%)translateY(-16px)scale(.92);box-shadow:0 18px 32px #00000038,inset 0 1px #fff3}.teleport-preview-card:after{content:"";background:#15886f;border-radius:2px;width:18px;height:18px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.teleport-preview-img{object-fit:cover;pointer-events:none;border-radius:12px;width:100%;height:100%;display:block}.teleport-stem{background:#fffffff2;border-radius:999px;width:3px;height:100px;margin-bottom:12px;transition:transform .22s;box-shadow:0 0 8px #ffffff59}.teleport-pin-wrap{justify-content:center;align-items:flex-start;width:36px;height:48px;margin-top:-2px;transition:transform .22s;animation:1.9s ease-in-out infinite teleport-pin-bob;display:flex;position:relative}.teleport-pin{background:linear-gradient(#ffd84a 0%,#f6c400 42%,#dfaa00 100%);border:2px solid #fff5bf;border-radius:50% 50% 50% 0;width:28px;height:28px;position:relative;transform:rotate(-45deg);box-shadow:0 8px 16px #00000038,0 0 16px #ffd0283d,inset 0 1px #ffffff4d}.teleport-pin:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #ffffff8c}.teleport-glow{transform-origin:50%;pointer-events:none;background:#ffd45214;border:2px solid #ffd452f2;border-radius:999px;width:34px;height:14px;animation:1.9s ease-out infinite teleport-ring-pulse;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)perspective(80px)rotateX(68deg);box-shadow:0 0 0 2px #ffd45224,0 0 18px #ffc40052,inset 0 0 8px #ffeea02e}.teleport-glow:before,.teleport-glow:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #ffd65cb8;position:absolute;inset:-2px}.teleport-glow:before{animation:1.9s ease-out infinite teleport-ring-pulse}.teleport-glow:after{animation:1.9s ease-out infinite teleport-ring-pulse-2}.teleport-root.is-hovered .teleport-label{transform:translateY(-136px)scale(1.02)}.teleport-root.is-hovered .teleport-preview-card{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.teleport-root.is-hovered .teleport-stem{transform:translateY(0)}.teleport-root.is-hovered .teleport-pin-wrap{animation-duration:1.2s;transform:translateY(-2px)scale(1.04)}.teleport-root.is-hovered .teleport-glow{animation-duration:1.2s}@keyframes teleport-pin-bob{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes teleport-ring-pulse{0%{opacity:.95;transform:translate(-50%)perspective(80px)rotateX(68deg)scale(.7)}70%{opacity:0;transform:translate(-50%)perspective(80px)rotateX(68deg)scale(1.55)}to{opacity:0;transform:translate(-50%)perspective(80px)rotateX(68deg)scale(1.7)}}@keyframes teleport-ring-pulse-2{0%{opacity:0;transform:scale(.55)}30%{opacity:.7}to{opacity:0;transform:scale(1.95)}}.bottom-nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;pointer-events:auto;background:#0c101a7a;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000052,inset 0 1px #ffffff1a}.nav-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .22s,transform .22s,box-shadow .22s;display:flex}.nav-btn svg{stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-btn:hover{background:#ffffff24;transform:scale(1.06);box-shadow:0 4px 16px #ffffff1a}.nav-btn:active{transform:scale(.95)}.nav-btn-home,.nav-btn-fullscreen,.nav-btn-mute,.nav-btn-custom{flex-shrink:0}.volume-control{align-items:center;gap:8px;padding:0 8px;display:flex}.volume-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#64b5f6 0%,#42a5f5 100%);border-radius:50%;width:14px;height:14px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #42a5f566}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #42a5f599}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#64b5f6 0%,#42a5f5 100%);border:none;border-radius:50%;width:14px;height:14px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #42a5f566}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #42a5f599}.volume-value{text-align:right;color:#ffffffb3;min-width:32px;font-size:12px;font-weight:600;display:inline-block}.audio-indicator{border-left:1px solid #ffffff1a;align-items:center;gap:6px;margin-left:4px;padding:0 8px;display:flex}.pulse-dot{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot-animation;display:inline-block;box-shadow:0 0 8px #22c55e99}.audio-type{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}@keyframes pulse-dot-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (width<=768px){.bottom-nav-bar{gap:8px;padding:10px 12px;bottom:12px}.nav-btn{width:36px;height:36px}.nav-btn svg{width:18px;height:18px}.volume-slider{width:60px}.volume-value{min-width:28px;font-size:11px}.audio-type{display:none}}