/* RemasterUI palette, selectively re-expressed for the original BrowserPanels. */
:root{--sim-ink:#0b0d16;--sim-raised:#191c29;--sim-gold:#d4b038;--sim-text:#f7f7fa;--sim-muted:#c3cad9;--sim-line:#444451}
#sim-home{padding:8px 4px;border:0;background:none;color:var(--sim-text);font-weight:800;letter-spacing:.13em;font-size:15px;white-space:nowrap}
#sim-back{padding-inline:12px;white-space:nowrap;background:var(--sim-raised)}
header:has(#sim-home){border-bottom-color:#62522d;background:var(--sim-ink);gap:10px}
header:has(#sim-home) small{flex:1;margin-right:0}button:disabled{opacity:.45;cursor:default}
.sim-dialog{color:var(--sim-text);background:linear-gradient(135deg,#171a28,var(--sim-ink) 58%);width:min(600px,calc(100% - 32px));max-width:600px;max-height:calc(100dvh - 40px);border:1px solid #6c5b31;border-radius:24px;padding:28px;overflow:auto;box-shadow:0 24px 100px #000b;overscroll-behavior:contain;scrollbar-color:#817149 #161923}
.sim-dialog[open]{animation:sim-arrive 150ms ease-out}.sim-dialog::backdrop{background:#04060bbb;backdrop-filter:blur(6px)}
.sim-dialog h1{font-size:clamp(24px,4vw,30px);font-weight:750;letter-spacing:-.035em;line-height:1.18;margin:7px 0 0;color:var(--sim-text)}
.sim-dialog h2{font-size:17px;color:var(--sim-text);margin:24px 0 6px}.sim-dialog p{font-size:15px;color:var(--sim-muted);line-height:1.6;margin:10px 0 18px}
.sim-eyebrow{font-size:10px;letter-spacing:.18em;color:#dfc775;font-weight:750}.sim-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #ffffff12;margin-bottom:18px}
.sim-dialog button,.sim-dialog select,.sim-dialog input:not([type=checkbox]):not([type=range]){font:inherit;min-height:48px;border:1px solid var(--sim-line);border-radius:12px;padding:11px 14px;background:#1b1f2d;color:var(--sim-text);max-width:100%}
.sim-dialog input:not([type=checkbox]):not([type=range]),.sim-dialog select,.sim-dialog textarea{font-size:16px}
.sim-dialog button{font-size:14px;width:auto;margin:0;font-weight:650;transition:background 140ms,border-color 140ms,transform 140ms;cursor:pointer}.sim-dialog button:hover:not(:disabled){background:#2a2e3c;border-color:#c6a84e}.sim-dialog button:active:not(:disabled){transform:translateY(1px)}
.sim-dialog .primary{background:var(--sim-gold);color:#161307;border-color:var(--sim-gold)}.sim-dialog .primary:hover:not(:disabled){background:#e5c45b;border-color:#e5c45b}
.sim-dialog button:focus-visible,.sim-dialog input:focus-visible,.sim-dialog select:focus-visible{outline:3px solid #ecd371;outline-offset:3px}
.sim-dialog [data-close]{align-self:center;flex:none;font-size:13px;padding:10px 12px;background:transparent;display:flex;gap:12px;align-items:center}.sim-dialog [data-close] span{color:#dfc775}
.sim-dialog .sim-panel-home{display:block;min-height:44px;padding:4px 0;color:#dfc775;font-size:11px;letter-spacing:.18em;border:0;background:transparent;border-radius:5px}.sim-dialog .sim-panel-home:hover:not(:disabled){background:transparent;color:#ffe796}
.sim-dialog-heading{position:sticky;top:-28px;margin:-28px -28px 18px;padding:28px 28px 20px;background:#141722;z-index:2}
.sim-dialog .settings-form{display:grid;gap:12px}.sim-dialog label{font-size:14px;font-weight:550;display:grid;gap:8px;color:var(--sim-text)}.sim-dialog .setting-field{gap:9px;margin-bottom:5px}.sim-dialog .setting-toggle{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff03}
.sim-dialog input[type=checkbox]{flex:none;width:22px;height:22px;accent-color:var(--sim-gold);margin:0}.sim-dialog input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;accent-color:var(--sim-gold);margin:0;background:transparent}.sim-dialog input[type=text],.sim-dialog select{width:100%}
.sim-dialog input[type=range]::-webkit-slider-runnable-track{height:6px;background:#586174;border-radius:4px}.sim-dialog input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;margin-top:-8px;background:#e8c854;border:2px solid #ffe6a0;box-shadow:0 1px 8px #0005}.sim-dialog input[type=range]::-moz-range-track{height:6px;background:#586174;border-radius:4px}.sim-dialog input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#e8c854;border:2px solid #ffe6a0}
.sim-dialog .panel-shortcuts{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #ffffff12}.sim-dialog .panel-shortcuts button{flex:1;white-space:nowrap}.sim-dialog .panel-feedback:empty{display:none}.sim-dialog .panel-feedback{padding:12px 14px;background:#282416;border:1px solid #62522d;border-radius:12px;color:#efdb97;overflow-wrap:anywhere}
.sim-dialog .button-row{display:flex;gap:10px;flex-wrap:wrap;margin-block:20px}.sim-dialog .button-row button{flex:1;white-space:nowrap}.sim-confirm{width:min(460px,calc(100% - 32px))}.sim-confirm h1{margin-top:12px}.sim-confirm p{margin:16px 0 24px}.sim-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sim-confirm-actions button{width:100%;min-height:50px}
#sim-navigation-message{position:fixed;z-index:20;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 32px);padding:14px 18px;background:#282416;border:1px solid #9b8140;border-radius:14px;color:#f4e5b1;box-shadow:0 8px 32px #0008;font-size:14px;line-height:1.5}
@keyframes sim-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){header:has(#sim-home){gap:6px;padding-inline:8px}header:has(#sim-home) small,header:has(#sim-home) #fullscreen{display:none}#sim-home{margin-right:auto;font-size:13px;letter-spacing:.1em}#sim-back{padding-inline:9px;font-size:13px}.sim-dialog{padding:22px 20px;border-radius:22px;max-height:calc(100dvh - 24px)}.sim-dialog-heading{top:-22px;margin:-22px -20px 16px;padding:22px 20px 16px;gap:12px}.sim-dialog .panel-shortcuts{flex-direction:column}}
@media(max-width:360px){.sim-confirm-actions{grid-template-columns:1fr}.sim-dialog{padding:20px 16px}.sim-dialog-heading{top:-20px;margin:-20px -16px 16px;padding:20px 16px 16px}}
@media(prefers-reduced-motion:reduce){.sim-dialog[open]{animation:none}.sim-dialog button{transition:none}}

/* Less frequent original game preferences remain available without crowding the phone form. */
.sim-dialog .settings-advanced{border:1px solid var(--sim-line);border-radius:12px;padding:0 12px;min-width:0}.sim-dialog .settings-advanced summary{min-height:48px;padding:13px 0;color:#dfc775;font-size:14px;font-weight:650;cursor:pointer}.sim-dialog .settings-advanced summary:focus-visible{outline:3px solid #ecd371;outline-offset:3px;border-radius:6px}.sim-dialog .settings-advanced .setting-toggle{margin:0 0 10px;align-items:flex-start}.sim-dialog .settings-advanced input{margin-top:2px}.sim-dialog .settings-advanced .setting-toggle>span{display:grid;gap:5px;min-width:0}.sim-dialog .settings-advanced small{font-size:12px;font-weight:400;line-height:1.5;color:var(--sim-muted)}
