:root{color-scheme:light;--bg:#d7c6b6;--card:#e9dcd0;--alt:#decdbd;--border:#b49b85;--text:#332a24;--muted:#625247;--accent:#805039;--mint:#176548}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1322;--card:#142237;--alt:#1a2c43;--border:#2b4058;--text:#edf4fb;--muted:#aebfd0;--accent:#a98af0;--mint:#5bd5a4}
.theme-toggle{white-space:nowrap;min-width:84px;flex-shrink:0}.header-right{flex-wrap:wrap}
:root:not([data-theme=dark]) body{background:var(--bg)}
:root:not([data-theme=dark]) .header{background:var(--card)}
:root:not([data-theme=dark]) .card{background:linear-gradient(135deg,var(--card),#e4d5c7)}
:root:not([data-theme=dark]) .nav .selected{background:#d2b49b;border-color:#ab8567;color:#583923}
:root:not([data-theme=dark]) .cost{color:#625044}
:root:not([data-theme=dark]) .building-icon{background:#deccbb;border-color:#bfa38c}
:root:not([data-theme=dark]) .notice.success{background:#eefaf4;border-color:#96cbb4;color:#176449}
:root:not([data-theme=dark]) .notice.error{background:#fff0f2;border-color:#e7a8b4;color:#a52947}
:root:not([data-theme=dark]) .queue-row.incoming,:root:not([data-theme=dark]) .queue-row.incoming strong{color:#b12a45}
:root:not([data-theme=dark]) .profile-content thead th{background:var(--card)}
:root:not([data-theme=dark]) .map-village.own{background:#e3f4ef;border-color:#79b6a2}
:root:not([data-theme=dark]) .tech-tier-heading>span{background:#d8bfa9;border-color:#ab8567;color:#67432c}
:root:not([data-theme=dark]) .tech-legend{color:#635043}
:root:not([data-theme=dark]) .tech-built{border-color:#87baa1}
:root:not([data-theme=dark]) .tech-built .eyebrow,:root:not([data-theme=dark]) .requirements .met>span{color:#197653}
:root:not([data-theme=dark]) .tech-ready .eyebrow,:root:not([data-theme=dark]) .requirements .unmet>span{color:#926118}
:root:not([data-theme=dark]) .tech-future .eyebrow{color:#6c5d51}
:root:not([data-theme=dark]) .village-overview{box-shadow:0 12px 36px #20304412}
:root:not([data-theme=dark]) .pill{color:#655247}
@media(max-width:760px){.header-right .theme-toggle{min-height:44px}.header-right .pill{order:5;flex-basis:100%;justify-content:center}.header-right{justify-content:flex-start}.header-right .username{margin-left:auto}}

:root:not([data-theme=dark]) .button:not(.quiet):not(.danger){background:#805039;border-color:#69412c;color:#fff8ef}:root:not([data-theme=dark]) .button:not(.quiet):not(.danger):hover{background:#97634a}:root:not([data-theme=dark]) .text-link{color:#805039}