*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;background:#050000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#canvas-container{width:100%;height:100%;cursor:none}.controls{position:absolute;top:20px;right:20px;background:#001b1fd9;padding:20px;border-radius:12px;color:#fff;min-width:220px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.controls h3{margin-bottom:15px;font-size:16px;font-weight:600;color:#0f8;display:flex;align-items:center;gap:8px;transition:all .3s ease}.controls h3 .mode-icon{font-size:18px;animation:pulse 2s ease-in-out infinite}.controls h3 .mode-mode{font-size:11px;color:#aaa}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-size:12px;color:#aaa}.control-group input[type=range]{width:100%;cursor:pointer}.mode-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:15px}.mode-btn{padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;transition:all .3s}.mode-btn:hover{background:#fff3;border-color:#0f8}.mode-btn.active{background:#0f8;color:#000;border-color:#0f8}.control-group button{width:100%;padding:10px;background:linear-gradient(135deg,#dd5e0a,#006e32);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s}.control-group button:hover{transform:translateY(2px)}.info{position:absolute;bottom:28px;left:20px;color:#fff9;font-size:12px;background:#0000004d;backdrop-filter:blur(10px);padding:4px;border-radius:4px}.by{position:absolute;bottom:5px;left:20px;color:#ffffff59;font-size:12px;font-style:italic;background:#0000004d;backdrop-filter:blur(10px);padding:4px;border-radius:4px}.stats{position:absolute;top:20px;left:20px;background:#0000004d;padding:10px 15px;border-radius:8px;color:#0f8;font-size:18px;font-family:Courier New,monospace;backdrop-filter:blur(10px);font-weight:600}.cursor{position:fixed;width:60px;height:60px;border:2px solid rgba(0,255,136,.5);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s;z-index:1000}.cursor.active{width:80px;height:80px;border-color:#0f8c}