/* Papyrus palette and fibers shared with the city chronicle. Layout stays in compact.css. */
:root{
  color-scheme:light;
  --ink:#503d25;--muted:#806647;--gold:#8b602d;--green:#476340;--panel:#ead5a9;--line:#a5844936;
  --papyrus-fibers:repeating-linear-gradient(4deg,#89632a08 0 1px,transparent 1px 4px);
  --papyrus-solid:var(--papyrus-fibers),radial-gradient(ellipse at 45% 38%,#f4e6bf 10%,#e6ce9a 65%,#d4b078 100%);
  --papyrus-face:var(--papyrus-fibers),radial-gradient(ellipse at 45% 38%,#f4e6bff2 10%,#e6ce9aeb 65%,#d4b078de 100%);
  --papyrus-inset:var(--papyrus-fibers),linear-gradient(145deg,#f9edcfc4,#e6ce9a8a);
  --papyrus-roll:linear-gradient(#c5a270,#f1dcad 25%,#e2c58d 52%,#a8814e);
  --papyrus-edge:#ab7e4766;
  --papyrus-shadow:0 2px 7px #684b3926,inset 0 0 0 1px #f8edce55;
}
.resource-bar,.build-dock,.selection-hint,.inspector,.toast,#view-picker,#view-legend,.founding-tip{
  background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-radius:4px;box-shadow:var(--papyrus-shadow);color:var(--ink);
}
.resource-bar .resource strong,.resource-bar #happiness em{color:#503d25;text-shadow:0 1px 0 #fff8}
.resource-bar .gold{color:#785a28}.resource-bar .sand{color:#5f624d}.resource-bar .green{color:#456240}.resource-bar .rose{color:#825342}
.game-actions button,.camera-controls button,.time-control>button,.game-actions .build-trigger,.time-control #pause{color:#6b5133}
.game-actions button:before,.camera-controls button:before,.time-control>button:before{
  background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-radius:4px;box-shadow:var(--papyrus-shadow);
}
.game-actions button:hover:before,.camera-controls button:hover:before,.time-control>button:hover:before{background:var(--papyrus-solid)}
.game-actions .build-trigger:before,.build-open .build-trigger:before{background:var(--papyrus-face);border-color:#91743e}
.build-open .build-trigger:before,.game-actions button:active:before,.camera-controls button:active:before,.time-control>button:active:before{box-shadow:inset 0 2px 4px #575b4240,inset 0 0 0 2px #b09a6955}
#speed-value{background:#716448;color:#fff4d4;border-radius:2px;text-shadow:none}
.build-dock .dock-header{border-bottom:1px solid var(--line)}
.build-tabs button,#demolish,#build-close,.selection-hint button,.inspector-close{color:#735633}
.build-tabs button.active,#demolish.active{color:#765226;border-bottom-color:#8c713f}
.building-card{background:var(--papyrus-inset);border-color:#ab7e474a;border-radius:3px;box-shadow:none;color:var(--ink)}
.building-card:hover{background:var(--papyrus-face);border-color:#817046}
.building-card.selected{background:var(--papyrus-face);border-color:#89692d;box-shadow:inset 0 0 0 1px #a68a4d80}
.building-card.locked{opacity:.8}
.building-card strong,#selection-text strong{color:#553d26}
.lock-label{background:#d8bd86;color:#735633;border-radius:2px}
.materials,.build-costs,#selection-text svg{color:#735a37}
.materials b{color:inherit}
.cost-item.insufficient{color:#a03a29}
.selection-hint{border-color:#99845180}
.inspector-head h2,.panel-title{font-family:Georgia,'Times New Roman',serif;color:#553d26;letter-spacing:.035em;font-variant:small-caps;font-weight:600}
.inspector-head small,.panel-eyebrow,.eyebrow{color:#8e7049}
.inspector>p,.panel-intro,.help-step p,.keyboard-note,.mission-panel p,.finish-legacy{color:#6b5133}
.event-entry strong{color:#553d26}.event-entry p{color:#6b5133}.event-entry small{color:#806647}
.info-row,.service-row,.coverage-row>div:first-child,.control-row,.control-row small,.trade-table,.trade-table td,.senate-criteria summary,.audio-volume,.emergency-resource small{color:#6b5133}
.info-row strong,.control-row strong,.trade-table strong{color:#553d26}
.service-row span:last-child{color:#426439}.service-row.missing span:last-child{color:#983e2b}
.status-tag{background:#4e764c18;color:#36562d;border:1px solid #657f5944}
.status-tag.bad,.warning-text{color:#953e2a}.status-tag.bad{background:#ad65401c;border-color:#a1634b55}
.goal-track{background:#65745826}.goal-fill{background:#8e7948}.goal-fill.complete{background:#507246}
.toast{border-left-color:#8f7746}.toast.danger{border-left-color:#98482f}.toast.good{border-left-color:#4e7044}
.toast strong{color:#553d26}
dialog,dialog[data-panel="menu"]{
  background:var(--papyrus-roll) center top/calc(100% - 8px) 7px no-repeat,var(--papyrus-roll) center bottom/calc(100% - 8px) 7px no-repeat,var(--papyrus-solid);
  border:1px solid #ab7e4766;border-radius:5px;color:var(--ink);
  box-shadow:inset 0 0 0 5px #f4e6bf66,inset 0 0 0 6px #a4794033,0 12px 35px #684b3945;
}
/* Painted rolls stay at the panel edges while its contents scroll. */
dialog::backdrop{background:#392b2045}
.scroll-sheet{background:var(--papyrus-solid)}
.dialog-close{background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-radius:4px;color:#735633;box-shadow:var(--papyrus-shadow)}
.panel-section-title,.help-step h3,.mission-panel h3,.emergency-market summary{color:#68542f}
.panel-stat{background:var(--papyrus-inset);border:1px solid #ab7e474a;border-radius:3px;box-shadow:none}
.panel-stat span{color:#6b5133}.panel-stat strong{color:#684c27}
.menu-grid button,.scenario-grid button,.action-button,.action-button.secondary,dialog[data-panel="menu"] .button-row button{
  background:var(--papyrus-face);border:1px solid #ab7e4766;border-radius:4px;color:#60482b;box-shadow:var(--papyrus-shadow);text-shadow:0 1px 0 #fff6;
}
.menu-grid button:hover,.scenario-grid button:hover,.action-button:hover{background:var(--papyrus-solid);border-color:#7d6a3f}
.menu-grid button:active,.scenario-grid button:active,.action-button:active{box-shadow:inset 0 2px 4px #646a4940}
.action-button:not(.secondary){border-color:#8b7544;color:#694d25;background:var(--papyrus-solid)}
.menu-grid [data-panel-action="reset"],.action-button.danger{color:#963e2c;border-color:#a56a505e}
.menu-save-status{color:#42603b}.menu-save-status.failed{color:#963e2c}
.text-input,.trade-table select{background:var(--papyrus-inset);border-color:#ab7e4759;border-radius:3px;color:#553d26;box-shadow:inset 0 1px 3px #626d4826}
.text-input:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #80612b;outline-offset:2px}
button:focus-visible,a:focus-visible{outline-color:#80612b;outline-offset:2px}
.action-button:disabled,.scenario-grid button:disabled{opacity:.5;box-shadow:inset 0 1px 3px #666b4530}
.trade-table th{color:#786240}.trade-table tr,.control-row,.info-row,.mission-panel,.catalog-info-cost,.emergency-resource{border-color:var(--line)}
.help-step>span{color:#806538;border-color:#98937770;background:#c5bea533}
.keyboard-note,.senate-review,.emergency-market{background:#90937215;border-color:#8e7b4655;color:#806647;border-radius:3px}
.catalog-info-unlock{color:#45643a}.catalog-info-unlock.pending{color:#8b5228}
.audio-volume output{color:#785925}.audio-volume input{accent-color:#806333}
#view-toggle,#view-toggle[aria-expanded="true"],.paper-trigger{
  background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-radius:5px;color:#735633;box-shadow:var(--papyrus-shadow);
}
#view-toggle.active{color:#315e72;border-color:#5c7b7e}
#view-picker button{background:var(--papyrus-inset);border-color:#ab7e4766;color:#6b5133;border-radius:3px;box-shadow:inset 0 -1px 0 #fff6}
#view-picker button svg{color:color-mix(in srgb,var(--view-color) 40%,#503d25)}
#view-picker button[aria-pressed="true"]{background:var(--papyrus-face);border-color:#756330;box-shadow:inset 0 0 0 1px #a28a4c66}
#view-legend{color:#6b5133}#view-legend>small{color:#806647}
#view-legend>span:before{border:1px solid #596b5559}
#view-toggle:focus-visible,#view-picker button:focus-visible{outline-color:#80612b}
/* The chronicle and its access button now share the same material. */
.paper-badge{background:#9b4331;color:#fff2d3}
.rotate-prompt .eyebrow,.rotate-prompt p{color:#d2d3b9}
@media(prefers-reduced-motion:reduce){button,button:before{transition:none}}
/* Secondary controls use sepia ink on the same paper. */
.stepper button{background:var(--papyrus-face);color:#645130;border:1px solid var(--papyrus-edge);border-radius:3px;box-shadow:var(--papyrus-shadow)}
.toast.danger strong{color:#963e2c}
.trade-table select{color:#553d26}
.catalog-info-facts .panel-stat span{color:#6b5133}

.planning-hint{background:var(--papyrus-solid);border-radius:4px;box-shadow:var(--papyrus-shadow)}

.resource.food-alert .resource-icon,.resource.food-alert #food{color:#a14931}
.resource.food-alert{box-shadow:inset 0 -2px 0 #a1493166;background:#b35d3820}

.house-cap-label { display:grid;gap:7px;font-size:11px;margin-top:14px; }
.house-cap-label select { width:100%;color:var(--ink);background:var(--panel);border:1px solid #82735c;padding:9px;border-radius:5px; }