.sound-settings{padding:12px 13px 10px;border:2px solid #ba8d55;background:#fff4d9;box-shadow:inset 0 0 0 2px #f8dbaa,0 3px 0 #805030;margin-bottom:16px}
.sound-heading,.sound-volume{display:flex;align-items:center;gap:10px}
.sound-heading{justify-content:space-between;color:#70482a;font-size:14px}
.sound-volume{margin-top:11px}
.sound-volume label{margin:0;min-width:28px;color:#765337}
.sound-volume input{flex:1;min-width:0;accent-color:#85a34c;cursor:pointer}
.sound-volume output{min-width:38px;text-align:right;color:#70482a;font-size:11px;font-variant-numeric:tabular-nums}
.sound-status{display:block;min-height:0;margin-top:5px;color:#9a573b;font-size:10px}
.sound-status:empty{display:none}
.sound-divider{height:1px;background:#d9bb86;margin:12px 0}
.graphics-settings{padding:12px 13px;border:2px solid #ba8d55;background:#fff4d9;box-shadow:inset 0 0 0 2px #f8dbaa,0 3px 0 #805030;margin-bottom:16px}
.graphics-settings h3{font-size:14px;color:#70482a;margin:0 0 12px}
.graphics-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:#765337}
.graphics-row label{display:block;margin:0;flex:none}
.graphics-row button{min-width:58px;padding:5px 9px;border:2px solid #8b5935;border-radius:4px;background:#8aab51;color:#fff9df;box-shadow:0 2px 0 #694323;font-size:11px;font-weight:700}
.graphics-row button[aria-pressed=false]{background:#d5c7a8;color:#725b45}
.graphics-row select{width:auto;max-width:175px;min-width:132px;padding:6px 8px;margin:0;border:2px solid #ba8d55;background:#fff9e8;border-radius:3px;font-size:12px;color:#70482a}
.graphics-settings small{display:block;margin-top:8px;font-size:10px;line-height:1.6;color:#8b6b47}

#feedback-dialog{width:min(510px,calc(100% - 24px));height:min(88dvh,900px);max-height:90dvh;padding:12px;overflow:hidden}
#feedback-dialog[open]{display:flex;flex-direction:column;gap:0}
#feedback-dialog .dialog-header{flex:none;margin-bottom:10px}
#feedback-dialog .dialog-header h2{font-size:18px}
#feedback-frame{display:block;width:100%;flex:1;min-height:0;border:0;border-radius:3px;background:#faf7ed}
#feedback-external{flex:none;align-self:center;display:flex;align-items:center;justify-content:center;min-height:36px;padding:9px 10px 0;font-size:11px;line-height:1.5;color:#856640;text-underline-offset:3px}
#feedback-external:focus-visible{outline:2px solid #739144;outline-offset:1px}

.app-version{font-size:10px;color:#a58a64;text-align:center;margin:10px 0 0}