/* Account settings: existing forms and handlers, one palette for every tab. */
.registration-brand,.entry-chess-art,.entry-assurance { display:none; }
.account-library-ready .auth-navigation { display:none; }
:root[data-ui-version="fable-v5"][data-theme] body.settings-page {
  --fable-bg:#11191a;--fable-surface:#192324;--fable-surface-2:#202b2b;
  --fable-text:#f2eee4;--fable-muted:#adbbb4;--fable-faint:#91a299;
  --fable-line:#30403b;--fable-line-strong:#475a50;--fable-track:#101a19;
  --fable-rail-bg:#151e1d;--fable-gold:#e9c777;--settings-gold-text:#222a1b;
  --settings-control:#15201e;--settings-shadow:0 12px 40px #00000012;
  --fable-panel-bg:var(--fable-surface);--fable-panel-shadow:var(--settings-shadow);
  --fable-control-hover:var(--fable-surface-2);--fable-hover-soft:#ffffff06;
  color-scheme:dark;color:var(--fable-text);background:var(--fable-bg);
  font-family:var(--sans,"Segoe UI",Arial,sans-serif);
}
:root[data-ui-version="fable-v5"][data-theme="classic"] body.settings-page,
:root[data-ui-version="fable-v5"][data-theme="paper"] body.settings-page {
  --fable-bg:#f5f3ec;--fable-surface:#fffef9;--fable-surface-2:#eeefe5;
  --fable-text:#203129;--fable-muted:#5c7064;--fable-faint:#687d6e;
  --fable-line:#dce1d4;--fable-line-strong:#c0ccbb;--fable-track:#d6dfcd;
  --fable-rail-bg:#eeece3;--fable-gold:#8d671f;--settings-control:#f5f6ee;
  --settings-shadow:0 8px 30px #32433208;color-scheme:light;
}
:root[data-ui-version="fable-v5"] body.settings-page .site-header{display:none}
:root[data-ui-version="fable-v5"] body.settings-page .account-main{padding:16px clamp(18px,2.5vw,36px) 28px;min-height:100dvh;background:var(--fable-bg)!important}
.settings-page :is(button,input,select,a){outline-offset:4px}
.settings-page :focus-visible{outline:2px solid var(--fable-accent)}
.settings-page [hidden]{display:none!important}
.settings-page :is(h1,h2,h3,h4,h5){color:var(--fable-text);font-family:inherit;font-weight:700;letter-spacing:-.035em}
.settings-page :is(p,small){line-height:1.6}
.settings-toolbar{position:sticky;top:0;z-index:12;background:var(--fable-bg);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 10px;margin-bottom:12px;border-bottom:1px solid var(--fable-line)}
.settings-toolbar-heading h1{margin:0;font-size:22px;line-height:1.2;font-weight:650}
.settings-toolbar-actions{display:flex;align-items:center;gap:11px}
/* One custom language menu in both palettes; the native picker only syncs locale state. */
.settings-language{position:relative;flex-shrink:0;color:var(--fable-muted)}
/* Authentication inherits the landing choice; editing belongs to Settings. */
body.settings-page:has(#signedInAccount[hidden]) .settings-language,
body.settings-page:has(#signedInAccount[hidden]) #settingsThemeToggle{display:none}
.settings-language-trigger{display:flex;align-items:center;justify-content:center;gap:9px;width:88px;height:39px;padding:0 12px;border:1px solid var(--fable-line-strong);border-radius:999px;color:var(--fable-muted);background:transparent;font:600 11px/1 var(--sans,"Segoe UI",sans-serif);cursor:pointer}
.settings-language-trigger:hover,.settings-language-trigger[aria-expanded="true"]{background:var(--fable-surface);border-color:var(--fable-accent);color:var(--fable-text)}
.settings-language-trigger:focus-visible,.settings-language-menu button:focus-visible{outline:2px solid var(--fable-accent);outline-offset:3px}
.settings-language-trigger>svg{width:15px;height:15px;flex-shrink:0}
.settings-language-code{letter-spacing:.6px}
.settings-language-trigger .settings-language-chevron{width:11px;height:11px;transition:transform .15s ease}
.settings-language-trigger[aria-expanded="true"] .settings-language-chevron{transform:rotate(180deg)}
.settings-language-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:224px;padding:7px;border:1px solid var(--fable-line-strong);border-radius:16px;background:var(--fable-surface);color:var(--fable-text);box-shadow:0 14px 38px #07181226,0 3px 9px #0718120d}
.settings-language-menu[hidden]{display:none}
.settings-language-heading{margin:0 7px 5px;padding:7px 3px 10px;border-bottom:1px solid var(--fable-line);color:var(--fable-muted);font-size:10px;font-weight:500;line-height:1.4}
.settings-language-menu button{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 10px;border:0;border-radius:9px;background:none;color:var(--fable-text);font:500 12px/1.4 var(--sans,"Segoe UI",sans-serif);text-align:left;cursor:pointer}
.settings-language-menu button[aria-checked="true"]{background:var(--fable-accent-soft)}
.settings-language-menu button:hover,.settings-language-menu button:focus-visible{background:var(--fable-surface-2)}
.settings-language-monogram{display:grid;place-items:center;width:28px;height:27px;border:1px solid var(--fable-line);border-radius:7px;background:var(--fable-surface);color:var(--fable-muted);font-size:9px;letter-spacing:.5px}
.settings-language-menu button>svg{width:18px;height:18px;color:var(--fable-accent);visibility:hidden}
.settings-language-menu button[aria-checked="true"]>svg{visibility:visible}
.settings-theme-toggle{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--fable-line-strong);border-radius:50%;color:var(--fable-muted);background:transparent;cursor:pointer}
.settings-theme-toggle:hover{background:var(--fable-surface-2);color:var(--fable-text)}
.settings-theme-toggle svg{width:17px;height:17px}
#settingsSessionSlot .account-session-actions{margin:0;padding:0 0 0 10px;border-left:1px solid var(--fable-line)}
#settingsSessionSlot #accountSignOut{margin:0;min-height:36px;padding:7px 12px;font-size:11px;background:transparent;border:1px solid var(--fable-line);border-radius:9px;color:var(--fable-muted);box-shadow:none}
:root[data-ui-version="fable-v5"] .settings-page .account-shell{width:100%;max-width:1440px;margin:0 auto;align-items:start;gap:22px}
:root[data-ui-version="fable-v5"] .settings-page :is(.account-story,.account-panel){min-width:0;border:1px solid var(--fable-line);border-radius:18px;background:var(--fable-surface);color:var(--fable-text);box-shadow:var(--settings-shadow)}
:root[data-ui-version="fable-v5"] .settings-page .account-story{padding:32px}
:root[data-ui-version="fable-v5"] .settings-page .account-story h1{font-size:40px;line-height:1.1}
:root[data-ui-version="fable-v5"] .settings-page :is(.account-lead,.account-privacy-note,.account-benefits small,.account-panel-intro,.account-legal){color:var(--fable-muted)}
:root[data-ui-version="fable-v5"] .settings-page .account-panel{padding:28px}
:root[data-ui-version="fable-v5"] body.settings-page.fable-settings-authenticated .account-shell{display:block}
:root[data-ui-version="fable-v5"] body.settings-page.fable-settings-authenticated :is(.account-shell,#signedInAccount){padding-block:0;min-height:0}
.settings-page .account-panel:before,.settings-page .account-panel:after{display:none}
.settings-page .account-security-status{color:var(--fable-muted)}
:root[data-ui-version="fable-v5"] body.settings-page.fable-settings-authenticated :is(.account-story,.account-panel-head,.auth-status,.account-legal){display:none!important}
:root[data-ui-version="fable-v5"] body.settings-page.fable-settings-authenticated .account-panel{padding:0;border:0;background:none;box-shadow:none}
.settings-page .signed-in-account:not([hidden]){display:block}
.fable-settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start}
.fable-settings-nav{position:sticky;top:80px;padding:0;min-height:0;background:none;border:0;box-shadow:none}
.fable-settings-tabs{display:grid;gap:6px}
.fable-settings-tab{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:12px;border:1px solid transparent;border-radius:11px;background:none;color:var(--fable-muted);text-align:left;cursor:pointer}
.fable-settings-tab:hover{background:var(--fable-surface)}
.fable-settings-tab.is-active{background:var(--fable-accent-soft);border-color:color-mix(in srgb,var(--fable-accent) 28%,transparent);color:var(--fable-text)}
.fable-settings-tab-mark{width:5px;height:5px;flex:0 0 5px;border:1px solid currentColor;border-radius:50%}
.fable-settings-tab.is-active .fable-settings-tab-mark{background:var(--fable-accent);border-color:var(--fable-accent)}
.fable-settings-tab strong{display:block;color:inherit;font-size:12px;font-weight:600;line-height:1.5}
.fable-settings-tab small{display:block;margin-top:3px;color:var(--fable-muted);font-size:10px;line-height:1.45}
.fable-settings-stage{min-width:0}
.fable-settings-panel{min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--fable-text);box-shadow:none}
.fable-settings-panel-head{position:relative;margin:0 0 12px;padding:0;border:0}
.fable-settings-panel-head h2{margin:0;font-size:22px;line-height:1.25;font-weight:650}
.settings-page :is(.fable-settings-card,.board-appearance-settings,.notification-settings,.chess-connections-settings,.puzzle-review-profile,.account-settings){border:1px solid var(--fable-line);border-radius:16px;background:var(--fable-surface);color:var(--fable-text);box-shadow:var(--settings-shadow)}
.settings-page :is(.button,.puzzle-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 15px;border:1px solid var(--fable-line-strong);border-radius:8px;color:var(--fable-text);background:var(--fable-surface-2);font:600 11px/1.5 var(--sans,"Segoe UI",sans-serif);text-decoration:none;cursor:pointer;box-shadow:none}
.settings-page :is(.button,.puzzle-button):hover{border-color:var(--fable-accent)}
.settings-page :is(.dashboard-primary-action,#setupLoadGames,#puzzleReviewSave,#puzzleReminderSaveSchedule,#connectLichessAccount,.puzzle-button.primary){border-color:#dfbd70;background:linear-gradient(180deg,#f3dfa5,#e7bf66);color:var(--settings-gold-text);box-shadow:inset 0 1px #fff6d6a0,0 2px #ae8b3f22}
.settings-page :disabled{opacity:.55;cursor:default}
.settings-identity{margin-top:14px;border:1px solid var(--fable-line);border-radius:16px;background:var(--fable-surface);overflow:hidden}
:root[data-ui-version="fable-v5"] .settings-page .dashboard-metrics{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:0;margin:0;border:0}
:root[data-ui-version="fable-v5"] .settings-page .dashboard-metric{display:flex;align-items:center;gap:10px;min-width:0;min-height:72px;padding:12px 16px;border:0;border-radius:0;background:none!important;box-shadow:none}
.settings-page .dashboard-metric+.dashboard-metric{border-left:1px solid var(--fable-line)}
.settings-page .dashboard-metric-icon{width:25px;height:25px;flex:0 0 25px;background:none;border:0;color:var(--fable-accent)}
.settings-page .dashboard-metric-icon svg{width:18px;height:18px}
.settings-page .settings-account-metric .dashboard-metric-icon svg{fill:none;stroke:currentColor;stroke-width:1.6}
.settings-page .dashboard-metric>div{min-width:0}
.settings-page .dashboard-metric div strong{font-family:var(--sans,"Segoe UI",sans-serif);display:block;font-size:14px;line-height:1.4;font-weight:600;color:var(--fable-text)}
.settings-page .dashboard-metric div>span{display:block;font-size:10px;line-height:1.5;color:var(--fable-muted)}
.settings-page .dashboard-metric div>.settings-metric-label{font-size:9px;margin-bottom:3px}
.settings-page .dashboard-metric .account-email{overflow-wrap:anywhere;font-size:12px}
.settings-page .dashboard-metric div>.settings-account-status{display:flex;align-items:flex-start;gap:6px;margin-top:5px;font-size:9px}
.settings-account-status .dashboard-secure-dot{width:6px;height:6px;flex:0 0 6px;margin:4px 0 0;box-shadow:none}
.settings-page .chess-connections-settings{padding:21px 22px}
.chess-connections-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.chess-connections-head h4{margin:0;font-size:17px;line-height:1.3}
.chess-connections-head p:last-child{display:none}
.chess-connections-head>.button{min-height:34px;padding:7px 10px;font-size:10px;background:transparent}
.chess-connections-list{display:grid;gap:0;margin:0 0 18px;padding:0;border:1px solid var(--fable-line);border-radius:12px;list-style:none;overflow:hidden}
.chess-connections-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:17px 15px;min-width:0;background:var(--settings-control)}
.chess-connections-list li+li{border-top:1px solid var(--fable-line)}
.chess-connections-list li:not([data-provider]){display:block;font-size:12px;padding:22px}
.settings-platform-icon{display:block;width:44px;height:44px;flex-shrink:0;padding:5px;border:1px solid #e1e5d9;border-radius:10px;background:#fffef9}
.settings-platform-icon img,.settings-source-art img{display:block;width:100%;height:100%;object-fit:contain}
.chess-connection-identity{min-width:0}
.chess-connection-identity strong{display:block;font-size:13px;line-height:1.4;color:var(--fable-text);overflow-wrap:anywhere}
.chess-connection-identity>span{display:block;margin-top:5px;font-size:10px;line-height:1.6;color:var(--fable-muted);overflow-wrap:anywhere}
.settings-connection-games{text-align:right;white-space:nowrap;min-width:45px}
.settings-connection-games strong{display:block;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}
.settings-connection-games small{display:block;font-size:9px;color:var(--fable-muted)}
.chess-connection-actions{display:grid;grid-template-columns:110px 78px;align-items:stretch;gap:5px}
.chess-connection-actions button{min-height:32px;padding:6px 9px;font:500 10px/1.4 var(--sans,sans-serif);border:1px solid var(--fable-line-strong);border-radius:7px;background:transparent;color:var(--fable-muted);cursor:pointer;max-width:110px}
.chess-connection-actions button:hover{color:var(--fable-text);border-color:var(--fable-accent)}
.chess-connection-actions button[data-unlink]{border-color:transparent;color:var(--fable-muted)}
.chess-connection-actions button[data-unlink]:hover{color:#b96b57;background:#ba634414}
.chess-connections-add{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0}
.chess-connection-source{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:13px;padding:16px;border:1px solid var(--fable-line);border-radius:11px;background:none;min-width:0;margin:0}
.settings-source-heading{display:flex;align-items:center;gap:12px;min-width:0}
.settings-source-heading>div,.settings-source-heading>span{min-width:0}
.settings-source-art{display:block;width:48px;height:48px;flex:0 0 48px;padding:6px;border:1px solid #e1e5d9;border-radius:10px;background:#fffef9}
.chess-connection-source strong{display:block;color:var(--fable-text);font-size:12px}
.chess-connection-source small{display:block;margin-top:4px;font-size:10px;color:var(--fable-muted);line-height:1.6}
.chess-connection-source .button{min-height:35px;font-size:10px;padding:8px 11px}
.chess-connection-fields{display:flex;gap:7px;align-items:center;min-width:0}
.chess-connection-fields input{width:100%;min-width:0;min-height:36px;padding:9px 10px;border:1px solid var(--fable-line-strong);border-radius:7px;background:var(--settings-control);color:var(--fable-text);font:11px/1.5 var(--sans,sans-serif)}
.chess-connection-fields button{flex-shrink:0}
.chess-connections-status{font-size:11px;color:var(--fable-muted);margin:13px 0 0;min-height:0}
.account-setup{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--fable-line)}
.account-setup h3{font-size:20px;line-height:1.4;margin:7px 0 12px}
.account-setup p{font-size:12px;color:var(--fable-muted)}
.account-setup-steps{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:18px;font-size:11px;color:var(--fable-muted)}
.account-setup-platforms{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0;border:0;padding:0}
.account-setup-platforms legend{font-size:11px;margin-bottom:9px}
.account-setup-platforms label{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--fable-line);border-radius:8px;font-size:12px;cursor:pointer}
.chess-connections-settings[data-has-connections="true"] :is(.account-setup,.account-setup-alternatives){display:none}
.account-setup-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--fable-line);align-items:center}
.account-setup-import>label{grid-column:1/-1;font-size:11px;font-weight:600;color:var(--fable-text)}
.account-setup-import select{width:100%;min-width:0;max-width:100%;min-height:39px;border:1px solid var(--fable-line-strong);border-radius:8px;padding:9px 12px;background:var(--settings-control);color:var(--fable-text);font:12px/1.5 var(--sans,sans-serif)}
.account-setup-import>p,.account-setup-import>a{grid-column:1/-1;margin:3px 0 0;font-size:10px;line-height:1.65;color:var(--fable-muted)}
.account-setup-alternatives{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--fable-line);font-size:11px}
.account-setup-alternatives strong,.account-setup-alternatives p{flex-basis:100%;margin:0}
.account-setup-alternatives p{color:var(--fable-muted)}
.settings-page #accountGameArchive{margin:19px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--fable-line);border-radius:0;background:none;color:var(--fable-text);font-size:11px}
.settings-page #accountGameArchive>h3{margin:0 0 9px;font-size:14px;font-family:inherit}
.settings-page #accountGameArchive>p{margin:5px 0 12px;color:var(--fable-muted);font-size:11px}
.settings-page #accountGameArchive>p>strong{font-size:26px;letter-spacing:-1px;font-weight:600;color:var(--fable-text);margin-right:5px;font-variant-numeric:tabular-nums}
.settings-sync-details{padding:0;margin:0 0 13px;border:0;color:var(--fable-muted)}
.settings-sync-details>summary{padding:9px 0;font-size:11px;color:var(--fable-muted);cursor:pointer}
.settings-sync-details[open]{padding-bottom:12px;border-bottom:1px solid var(--fable-line)}
.settings-sync-details li{margin-block:12px;line-height:1.6;overflow-wrap:anywhere}
.settings-sync-details li p{margin:5px 0}
.settings-page #accountGameArchive>a{font-size:11px;font-weight:600;color:var(--fable-accent);text-decoration:none}
.settings-page .account-settings{margin:18px 0 0;padding:13px 19px;background:none;box-shadow:none}
.settings-page .account-delete-link{color:var(--fable-muted);font-size:11px;background:none;border:0;cursor:pointer}
.settings-page .account-delete-link:hover{color:#bd624d}
.settings-appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:18px}
.fable-settings-card{overflow:hidden}
.fable-accent-fieldset{padding:22px;margin:0;border:0;border-bottom:1px solid var(--fable-line)}
.fable-accent-fieldset legend{padding:0;float:left;width:100%;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--fable-text)}
.settings-control-help{margin:0;color:var(--fable-muted);font-size:11px;line-height:1.7;clear:both;max-width:48ch}
.fable-accent-fieldset .settings-control-help{max-width:none}
.fable-accent-options{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}
.fable-accent-option{position:relative;display:grid;gap:9px;justify-items:center;font-size:10px;color:var(--fable-muted);cursor:pointer}
.fable-accent-option>input{position:absolute;opacity:0}
.fable-accent-option>span{width:30px;height:30px;border:4px solid var(--fable-surface);border-radius:50%;background:var(--choice);box-shadow:0 0 0 1px var(--fable-line-strong)}
.fable-accent-option input:checked+span{box-shadow:0 0 0 2px var(--fable-accent)}
.fable-accent-option input:focus-visible+span{outline:2px solid var(--fable-text);outline-offset:4px}
.fable-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:20px 22px;border-bottom:1px solid var(--fable-line);cursor:pointer}
.fable-setting-row strong{display:block;font-size:12px;color:var(--fable-text);font-weight:600}
.fable-setting-row #settingsThemeSelect{width:135px;max-width:48%;min-height:40px;padding:8px;border:1px solid var(--fable-line-strong);border-radius:8px;background:var(--fable-surface);color:var(--fable-text);font:inherit}
@media(max-width:767px){
  :root[data-ui-version="fable-v5"] body.settings-page{padding-left:0!important;padding-top:64px!important}
  :root[data-ui-version="fable-v5"] body.settings-page .settings-toolbar{top:64px}
}
.fable-setting-row small{display:block;max-width:40ch;margin-top:5px;font-size:11px;color:var(--fable-muted)}
.settings-page input[role="switch"]{appearance:none;position:relative;flex:0 0 37px;width:37px;height:22px;min-width:37px;min-height:22px;margin:0;padding:2px!important;border:1px solid var(--fable-line-strong);border-radius:20px;background:var(--fable-track);cursor:pointer;transition:background .15s}
.settings-page input[role="switch"]:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:var(--fable-muted);transition:transform .15s}
.settings-page input[role="switch"]:checked{background:var(--fable-accent);border-color:var(--fable-accent)}
.settings-page input[role="switch"]:checked:before{background:var(--fable-bg);transform:translateX(14px)}
.fable-device-status{margin:0;padding:13px 22px;font-size:10px;color:var(--fable-muted)}
.settings-appearance-preview{padding:20px;border:1px solid var(--fable-line);border-radius:15px;background:var(--fable-surface)}
.settings-appearance-preview>.account-kicker{margin:0 0 15px;font-size:9px;letter-spacing:1.5px;color:var(--fable-muted)}
.settings-appearance-preview>p:not(.account-kicker){font-size:11px;color:var(--fable-muted);line-height:1.75;margin:14px 0 0}
.settings-appearance-preview .settings-preview-scope{font-size:9px;color:var(--fable-accent);padding-top:12px;border-top:1px solid var(--fable-line)}
.settings-preview-window{padding:14px;border:1px solid var(--fable-line);border-radius:9px;background:var(--settings-control);font-size:10px;transition:background .2s}
.settings-preview-dots{display:flex;gap:4px;margin-bottom:20px}
.settings-preview-dots i{height:4px;width:4px;background:var(--fable-line-strong);border-radius:50%}
.settings-preview-window>strong{display:block;margin-bottom:15px;color:var(--fable-text);font-size:11px}
.settings-preview-active{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:6px;color:var(--fable-accent);background:var(--fable-accent-soft);font-weight:600}
.settings-preview-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;color:var(--fable-muted);border-bottom:1px solid var(--fable-line)}
.settings-preview-row i{width:17px;height:9px;border-radius:8px;background:var(--fable-accent)}
.settings-page .board-appearance-settings{padding:22px}
#settingsPanel-board .fable-settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.board-appearance-sync{flex-shrink:0;font-size:9px;color:var(--fable-accent);background:var(--fable-accent-soft);border-radius:5px;padding:5px 8px}
.board-appearance-layout{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(0,1fr);align-items:start;gap:24px}
.board-appearance-preview-shell{position:sticky;top:80px;padding:10px;border:1px solid var(--fable-line);border-radius:11px;background:var(--settings-control);min-width:0}
.board-appearance-preview-shell>p{font-size:10px;text-align:center;color:var(--fable-muted);margin:12px 0 4px}
.board-appearance-preview{width:100%;aspect-ratio:1}
.board-appearance-controls{display:grid;gap:19px;min-width:0}
.board-preference-group{border:0;padding:0;margin:0;min-width:0}
.board-preference-group legend{padding:0 0 10px;font-size:12px;font-weight:600;color:var(--fable-text)}
.settings-page :is(.board-color-options,.piece-set-options){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.settings-page :is(.board-color-option,.piece-set-option,.highlight-options label){position:relative;display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:42px;padding:8px;border:1px solid var(--fable-line);border-radius:8px;background:var(--settings-control);color:var(--fable-muted);cursor:pointer;font-size:10px;min-width:0}
.settings-page :is(.board-color-option,.piece-set-option,.highlight-options label):has(input:checked){border-color:var(--fable-accent);color:var(--fable-text);background:var(--fable-accent-soft)}
.settings-page :is(.board-color-option,.piece-set-option,.highlight-options label) input{position:absolute;opacity:0}
.settings-page :is(.board-color-option,.piece-set-option,.highlight-options label):has(input:focus-visible){outline:2px solid var(--fable-accent);outline-offset:3px}
.board-color-swatch{height:23px;width:23px;flex:0 0 23px;border-radius:4px}
.settings-page .piece-set-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-page .piece-set-option{flex-direction:column;align-items:center;justify-content:center;padding:13px 5px;gap:7px;text-align:center;min-height:101px}
.settings-page .piece-set-knight{width:42px;height:42px;background-size:contain;background-repeat:no-repeat;background-position:center}
.piece-set-option strong{display:block;color:inherit;font-size:10px;font-weight:600;white-space:nowrap}
.piece-set-option small{display:block;font-size:8px;color:var(--fable-muted);margin-top:4px}
.highlight-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.highlight-sample{flex:0 0 17px;width:17px;height:17px;border-radius:4px}
.board-preference-toggles{display:grid;gap:0;border-top:1px solid var(--fable-line)}
.board-preference-toggles>label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border:0;border-bottom:1px solid var(--fable-line);background:none;border-radius:0}
.board-preference-toggles strong{display:block;font-size:11px;color:var(--fable-text)}
.board-preference-toggles small{display:block;font-size:10px;color:var(--fable-muted);margin-top:4px}
.board-appearance-status{font-size:11px;color:var(--fable-muted);margin:0}
.board-appearance-status.is-saved{color:var(--fable-accent)}
.board-appearance-status.is-error,.settings-page .is-error{color:#b66a56}
.settings-page .puzzle-review-profile{display:grid;gap:16px;padding:22px}
.puzzle-review-profile p{margin:0;color:var(--fable-muted);font-size:11px;line-height:1.7}
.puzzle-review-profile label{display:grid;gap:8px;font-size:11px;color:var(--fable-text);min-width:0}
.puzzle-review-profile>label{margin-bottom:-9px;font-weight:600}
.puzzle-review-profile>select{max-width:300px}
.settings-page .puzzle-review-profile :is(input,select){width:100%;min-width:0;min-height:40px;padding:10px 12px;border:1px solid var(--fable-line-strong);border-radius:8px;background:var(--settings-control);color:var(--fable-text);font:12px/1.5 var(--sans,sans-serif)}
.puzzle-review-profile fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:0;padding:17px 0 0;border:0;border-top:1px solid var(--fable-line);min-width:0}
.puzzle-review-profile legend{margin:0 0 9px;padding:0 9px 0 0;font-size:11px;font-weight:600;color:var(--fable-muted)}
.puzzle-review-profile fieldset:disabled{opacity:1}.settings-page .puzzle-review-profile fieldset:disabled input{opacity:1;color:var(--fable-muted);background:var(--fable-surface-2)}
.settings-page .puzzle-review-preview{padding:14px 16px;border-left:2px solid var(--fable-accent);border-radius:0 8px 8px 0;background:var(--fable-accent-soft);color:var(--fable-text)}
#puzzleReviewWorkload{padding-bottom:15px;border-bottom:1px solid var(--fable-line)}
.puzzle-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}
.puzzle-review-profile>a{display:inline-flex;color:var(--fable-accent);font-size:11px;text-decoration:none}
.puzzle-review-conflict{padding:16px;background:var(--fable-accent-soft);border:1px solid var(--fable-accent);border-radius:9px}
.settings-page .notification-settings{padding:22px;margin:0 0 18px}
.notification-settings .account-kicker{font-size:9px;color:var(--fable-accent);letter-spacing:1.4px;margin:0 0 7px}
.notification-settings>.settings-control-help{margin-top:12px;max-width:72ch}
.notification-settings h3{font-size:14px;margin:0 0 9px;line-height:1.4}
.notification-settings-copy>p:last-child{font-size:11px;color:var(--fable-muted);max-width:65ch;margin:0 0 17px}
.notification-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border:0;border-top:1px solid var(--fable-line);border-bottom:1px solid var(--fable-line);background:none;border-radius:0;cursor:pointer}
.notification-toggle strong{display:block;font-size:12px;color:var(--fable-text)}
.notification-toggle small{display:block;margin-top:5px;font-size:10px;color:var(--fable-muted)}
.notification-settings-status{font-size:10px;color:var(--fable-muted);margin:12px 0 0}
.puzzle-reminder-settings{display:grid;gap:18px;scroll-margin-top:20px}
.puzzle-reminder-copy{display:grid;gap:6px}
.puzzle-reminder-copy>strong{font-size:17px;line-height:1.4}
.puzzle-reminder-copy>span:last-child{font-size:12px;color:var(--fable-muted)}
.puzzle-reminder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.puzzle-reminder-settings #puzzleReminderToggle[aria-pressed="true"]{border-color:var(--fable-accent);background:var(--fable-accent-soft);color:var(--fable-accent)}
.puzzle-reminder-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:19px;border-top:1px solid var(--fable-line)}
.puzzle-reminder-schedule label{display:grid;gap:7px;min-width:0;color:var(--fable-text);font-size:11px}
.settings-page .puzzle-reminder-schedule input{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 12px;border:1px solid var(--fable-line-strong);border-radius:8px;background:var(--settings-control);color:var(--fable-text);font:12px/1.5 var(--sans,sans-serif);color-scheme:inherit}
.puzzle-reminder-preview{grid-column:1/-1;font-size:11px;line-height:1.7;color:var(--fable-muted)}
#puzzleReminderStatus{position:static;width:auto;height:auto;clip:auto;overflow:visible;color:var(--fable-accent);font-size:11px}
.settings-page dialog{color:var(--fable-text);color-scheme:inherit}
.settings-page .delete-analysis-card{background:var(--fable-surface);color:var(--fable-text);border-color:var(--fable-line)}
.settings-page dialog input{color:var(--fable-text);background:var(--settings-control);border-color:var(--fable-line-strong)}
.settings-page.fable-compact :is(.fable-setting-row,.chess-connections-list li){padding-block:12px;min-height:0}
.settings-page.fable-compact .settings-preview-row{padding-block:7px}
.settings-page.fable-compact .settings-preview-active{padding-block:6px}
html.fable-no-motion *,html.fable-no-motion *:before,html.fable-no-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
@media(max-width:1200px){.fable-settings-layout{grid-template-columns:185px minmax(0,1fr);gap:20px}.settings-appearance-layout{grid-template-columns:minmax(0,1fr) 220px}.chess-connections-list li{gap:9px;padding:15px 12px}.chess-connection-actions{grid-template-columns:110px}.chess-connection-actions button{font-size:9px;min-height:28px;padding:5px 8px}.board-appearance-layout{grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);gap:17px}.board-color-swatch{width:17px;flex-basis:17px;height:20px}.board-appearance-sync{font-size:8px}.settings-page .dashboard-metric div>span{font-size:9px}}
@media(max-width:1000px){.settings-appearance-layout{grid-template-columns:minmax(0,1fr)}.settings-appearance-preview{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:center}.settings-appearance-preview>.account-kicker{grid-column:1/-1}.settings-preview-window{grid-row:2/4;grid-column:1}.settings-appearance-preview>p:not(.account-kicker){margin-top:0}.settings-appearance-preview .settings-preview-scope{margin-top:12px}.board-appearance-layout{grid-template-columns:minmax(0,1fr)}.board-appearance-preview-shell{position:static;max-width:320px;width:100%;margin:0 auto}.settings-page .board-color-option{font-size:11px}.chess-connections-add{grid-template-columns:1fr}.chess-connection-source{flex-direction:row;align-items:center}.chess-connection-source>div:first-child,.chess-connection-source>label{max-width:49%}.chess-connection-fields{max-width:52%}.account-setup-import{grid-template-columns:minmax(0,1fr)}.account-setup-import>label{grid-column:auto}.account-setup-import>button{justify-self:stretch}}
@media(max-width:900px){.fable-settings-layout{grid-template-columns:minmax(0,1fr);gap:20px}.fable-settings-nav{position:static;min-height:0}.fable-settings-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}.fable-settings-tab{width:auto;min-width:0;flex:0 0 auto;min-height:42px;padding:10px 12px;gap:7px;white-space:nowrap}.fable-settings-tab small{display:none}.fable-settings-tab strong{font-size:11px}.settings-appearance-layout{grid-template-columns:minmax(0,1fr) 245px}.settings-appearance-preview{display:block}.settings-appearance-preview>p:not(.account-kicker){margin-top:14px}.board-appearance-layout{grid-template-columns:minmax(190px,.8fr) minmax(0,1fr)}.chess-connection-source{flex-direction:column;align-items:stretch}.chess-connection-source>div:first-child,.chess-connection-source>label{max-width:none}.chess-connection-fields{max-width:none}.chess-connections-add{grid-template-columns:1fr 1fr}.account-setup-import{grid-template-columns:minmax(0,1fr) auto}.chess-connection-actions{grid-template-columns:110px 78px}.settings-toolbar{margin-bottom:14px}}
@media(max-width:640px){:root[data-ui-version="fable-v5"] body.settings-page .account-main{padding:12px 15px 24px}.settings-toolbar{gap:8px;padding-bottom:10px;margin-bottom:12px}.settings-toolbar-heading h1{font-size:23px}.settings-toolbar-actions{gap:7px}.settings-theme-toggle{width:35px;height:35px}.settings-toolbar-actions #accountSignOut{font-size:9px;min-height:30px;padding:6px 8px}#settingsSessionSlot .account-session-actions{padding-left:6px}.fable-settings-panel-head{margin-bottom:12px}.fable-settings-panel-head h2{font-size:22px}.settings-page .dashboard-metric{padding:11px 9px;gap:5px}.settings-page .dashboard-metric-icon{display:none}.settings-page .dashboard-metric div strong{font-size:13px}.settings-page .dashboard-metric div>span{font-size:9px}.settings-page .chess-connections-settings{padding:17px 14px}.chess-connections-head{gap:9px}.chess-connections-head h4{font-size:16px}.chess-connections-head>.button{font-size:9px;padding:7px 8px}.chess-connections-list li{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:15px 11px}.settings-platform-icon{width:34px;height:34px;padding:4px}.chess-connection-identity strong{font-size:11px}.chess-connection-identity>span{font-size:10px;line-height:1.6}.settings-connection-games strong{font-size:14px}.settings-connection-games small{font-size:8px}.chess-connection-actions{grid-column:2/-1;grid-template-columns:minmax(0,110px) minmax(0,78px);justify-content:start;gap:9px;margin-top:2px}.chess-connection-actions button{font-size:10px;min-height:31px;max-width:none}.chess-connections-add{grid-template-columns:1fr;gap:10px}.chess-connection-source{padding:14px;gap:12px}.chess-connection-source small{font-size:10px}.account-setup-import{grid-template-columns:minmax(0,1fr);gap:9px}.account-setup-import .button{white-space:normal}.settings-appearance-layout{grid-template-columns:1fr}.settings-appearance-preview{max-width:none}.fable-accent-fieldset{padding:18px}.fable-accent-options{gap:17px}.fable-setting-row{padding:17px 18px;min-height:86px;gap:13px}.fable-setting-row small{font-size:10px}.settings-control-help{font-size:10px}.settings-page .board-appearance-settings{padding:17px 14px}.board-appearance-layout{grid-template-columns:1fr;gap:20px}.board-appearance-sync{display:inline-flex}.board-appearance-preview-shell{max-width:290px}.settings-page .piece-set-options{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-page .piece-set-option{min-height:104px;padding:12px 4px}.piece-set-option strong{font-size:9px}.piece-set-option small{font-size:8px}.settings-page .piece-set-knight{width:38px;height:38px}.settings-page .board-color-option{font-size:10px;padding:8px 6px;gap:5px}.settings-page .notification-settings,.settings-page .puzzle-review-profile{padding:18px 16px}.puzzle-review-profile fieldset{gap:15px 12px}.puzzle-review-actions{gap:7px}.puzzle-review-actions .button{flex:1 1 100%;font-size:11px;white-space:normal}.puzzle-reminder-schedule{gap:14px 11px}.puzzle-reminder-schedule label:first-child{grid-column:1/-1}.puzzle-reminder-schedule #puzzleReminderSaveSchedule{grid-column:1/-1}.puzzle-review-profile label{font-size:10px}.puzzle-reminder-schedule label{font-size:10px}.settings-page :is(.account-story,.account-panel){padding:20px}.settings-page .account-story h1{font-size:30px}}
@media(max-width:390px){.settings-toolbar-heading h1{font-size:19px}.settings-toolbar-actions{gap:5px}.settings-toolbar #accountSignOut{padding-inline:6px}.fable-accent-options{gap:12px}.puzzle-review-profile fieldset,.puzzle-reminder-schedule{grid-template-columns:1fr}.puzzle-reminder-schedule label:first-child,.puzzle-reminder-schedule #puzzleReminderSaveSchedule{grid-column:auto}.settings-page .board-color-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.settings-language-trigger{width:80px;height:35px;gap:7px;padding:0 10px}.settings-page .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-page .dashboard-metric.settings-account-metric{grid-column:1/-1;padding:15px 17px;border-bottom:1px solid var(--fable-line)}.settings-page .settings-account-metric+.dashboard-metric{border-left:0}.settings-page .settings-account-metric .dashboard-metric-icon{display:grid}.settings-page .dashboard-metric .account-email{font-size:12px}.settings-source-art{width:44px;height:44px;flex-basis:44px}}
@media(max-width:440px){.settings-toolbar{flex-wrap:wrap;gap:8px}.settings-toolbar-heading{flex:0 1 auto}.settings-toolbar-heading h1{font-size:21px}.settings-toolbar-actions{width:auto;margin-left:auto;justify-content:flex-end;gap:6px}}
@media(prefers-reduced-motion:reduce){.settings-page *,.settings-page *:before,.settings-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Guest account entry follows the landing; authenticated settings retain their layout. */
@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/nunito-cyrillic.63b14e3ef096.woff2) format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/nunito-latin.ba344451eab2.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fraunces-normal-latin.7234ed860a9c.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/fraunces-italic-latin.066710ce7ed2.woff2) format("woff2")}
:root[data-ui-version="fable-v5"][data-theme] body.settings-page.account-entry {
  --sans:"Nunito","Segoe UI",sans-serif; --serif:"Fraunces",Georgia,serif;
  --entry-display:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  --fable-bg:#0f1215; --fable-surface:#171d1b; --fable-surface-2:#202923;
  --fable-text:#f4f0e6; --fable-muted:#aeb8ae; --fable-faint:#9aa29b;
  --fable-line:#f4f0e621; --fable-line-strong:#f4f0e634; --fable-gold:#e6cd8c;
  --fable-accent:#e6cd8c; --settings-control:#ffffff09;
  --entry-gold:#e6cd8c; --entry-sage:#9bc9ad; --entry-edge:#e6cd8c45;
  --entry-panel:linear-gradient(145deg,#202822,#141a19 74%);
  --entry-stage:radial-gradient(65% 85% at 12% 50%,#26342a66,transparent 72%),linear-gradient(180deg,#15191c,#0d1013);
  --entry-chip:#e6cd8c12; --entry-tab:#e6cd8c12; --entry-shadow:#00000045;
  --auth-action:#e6cd8c; --auth-on-action:#1d1505;
  --auth-action-background:radial-gradient(120% 170% at 16% 0,#ffffff80,transparent 55%),linear-gradient(#f7e3a2 0%,#ebc460 50%,#d8a63a 100%);
  --auth-action-shadow:inset 0 1px #fff9,inset 0 -2px #805b1266,0 6px 22px #d6aa461a;
  margin:0; padding:0; min-width:0; font-family:var(--sans); color-scheme:dark;
}
:root[data-ui-version="fable-v5"][data-theme="classic"] body.settings-page.account-entry,
:root[data-ui-version="fable-v5"][data-theme="paper"] body.settings-page.account-entry {
  --fable-bg:#f3ede0; --fable-surface:#fffdf8; --fable-surface-2:#f5eedc;
  --fable-text:#1b251f; --fable-muted:#5a665d; --fable-faint:#5a665d;
  --fable-line:#1b251f29; --fable-line-strong:#1b251f38; --fable-gold:#946a14;
  --fable-accent:#946a14; --settings-control:#fffdf7;
  --entry-gold:#946a14; --entry-sage:#365f43; --entry-edge:#946a1440;
  --entry-panel:linear-gradient(145deg,#fffdf8,#f9f4e8);
  --entry-stage:radial-gradient(65% 85% at 12% 50%,#e1dcc380,transparent 72%),linear-gradient(180deg,#f8f4e9,#eee7d6);
  --entry-chip:#946a1409; --entry-tab:#fffdf8; --entry-shadow:#70532714;
  --auth-action:#946a14; color-scheme:light;
}
:root[data-ui-version="fable-v5"] body.account-entry :is(.app-sidebar,.fable-app-rail) { display:none!important; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main {
  min-height:100svh; padding:18px clamp(20px,4.5vw,72px) 48px; background:var(--entry-stage)!important;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar {
  position:relative; top:auto; width:min(1100px,100%); margin:0 auto; padding:0;
  min-height:78px; border:0; gap:16px; background:transparent;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar-heading>h1 { display:none; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .registration-brand {
  display:inline-flex; align-items:center; min-height:44px; text-decoration:none; line-height:0;
}
.registration-brand img { display:block; width:264px; max-width:100%; height:auto; object-fit:contain; border:0; border-radius:0; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar-actions { gap:10px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry #settingsSessionSlot:empty { display:none; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry :is(.settings-language-trigger,.settings-theme-toggle) {
  height:44px; min-height:44px; flex-shrink:0; border:1px solid var(--fable-line);
  background:var(--settings-control); color:var(--fable-muted); backdrop-filter:blur(12px);
  transition:border-color .18s,color .18s,background .18s;
}
:root[data-ui-version="fable-v5"][data-theme="midnight"] body.settings-page.account-entry :is(.settings-language-trigger,.settings-theme-toggle) { border-color:rgba(244,240,230,.16); background:rgba(255,255,255,.035); color:#d3d6cd; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-language-trigger { width:92px; gap:8px; padding:0 12px; font:800 12px/1 var(--sans); letter-spacing:.055em; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-language-trigger>svg:first-child { width:16px; height:16px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-theme-toggle { width:44px; min-width:44px; padding:0; border-radius:50%; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-theme-toggle svg { width:19px; height:19px; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
:root[data-ui-version="fable-v5"][data-theme] body.settings-page.account-entry :is(.settings-language-trigger,.settings-theme-toggle):hover,
:root[data-ui-version="fable-v5"][data-theme] body.settings-page.account-entry .settings-language-trigger[aria-expanded="true"] { border-color:var(--entry-gold); color:var(--entry-gold); }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(36px,6vw,86px);
  width:min(1100px,100%); max-width:none; min-height:640px; padding:0; margin:36px auto 0;
  border:0; border-radius:0; background:transparent; box-shadow:none;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story {
  position:relative; display:flex; flex-direction:column; overflow:visible; min-width:0;
  padding:16px 0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story:after { display:none; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 {
  position:relative; z-index:1; margin:0; max-width:510px; color:var(--fable-text);
  font:400 clamp(54px,5.3vw,76px)/.98 var(--entry-display); font-stretch:condensed;
  letter-spacing:.002em; text-transform:uppercase; text-wrap:balance;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 em { color:var(--entry-gold); font-weight:400; font-style:normal; }
:root[lang="ru"][data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 { font-size:clamp(40px,3.5vw,52px); }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-lead {
  max-width:390px; margin:22px 0 0; color:var(--fable-muted); font:440 21px/1.45 var(--serif); letter-spacing:-.25px;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-chess-art { position:relative; display:block; width:480px; max-width:100%; margin:10px 0 12px; }
.entry-welcome-art { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; object-position:50% 54%; border:1px solid var(--entry-edge); border-radius:22px; box-shadow:0 28px 50px -32px #0009; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel {
  display:flex; flex-direction:column; justify-content:center; min-width:0; min-height:0; padding:40px 42px 32px;
  border:1px solid var(--entry-edge); border-radius:22px; background:var(--entry-panel);
  box-shadow:0 24px 60px -24px var(--entry-shadow),inset 0 1px #ffffff07;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-kicker {
  margin:0 0 13px; color:var(--entry-gold); font:800 10px/1.5 var(--sans); letter-spacing:1.1px; text-transform:uppercase;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel h2 {
  margin:0; color:var(--fable-text); font:800 29px/1.2 var(--sans); letter-spacing:-1px; text-wrap:balance;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel-intro {
  max-width:370px; margin:12px 0 0; color:var(--fable-muted); font-size:13px; line-height:1.7;
}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-navigation {
  display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:25px 0 24px; padding:4px;
  border:1px solid var(--fable-line); border-radius:12px; background:var(--entry-chip);
}
.auth-navigation a {
  display:flex; align-items:center; justify-content:center; min-height:44px; padding:9px 8px;
  border:1px solid transparent; border-radius:8px; text-decoration:none; color:var(--fable-muted);
  font:700 13px/1.4 var(--sans); text-align:center;
}
.auth-navigation a:hover { color:var(--fable-text); }
.auth-navigation a[aria-current="page"] { color:var(--entry-gold); border-color:var(--entry-edge); background:var(--entry-tab); font-weight:800; box-shadow:0 2px 4px var(--entry-shadow); }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-mount { min-height:0; margin:0; width:100%; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-mount>div { width:100%; max-width:none; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel :is(.cl-rootBox,.cl-cardBox,.cl-card) { width:100%; min-width:0; max-width:none; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel .cl-card { gap:20px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel .cl-footer { padding:0; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel .cl-form { gap:20px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel :is(.cl-socialButtonsBlockButton,.cl-formFieldInput,.cl-formButtonPrimary) { transition:border-color .15s,background-color .15s,box-shadow .15s; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel :is(.cl-formFieldInput,.cl-socialButtonsBlockButton):hover { border-color:var(--fable-muted); }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel :is(.cl-formFieldInput,.cl-socialButtonsBlockButton,.cl-formButtonPrimary):focus-visible { outline:2px solid var(--auth-action); outline-offset:3px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel .cl-formButtonPrimary:hover { filter:brightness(1.06); }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel .cl-dividerText { font-size:12px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel .cl-formFieldErrorText { font-size:12px; line-height:1.6; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-assurance {
  display:flex; align-items:center; justify-content:center; gap:7px; margin:23px 0 0;
  color:var(--fable-muted); font-size:11px; line-height:1.7; text-align:center;
}
.entry-assurance svg { width:14px; height:16px; flex:0 0 14px; stroke:currentColor; stroke-width:1.4; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-legal { max-width:335px; margin:15px auto 0; color:var(--fable-muted); font-size:11px; font-weight:400; line-height:1.8; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-legal a { color:inherit; text-underline-offset:3px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-status { min-height:260px; font-size:13px; font-weight:400; line-height:1.8; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-status.is-error { min-height:170px; }
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-retry {
  align-self:center; min-height:44px; padding:10px 25px; border:1px solid var(--entry-edge); border-radius:12px;
  background:var(--fable-surface); color:var(--fable-text); font:800 13px/1.5 var(--sans); cursor:pointer;
}
@media(min-width:1500px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell { margin-top:clamp(40px,6vh,80px); }
}
@media(max-width:1050px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell { gap:32px; margin-top:26px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel { padding:32px 28px 28px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel h2 { font-size:26px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-lead { font-size:19px; }
}
@media(max-width:760px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main { padding:12px 20px 28px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar { min-height:64px; gap:12px; }
  .registration-brand img { width:190px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell { width:min(500px,100%); grid-template-columns:minmax(0,1fr); min-height:0; margin-top:22px; gap:30px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel { grid-row:1; padding:32px 30px 28px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story { padding:8px 12px 0; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 { font-size:46px; letter-spacing:0; }
  :root[lang="ru"][data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 { font-size:clamp(30px,8.5vw,38px); }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-lead { max-width:100%; font-size:19px; margin-top:16px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-chess-art { width:min(340px,100%); margin:16px auto 20px; }
}
@media(max-width:420px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main { padding:10px 14px 24px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar { min-height:54px; gap:8px; }
  .registration-brand img { width:160px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell { margin-top:20px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel { padding:27px 22px 25px; border-radius:18px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story { padding-inline:8px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel h2 { font-size:25px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar-actions { gap:6px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-language-trigger { width:64px; padding-inline:8px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-language-trigger>svg:first-child { display:none; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-theme-toggle { width:44px; height:44px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-navigation { margin-top:22px; }
}
/* Desktop composition follows the available viewport height, including display scaling. */
@media(min-width:961px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main {
    display:grid; grid-template-rows:auto minmax(0,1fr); gap:clamp(12px,2svh,24px);
    height:100svh; min-height:0; padding:clamp(12px,2svh,24px) clamp(24px,4.5vw,72px);
  }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar { min-height:0; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .registration-brand img { width:264px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell { align-self:center; min-height:0; margin:0 auto; gap:clamp(32px,5vw,72px); }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story { padding:0; contain:size; align-self:stretch; justify-content:flex-end; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story>* { flex-shrink:0; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 { font-size:clamp(40px,min(4.8vw,6.8svh),64px); }
  :root[lang="ru"][data-ui-version="fable-v5"] body.settings-page.account-entry .account-story h1 { font-size:clamp(34px,min(3.8vw,6.8svh),50px); }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-lead { max-width:100%; margin-top:8px; font-size:clamp(16px,2.1svh,20px); }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-chess-art { width:min(100%,calc(clamp(240px,calc(100svh - 300px),320px)*1.5)); margin:12px 0 0; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel { padding:clamp(20px,3svh,32px) clamp(24px,2.5vw,38px); }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel h2 { font-size:clamp(24px,2.9svh,29px); }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-kicker { margin-bottom:8px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel-intro { margin-top:8px; font-size:12px; line-height:1.55; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-navigation { margin:16px 0; padding:3px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel :is(.entry-form,.cl-form) { gap:14px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-social { min-height:44px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-divider { margin:14px 0; font-size:11px; line-height:1.4; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-label { margin-bottom:6px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-input { min-height:48px; padding-block:10px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-submit { min-height:48px; padding-block:10px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-handoff { margin-top:8px; font-size:10.5px; line-height:1.5; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .entry-assurance { margin-top:16px; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-legal { margin-top:12px; line-height:1.55; }
}
@media(min-width:961px) and (max-height:700px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-kicker { display:none; }
}
@media(min-width:961px) and (max-height:640px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry :is(.account-panel-intro,.entry-handoff,.entry-assurance) { display:none; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .auth-navigation { margin:12px 0; }
}
@media(min-width:961px) and (max-height:519px) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main { height:auto; min-height:100svh; grid-template-rows:auto auto; }
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell { align-self:start; }
}
@media(prefers-reduced-motion:reduce) {
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry *, .account-entry *:before, .account-entry *:after { animation-duration:.01ms!important; transition:none!important; }
}