.audio-settings{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:22px;border:1px solid #8297a8;border-radius:12px;background:#19283c;color:#e6ece9;box-shadow:0 18px 80px #050b17b0;overflow:auto;overscroll-behavior:contain;font-family:var(--sans,sans-serif);touch-action:pan-y}
.audio-settings::backdrop{background:#070e1bbd;backdrop-filter:blur(4px)}
.audio-settings[open]{display:block}.audio-settings header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.audio-settings h2{font-size:22px;letter-spacing:1px;margin:0;color:#f8e9d5}.audio-settings header small{display:block;font-size:10px;letter-spacing:2px;color:#a8cdbd;margin-bottom:5px}.audio-settings button,.audio-settings select{font-family:inherit;font-size:13px;min-height:44px;border:1px solid #657b8f;border-radius:6px;color:#e2e9e8;background:#23394d;padding:9px 12px;cursor:pointer;touch-action:manipulation}.audio-settings button:focus-visible,.audio-settings select:focus-visible,.audio-settings input:focus-visible{outline:2px solid #e5c27d;outline-offset:3px}.audio-settings button:disabled{opacity:.45;cursor:default}.audio-settings #close-audio-settings{min-width:44px;padding:8px;font-size:20px}.audio-channel{padding:12px 0 16px;border-top:1px solid #7894a033}.audio-channel>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.audio-channel label{font-size:13px;display:flex;gap:8px;align-items:center}.audio-channel output{font-variant-numeric:tabular-nums;color:#e5ca90;font-size:12px}.audio-channel button{min-width:84px}.audio-channel button[aria-pressed=true]{background:#304b43;border-color:#9dc9b1;color:#d9f4e5}.audio-channel input{width:100%;height:28px;accent-color:#a9d6bd;cursor:pointer;touch-action:pan-x}.audio-track-select{display:block;font-size:13px;color:#b7cbd4;margin:3px 0 8px}.audio-settings select{width:100%;max-width:100%;font-size:13px}.audio-settings #current-bgm{font-size:14px;color:#f2d7a3;line-height:1.6;margin:15px 0 3px}.audio-settings #bgm-description{font-size:12px;line-height:1.7;color:#b5c7d1;margin:0 0 12px}.audio-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.audio-settings #preview-bgm{flex:1;background:#38574d;border-color:#a6cdb5;color:#f1f5e5}.audio-settings #audio-note{font-size:11px;color:#9fb6c7;line-height:1.8;margin:12px 0 18px}.audio-settings details{border-top:1px solid #7894a044;padding-top:8px}.audio-settings summary{cursor:pointer;padding:10px 0;font-size:13px;min-height:44px;line-height:24px;color:#d3dfdf}.weapon-sound-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 0}.weapon-sound-list button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;min-height:75px}.weapon-sound-list canvas{width:32px;height:32px;image-rendering:pixelated}.weapon-sound-list span{font-size:12px}.audio-settings #sound-preview-status{font-size:12px;min-height:20px;color:#e1c8a0;margin:8px 0 0}
@media(max-height:600px){.audio-settings{padding:16px;max-height:calc(100dvh - 16px)}.audio-settings header{margin-bottom:10px}.audio-channel{padding:8px 0 10px}}