#bubble-options svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; color:var(--bb-brass-hi,#e6d3a4); }
#options-panel { width:min(400px,calc(100% - 32px)); top:50%; left:50%; right:auto; transform:translate(-50%,-50%); padding:26px; max-height:calc(var(--game-height,100dvh) - 32px); border:1px solid #a68b57; border-radius:16px; }
#options-panel .sheet-header { margin-bottom:12px; }
#options-panel h2 { font-size:34px; margin-top:6px; }
#options-description { color:#b4c6c6; font-size:14px; line-height:1.6; margin:0 0 24px; }
.sound-options { display:grid; gap:2px; margin:0 0 20px; padding:12px 14px; border:1px solid #6d7e7c; border-radius:8px; color:#d9e5e3; }
.sound-options legend { padding:0 6px; color:#e6d3a4; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.sound-options label { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; }
.sound-options input[type="checkbox"] { inline-size:17px; block-size:17px; accent-color:#a7e5e2; }
.sound-options label:focus-within { outline:2px solid #a7e5e2; outline-offset:2px; }
.options-actions { display:grid; gap:12px; }
.options-actions button { min-height:54px; width:100%; padding:14px 18px; border:1px solid #9d8559; border-radius:8px; background:#cdb583; color:#14252c; font-size:16px; font-weight:700; cursor:pointer; transition:background .15s,border-color .15s; }
.options-actions button:hover { background:#e5cea0; }
.options-actions button:focus-visible,#bubble-options:focus-visible { outline:3px solid #a7e5e2; outline-offset:4px; }
#btn-resume-game kbd { float:right; font:inherit; font-size:12px; opacity:.7; padding-top:3px; }
#btn-quit-game { background:#112832; color:#efcec0; border-color:#846d60; }
#btn-quit-game:hover { background:#303039; border-color:#cfac91; }
#btn-quit-game span { display:block; margin-top:5px; color:#b8c5c8; font-size:12px; font-weight:400; }
@media (pointer:coarse) { #btn-resume-game kbd { display:none; } }
@media (prefers-reduced-motion:reduce) { .options-actions button { transition:none; } }

.sound-options .volume-control { display:grid; grid-template-columns:1fr auto; gap:0 12px; margin:3px 0 5px; font-size:14px; }
.volume-control output { color:#e6d3a4; font-variant-numeric:tabular-nums; }
.sound-options input[type="range"] { grid-column:1 / -1; width:100%; height:44px; margin:0; cursor:pointer; accent-color:#a7e5e2; }
.volume-hint { margin:-6px 0 8px; color:#b4c6c6; font-size:12px; line-height:1.4; }