*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;background-color:#000;font-family:Arial,Helvetica,sans-serif}.webgl{position:fixed;top:0;left:0;outline:none;width:100%;height:100%}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-container{text-align:center;color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-size:2.5em;font-weight:700;margin-bottom:40px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.progress-container{width:400px;height:8px;background:rgba(255,255,255,.2);border-radius:10px;overflow:hidden;margin:0 auto 20px;box-shadow:0 2px 10px #0003}.progress-bar{height:100%;background:linear-gradient(90deg,#00ff88,#00ccff);border-radius:10px;width:0%;transition:width .3s ease;box-shadow:0 0 20px #00ff8880}.progress-text{font-size:1.2em;margin-bottom:20px;opacity:.9}.loading-details{color:#ffffffb3;font-size:.9em;margin-bottom:30px;min-height:20px}.vr-start-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;color:#fff;padding:15px 30px;font-size:1.2em;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .3s ease;font-family:inherit}.vr-start-button:hover{transform:translateY(-2px)}.vr-start-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-screen{display:none}.VRButton{position:absolute;bottom:20px;left:20px;z-index:100;padding:12px 20px;border:none;border-radius:4px;background:rgba(0,0,0,.75);color:#fff;font-family:Arial,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s,transform .2s}.VRButton:hover{background:rgba(0,0,0,.9);transform:scale(1.05)}.VRButton:active{transform:scale(.95)}.audio-controls{position:absolute;bottom:20px;right:20px;z-index:100;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;transition:opacity .3s}.controls-panel{background-color:#0009;color:#fff;padding:12px;border-radius:8px;width:auto}.controls-panel h3{margin-top:0;margin-bottom:10px;text-align:center;font-size:16px}.control-group{display:flex;justify-content:center;gap:8px}.control-group button{background-color:#4a4a4a;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s,transform .1s}.control-group button:hover{background-color:#666}.control-group button:active{background-color:#333;transform:scale(.95)}.audio-controls.hidden{opacity:0;pointer-events:none}.error-message{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000}.message-content{background-color:#333;padding:30px;border-radius:10px;text-align:center;max-width:80%}.message-content h2{color:#f33;margin-bottom:15px;font-size:24px}.message-content p{color:#fff;margin-bottom:20px;font-size:16px;line-height:1.5}.message-content button{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.message-content button:hover{background-color:#0d8aee}.xr-not-supported{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff3c3ce6;color:#fff;padding:15px 20px;border-radius:8px;text-align:center;z-index:1000;max-width:90%;box-shadow:0 4px 8px #0000004d}.xr-not-supported h2{margin-bottom:10px;font-size:18px}.xr-not-supported p{margin-bottom:8px;font-size:14px}.vr-mobile-warning{position:fixed;top:0;left:0;width:100%;padding:10px;background-color:#ff9600cc;color:#fff;text-align:center;font-family:Arial,sans-serif;z-index:900;display:none}@media (max-width: 768px){body.vr-mode .vr-mobile-warning{display:block}.VRButton{bottom:10px;left:10px;padding:10px 15px;font-size:12px}.audio-controls{bottom:10px;right:10px}.controls-panel{padding:10px}.control-group button{padding:6px 10px;font-size:12px}.loading-title{font-size:2em}.progress-container{width:300px}.vr-start-button{padding:12px 25px;font-size:1em}}