/* An opt-in sound capsule, using the current blue or matrix palette. */
.footer{grid-template-columns:1fr auto 1fr}
.experience-controls{justify-self:end;display:flex;align-items:center;gap:10px}
.experience-controls .motion-toggle{min-height:44px;white-space:nowrap}
.sound-player{display:flex;align-items:center;gap:2px;border:1px solid rgba(var(--glow),.24);border-radius:30px;background:rgba(var(--ink-rgb),.78);color:var(--muted);backdrop-filter:blur(12px)}
.sound-player[hidden]{display:none}
.sound-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:133px;min-height:44px;padding:10px 12px;border:0;border-radius:30px;background:transparent;color:inherit;font:10px monospace;white-space:nowrap;cursor:pointer}
.sound-toggle:hover{color:var(--bright)}
.sound-player[data-state="playing"]{border-color:rgba(var(--glow),.45);color:var(--sub);box-shadow:0 0 22px rgba(var(--glow),.07)}
.sound-bars{display:flex;align-items:center;justify-content:center;gap:2px;width:17px;height:18px}
.sound-bars i{display:block;width:2px;height:4px;border-radius:2px;background:currentColor}
.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}
[data-state="playing"] .sound-bars i{animation:sound-wave 2.2s ease-in-out infinite}
[data-state="playing"] .sound-bars i:nth-child(2){animation-delay:-.6s}
[data-state="playing"] .sound-bars i:nth-child(3){animation-delay:-1.2s}
[data-state="playing"] .sound-bars i:nth-child(4){animation-delay:-1.8s}
.sound-volume{display:flex;align-items:center;gap:5px;min-height:44px;padding:0 13px 0 7px;border-left:1px solid rgba(var(--glow),.15)}
.sound-volume svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sound-volume input{width:55px;height:44px;margin:0;accent-color:var(--mint);cursor:pointer}
.sound-volume input:focus-visible{outline:2px solid var(--bright);outline-offset:3px;border-radius:5px}
.sound-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes sound-wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}
@media(max-width:1200px){.footer{grid-template-columns:1fr auto}.footer-coordinate{display:none}}
@media(min-width:701px) and (max-width:1000px){.footer{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.footer{display:flex;flex-direction:column;gap:14px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.experience-controls{order:-1;gap:8px}.experience-controls .motion-toggle{font-size:8px}.sound-toggle{min-width:125px;font-size:9px}.sound-volume{padding-right:10px}.sound-volume input{width:48px}}
@media(max-width:380px){.experience-controls{gap:6px}.sound-toggle{min-width:117px;padding-left:9px;padding-right:9px}.sound-volume svg{display:none}.sound-volume{padding-left:8px;padding-right:8px}.sound-volume input{width:42px}}
@media(prefers-reduced-motion:reduce){.sound-bars i{animation:none!important}}