/* Settings share the homepage palette, without changing world or reward screens. */
#sheet .sheet,#settingsDialog{--settings-ink:#153f34;--settings-muted:#69736b;--settings-green:#267553;--settings-sage:#edf1e4;--settings-line:#e7ebdf;font-family:"Nunito","Segoe UI",Verdana,sans-serif;font-weight:600;letter-spacing:0;line-height:1.6;color:var(--settings-ink)}
#sheet .sheet{display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(21,47,36,.44);backdrop-filter:blur(5px)}
#sheet .sheet .box,#settingsDialog{background:#fffcf7;border:1px solid #e1e7da;border-radius:26px;padding:30px;width:min(520px,100%);max-width:520px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #183b3429;box-sizing:border-box;animation:none}
#settingsDialog{width:min(520px,calc(100% - 40px));margin:auto}#settingsDialog::backdrop{background:rgba(21,47,36,.44);backdrop-filter:blur(5px)}
#sheet .sheet h3,#settingsDialog h2{margin:0 0 14px;font:900 30px/1.2 "Nunito","Segoe UI",Verdana,sans-serif;letter-spacing:-.025em;text-transform:none;color:var(--settings-ink)}
#sheet .sheet .row,#settingsDialog .setting-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:17px 0;margin:0;border:0;border-bottom:1px solid var(--settings-line);font-size:16px;line-height:1.5;color:var(--settings-ink)}
#sheet .sheet .row>span,#settingsDialog .setting-row>span{font-size:16px;font-weight:700;color:var(--settings-ink)}
#sheet .sheet .seg,#settingsDialog .seg,#settingsDialog .setting-options{display:flex;flex-wrap:wrap;gap:5px;flex-shrink:0;max-width:100%}
#sheet .sheet .seg button,#settingsDialog .setting-row button{font:800 14px/1.4 "Nunito","Segoe UI",Verdana,sans-serif;min-width:46px;min-height:46px;padding:9px 13px;background:#f1f4e9;color:var(--settings-ink);border:1px solid #dfe6d6;border-radius:11px;box-shadow:none;letter-spacing:0;cursor:pointer;transform:none;text-shadow:none}
#sheet .sheet .seg button.on,#settingsDialog .setting-row button[aria-pressed=true]{background:var(--settings-green);color:#fff;border-color:var(--settings-green);box-shadow:none}
#sheet .sheet .btn-row,#settingsDialog .button-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:25px 0 0;padding:0}
#sheet .sheet .btn-row .btn,#settingsDialog .button-row .primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:8px;padding:11px 22px;border:1px solid var(--settings-green);border-radius:99px;background:var(--settings-green);color:white;font:800 15px/1.45 "Nunito","Segoe UI",Verdana,sans-serif;text-transform:none;letter-spacing:0;text-shadow:none;box-shadow:none;cursor:pointer;text-decoration:none;transform:none}
#sheet .sheet .btn-row a.btn,#settingsDialog .button-row a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;border:1px solid #dce4d2;border-radius:99px;background:var(--settings-sage);color:var(--settings-ink);font:800 14px/1.45 "Nunito","Segoe UI",Verdana,sans-serif;box-shadow:none;letter-spacing:0;text-transform:none;text-decoration:none;text-shadow:none}
#sheet .sheet button:focus-visible,#sheet .sheet a:focus-visible,#settingsDialog button:focus-visible,#settingsDialog a:focus-visible{outline:3px solid #28765a;outline-offset:3px}
#sheet .sheet .btn-row button:hover,#settingsDialog .button-row .primary:hover{background:#18583e}#sheet .sheet .seg button:hover:not(.on),#settingsDialog .setting-row button:hover:not([aria-pressed=true]){background:#e6eddb}
@media(max-width:640px){#sheet .sheet{padding:18px}#sheet .sheet .box,#settingsDialog{padding:24px 21px;border-radius:24px;max-height:calc(100dvh - 36px)}#settingsDialog{width:calc(100% - 36px)}#sheet .sheet h3,#settingsDialog h2{font-size:27px}#sheet .sheet .row,#settingsDialog .setting-row{gap:10px}#sheet .sheet .row>span,#settingsDialog .setting-row>span{font-size:15px}#sheet .sheet .seg button,#settingsDialog .setting-row button{min-width:44px;min-height:44px;padding:8px 10px}#sheet .sheet .btn-row .btn,#settingsDialog .button-row .primary,#settingsDialog .button-row a{width:auto;flex:1 1 auto;font-size:14px}}
@media(prefers-reduced-motion:reduce){#sheet .sheet *,#settingsDialog *{animation:none!important;transition:none!important}}
@media print{#sheet,#settingsDialog{display:none!important}}