*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background-color:#000;color:#fff;font-family:sans-serif}canvas{display:block;width:100vw;height:100vh}.selector-container{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.selector-pill{display:flex;background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px;gap:12px;box-shadow:0 10px 30px #00000080}.selector-btn{background:transparent;border:none;color:#ffffff80;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.selector-btn:hover{color:#fffc;background:#ffffff0d}.selector-btn.active{color:#fff;background:#ffffff26;box-shadow:0 0 15px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.selector-btn svg{width:24px;height:24px}