*{margin:0;padding:0;box-sizing:border-box}:root{--primary:rgb(255,45,85);--primary-dark:#090909;--primary-glow:rgba(79,70,229,0.5);--bg-dark:#0b1220;--bg-panel:rgba(30,41,59,0.85);--bg-panel-solid:rgba(30,41,59,0.95);--border:rgba(226,232,240,0.08);--text:#ffffff;--text-muted:rgba(248,250,252,0.6);--text-dim:rgba(248,250,252,0.4);--success:#10b981;--info:#0ea5e9;--shadow-lg:0 25px 50px -12px rgba(15,23,42,0.6);--shadow-glow:0 0 40px var(--primary-glow);--transition:cubic-bezier(0.34,1.56,0.64,1)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:'Vazirmatn','Segoe UI',Tahoma,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}#container{width:100vw;height:100vh;position:relative;overflow:hidden}.hotspot-icon{position:absolute;width:56px;height:56px;cursor:pointer;transform:translate(-50%,-50%);pointer-events:auto;transition:all 0.4s var(--transition);filter:drop-shadow(0 0 20px var(--primary-glow));animation:hotspotPulse 2.5s ease-in-out infinite;z-index:10;will-change:transform,left,top}.hotspot-icon:hover{transform:translate(-50%,-50%) scale(1.35);filter:drop-shadow(0 0 30px var(--primary)) drop-shadow(0 0 60px var(--primary-glow))}.hotspot-icon svg{width:100%;height:100%;display:block}.hotspot-icon .ring{fill:none;stroke:var(--primary);stroke-width:2.5;opacity:0.35;transform-origin:center;animation:ringRotate 8s linear infinite}.hotspot-icon .ring-outer{fill:none;stroke:var(--primary);stroke-width:1.5;opacity:0.15;transform-origin:center;animation:ringRotate 12s linear infinite reverse}.hotspot-icon .dot{fill:var(--primary);stroke:#ffffff;stroke-width:2.5}.hotspot-icon .center{fill:#ffffff}@keyframes hotspotPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes ringRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hotspot-label{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:white;padding:5px 14px;border-radius:18px;font-size:12px;font-weight:700;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;z-index:11;user-select:none;margin-top:-10px;text-shadow:0 0 4px rgba(0,0,0,1),0 0 8px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,1);opacity:0;transition:opacity 0.3s}.hotspot-label.visible{opacity:1}#loading{position:fixed;inset:0;background:var(--bg-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text);font-size:16px;z-index:9999;gap:30px;transition:opacity 0.6s ease,visibility 0.6s}#loading.hidden{opacity:0;visibility:hidden}.spinner{width:70px;height:70px;position:relative}.spinner::before,.spinner::after{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.spinner::before{border-top-color:var(--primary);border-right-color:var(--primary);animation:spin 1s linear infinite}.spinner::after{border-bottom-color:var(--primary-glow);animation:spin 1.5s linear infinite reverse}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px;font-weight:500;letter-spacing:0.5px}.scene-badge{position:fixed;top:24px;left:24px;z-index:100;display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-panel);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:50px;box-shadow:var(--shadow-lg);font-size:14px;font-weight:600;color:var(--text);user-select:none;animation:slideInLeft 0.6s var(--transition);transition:all 0.3s}.scene-badge:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.scene-badge .scene-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}.scene-badge .scene-name{background:linear-gradient(135deg,#fff,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideInLeft{from{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}.controls-panel{position:fixed;bottom:28px;right:28px;z-index:100;display:flex;flex-direction:column;gap:12px;animation:slideInRight 0.6s var(--transition)}@keyframes slideInRight{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}.control-btn{width:52px;height:52px;border-radius:16px;border:1px solid var(--border);background:var(--bg-panel);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:var(--text);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s var(--transition);user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 24px rgba(15,23,42,0.4);position:relative;overflow:hidden}.control-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity 0.3s;z-index:-1}.control-btn:hover{transform:translateY(-3px) scale(1.05);border-color:var(--primary);box-shadow:0 12px 30px var(--primary-glow)}.control-btn:hover::before{opacity:1}.control-btn:active{transform:translateY(-1px) scale(0.98)}.control-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform 0.3s}.control-btn:hover svg{transform:scale(1.1)}.control-btn.zoom-in svg,.control-btn.zoom-out svg{stroke-width:2.5}.info-bar{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:8px;padding:10px 22px;background:var(--bg-panel);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:50px;box-shadow:var(--shadow-lg);font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap;user-select:none;pointer-events:none;animation:slideInUp 0.6s var(--transition);max-width:90%;overflow:hidden;text-overflow:ellipsis}@keyframes slideInUp{from{transform:translateX(-50%) translateY(80px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.info-bar .info-item{display:flex;align-items:center;gap:5px}.info-bar .info-separator{width:4px;height:4px;background:var(--text-dim);border-radius:50%;margin:0 6px}.info-bar .info-icon{font-size:14px}.fullscreen-btn{position:fixed;top:24px;right:24px;z-index:100;width:52px;height:52px;border-radius:16px;border:1px solid var(--border);background:var(--bg-panel);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:var(--text);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s var(--transition);box-shadow:0 8px 24px rgba(15,23,42,0.4);user-select:none;-webkit-tap-highlight-color:transparent;animation:slideInRight 0.6s var(--transition)}.fullscreen-btn:hover{transform:translateY(-3px) scale(1.05);border-color:var(--primary);box-shadow:0 12px 30px var(--primary-glow);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.fullscreen-btn:active{transform:translateY(-1px) scale(0.98)}.fullscreen-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform 0.3s}.fullscreen-btn:hover svg{transform:scale(1.1)}.zoom-transition{position:fixed;inset:0;background:radial-gradient(circle at center,#1e293b,#0b1220);z-index:900;pointer-events:none;opacity:0;transition:opacity 0.5s ease}.zoom-transition.active{opacity:1}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:200;overflow:hidden;pointer-events:none}.progress-bar .progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));box-shadow:0 0 20px var(--primary);transition:width 0.4s ease}.progress-bar.active .progress-fill{width:100%;animation:progressComplete 1s ease forwards}@keyframes progressComplete{0%{width:0%;opacity:1}100%{width:100%;opacity:0}}.hotspot-tooltip{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg-panel-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px 20px;border-radius:16px;border:1px solid var(--primary);box-shadow:var(--shadow-glow);font-size:13px;font-weight:600;color:var(--text);z-index:150;opacity:0;pointer-events:none;transition:all 0.3s var(--transition);white-space:nowrap}.hotspot-tooltip.visible{opacity:1;transform:translateX(-50%) translateY(0)}.hotspot-tooltip .arrow{color:var(--primary);margin-left:6px}.tour-contact-bar{position:fixed;bottom:24px;left:24px;z-index:120;display:flex;flex-direction:column;gap:6px;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;color:#ffffff;font-size:13px;max-width:320px;pointer-events:auto;animation:slideInUp 0.6s var(--transition);text-shadow:0 2px 8px rgba(0,0,0,0.9),0 1px 3px rgba(0,0,0,0.9)}.tour-contact-note{line-height:1.6;color:#ffffff;font-size:13px;white-space:pre-wrap;word-break:break-word;font-weight:500}.tour-contact-phone{display:inline-flex;align-items:center;gap:8px;color:#ffffff;text-decoration:none;font-weight:700;font-size:15px;direction:ltr;justify-content:flex-end;transition:color 0.2s,transform 0.2s;letter-spacing:0.5px;text-shadow:0 2px 8px rgba(0,0,0,0.9),0 1px 3px rgba(0,0,0,0.9)}.tour-contact-phone:hover{color:#4dd4ac;transform:scale(1.03)}.tour-contact-phone svg{flex-shrink:0}@media (max-width:768px){.hotspot-icon{width:44px;height:44px}.hotspot-label{font-size:11px;padding:6px 14px;margin-top:-10px}.scene-badge{top:14px;left:14px;padding:8px 14px;font-size:12px}.fullscreen-btn{top:14px;right:14px;width:44px;height:44px}.fullscreen-btn svg{width:20px;height:20px}.controls-panel{bottom:14px;right:14px;gap:8px}.control-btn{width:46px;height:46px;border-radius:14px}.control-btn svg{width:20px;height:20px}.info-bar{bottom:80px;font-size:10px;padding:8px 14px;max-width:calc(100% - 28px);white-space:normal;text-align:center;line-height:1.6}.info-bar .info-separator{display:none}.info-bar .info-item{display:block}.hotspot-tooltip{bottom:130px;font-size:11px;padding:8px 14px}.tour-contact-bar{bottom:8px;left:50%;right:auto;transform:translateX(-50%);align-items:center;text-align:center;max-width:calc(100% - 20px);width:auto;padding:0;gap:2px}.tour-contact-note{font-size:12px;text-align:center}.tour-contact-phone{font-size:14px;justify-content:center}}body.fullscreen-active .fullscreen-btn svg.icon-enter{display:none}body.fullscreen-active .fullscreen-btn svg.icon-exit{display:block}body:not(.fullscreen-active) .fullscreen-btn svg.icon-enter{display:block}body:not(.fullscreen-active) .fullscreen-btn svg.icon-exit{display:none}