.settings-dialog .feedback-settings {
  margin-top:18px;padding:16px;border:1px solid #79739e66;border-radius:18px;
  background:linear-gradient(135deg,#253044c4,#21192fd9);text-align:left;
}
.feedback-settings .feedback-settings-heading {display:flex;align-items:center;justify-content:space-between;gap:10px}
.feedback-settings h3 {margin:0;font-size:16px;color:#f0eaff}
.feedback-settings button,.feedback-settings select {
  min-height:42px;border:1px solid #8e99bc66;border-radius:11px;padding:8px 11px;
  background:#15192d;color:#e9edff;font:inherit;font-size:13px;font-weight:650;
}
.feedback-settings button {cursor:pointer}
.feedback-settings button[aria-pressed="true"] {background:#22505b;border-color:#77e8ed99;color:#c5faff}
.feedback-settings button:disabled {cursor:default;opacity:.5}
.feedback-settings :is(button,select):focus-visible {outline:2px solid #8af5ff;outline-offset:3px}
.feedback-settings .voice-controls {display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:10px;margin-top:14px}
.feedback-settings .voice-controls label {font-size:13px;color:#c5bfdc}
.feedback-settings #voice-preview {color:#aeedf6;border-color:#72cdd07a;white-space:nowrap}
.feedback-settings p {margin:10px 0 0;font-size:12px;line-height:1.6;color:#bfb9d4;overflow-wrap:anywhere}
.feedback-settings .haptics-heading {margin-top:18px;padding-top:16px;border-top:1px solid #9283af33}
@media (max-width:360px) {
  .settings-dialog .feedback-settings {padding:12px}
  .feedback-settings button,.feedback-settings select {padding:8px;font-size:12px}
  .feedback-settings .voice-controls {gap:6px;grid-template-columns:auto minmax(56px,1fr) auto}
}
.feedback-settings select {font-size:16px}

.feedback-settings .music-volume-control {display:grid;grid-template-columns:auto minmax(0,1fr) 3.2em;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:#c5bfdc}
.music-volume-control input {width:100%;min-width:0;min-height:36px;margin:0;accent-color:#72ecf0;cursor:pointer;background:transparent}
.music-volume-control output {text-align:right;color:#adf4f5;font-variant-numeric:tabular-nums}
.music-volume-control input:focus-visible {outline:2px solid #8af5ff;outline-offset:3px;border-radius:6px}

/* Persistent audio access without blocking the table or hiding browser activation. */
[data-audio-status]{position:relative}
[data-audio-status][data-audio-state="waiting"]{color:#a0f8ed!important}
[data-audio-status][data-audio-state="waiting"]::after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#99f4ed;box-shadow:0 0 7px #86e7e888}
.sound-check{margin-bottom:8px}
.sound-check #win-preview{white-space:nowrap;font-size:12px}

[data-audio-status][data-audio-state="muted"]{color:#afa8bf}
[data-audio-status][data-audio-state="muted"] svg{opacity:.6}
[data-audio-status][data-audio-state="muted"]::after{content:"";position:absolute;left:50%;top:50%;width:23px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}
.lobby-bottom-nav [data-audio-status][data-audio-state="muted"]::after{top:21px}
