/* LPA lobby audio UI (homepage): pier radio + sound pill. 2026-10-17 */
.lpa-radio{position:absolute;z-index:6;right:clamp(1rem,25vw,30rem);bottom:clamp(3.6rem,10vh,7rem);display:flex;align-items:center;gap:.7rem;padding:.45rem .95rem .45rem .5rem;border:0;border-radius:999px;cursor:pointer;
  background:rgba(14,22,40,.62);color:#f6efe3;font:800 .9rem/1.1 var(--font-body,"Nunito",system-ui,sans-serif);text-align:left;
  box-shadow:0 6px 18px rgba(4,8,18,.35),inset 0 0 0 1.5px rgba(255,220,160,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:background .2s ease,box-shadow .25s ease,transform .15s ease}
.lpa-radio:hover{background:rgba(20,32,58,.78);transform:translateY(-1px)}
.lpa-radio:focus-visible{outline:3px solid #ffd27a;outline-offset:3px}
.lpa-radio-set{position:relative;width:56px;height:48px;flex:0 0 auto}
.lpa-radio-set svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.lpa-radio .dial{fill:#4a3a2a;transition:fill .3s ease}
.lpa-radio .needle{stroke:#f0c43a}
.lpa-radio .tx{display:flex;flex-direction:column;gap:.12rem}
.lpa-radio .tx b{font-weight:800;letter-spacing:.01em}
.lpa-radio .tx small{font-size:.74rem;font-weight:700;color:rgba(246,239,227,.75)}
.lpa-radio .notes{position:absolute;left:30px;top:-6px;width:30px;height:30px;pointer-events:none;opacity:0}
.lpa-radio .notes i{position:absolute;bottom:0;font-style:normal;font-size:14px;color:#ffd27a;text-shadow:0 0 6px rgba(255,190,90,.8)}
.lpa-radio .notes i:nth-child(2){left:12px;font-size:11px}
.lpa-radio.is-on{background:rgba(52,36,20,.7);box-shadow:0 0 0 1.5px rgba(255,210,122,.65) inset,0 0 22px rgba(255,180,80,.38),0 6px 18px rgba(4,8,18,.35)}
.lpa-radio.is-on .dial{fill:#ffcc6a}
.lpa-radio.is-on .notes{opacity:1}
.lpa-radio.is-on .notes i{animation:lpaNote 2.6s ease-in-out infinite}
.lpa-radio.is-on .notes i:nth-child(2){animation-delay:1.3s}
.lpa-radio.is-loading .tx small::after{content:" …"}
@keyframes lpaNote{0%{transform:translate(0,4px);opacity:0}20%{opacity:1}100%{transform:translate(8px,-18px);opacity:0}}
/* sound pill: matches the ns5 console Music / Effects switch (cream rocker + teal ON) */
.lpa-mute{position:fixed;z-index:60;left:clamp(.75rem,1.6vw,1.25rem);bottom:clamp(.75rem,1.6vw,1.25rem);display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 .4rem 0 .7rem;border-radius:999px;cursor:pointer;
  border:2px solid #c9a46a;background:linear-gradient(#fbf3e2,#efe0c2);color:#2a2a3e;font:800 .8rem/1 var(--font-body,"Nunito",system-ui,sans-serif);
  box-shadow:0 3px 0 #b48a52,0 8px 18px rgba(4,8,18,.35)}
.lpa-mute:active{transform:translateY(2px);box-shadow:0 1px 0 #b48a52,0 4px 10px rgba(4,8,18,.3)}
.lpa-mute:focus-visible{outline:3px solid #2fa39a;outline-offset:3px}
.lpa-mute svg{width:18px;height:18px;fill:none;stroke:#2a2a3e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lpa-mute .sw{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:50px;height:24px;border-radius:999px;background:#2fa39a;box-shadow:inset 0 2px 3px rgba(0,0,0,.25);
  color:#fff;font-size:.62rem;letter-spacing:.06em;padding-left:7px;transition:background .2s ease}
.lpa-mute .sw::after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.35);transition:right .2s ease}
.lpa-mute.is-off .sw{background:#9a9486;justify-content:flex-end;padding:0 7px 0 0}
.lpa-mute.is-off .sw::after{right:29px}
.lpa-mute.is-off .wv{display:none}
.lpa-mute .x{display:none}
.lpa-mute.is-off .x{display:inline}
@media (max-width:1100px){.lpa-radio{right:clamp(.8rem,2.5vw,1.5rem)}}
@media (max-width:700px){.lpa-radio{right:.8rem;bottom:3.4rem;padding:.35rem .75rem .35rem .4rem}.lpa-radio-set{width:46px;height:40px}.lpa-radio .tx small{display:none}}
@media (prefers-reduced-motion:reduce){.lpa-radio.is-on .notes i{animation:none;opacity:.9}.lpa-mute .sw,.lpa-mute .sw::after{transition:none}}