html,body{margin:0;padding:0;height:100%;background:#fff;overflow:hidden}canvas{display:block;transition:opacity .5s ease}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;z-index:1000;gap:20px}#loading-logo{width:120px;height:auto;object-fit:contain}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #111;border-radius:50%;animation:spin 1s linear infinite}#loading-progress{width:200px;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-top:10px}#progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#a98841,#d4af37);border-radius:3px;transition:width .3s ease}#loading-text{font-family:system-ui,sans-serif;font-size:14px;color:#666;margin-top:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (max-width: 768px){#loading-logo{width:80px}.spinner{width:40px;height:40px;border-width:3px}#loading{gap:15px}}@media (max-width: 480px){#loading-logo{width:60px}.spinner{width:35px;height:35px}}#close-tab-button{touch-action:manipulation}@media (max-width: 480px){#close-tab-button{width:36px!important;height:36px!important;font-size:16px!important;top:12px!important;right:12px!important}}#play-button-3d{touch-action:manipulation}@media (max-width: 768px){#play-button-3d{width:60px!important;height:60px!important}}@media (max-width: 480px){#play-button-3d{width:50px!important;height:50px!important}}#tooltip{position:absolute;bottom:16px;left:16px;padding:8px 12px;background:#ffffffe6;border-radius:8px;font-size:12px;box-shadow:0 2px 8px #0000001a;pointer-events:auto}