/* Floating Sound control shared by every screen. Uses style.css tokens. */
/* Right edge, vertically centred: the one area clear of HUD on every screen. */
.sound-dock{position:fixed;right:max(8px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:Roboto,'Noto Sans Thai',sans-serif}
.sound-dock button{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line,#414141);border-radius:999px;background:rgba(18,18,18,.86);color:var(--text,rgba(255,255,255,.87));font:500 12px/1 Roboto,sans-serif;letter-spacing:.6px;cursor:pointer;backdrop-filter:blur(6px)}
.sound-dock button:hover{background:rgba(39,39,39,.94)}
.sound-dock button:focus-visible,.sound-slider input:focus-visible{outline:3px solid var(--secondary,#03dac6);outline-offset:2px}
/* Visible text label is replaced by aria-pressed + title; the icon shape shows state. */
.sound-dock .sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sound-toggle .sound-cross{display:inline}.sound-toggle .sound-waves{display:none}
.sound-dock[data-enabled="true"] .sound-toggle .sound-cross{display:none}
.sound-dock[data-enabled="true"] .sound-toggle .sound-waves{display:inline}
.sound-dock[data-enabled="true"] .sound-toggle{border-color:var(--secondary,#03dac6)}
.sound-panel{position:absolute;right:56px;top:50%;transform:translateY(-50%);width:min(260px,calc(100vw - 80px));padding:16px;border:1px solid var(--line,#414141);border-radius:12px;background:rgba(30,30,30,.97);color:var(--text,rgba(255,255,255,.87));box-shadow:0 8px 24px rgba(0,0,0,.45)}
.sound-panel[hidden]{display:none}
.sound-slider{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:8px;min-height:48px;font-size:13px}
.sound-slider input{width:100%;min-height:32px;accent-color:var(--secondary,#03dac6)}
.sound-slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted,rgba(255,255,255,.6))}
.sound-hint{margin:8px 0 0;font-size:12px;color:var(--muted,rgba(255,255,255,.6))}
.sound-hint kbd{padding:1px 6px;border:1px solid var(--line,#414141);border-radius:4px;font:inherit}
/* Phones: one on/off button tucked under the top-right Menu/Back control;
   device volume buttons replace the sliders there. */
@media (max-width:600px){.sound-dock{top:calc(env(safe-area-inset-top) + 72px);transform:none}.sound-dock .sound-more,.sound-panel{display:none}}
@media print{.sound-dock{display:none}}