.ambient-controls{position:absolute;right:0;top:10px;display:flex;gap:8px;z-index:3}
#motion,#sound{position:static;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #bd9a5580;border-radius:50%;background:#000000d9;color:#bd9a55;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 3px 16px #0005;transition:background .2s,border-color .2s,color .2s,transform .2s}
#motion:hover,#sound:hover{border-color:#bd9a55;color:#f5e6c3;background:#000000;transform:translateY(-1px)}
#sound svg{width:19px;height:19px}
#sound span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#sound[aria-pressed=false] .sound-waves,#sound[aria-pressed=true] .sound-cross{display:none}
#sound[aria-pressed=true]{border-color:#bd9a55;background:#000000;color:#bd9a55}
#motion{font-size:0}
#motion::before{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
#motion[aria-pressed=true]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4 20 12 7 20Z'/%3E%3C/svg%3E")}
@media(max-width:600px){.ambient-controls{top:5px;right:-6px;gap:6px}}
@media(prefers-reduced-motion:reduce){#motion,#sound{transition:none}}