/* Etapa 14 · O passeio */
.lado{position:fixed;right:max(20px,env(safe-area-inset-right,0px));z-index:6;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:1px solid var(--line);color:#8a8279;transition:color .3s,border-color .3s,box-shadow .3s}
.lado svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lado:hover,.lado:focus-visible,.lado.on{color:#ffdcb8;border-color:rgba(255,185,121,.4);box-shadow:0 0 24px rgba(255,170,90,.18)}
#psBt{bottom:calc(env(safe-area-inset-bottom,0px) + 160px)}
#psBt svg path{fill:currentColor;stroke:none}
#psBt.on svg .ps-play{display:none}#psBt:not(.on) svg .ps-stop{display:none}
#somBt{bottom:calc(env(safe-area-inset-bottom,0px) + 212px)}
#somBt:not(.on) .som-on{display:none}#somBt.on .som-off{display:none}
.ps-hud{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 52px);transform:translate(-50%,8px);z-index:6;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;border-radius:999px;background:linear-gradient(160deg,rgba(22,21,25,.88),rgba(9,9,11,.92));border:1px solid rgba(255,185,121,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 9.5px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffdcb8;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}
.ps-hud.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ps-hud button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font:inherit;letter-spacing:.14em;color:#8a8279}
.ps-hud button:hover{color:#ffdcb8;border-color:rgba(255,185,121,.35)}
@media (max-width:599px){#psBt{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 202px)}#somBt{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 254px)}.ps-hud{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);letter-spacing:.1em}}