/* Settings use the existing dark teal / restrained gold game palette. */
.topbar .volume-control{display:none}
#game-settings{color:#e2eae5;background:linear-gradient(145deg,#1a2c32,#101c23);border:1px solid #9e8f65;border-radius:8px;padding:clamp(20px,4vw,36px);width:min(480px,calc(100vw - 36px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;box-shadow:0 22px 80px #0009;font-family:inherit}
#game-settings::backdrop{background:#030a10b8}
#game-settings [hidden]{display:none!important}
#game-settings header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}
#game-settings h2{font-size:28px;letter-spacing:.12em;margin:8px 0 0}
#game-settings header small{color:#b7a477;font-size:10px;letter-spacing:.2em}
#game-settings button{font:inherit;color:inherit;cursor:pointer;background:#24383e;border:1px solid #5c7275;border-radius:4px;min-height:44px;padding:10px 16px}
#game-settings button:hover{background:#304950;border-color:#c2b17e}
#game-settings :focus-visible{outline:2px solid #c9bc8a;outline-offset:4px}
#game-settings header button{font-size:24px;min-width:44px;padding:4px;background:transparent}
#game-settings .settings-row{width:100%;text-align:left;position:relative;padding:17px 42px 17px 20px;margin-bottom:12px}
#game-settings .settings-row span{display:block;font-size:19px;letter-spacing:.07em}
#game-settings .settings-row small{display:block;color:#a3b6b7;margin-top:7px;font-size:13px}
#game-settings .settings-row b{position:absolute;right:18px;top:24px;font-size:24px;font-weight:normal;color:#baa97e}
#game-settings .settings-danger{border-color:#97726d;color:#e4bbb0}
#game-settings p{line-height:1.8;color:#becdcb;font-size:15px}
#game-settings .settings-note{margin-bottom:26px;font-size:13px}
#game-settings .settings-volume{display:block;margin:26px 0 34px}
#game-settings .settings-volume span{display:flex;justify-content:space-between;font-size:18px}
#game-settings .settings-volume small{display:block;color:#9bb0b2;font-size:12px;margin-top:8px}
#game-settings output{color:#c6b684;font-variant-numeric:tabular-nums}
#game-settings input[type=range]{display:block;width:100%;margin:18px 0 0;accent-color:#b5dcd0;cursor:pointer;min-height:28px}
#game-settings .settings-back{display:block;margin:24px auto 0;background:transparent;min-width:130px}
#game-settings .settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;flex-wrap:wrap}
#game-settings .settings-confirm{border-color:#b9a777;color:#dfd0a2}
#settings-fullscreen-button{display:none}
#game-shell:fullscreen #settings-fullscreen-button{display:grid;position:absolute;top:14px;right:72px;z-index:250;background:#12232bd9;border:1px solid #9e8f6577;border-radius:4px;width:40px;height:40px}
@media(max-height:600px){#game-settings{padding:18px 24px}#game-settings header{margin-bottom:15px}#game-settings h2{font-size:24px;margin-top:5px}#game-settings .settings-row{padding:12px 38px 12px 16px;margin-bottom:8px}#game-settings .settings-row span{font-size:17px}#game-settings .settings-row small{margin-top:4px;font-size:12px}#game-settings .settings-row b{top:16px}#game-settings .settings-back{margin-top:12px}#game-settings .settings-volume{margin:18px 0 24px}}
#settings-button svg,#settings-fullscreen-button svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}