@font-face{font-family:Roboto;src:url(./Roboto-VariableFont_wdth_wght-WOy3sDCz.ttf) format("truetype-variations");font-weight:100 900;font-stretch:75% 100%;font-display:swap}body{margin:0;padding:0;overflow:hidden;height:100vh}canvas{width:100%;height:100%}.background-smoke{background:#0000007d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hover-glow{transition:all .2s ease}.hover-glow:hover{color:#fff!important;filter:drop-shadow(0 0 8px rgba(200,200,200,.8))}.logo{position:fixed;top:4%;left:3%;max-width:200px;height:auto;z-index:1002;pointer-events:auto}.logo-link{text-decoration:none;border:none;outline:none}.logo-link:hover{text-decoration:none}.minimap{position:fixed;top:5%;right:1%;width:160px;height:160px;z-index:1003;pointer-events:none}.minimap canvas{width:160px;height:160px;border-radius:8px}.controls-panel{position:fixed;bottom:3%;left:50%;transform:translate(-50%);padding:10px 15px;z-index:1002;pointer-events:auto}.control-item{display:flex;align-items:center;gap:12px;margin:10px 0;padding:4px 0}.mode-toggle-switch{position:relative;display:flex;align-items:center;width:280px;height:55px;cursor:pointer}.mode-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.mode-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000007d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mode-slider:before{content:"";position:absolute;top:2px;left:2px;width:calc(50% - 4px);height:calc(100% - 4px);background:#ffffff26;border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.mode-toggle-switch input:checked+.mode-slider:before{left:calc(50% + 2px)}.mode-label{position:relative;z-index:2;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:300;text-align:center;width:50%;transition:color .3s}.mode-label-left{color:#fff}.mode-label-right{color:#cccccc80}.mode-toggle-switch input:checked~.mode-label-left{color:#cccccc80}.mode-toggle-switch input:checked~.mode-label-right{color:#fff}.pov-info-panel{position:fixed;bottom:5%;right:1%;color:#e6e6e6;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:300;padding:10px 15px;border-radius:8px;z-index:1003;pointer-events:none;min-width:200px}@media (max-width: 768px){.pov-info-panel{bottom:15%;right:2%}}.pov-info-item{margin:10px 0;line-height:1.6;display:flex;align-items:center;padding:4px 0}.pov-info-item strong{display:inline-flex;align-items:center;justify-content:center;min-width:35px;font-weight:400;color:#1a1a1a;background:#e6e6e6;padding:2px 4px;border-radius:4px;margin-right:20px;font-size:14px;border:1px solid #e0e0e0;pointer-events:auto;cursor:pointer;transition:all .2s ease}.pov-info-item strong:hover{background:#fff;transform:scale(1.05)}.pov-info-item .arrow-left,.pov-info-item .arrow-right{font-size:16px}#compass{position:fixed;top:4%;right:3%;width:60px;height:60px;pointer-events:auto;z-index:10;cursor:pointer}.compass-circle{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;transform-origin:center}.compass-triangle{position:absolute;width:0;height:0;left:50%;transform:translate(-2%);transition:filter .2s ease}.compass-triangle.north{top:50%;transform:translate(-50%) translateY(-20px);transform-origin:50% 100%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:20px solid #c1272d}.compass-triangle.south{top:50%;transform:translate(-50%) translateY(0);transform-origin:50% 0%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:20px solid #cccccc}#compass:hover .compass-triangle.north,#compass:hover .compass-triangle.south{filter:drop-shadow(0 0 8px rgba(200,200,200,.8))}#compass.reset-button-hovered .compass-triangle.north,#compass.reset-button-hovered .compass-triangle.south,#compass:has(.icon-button:hover) .compass-triangle.north,#compass:has(.icon-button:hover) .compass-triangle.south{filter:none}.icon-button{position:absolute;left:50%;transform:translate(-50%);width:40px;height:40px;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11}:is(.reset-icon,.ping-icon,.tour-icon,.pause-icon){transition:all .2s ease}.icon-button:hover :is(.reset-icon,.ping-icon,.tour-icon,.pause-icon){color:#fff;filter:drop-shadow(0 0 8px rgba(200,200,200,.8))}.camera-reset-btn{bottom:-50px;font-size:22px}.ping-toggle-btn{bottom:-100px}.camera-tour-btn{bottom:-150px;transition:all .3s ease}.camera-tour-btn.playing{bottom:-70px;width:60px;height:60px}.camera-tour-btn.playing .tour-icon{width:28px;height:28px}.camera-pause-btn{bottom:-200px;transition:all .3s ease}.camera-pause-btn.visible{bottom:-140px;width:60px;height:60px}.camera-pause-btn.visible .pause-icon{width:28px;height:28px}.ping-icon{width:22px;height:22px}.ping-toggle-btn:hover{color:#fff}.ping-toggle-btn:hover .ping-icon{filter:drop-shadow(0 0 8px rgba(200,200,200,.8))}.ping-toggle-btn.hidden:after{content:"";position:absolute;top:50%;left:50%;width:70%;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.tour-icon{width:20px;height:20px}.camera-tour-btn.playing .play-icon{display:none}.camera-tour-btn.playing .stop-icon{display:block!important}.camera-tour-btn:not(.playing) .stop-icon{display:none}.pause-icon{width:20px;height:20px}.camera-pause-btn.paused .pause-playing{display:none}.camera-pause-btn.paused .pause-paused{display:block!important}.camera-pause-btn:not(.paused) .pause-paused{display:none}.camera-pause-btn:not(.paused) .pause-playing{display:block!important}.google-attribution{position:fixed;bottom:0;right:0;z-index:1001;pointer-events:auto;color:#ccc;padding:10px 15px 5px;display:table-row;font-size:10px;line-height:13px;font-family:Roboto,Arial,sans-serif;border-radius:8px 0 0}.google-attribution img{height:19px;display:inline-block;vertical-align:middle;margin-right:15px}.tiles-attribution-text{display:inline;vertical-align:middle;white-space:normal;user-select:none;-webkit-user-select:none}@media (max-width: 768px){.google-attribution{max-width:90vw;padding:8px 12px 5px}}#slider-container{position:fixed;bottom:20px;left:20px;width:340px;padding:1.2rem;background:#ffffff4d;border-radius:16px;box-shadow:0 4px 15px #00000026;font-family:system-ui,sans-serif;z-index:1000;display:none;flex-direction:column;gap:1.2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#slider-container h2{font-size:1.2rem;text-align:center;color:#1e3a8a;margin:0}.slider-group{display:flex;flex-direction:column;gap:.4rem}.slider-label{font-weight:600;color:#374151}.slider-row{display:flex;align-items:center;gap:.5rem}input[type=range]{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:5px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:#fff;border:2px solid #2563eb;cursor:grab;transition:.2s}input[type=range]::-webkit-slider-thumb:hover{background:#2563eb;border-color:#1e40af}.slider-value{width:50px;text-align:right;font-weight:500;color:#333}.area-list{list-style:none;padding:.3rem 0 0;margin:0;border-top:1px solid #e5e7eb}.area-list li{padding:.4rem 0;color:#444;border-bottom:1px solid #f1f1f1}.area-list li{padding:.4rem .6rem;color:#333;border-bottom:1px solid #f1f1f1;cursor:pointer;border-radius:8px;transition:background .2s,color .2s}.area-list li:hover{background:#e0e7ff}.area-list li.selected{background:#2563eb;color:#fff;font-weight:600}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;gap:24px}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:24px;font-weight:300;letter-spacing:.5px;font-family:Roboto,Arial,sans-serif}.progress-bar-container{width:300px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;width:0%;transition:width .2s linear;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{to{left:100%}}.progress-text{color:#ffffffb3;font-size:16px;font-weight:300;min-width:50px;text-align:center;font-family:Roboto,Arial,sans-serif}