html{background-color:#000}body{margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;-ms-user-select:none}#date-select,#time-slider{user-select:text;-webkit-user-select:text;-ms-user-select:text}#time-slider-container,#time-label{user-select:none;-webkit-user-select:none;-ms-user-select:none}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#info-box-container{position:absolute;top:10px;right:10px;z-index:100}#info-box{position:absolute;top:10px;right:10px;background-color:#0006;color:#fff;padding:16px;border-radius:8px;font-family:Arial,sans-serif;font-size:16px;line-height:1.5}#info-box h1{margin:0;font-size:20px;font-weight:700}#info-box p{margin:5px 0;white-space:nowrap}#toggle-info-box{position:absolute;top:10px;right:10px;background-color:#0006;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:1000;border-radius:4px;padding:5px}#date-select{font-size:1em;padding:6px;min-width:100px;border-radius:6px;border:1px solid #888;background:#222;color:#fff;margin-left:0}#time-slider-container{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background-color:#0006;color:#fff;padding:20px 40px;border-radius:8px;font-family:Arial,sans-serif;text-align:center;min-width:600px;max-width:90%;box-sizing:border-box;z-index:100}#time-label{font-size:18px;font-weight:700;margin-bottom:10px;color:#ff6b6b}#time-slider{width:100%;height:8px;border-radius:4px;background:#ddd;outline:none;-webkit-appearance:none;appearance:none}#time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:25px;border-radius:50%;background:#ff6b6b;cursor:pointer}#time-slider::-moz-range-thumb{width:20px;height:25px;border-radius:50%;background:#ff6b6b;cursor:pointer;border:none}.slider-title{font-size:14px;color:#ff6b6b;margin-bottom:5px}#back-button{position:absolute;top:30px;left:30px;background-color:#0006;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:8px;cursor:pointer;z-index:1000;font-family:Arial,sans-serif;transition:background-color .3s}#back-button:hover{background-color:#000000e6}#camera-control-container{position:absolute;top:160px;left:30px;background-color:#0006;color:#fff;padding:16px;border-radius:8px;font-family:Arial,sans-serif;z-index:1000;min-width:150px}.camera-control-item{margin-bottom:16px}.camera-control-item:last-child{margin-bottom:0}.camera-control-label{display:none}.camera-control-value{font-size:16px;margin-bottom:6px;text-align:center;color:#ff6b6b;font-weight:700}.camera-control-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.camera-control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ff6b6b;cursor:pointer}.camera-control-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ff6b6b;cursor:pointer;border:none}@media screen and (min-width:1200px){#info-box{top:20px;right:20px;font-size:16px;padding:20px}#info-box h1{font-size:20px}#toggle-info-box{top:30px;right:30px;font-size:30px}#time-slider-container{bottom:40px;padding:20px 40px}#time-label{font-size:18px}#back-button{padding:30px;font-size:20px}#camera-control-container{top:160px;left:30px;padding:20px;min-width:200px}}@media screen and (min-width:768px)and (max-width:1199px){#info-box{top:20px;right:20px;font-size:14px;padding:14px}#info-box h1{font-size:16px}#toggle-info-box{top:30px;right:30px;font-size:20px}#time-slider-container{bottom:30px;min-width:500px;padding:14px}#time-label{font-size:16px}#back-button{padding:20px;font-size:20px}#camera-control-container{top:160px;left:20px;padding:12px;min-width:180px}}@media screen and (max-width:767px){#info-box{top:10px;right:10px;font-size:12px;padding:8px}#info-box h1{font-size:14px}#toggle-info-box{top:15px;right:15px;font-size:16px}#time-slider-container{bottom:20px;left:10%;transform:none;min-width:auto;width:80%;padding:10px}#time-label{font-size:14px}#time-slider{height:10px}#time-slider::-webkit-slider-thumb,#time-slider::-moz-range-thumb{width:10px;height:20px}#back-button{padding:12px;font-size:14px}#camera-control-container{top:80px;left:20px;padding:6px;min-width:80px}.camera-control-value{font-size:14px}.camera-control-slider{height:5px}.camera-control-slider::-webkit-slider-thumb,.camera-control-slider::-moz-range-thumb{width:14px;height:14px}}@media screen and (max-width:400px){#info-box-container{position:absolute;top:8px;right:8px;z-index:100}#info-box{top:10px;right:10px;font-size:10px;padding:4px}#info-box h1{font-size:12px}#toggle-info-box{top:10px;right:10px;font-size:14px}#time-slider-container{bottom:20px;left:5%;right:5%;transform:none;min-width:auto;width:90%;padding:8px}#time-label{font-size:12px}#time-slider{height:10px}#time-slider::-webkit-slider-thumb,#time-slider::-moz-range-thumb{width:10px;height:20px}#back-button{top:15px;left:15px;padding:6px 12px;font-size:14px}#camera-control-container{top:60px;left:10px;padding:6px;min-width:10px}.camera-control-value{font-size:12px}.camera-control-slider{height:4px}.camera-control-slider::-webkit-slider-thumb,.camera-control-slider::-moz-range-thumb{width:12px;height:12px}}