/* Ruch v9: flat editorial surfaces and small original cartoon illustrations. */
:root[data-appearance="dark"]{--bg:#1d2024;--paper:#25292e;--ink:#f0f1ef;--muted:#a8b0b8;--line:#373e45;--navy:#191c20;--panel:#25292e;--surface-raised:#2d3239;--surface-hover:#343c43;--green:#80c9b3;--green-dark:#a0dcc8;--green-soft:#29423e;--accent-ink:#17352d;--analytics-text:#e0e7e5;--analytics-grid:#3b4248;--analytics-muted:#a5adb4}
:root[data-color-theme="amethyst"]{--green:#b6a1df;--green-dark:#c9b6ee;--green-soft:#393047;--accent-ink:#30223e}
:root[data-color-theme="midnight"]{--green:#8ebbdc;--green-dark:#aed2ec;--green-soft:#293d50;--accent-ink:#1b3249}
:root[data-color-theme="sand"]{--green:#d9b888;--green-dark:#ead0a5;--green-soft:#463c30;--accent-ink:#3c2a16}
:root[data-appearance="light"]{--bg:#f3f4f2;--paper:#fff;--panel:#fff;--ink:#283039;--muted:#66727d;--line:#e0e4e5;--surface-raised:#f1f3f3;--surface-hover:#e7edeb;--green:#3b947c;--green-dark:#287760;--green-soft:#e4f1eb;--accent-ink:#fff}
:root[data-appearance="light"][data-color-theme="amethyst"]{--green:#8462ba;--green-dark:#6c4b9f;--green-soft:#eee7f8}
:root[data-appearance="light"][data-color-theme="midnight"]{--green:#477ca7;--green-dark:#326386;--green-soft:#e4edf6}
:root[data-appearance="light"][data-color-theme="sand"]{--green:#94733d;--green-dark:#785822;--green-soft:#f5eddf}
:root[data-board-theme="forest"]{--board-light:#e8ebdf;--board-dark:#83a18c;--board-light-ink:#4b6c57;--board-dark-ink:#f5f7ee}
:root[data-board-theme="slate"]{--board-light:#e4e7e9;--board-dark:#77848e;--board-light-ink:#53616c;--board-dark-ink:#f6f7f9}
:root[data-board-theme="lavender"]{--board-light:#eee8f5;--board-dark:#a190bb;--board-light-ink:#77618e;--board-dark-ink:#f6f0fb}
:root[data-board-theme="ocean"]{--board-light:#e1edec;--board-dark:#6b9eaa;--board-light-ink:#40717c;--board-dark-ink:#f2fafa}
:root[data-board-theme="mono"]{--board-light:#efefed;--board-dark:#52585e;--board-light-ink:#4b5055;--board-dark-ink:#f7f7f5}
.swatch-slate{--swatch-light:#e4e7e9;--swatch-dark:#77848e}.swatch-lavender{--swatch-light:#eee8f5;--swatch-dark:#a190bb}.swatch-ocean{--swatch-light:#e1edec;--swatch-dark:#6b9eaa}.swatch-mono{--swatch-light:#efefed;--swatch-dark:#52585e}.swatch-forest{--swatch-light:#e8ebdf;--swatch-dark:#83a18c}
[data-coordinates="false"] :is(.coord-rank,.coord-file){visibility:hidden}
[data-appearance] :is(.sidebar,.sidebar-challenge,.sidebar-note){background:var(--navy);border-color:var(--line)}
[data-appearance] .nav-button{color:var(--muted)}
[data-appearance] .nav-button.active{background:var(--green-soft);color:var(--ink)}
[data-appearance] .nav-button:hover{background:var(--surface-raised);color:var(--ink)}
[data-appearance] .sidebar-challenge{background:var(--surface-raised)}
[data-appearance] .sidebar-challenge>strong{color:var(--ink)}
[data-appearance] .sidebar-challenge>span:last-of-type{color:var(--muted)}
[data-appearance] .button-primary{color:var(--accent-ink);border:1px solid var(--green);border-bottom:3px solid color-mix(in srgb,var(--green) 70%,#172329);background:var(--green);box-shadow:none}
[data-appearance] .button-primary:hover{border-color:var(--green-dark);background:var(--green-dark);color:var(--accent-ink)}
[data-appearance] .button-secondary:hover{border-color:var(--green);background:var(--surface-hover)}
[data-appearance] :is(.input,.search-input,.select):focus-within{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 15%,transparent)}
[data-appearance] :is(.opening-course-card,.theme-card):hover{transform:none;box-shadow:none;border-color:var(--green);background:var(--surface-raised)}
.art-section-hero{grid-template-columns:minmax(0,1fr) 235px;min-height:180px;max-height:215px;border-radius:14px;background:var(--paper);margin-bottom:22px}
.art-section-copy{padding:26px 30px}.art-section-copy h1{font-size:32px;letter-spacing:-.7px}.art-section-copy p{max-width:440px;font-size:13px;line-height:1.55;margin-bottom:10px}
.art-section-image{display:grid;place-items:center;background:transparent;padding:14px 25px 14px 0}
.art-section-image:after{display:none}
.art-section-image>.ruch-art{width:190px;height:165px;min-height:0;max-height:none;object-fit:contain}
.nav-art{width:27px;height:27px;object-fit:contain;border-radius:0;background:transparent}
.brand-art{object-fit:contain}.brand-mark{overflow:visible}.brand-name span{color:var(--green)}
.opening-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.opening-course-card.illustrated-course-card{border-radius:12px;contain-intrinsic-size:305px}
.illustrated-course-card .opening-course-preview{height:116px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 5%,var(--paper));border-radius:0}
.illustrated-course-card .opening-course-preview:after{display:none}
.illustrated-course-card .opening-course-preview>.ruch-art{width:100%;height:106px;object-fit:contain;padding:10px}
.illustrated-course-card .opening-course-copy{padding:17px 18px;min-height:170px}
.opening-course-card .opening-course-name{font-size:17px}.opening-course-card .opening-course-description{font-size:12px;line-height:1.5}
.endgame-card-art{height:110px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 5%,var(--paper))}
.endgame-card-art img{width:100%;height:105px;object-fit:contain;padding:10px}
.endgame-card-art:after{display:none}
.game-review-empty>.analysis-empty-art{height:115px;object-fit:contain;background:transparent}
.library-loading-art{object-fit:contain}.library-loading{border-radius:12px}
.settings-grid{gap:18px;align-items:start}.settings-card h2{font-size:18px}.settings-card h3{font-size:14px;margin:23px 0 12px}
[data-appearance] .appearance-card :is(.board-theme-option,.appearance-option){color:var(--muted);background:var(--surface-raised);border-color:var(--line);box-shadow:none;transform:none}
[data-appearance] .appearance-card :is(.board-theme-option,.appearance-option):hover{color:var(--ink);border-color:var(--green);background:var(--surface-hover)}
[data-appearance] .appearance-card :is(.board-theme-option,.appearance-option).active{color:var(--ink);border-color:var(--green);background:var(--green-soft);box-shadow:none}
[data-appearance] .board-theme-option.active:after{color:var(--accent-ink);background:var(--green)}
[data-appearance] .toggle.on{background:var(--green)}
[data-appearance] .toggle.on span{background:var(--accent-ink)}
[data-appearance] .text-link{color:var(--green)}
[data-appearance] .pill{color:var(--muted);border-color:var(--line);background:var(--surface-raised)}
[data-appearance] .pill:hover{color:var(--ink);border-color:var(--green);background:var(--surface-hover)}
[data-appearance] .pill.active{color:var(--ink);border-color:var(--green);background:var(--green-soft)}
.mainline-speech{background:var(--surface-raised);border:1px solid var(--line)}
.mainline-move-list .move-token.active{background:var(--green);color:var(--accent-ink)}
.opening-overview-hero{grid-template-columns:115px minmax(0,1fr);gap:22px;padding:20px}
.opening-overview-hero .opening-mini-board{width:115px}
.opening-overview-hero h1{font-size:27px;margin:6px 0 9px}
.opening-overview-hero p{line-height:1.5;margin-bottom:10px}
.opening-overview-hero .opening-mastery-progress{display:none}
.opening-start-row{margin-top:12px}
.theme-icon .ruch-art{width:42px;height:42px;object-fit:contain}
@media(min-width:701px){.settings-grid{grid-template-areas:"profile appearance" "training appearance" "storage about";align-items:start}.profile-form{grid-area:profile}.appearance-card{grid-area:appearance}.training-settings{grid-area:training}.storage-settings{grid-area:storage}.about-settings{grid-area:about}}
[data-appearance] .board-theme-option[data-board-theme="forest"] .swatch{--swatch-light:#e8ebdf;--swatch-dark:#83a18c;background:none}
.setting-label{margin:13px 0 10px;font-size:12px;color:var(--muted)}
.color-theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 8px}
.color-theme-option,.piece-theme-option{display:grid;place-items:center;gap:8px;min-width:0;padding:12px 5px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:transparent;font-size:11px}
.color-theme-option.active,.piece-theme-option.active{color:var(--ink);border-color:var(--green);background:var(--green-soft)}
.color-theme-swatch{width:23px;height:23px;border-radius:50%;background:#80c9b3}.color-amethyst{background:#b6a1df}.color-midnight{background:#8ebbdc}.color-sand{background:#d9b888}
.piece-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.piece-theme-option>span{display:flex;padding:3px 0;border-radius:5px;background:#b5bdb3}.piece-theme-option img{display:block;object-fit:contain}
.board-theme-options{grid-template-columns:repeat(4,1fr);gap:8px}.board-theme-option{font-size:10px;padding:10px 5px}
.setting-row>label{font-weight:600}.setting-row .select{max-width:145px}
.account-heading{display:flex;gap:15px;align-items:center}.account-heading>img{width:64px;height:64px;object-fit:contain}.account-heading h2{margin:0 0 6px}.account-heading p{color:var(--muted);font-size:12px;margin:0}
.google-signin>span{font-family:Arial,sans-serif;color:var(--ink);font-size:18px;font-weight:700;margin-right:6px}.cloud-status{margin:15px 0 0;font-size:12px;color:var(--green)}.cloud-status.error{color:#efad9f}
[data-reduced-motion="true"] *,[data-reduced-motion="true"] *:before,[data-reduced-motion="true"] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(min-width:1400px){.opening-course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.opening-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-section-copy{padding:23px}.art-section-hero{grid-template-columns:minmax(0,1fr) 180px}.art-section-image>.ruch-art{width:155px;height:150px}}
@media(max-width:700px){.art-section-hero{grid-template-columns:minmax(0,1fr) 105px;max-height:none;min-height:150px}.art-section-image{order:0;height:auto;padding:10px 10px 10px 0}.art-section-image>.ruch-art{width:95px;height:110px;min-height:0;max-height:none}.art-section-copy{padding:19px 0 19px 18px}.art-section-copy h1{font-size:27px}.art-section-copy p{font-size:11px}.art-hero-meta{font-size:10px}.opening-course-grid{grid-template-columns:1fr}.opening-course-card.illustrated-course-card{display:grid;grid-template-columns:90px minmax(0,1fr);min-height:174px;contain-intrinsic-size:174px}.illustrated-course-card .opening-course-preview{height:100%;min-height:164px}.illustrated-course-card .opening-course-preview>.ruch-art{width:90px;height:100px;padding:5px}.illustrated-course-card .opening-course-copy{min-height:0;padding:15px}.color-theme-options{gap:5px}.board-theme-options{grid-template-columns:repeat(4,1fr)}.account-heading{gap:10px}.account-heading>img{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.opening-course-card,.theme-card{transition:none!important}}
@media(max-width:620px){.opening-overview-hero{display:block;padding:16px}.opening-overview-preview{display:none}.opening-overview-hero h1{font-size:24px}.opening-overview-hero p,.opening-overview-hero .opening-eyebrow{display:none}.opening-overview-hero .opening-overview-meta{font-size:10px;gap:8px;margin-bottom:5px}.opening-overview-hero .opening-start-row>span{display:none}.opening-overview-hero .opening-progress{display:none}.opening-start-row{margin-top:10px}}