html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{margin:0 auto;text-align:center;width:100%;height:100%;background-color:#fff}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.spinner{width:30px;height:30px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-spinner p{font-size:14px;color:#333;margin:0;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slider-container{position:absolute;top:30px;left:50%;transform:translate(-50%);z-index:1;display:flex;align-items:center;width:auto;padding:10px;background-color:#fffc;border-radius:4px}.explosion-slider{width:150px;cursor:pointer;margin:0 10px}.slider-label{font-size:14px;font-weight:600;color:#333;white-space:nowrap}canvas{display:block;width:100%;height:100%}