*{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-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-screen h2{color:#fff;font-size:24px;margin-bottom:20px}.loading-progress{width:300px;height:6px;background-color:#333;border-radius:3px;overflow:hidden;margin-bottom:15px}.loading-bar{height:100%;width:0%;background-color:#0af;transition:width .3s ease-out}.loading-text{color:#ccc;font-size:16px}.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}}