/* Keep all painted SVG layers and text in the same palette. */
.chart-surface176,.chart-marker-mask176{fill:#fcfaf5}
html[data-appearance=dark] :is(.chart-surface176,.chart-marker-mask176){fill:#000!important}
html[data-appearance=dark] .chart-glyph :is(text,tspan){fill:#f3e5c9!important}
html[data-appearance=dark] .chart-glyph-degree{fill:#d5c6ad!important}
html[data-appearance=dark] .chart-surface176{stroke:#968165!important}
html[data-appearance=dark] #interactive{--paper:#060606;--paper2:#101010;--ink:#eee8dc;--muted:#c4bcaf;--wine:#dec499;--line:#51483b;color:var(--ink)}
html[data-appearance=dark] #interactive .study-collections173 button[aria-pressed=true]{background:#30271b!important;color:#fff0d4!important;border-color:#dec499!important}
html[data-appearance=dark] #interactive .study-collections173 button[aria-pressed=true] :is(strong,small){color:#fff0d4!important;background:transparent!important}
html[data-appearance=dark] #interactive :is(.btn.active,.btn[aria-pressed=true]){background:#30271b!important;color:#fff0d4!important}
html[data-appearance=dark] #interactive :is(.card,.study-svg,.experience-panel,.lab-layout162){color:var(--ink)!important}
#interactive :is(.model-grid,.study-model-layout,.lab-layout162){display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);align-items:start;gap:24px}
#interactive :is(.model-grid,.study-model-layout,.lab-layout162)>*{min-width:0;max-width:100%;margin-top:0;box-sizing:border-box}
#interactive .model-controls{display:block!important;position:static;max-height:none;padding:22px}
#interactive .model-controls label{display:block;margin:14px 0 6px}
#interactive .model-controls .check-row{display:flex;gap:8px;align-items:center}
#interactive .model-controls input[type=checkbox]{width:auto}
#interactive :is(.study-svg,#lab-visual162){width:100%;max-width:none;margin:0}
#interactive :is(.study-svg,#lab-visual162,#phase-orbit146) svg{display:block;width:100%;height:auto;max-height:none;overflow:hidden}
#interactive svg text{fill:var(--ink)}
#node-crossing176{background:#080d12}#node-crossing176 svg{display:block;width:100%;height:auto}
#interactive #node-crossing176 svg text{fill:#eee4d0}
#interactive :is(input[type=range],select,input[type=number]){width:100%;box-sizing:border-box;min-height:42px}
#interactive output{float:none;display:inline-block;margin-left:8px}
#interactive :is(.study-model-layout,.model-controls) .row{display:flex;gap:8px;flex-wrap:wrap}
#interactive .study-model-layout .card{margin:0;padding:22px}
#interactive .study-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#tithi-reading176{border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}#tithi-reading176 h3,#tithi-reading176 p{margin:0 0 8px}#tithi-reading176 progress{width:100%;accent-color:var(--wine)}
#phase-disc146{display:block;margin:18px auto;max-width:55%;height:auto}#division-wheel svg{aspect-ratio:1}
.duel-turn176{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.duel-turn176 span{padding:7px 12px;border:1px solid var(--line);border-radius:24px;color:var(--muted)}.duel-turn176 .current176{background:var(--wine);color:var(--paper);font-weight:600}
.duel-preview176{font-size:.85rem;display:block;margin:4px 0;line-height:1.4}.duel-objectives176{padding:14px 0;line-height:1.6}.duel-objectives176 p{margin:6px 0}.duel-site171:disabled{opacity:1!important}.duel-site171:not(:disabled){outline:2px solid var(--wine);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 14%,transparent)}
#duel171 .duel-board171{gap:10px}#duel171 .duel-site171{min-width:0}.duel-pieces171>span{animation:arrive176 .28s ease-out}.duel-action171{scroll-margin-top:90px}.duel-action171 .btn{min-height:44px}
.game-help176{padding:16px 20px;border:1px solid var(--line);border-radius:14px;margin:16px 0;background:var(--paper)}.game-help176 summary{cursor:pointer;font-size:1.05rem}.game-help176 li{margin:8px 0;line-height:1.6}
#journey .journey-space154.current{outline:3px solid var(--wine);outline-offset:2px}#journey .journey-counter154{animation:arrive176 .3s ease-out}#journey .journey-turn154{scroll-margin-top:90px}#journey .journey-answers154 label{min-height:48px}
html[data-appearance=dark] :is(.duel-site171,.journey-space154,.boards-site157){background:#0b0b0b!important;color:#eee4d0!important}
html[data-appearance=dark] :is(.duel-turn176 .current176,.journey-answers154 label.selected){background:#30271b!important;color:#fff0d4!important}
html[data-appearance=dark] .duel-site171:not(:disabled){background:#242015!important}
@keyframes arrive176{from{transform:translateY(-8px) scale(.9);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:1000px){#interactive :is(.model-grid,.study-model-layout,.lab-layout162){grid-template-columns:minmax(0,1fr)!important}#interactive .study-columns{grid-template-columns:1fr}#interactive .study-svg{max-width:720px;margin:auto}#interactive .model-controls{padding:18px}}
@media(max-width:600px){#interactive .study-collections173{grid-template-columns:1fr}#interactive .experience-hero{display:block}#interactive .study-model-layout .card{padding:16px}.duel-layout171{display:flex;flex-direction:column}.duel-board171{order:0;width:100%;box-sizing:border-box}.duel-action171{order:1;width:100%;box-sizing:border-box}.duel-site171 b{font-size:.95rem}.duel-site171{min-height:125px}.journey-layout154{display:flex!important;flex-direction:column}.journey-layout154>*{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.duel-pieces171>span,.journey-counter154,.rolling171,.rolling164{animation:none!important;transition:none!important}}