*{margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none}.container{background:#1a1a1a;height:100vh;overflow:hidden;overscroll-behavior:none;position:relative;touch-action:pan-x pan-y;width:100vw}.canvas-container{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.canvas-container canvas{display:block;height:100%;pointer-events:auto;width:100%;-webkit-user-drag:none;user-drag:none}.play-overlay{height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1000}.play-button,.play-overlay{align-items:center;cursor:pointer;display:flex}.play-button{background:transparent;border:none;flex-direction:column;gap:20px;transition:transform .2s ease}.play-button:hover{transform:scale(1.1)}.play-button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.music-control{cursor:pointer;left:20px;position:fixed;top:20px;transition:transform .2s ease;z-index:1000}.music-control:hover{transform:scale(1.1)}.music-control svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.music-control.playing svg{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}