/* Settings use quiet controls; decorative menu frames stay on the main menu. */
#settings-dialog{width:min(580px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 40px));padding:26px 28px;border:1px solid #9bb0b53b;border-top:2px solid #c8ac76;border-radius:8px;background:linear-gradient(145deg,#152936,#0b1822);box-shadow:0 28px 100px #0009;overflow:auto;color:#dce6e8;font:14px/1.5 system-ui;text-align:left;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#516b78 #0b1822}
#settings-dialog::after{display:none}
#settings-dialog::backdrop{background:#030910aa;backdrop-filter:blur(5px)}
#settings-dialog .settings-heading{gap:20px;padding-bottom:20px;align-items:center}
#settings-dialog .settings-heading h2{font:600 24px/1.2 system-ui;letter-spacing:0;font-variant:normal;color:#e9e6db;margin:0}
#settings-dialog button.secondary-action{min-height:34px;padding:7px 12px;border:1px solid #a1b7bc40;border-image:none;border-radius:4px;background:#ffffff05;box-shadow:none;color:#c7d5d8;font:550 12px/1.4 system-ui!important;letter-spacing:0;text-shadow:none;filter:none;white-space:normal}
#settings-dialog button.secondary-action:hover{background:#ffffff0d;color:#fff;transform:none;filter:none}
#settings-dialog details{border-top:1px solid #aec2c222;padding:0;margin:0}
#settings-dialog summary{padding:17px 0;font:600 15px/1.5 system-ui;color:#c5d5da;cursor:pointer}
#settings-dialog details[open]>summary{color:#e4c791}
#settings-dialog .display-settings{padding:0 0 22px;display:grid;grid-template-columns:1fr;gap:8px;border:0;background:none;box-shadow:none}
#settings-dialog label{font:500 14px/1.5 system-ui;color:#a7bdc6}
#settings-dialog select{min-height:38px;border:1px solid #8fa8b53b;border-radius:4px;background:#0b1b26;color:#deeaed;font:14px system-ui;padding:8px 10px;margin:2px 0 10px;box-shadow:none}
#settings-dialog input[type=checkbox]{width:auto;margin-right:8px;accent-color:#d6b87c}
#settings-dialog input[type=range]{width:100%;accent-color:#d6b87c}
#settings-dialog .native-display-settings{border:0;border-bottom:1px solid #abc0c42a;padding:0 0 20px;margin:0 0 12px;min-width:0}
#settings-dialog .native-display-settings legend{font:500 11px system-ui;color:#819da8;padding:0 0 14px}
#settings-dialog .native-display-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
#settings-dialog .native-display-grid label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;text-align:left}
#settings-dialog .native-display-grid select{width:100%;margin:0}
#settings-dialog .native-display-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
#settings-dialog .desktop-advanced-link{font:500 11px system-ui;color:#a8bcbf;border:0;background:none;padding:3px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#settings-dialog .native-display-footer small{font-size:11px;color:#93bba7}
#settings-dialog .display-sync-note{font:11px/1.6 system-ui;color:#7f9aa7;margin:6px 0}
@media(max-width:500px){#settings-dialog{padding:20px}#settings-dialog .native-display-grid{grid-template-columns:1fr}}

/* Desktop client shares one reference scale across menus and HUD. */
html[data-desktop-client] #fullscreen-toggle,html[data-desktop-client] .fullscreen-status{display:none!important}
html[data-desktop-client] #select .menu-tools .secondary-action{font-size:13px!important}
html[data-desktop-client] #select .card .name{font:600 13px/1.3 system-ui}
html[data-desktop-client] #select .menu-ability-name{font:500 11px/1.4 system-ui}
html[data-desktop-client] #select #hero-summary{font-size:14px}
html[data-desktop-client] #select .field-label,html[data-desktop-client] #select .opt{font-size:12px}
html[data-desktop-client] #select .secondary-action{font-size:12px!important}
html[data-desktop-client] .ability-slot kbd{font-size:11px}
#pc-menu{width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:30px;border:1px solid #8fa9b145;border-top:2px solid #cdb17e;border-radius:8px;background:linear-gradient(145deg,#172d3a,#09151f);color:#e2e8e9;box-shadow:0 30px 100px #000a;overflow:auto;font:14px system-ui}
#pc-menu::backdrop{background:#020910a8;backdrop-filter:blur(5px)}
.pc-menu-header{display:flex;align-items:center;justify-content:space-between;font:650 11px system-ui;letter-spacing:3px;color:#c9b17e}
.pc-menu-header kbd{font:11px system-ui;color:#7f9ba7;letter-spacing:0;border:1px solid #7b9ba540;border-radius:3px;padding:3px 6px}
#pc-menu h2{font:600 27px system-ui;letter-spacing:0;margin:28px 0 9px;color:#ece9df}
#pc-menu .pc-menu-note{font:12px/1.6 system-ui;color:#88a5b1;margin:0 0 26px}
#pc-menu nav{display:grid;gap:10px}
#pc-menu button{padding:13px 16px;border:1px solid #aac1c12e;border-radius:4px;background:#ffffff04;color:#cfdddf;text-align:left;font:600 14px system-ui;cursor:pointer}
#pc-menu button:hover{background:#ffffff0c;border-color:#b2c6c75c}
#pc-menu button:focus-visible{outline:2px solid #d9bc80;outline-offset:2px}
#pc-menu button.pc-primary{background:linear-gradient(110deg,#dfc58e,#ad8b52);border-color:#ddc18a;color:#14212a}
#pc-menu button.pc-quit{margin-top:12px;color:#c4a7a0}
#pc-menu [hidden]{display:none!important}