*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.container{width:100vw;height:100vh;position:relative}.controls{position:absolute;top:20px;left:20px;z-index:100;background:rgba(0,0,0,.7);padding:15px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls h3{margin-bottom:10px;color:#fff;font-size:16px}.controls p{margin:5px 0;color:#ccc;font-size:14px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}