.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-modal{background:linear-gradient(135deg,#1a0033,#0d0020);border:2px solid #6600ff;border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 0 50px #6600ff80;display:flex;flex-direction:column}.settings-header{padding:20px 25px;border-bottom:1px solid #6600ff;display:flex;justify-content:space-between;align-items:center;background:#6600ff1a}.settings-header h2{margin:0;color:#f0f;font-size:24px;text-shadow:0 0 10px rgba(255,0,255,.5)}.close-btn{background:none;border:none;color:#f0f;font-size:36px;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{color:#fff;transform:rotate(90deg)}.settings-content{padding:20px 25px;overflow-y:auto;flex:1}.settings-section{margin-bottom:25px}.settings-section h3{color:#0ff;font-size:18px;margin:0 0 15px;text-shadow:0 0 8px rgba(0,255,255,.5)}.setting-item{margin-bottom:15px}.setting-item label{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;margin-bottom:5px}.setting-item .value{color:#f0f;font-weight:700;font-family:monospace}.setting-item input[type=range]{width:100%;height:6px;background:linear-gradient(90deg,#60f,#f0f);border-radius:3px;outline:none;-webkit-appearance:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#0ff;cursor:pointer;border-radius:50%;box-shadow:0 0 10px #00ffffb3}.setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#0ff;cursor:pointer;border-radius:50%;border:none;box-shadow:0 0 10px #00ffffb3}.setting-item input[type=range]:disabled{opacity:.3;cursor:not-allowed}.setting-item.checkbox{display:flex;align-items:center}.setting-item.checkbox label{cursor:pointer;display:flex;align-items:center;gap:10px}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ff00ff}.settings-footer{padding:20px 25px;border-top:1px solid #6600ff;display:flex;justify-content:space-between;align-items:center;background:#6600ff1a}.reset-btn{background:linear-gradient(135deg,#f0f,#60f);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 0 10px #ff00ff4d}.reset-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #f0f9}.hint{color:#aaa;font-size:12px;font-style:italic}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#6600ff1a}.settings-content::-webkit-scrollbar-thumb{background:#60f;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#f0f}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;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;overflow:hidden;background:#000}.app{width:100vw;height:100vh;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%}