html[data-axis-theme=dark]{color-scheme:dark}
html[data-axis-theme=light]{color-scheme:light;--bg:#f1f5f9;--card:#fff;--text:#0f172a;--border:#cbd5e1}
.ranking-page .ranking-header nav{align-items:center;flex-wrap:wrap;gap:18px}
.app-theme-toggle{border:1px solid #405951;border-radius:7px;padding:9px 12px;min-height:38px;background:#10231f;color:#bed9ce;font:600 11px system-ui;cursor:pointer;white-space:nowrap}
.app-theme-toggle:hover{border-color:#8ebca9}
html[data-axis-theme=light] .ranking-page{background:#f0f5f7;background-image:radial-gradient(ellipse at 90% 0%,#dceee966,transparent 45%);color:#18313a}
body.light :is(.ranking-board,.ranking-profile,.ranking-grades,.account-card){background:linear-gradient(140deg,#fff,#f7fafb);border-color:#cbdada;box-shadow:0 8px 25px #173e3210}
body.light .ranking-header{border-color:#cbdada}
body.light .ranking-header [aria-current]{color:#166a5d;border-color:#166a5d}
body.light .ranking-brand small{color:#586f75}
body.light .app-theme-toggle{background:#e4f1eb;color:#1c5e49;border-color:#9bbdb0}
body.light :is(.ranking-notice,.account-notice){background:#edf6f2;border-color:#bed7cb;color:#34594b}
body.light .ranking-notice strong{color:#285641}body.light .ranking-notice p{color:#4c6c60}
body.light :is(.ranking-kicker,.ranking-subtext,.ranking-board-foot,.ranking-pagination label,.ranking-pagination p,.ranking-status,.ranking-profile .ranking-subtext,.ranking-grade-list small,.ranking-footer,.ranking-board td small){color:#566e76}
body.light :is(.ranking-pill,.ranking-online){color:#526e62;border-color:#bed2c6}
body.light .ranking-profile-top .ranking-pill{color:#795b17;border-color:#d9cda8;background:#fbf6e7}
body.light :is(.ranking-tabs,.account-tabs){background:#e8f0f2;border-color:#c2d6d2}
body.light :is(.ranking-tabs button,.account-tabs button){color:#526a73}
body.light :is(.ranking-tabs button[aria-pressed=true],.account-tabs button[aria-pressed=true]){background:#d3eee5;color:#155d4b;box-shadow:inset 0 0 0 1px #a9d4c5}
body.light :is(.ranking-search-field input,.ranking-pagination select,.account-card input,.account-card textarea){background:#fff;color:#203c44;border-color:#abc3c1}
body.light :is(.ranking-search-field input,.account-card input)::placeholder{color:#71858a}
body.light :is(.ranking-search-field label,.ranking-test-switch,.ranking-progress-label,.account-card label){color:#416254}
body.light .ranking-search-field>button{background:#e1eee9;color:#3b6452}
body.light :is(.ranking-my-position,.ranking-page-controls button,.account-secondary,.ranking-profile-link){background:#e7f3ed;color:#225c46!important;border-color:#b2cfc0}
body.light :is(.ranking-page-controls span,.ranking-progress-label b){color:#355e4a}
body.light .ranking-board th{background:#e8f0f2;color:#4d6871;border-color:#cadada}
body.light .ranking-board td{border-color:#d4e1df}
body.light :is(.ranking-player-button,.ranking-results b,.ranking-history h3,.ranking-history-item strong){color:#203e46}
body.light :is(.ranking-elo,.ranking-player-button[aria-pressed=true],.ranking-metrics strong){color:#166f5b}
body.light :is(.ranking-number,.ranking-grade){color:#87631f}
body.light .is-selected{background:#e0f1e9}
body.light .ranking-avatar{background:linear-gradient(145deg,#e5f0e4,#f7f5e9);color:#806121;border-color:#c5b37a;outline-color:#b8caa51a}
body.light .ranking-position{background:#e9f3ed;border-color:#c0d8cb}
body.light .ranking-position>span{color:#4b6e5d}
body.light .ranking-position strong{color:#806121}
body.light :is(.ranking-position small,#profile-evolution){color:#4e6e5d}
body.light :is(.ranking-results,.ranking-metrics>div+div,.ranking-history,.ranking-history-item,.ranking-board-foot){border-color:#ccded5}
body.light :is(.ranking-results,.ranking-metrics span,.ranking-history p){color:#536f62}
body.light .ranking-progress{background:#d7e6dd}
body.light .positive{color:#147447}body.light .negative{color:#b24235}
body.light .ranking-grade-list>span{border-color:#b3c8bf;color:#496657}
body.light .ranking-grade-list .current{color:#81601e;border-color:#a48131;background:linear-gradient(#e7dab426,transparent)}
body.light .ranking-test-switch span{background:#fff6db;border-color:#d9c58a;color:#7c601b}
body.light :is(.account-copy,.account-card p){color:#4e695c}
body.light .account-card small{color:#5e786a}
body.light .account-code-panel{background:#fffaf0;border-color:#d7c28c}
body.light .account-code-panel h2{color:#7f611b}
body.light #account-message{color:#795e1c}
body.light .account-explainer h2{color:#284b3b}body.light .account-explainer h3{color:#315a45}body.light .account-explainer p{color:#56735f}body.light .account-explainer>a{color:#1b7653}
body.light .account-home{color:#3a6253;background:#e8f4ef;border-color:#bbd7c9}
body.light .account-home :is(a,strong){color:#23684e}
body.light .home-navigation a{color:#4f7166}body.light .home-navigation span{background:#e3f1eb;color:#1b7256;border-color:#b4d5c6}
/* Tool pages share the choice; the orange/blue camps retain their colors. */
body.axis-tools-page.light{--bg:#f1f5f9;--card:#fff;--line:#bfd0dc;--aqua:#087d76;background:radial-gradient(circle at 50% -15%,#d8ecef,#f1f5f9 54%);color:#183343}
body.axis-tools-page.light :is(section,.panel){background:#fff;border-color:#c1d4dc;box-shadow:0 8px 24px #153b4510}
body.axis-tools-page.light :is(p,.note,#turn,small,pre){color:#4e687a}
body.axis-tools-page.light :is(input,select,button,#log,.cheer-head){background:#edf4f8;color:#1c4152;border-color:#b4cad5}
body.axis-tools-page.light :is(header,.board-shell){background:#f6f9fb;border-color:#bfd2dd}
body.axis-tools-page.light :is(#board,.cell){background:#e1eaf1;border-color:#bfd0dc}
body.axis-tools-page.light :is(a,h1,h2,strong){color:#087d76}
@media(max-width:760px){.ranking-page .ranking-header nav{gap:12px}.app-theme-toggle{min-height:40px}}