.floating-controls{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom) + var(--cookie-lift,0px));z-index:550;display:flex;flex-direction:column;gap:10px}.floating-button{width:48px;height:48px;display:grid;place-items:center;border:1px solid #98c9ec;border-radius:50%;background:linear-gradient(145deg,#244c70,#0b2037);color:#d4edff;box-shadow:inset 0 0 0 3px #10283b,0 4px 18px #00152b66;transition:color .2s,box-shadow .2s,transform .2s}.floating-button svg{width:23px;height:23px}.floating-button:hover{color:#fff;box-shadow:inset 0 0 0 3px #183b57,0 0 17px #64c4ff77;transform:translateY(-2px)}.music-toggle .sound-on{display:none}.music-toggle[aria-pressed=true] .sound-on{display:block}.music-toggle[aria-pressed=true] .sound-off{display:none}.music-toggle[aria-pressed=true]{border-color:#b8eaff;box-shadow:inset 0 0 0 3px #183b57,0 0 14px #54bfff55}.floating-button:disabled{opacity:.65;cursor:wait}@media(max-width:760px){.floating-controls{right:12px;bottom:calc(12px + env(safe-area-inset-bottom) + var(--cookie-lift,0px))}.floating-button{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.floating-button{transition:none}}