#utilityFooter #bgmBtn{display:none!important}
#titleSettings,#titleSettingsPanel{display:none!important}
#soundPanel{font-family:'Yu Mincho',serif;color:#f0e8d3}
#soundPanel svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#soundPanel{position:fixed;inset:0;margin:auto;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;background:linear-gradient(135deg,#161a20ef,#070a0df7);border:1px solid #aa905670;box-shadow:0 20px 70px #0009;backdrop-filter:blur(12px);padding:24px 28px 22px;overflow:auto}
#soundPanel[open]{animation:soundPanelIn .28s cubic-bezier(.2,.8,.2,1)}
#soundPanel::backdrop{background:#05091170;animation:soundBackdropIn .22s ease}
#soundPanel *{box-sizing:border-box}
#soundPanel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#soundPanel h2{margin:0;font-size:24px;font-weight:500;letter-spacing:.14em}
#soundClose{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ab945252;background:#0002;color:#d9c694;line-height:0;cursor:pointer}
.soundCorner{position:absolute;width:40px;height:32px;pointer-events:none}
.soundCorner:before,.soundCorner:after{content:'';position:absolute;left:0;top:0;background:linear-gradient(90deg,#e6c677,transparent)}
.soundCorner:before{width:100%;height:1px}.soundCorner:after{width:1px;height:100%;background:linear-gradient(#e6c677,transparent)}
.soundCorner.tl{left:8px;top:8px}.soundCorner.tr{right:8px;top:8px;transform:scaleX(-1)}.soundCorner.bl{left:8px;bottom:8px;transform:scaleY(-1)}.soundCorner.br{right:8px;bottom:8px;transform:scale(-1)}
.soundMaster{display:flex;align-items:center;justify-content:space-between;padding:10px 0 22px;border-bottom:1px solid #a68e4d36;font-size:15px}
#soundMaster{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#9a9a92;padding:4px 0 4px 16px;cursor:pointer;height:40px}
#soundMaster b{font:600 13px/1 sans-serif;letter-spacing:.09em;width:28px}
#soundMaster i{display:block;position:relative;width:48px;height:26px;border:1px solid #6e747e;background:#323944;border-radius:16px;transition:background .2s,border-color .2s}
#soundMaster em{position:absolute;left:4px;top:4px;width:16px;height:16px;background:#a9afb7;border-radius:50%;transition:transform .22s,background .22s}
#soundMaster[aria-checked=true]{color:#efd799}#soundMaster[aria-checked=true] i{background:#80642b;border-color:#d9bb72}#soundMaster[aria-checked=true] em{transform:translateX(22px);background:#ffe5a2}
.soundRow{padding-top:23px}.soundRowHead{display:flex;align-items:center;gap:12px}.soundRowHead>svg{color:#c8b584}.soundRow label{font-size:18px}.soundRow output{margin-left:auto;color:#efd799;font:400 32px/1 Georgia,serif;font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.soundRow output span{font:12px sans-serif;margin-left:5px;color:#aca18a}
.soundControl{display:flex;align-items:center;gap:20px;margin-top:12px;min-height:42px}
.soundControl input{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:32px;background:transparent;cursor:pointer;margin:0;--fill:70%}
.soundControl input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#e5c783 var(--fill),#3b4147 var(--fill));border-radius:0}
.soundControl input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#ead39a;border:2px solid #fff0cc;transform:rotate(45deg);margin-top:-6px;box-shadow:0 0 12px #cbb36b55}
.soundControl input::-moz-range-track{height:4px;background:#3b4147}.soundControl input::-moz-range-progress{height:4px;background:#e5c783}.soundControl input::-moz-range-thumb{width:14px;height:14px;border-radius:0;background:#ead39a;border:2px solid #fff0cc}
.soundPlay{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;height:38px;border:1px solid #b49d5b65;color:#ead7a9;background:#14191c;cursor:pointer;font:13px 'Yu Mincho',serif;min-width:77px}
#soundPanel .soundPlay svg{width:17px;height:17px}.soundPlay.playing{background:#5d4e29;border-color:#e5c783;box-shadow:0 0 15px #b2984a22}.soundPlay:disabled{opacity:.35;cursor:default}
#soundPanel footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:16px;border-top:1px solid #a68e4d36;color:#a9a18f;font:12px/1.5 sans-serif}
#soundReset{background:transparent;color:#c4b58f;border:0;padding:8px 0 8px 12px;cursor:pointer;font:12px 'Yu Mincho',serif}
#soundPanel button:hover:not(:disabled){filter:brightness(1.2)}#soundPanel :focus-visible,#optBtn:focus-visible{outline:2px solid #f3d995;outline-offset:4px}
@keyframes soundPanelIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes soundBackdropIn{from{background:#05091100}to{background:#05091170}}
@media(max-height:560px){#soundPanel{padding:14px 24px 12px;width:390px}#soundPanel header{margin-bottom:0}#soundPanel h2{font-size:22px}.soundMaster{padding:2px 0 10px}.soundRow{padding-top:12px}.soundControl{margin-top:6px}#soundPanel footer{margin-top:12px;padding-top:8px}#soundPreviewMark{display:none}}
@media(max-width:540px){#soundPanel{width:calc(100vw - 24px)}#soundPreviewMark{right:12px}}
@media(prefers-reduced-motion:reduce){#soundPanel,#soundPanel *,#soundPanel::backdrop{animation:none!important;transition:none!important}}

#soundPanel{width:460px}
.settingsTabs{display:flex;gap:8px;margin:0 0 18px}
.settingsTabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;height:44px;border:1px solid #a9915340;background:#080d1340;color:#aaa79b;font:16px 'Yu Mincho',serif;cursor:pointer;transition:color .18s,background .18s,box-shadow .18s}
#soundPanel .settingsTabs svg{width:20px;height:20px}
.settingsTabs button[aria-selected=true]{color:#f5dfa7;border-color:#d3b571;background:#8d713327;box-shadow:inset 0 0 18px #a6842815,0 0 15px #bd9d3620}
.settingsPage{min-height:372px;animation:settingsPageIn .2s ease}
.settingsPage[hidden]{display:none!important}
#soundPanel #optMenu{position:static;display:flex!important;min-width:0;width:100%;border:0;border-radius:0;background:transparent;padding:0;gap:14px;box-shadow:none;color:#eaddbb}
.settingsRoomSummary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:16px 0 24px;border-bottom:1px solid #a68e4d36}
.settingsRoomDetails{flex:1;min-width:0;text-align:left}
#soundPanel #optCode{font-size:30px!important;letter-spacing:3px!important;text-shadow:none!important;overflow-wrap:anywhere;margin:12px 0}
#soundPanel #optPhoneUrl{font-size:11px!important;letter-spacing:0!important;overflow-wrap:anywhere;line-height:1.6}
#soundPanel #optQr{flex:none;background:#fff;padding:9px;display:grid;place-items:center}
#soundPanel #optQr svg{display:block;width:128px;height:128px;fill:revert;stroke:none}
#soundPanel #optSaveQuit,#soundPanel #optBotSpeed{border:1px solid #b49d5b65;background:#151a1d;color:#ead7a9;border-radius:0;min-height:44px;cursor:pointer;font-family:inherit}
#soundPanel #optMsg:empty{display:none}
#soundPanel #optClose{display:none}
@keyframes settingsPageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-height:560px){#soundPanel{width:520px}.settingsTabs{margin-bottom:10px}.settingsTabs button{height:36px}.settingsPage{min-height:228px}#settingsAudio:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.soundMaster,#soundPanel footer{grid-column:1/-1}.soundControl{gap:10px}.soundRow label{font-size:16px}.soundRow output{font-size:26px;min-width:55px}.soundRowHead{gap:8px}.soundPlay{min-width:64px;padding:0 7px}.settingsRoomSummary{padding:6px 0 12px}#soundPanel #optQr svg{width:96px;height:96px}#soundPanel #optCode{font-size:27px!important;margin:6px 0}#soundPanel #optMenu{gap:10px}}
@media(max-width:540px) and (min-height:561px){.settingsRoomSummary{gap:12px}#soundPanel #optQr svg{width:96px;height:96px}#soundPanel #optCode{font-size:24px!important}}

.settingsRoomActions{display:flex;flex-direction:column;gap:12px;width:100%}
@media(max-height:560px){.settingsRoomActions{flex-direction:row;gap:10px}.settingsRoomActions button{flex:1;font-size:13px!important;padding:7px!important}}

#soundEnable{border:1px solid #b49d5b65;background:#151a1d;color:#ead7a9;padding:7px;cursor:pointer}#soundEnable[hidden]{display:none}
