:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #00f2ff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh}canvas{display:block;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:40px}.controls{pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:20px 40px;border-radius:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 8px 32px #0000005e;transition:opacity .5s ease,transform .5s ease}.controls.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.slider-group{display:flex;align-items:center;gap:15px}label{font-size:.9rem;font-weight:300;letter-spacing:.5px;color:#fffc}input[type=range]{-webkit-appearance:none;width:200px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;margin-top:-6px;box-shadow:0 0 10px var(--accent-color)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#fff3;border-radius:2px}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:#050505cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;transition:opacity .8s ease}#start-screen.fade-out{opacity:0;pointer-events:none}h1{font-size:3rem;font-weight:200;letter-spacing:10px;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 3s infinite alternate}p.subtitle{margin-top:15px;font-size:1rem;letter-spacing:2px;color:#ffffff80}@keyframes glow{0%{text-shadow:0 0 10px rgba(0,242,255,.2)}to{text-shadow:0 0 20px rgba(0,242,255,.6)}}