@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #050505;--panel-bg: rgba(20, 20, 20, .7);--accent-color: #7000ff;--text-primary: #ffffff;--text-secondary: #aaaaaa;--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw}#app{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;will-change:transform;image-rendering:pixelated}.fps-counter{position:absolute;top:20px;right:20px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);padding:8px 15px;border-radius:8px;font-family:monospace;font-size:14px;color:#0f0;z-index:100;pointer-events:none}.ui-panel{position:absolute;top:30px;left:30px;width:340px;padding:30px;background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;z-index:10;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;gap:20px}.row{display:flex;gap:15px;width:100%}.col{flex:1;display:flex;flex-direction:column;gap:5px}.sub-label{font-size:10px!important;opacity:.7}select{width:100%;background:#1a1a1a;border:1px solid var(--glass-border);color:#fff;padding:12px;border-radius:8px;font-family:inherit;font-size:13px;cursor:pointer;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select:hover{background-color:#252525}option{background:#0a0a0a;color:#fff;padding:10px}.button-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.secondary-btn,.stop-btn{color:#fff;border:1px solid var(--glass-border);padding:12px 5px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:10px}.secondary-btn{background:#ffffff1a}.secondary-btn:hover{background:#fff3}.stop-btn{background:#ff323233;border-color:#ff323266}.stop-btn:hover{background:#ff323266}header h1{font-size:24px;font-weight:600;letter-spacing:1px;background:linear-gradient(135deg,#7000ff,#00f2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:10px}.pro-badge{font-size:10px;background:linear-gradient(135deg,#7000ff,#ff00c8);-webkit-text-fill-color:white;padding:2px 6px;border-radius:4px;vertical-align:middle}.tab-container{display:flex;gap:5px;margin-bottom:20px;background:#0000004d;padding:4px;border-radius:10px}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:6px;font-size:11px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn.active{background:#7000ff66;color:#fff}.tab-content{display:none;flex-direction:column;gap:15px}.tab-content.active{display:flex}.toggle-row{display:flex;justify-content:space-between;align-items:center}input[type=checkbox]{width:40px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:20px;position:relative;cursor:pointer;transition:background .3s}input[type=checkbox]:checked{background:var(--accent-color)}input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s}input[type=checkbox]:checked:before{transform:translate(20px)}header p{font-size:14px;color:var(--text-secondary);margin-top:5px}.controls{display:flex;flex-direction:column;gap:20px}.control-group{display:flex;flex-direction:column;gap:8px}label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}input[type=range]{width:100%;accent-color:var(--accent-color);cursor:pointer}span{font-size:14px;color:var(--text-primary);font-weight:600}.primary-btn{background:linear-gradient(135deg,var(--accent-color),#400080);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:12px}.primary-btn:hover{transform:scale(1.02);box-shadow:0 0 20px #7000ff66}.primary-btn:active{transform:scale(.98)}.stats{padding-top:15px;border-top:1px solid var(--glass-border)}.stat-item{display:flex;justify-content:space-between;font-size:14px}.stat-item .label{color:var(--text-secondary)}.finish-message{margin-top:20px;padding:15px;background:#7000ff1a;border:1px solid rgba(112,0,255,.3);border-radius:12px;text-align:center;display:none;animation:slideUp .5s ease forwards}.finish-message.visible{display:block}.finish-message h3{font-size:16px;color:#fff;margin-bottom:4px}.finish-message p{font-size:12px;color:var(--text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}