*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;outline:none;z-index:10;touch-action:none;pointer-events:auto}.audio-btn{position:fixed;bottom:80px;right:20px;background:#00000080;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:20px;z-index:15;pointer-events:auto;touch-action:manipulation}.audio-btn:hover{background:#000000b3}.video-btn{position:fixed;bottom:20px;right:20px;background:#000;color:#fff;border:white 2px solid;width:120px;height:50px;cursor:pointer;font-size:20px;z-index:15;transition:all .3s ease;pointer-events:auto;touch-action:manipulation}.video-btn:hover{background:#000000b3;transform:scale(1.1)}.video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:none;justify-content:center;align-items:center;z-index:9999}.video-overlay.show{display:flex!important}.video-container{display:flex;max-width:80%;max-height:100%;background:#ffffff1a;border-radius:15px;padding:10px;justify-content:center;align-items:center}.video-container video{width:100%;height:auto;border-radius:10px;max-height:70vh}.close-btn{position:absolute;top:10px;right:15px;background:#fff3;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.instructions{position:fixed;bottom:20px;left:20px;color:#ffffffb3;font-family:Arial,sans-serif;font-size:14px;font-weight:300;text-align:center;z-index:1000;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}