/* Dusk over Rome: the whole game shares the title screen's night wine, gilt rules and small capitals.
   This layer loads last and re-inks the papyrus tokens, so every surface inherits the same dark material. */
:root{
  color-scheme:dark;
  --ink:#efe0bd;--muted:#cbb48b;--gold:#e2b066;--green:#a3c98f;--line:#d9a85a2e;--panel:#22161a;
  --dusk-bright:#fbecc8;--dusk-gilt:#f2d79b;--dusk-bad:#f2a08a;--dusk-good:#a3c98f;--dusk-warn:#ecb57c;
  --dusk-ground:linear-gradient(180deg,#261719,#170f12);
  --dusk-frame:inset 0 0 0 4px #170f12,inset 0 0 0 5px #e9bd7a40;
  --papyrus-fibers:none;
  --papyrus-solid:linear-gradient(180deg,#2c1d20,#1f1417);
  --papyrus-face:linear-gradient(180deg,#2a1a1df2,#1b1114f2);
  --papyrus-inset:linear-gradient(180deg,#f4e6bf0d,#f4e6bf05);
  --papyrus-roll:linear-gradient(#170f12,#170f12);
  --papyrus-edge:#d9a85a59;
  --papyrus-shadow:inset 0 1px 0 #ffe9b80d,0 3px 10px #0006;
}
/* Inside framed menus, tiles are tinted glass over the dark ground rather than solid plates. */
:is(#panel-dialog,.build-dock,.inspector,#view-picker,.game-select-menu){
  --papyrus-face:linear-gradient(180deg,#f4e6bf0f,#f4e6bf06);
  --papyrus-edge:#d9a85a47;
  color:var(--ink);
}
#panel-dialog,#panel-dialog[data-panel],.inspector,#view-picker{
  background:radial-gradient(ellipse 85% 55% at 50% 0%,#8c3e2b30,transparent 72%),linear-gradient(180deg,#261719,#170f12);
  border:1px solid #d9a85a;border-radius:3px;
  box-shadow:inset 0 0 0 4px #170f12,inset 0 0 0 5px #e9bd7a40,0 18px 48px #000b;
  scrollbar-color:#a58449 transparent;
}
#panel-dialog::backdrop{background:#140c10a6}
.build-dock{
  background:radial-gradient(ellipse 70% 120% at 50% 0%,#8c3e2b26,transparent 70%),linear-gradient(180deg,#261719f2,#170f12f2);
  border:1px solid #d9a85acc;border-radius:3px;box-shadow:inset 0 0 0 3px #170f12,inset 0 0 0 4px #e9bd7a33,0 10px 30px #0008;
}

/* Headings: gilt small capitals, as on the title. */
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.panel-title,.inspector-head h2){
  font-family:Georgia,'Times New Roman',serif;font-weight:400;font-variant:small-caps;letter-spacing:.06em;color:var(--dusk-gilt);
  background:linear-gradient(180deg,#fff3cf 8%,#efc982 50%,#c08a48 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(0 1px 0 #3b1d0e);
}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.panel-eyebrow,.eyebrow,.inspector-head small){color:#d9a85a}
#panel-dialog .panel-eyebrow:after{background:linear-gradient(90deg,#d9a85a99,transparent)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.panel-section-title,.help-step h3,.mission-panel h3,.emergency-market summary,.senate-criteria summary){color:#e8c98a}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.panel-intro,.panel-note,.help-step p,.keyboard-note,.mission-panel p,.finish-legacy,.journey-instruction,.feedback-note),.inspector>p{color:var(--muted)}
:is(#panel-dialog,.inspector,.build-dock,#battle-screen,#mission-card) :is(.info-row,.service-row,.coverage-row>div:first-child,.control-row,.control-row small,.trade-table,.trade-table td,.audio-volume,.emergency-resource small,.ledger-flow,.ledger-dial small,.granary small){color:var(--muted)}
:is(#panel-dialog,.inspector,.build-dock,#battle-screen,#mission-card) :is(.info-row strong,.control-row strong,.trade-table strong,.event-entry strong,.emergency-resource strong){color:var(--dusk-bright)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .trade-table th{color:#d9a85a}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.event-entry p){color:var(--muted)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.event-entry small){color:#b89f78}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.trade-table tr,.control-row,.info-row,.mission-panel,.catalog-info-cost,.emergency-resource,.ledger-rows .info-row,.ledger-details){border-color:var(--line)}

/* Figures read in gilt; gains and losses stay distinguishable on the dark ground. */
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.panel-stat,.ledger,.ledger-dial){background:var(--papyrus-inset);border:1px solid #d9a85a33;box-shadow:inset 0 1px 0 #ffe9b80a}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .panel-stat span,:is(.ledger-treasury>span,.ledger-dial>strong){color:var(--muted)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .panel-stat strong,#panel-dialog .ledger-treasury strong,#panel-dialog .ledger-dial .stepper span{color:var(--dusk-gilt)}
#panel-dialog .ledger-treasury em{color:var(--muted)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .gain,:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .service-row span:last-child,:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .catalog-info-unlock,#panel-dialog .menu-save-status{color:var(--dusk-good)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.loss,.warning-text,.danger-text,.service-row.missing span:last-child,.menu-save-status.failed,.campaign-error,.feedback-error){color:var(--dusk-bad)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .catalog-info-unlock.pending{color:#ecb57c}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .status-tag{background:#a3c98f17;color:#b9d9a8;border:1px solid #a3c98f4d}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .status-tag.bad{background:#f2a08a17;color:var(--dusk-bad);border-color:#f2a08a55}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .goal-track{background:#f4e6bf1a}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .goal-fill{background:linear-gradient(90deg,#b88342,#efc982)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .goal-fill.complete{background:#86b06f}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.senate-review,.keyboard-note,.emergency-market,.mission-panel.senate-review,.campaign-feedback,.commission-result){background:#d9a85a0d;border-color:#d9a85a3d;color:var(--muted)}
#panel-dialog .help-step>span{color:#e2b066;border-color:#d9a85a66;background:#d9a85a14}
#panel-dialog .ledger-details summary{color:#e8c98a}
#panel-dialog .ledger-details summary:before{border-color:#d9a85a}

/* Buttons: the title's wine and gilt for the main action, gilt outlines for the rest. */
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.action-button,.action-button.secondary,.scenario-grid button,.stepper button,.button-row button){
  background:#f4e6bf08;border:1px solid #d9a85a80;border-radius:2px;color:#f2e3c0;box-shadow:inset 0 1px 0 #ffe9b80d;text-shadow:none;
}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.action-button,.scenario-grid button,.stepper button,.button-row button):hover:not(:disabled){background:#d9a85a1f;border-color:#e9c27f;color:#ffe9bd}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .action-button:not(.secondary):not(.danger){
  border-color:#d9a85a;color:#fbe7bf;font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;letter-spacing:.05em;
  background:radial-gradient(ellipse at 50% 0%,#c0563a55,transparent 70%),linear-gradient(180deg,#9a3924,#6b2213);
  box-shadow:inset 0 0 0 2px #6b2213,inset 0 0 0 3px #e9bd7a66,0 4px 12px #0006;text-shadow:0 1px 2px #3a0d05;
}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .action-button:not(.secondary):not(.danger):hover:not(:disabled){background:radial-gradient(ellipse at 50% 0%,#d86a4a66,transparent 70%),linear-gradient(180deg,#a8442c,#792818);color:#fff0cd}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .action-button.danger{color:var(--dusk-bad);border-color:#f2a08a80}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .action-button.danger:hover:not(:disabled){background:#f2a08a1a;border-color:var(--dusk-bad)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.action-button,.scenario-grid button):active{box-shadow:inset 0 2px 5px #0008}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) :is(.action-button,.scenario-grid button):disabled{opacity:.45}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) .action-button[aria-pressed=false]{color:var(--muted)}
#panel-dialog .dialog-close{background:#1d1215;border:1px solid #d9a85a80;border-radius:50%;color:#ecdcb8;box-shadow:0 2px 8px #0006}
#panel-dialog .dialog-close:hover{background:#2a1a1c;border-color:#d9a85a;color:#ffe2a6}
.inspector .inspector-close{color:#ecdcb8}
.inspector .inspector-close:hover{color:#ffe2a6}
:is(#panel-dialog,.inspector,.build-dock,#view-picker) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #e2b066;outline-offset:2px}

/* Game menu: the five places as gilt tablets, housekeeping like the title's list. */
#panel-dialog .menu-grid button{background:#f4e6bf07;border:1px solid #d9a85a4d;border-radius:2px;box-shadow:inset 0 1px 0 #ffe9b80d;text-shadow:none;transition:background .18s,border-color .18s}
#panel-dialog .menu-grid button>span{font-variant:small-caps;color:#ecdcb8;line-height:1.15}
#panel-dialog .menu-grid button:hover,#panel-dialog .menu-grid button:focus-visible{background:radial-gradient(ellipse at 50% 0%,#c0563a40,transparent 75%),#f4e6bf0a;border-color:#d9a85a}
#panel-dialog .menu-grid button:hover>span{color:#ffe2a6}
#panel-dialog .menu-list{border-color:var(--line)}
#panel-dialog .menu-list button{font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;letter-spacing:.03em;color:#ecdcb8;border-radius:0;transition:color .18s,background .18s}
#panel-dialog .menu-list button:hover{background:linear-gradient(90deg,#d9a85a1a,transparent 85%);color:#ffe2a6}
#panel-dialog .menu-list [data-panel-action="home"]{color:#eaa58d}
#panel-dialog .menu-grid [data-panel-action="reset"]{color:var(--dusk-bad);border-color:#f2a08a55}

/* Fields and range inputs. */
#panel-dialog :is(.text-input,.trade-table select,.house-cap-label select,.feedback-form select,.feedback-form textarea,input[type=text],textarea){
  background:#0d080a8c;border:1px solid #d9a85a66;border-radius:2px;color:var(--dusk-bright);box-shadow:inset 0 1px 3px #0008;
}
#panel-dialog .feedback-form label{color:var(--ink)}
#panel-dialog .feedback-form #feedback-count{color:var(--muted)}
#panel-dialog .feedback-success h3{color:var(--dusk-gilt)}
:is(#panel-dialog,.inspector,#battle-screen,#mission-card) input[type=range]{accent-color:#d9a85a}
#panel-dialog .audio-volume output{color:var(--dusk-gilt)}

/* Building selector. */
.build-dock .dock-header{border-color:var(--line)}
.build-dock .dock-title{font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;letter-spacing:.06em;color:var(--dusk-gilt)}
.build-dock :is(.build-tabs button,#demolish,#build-close){color:#cbb48b}
.build-dock :is(.build-tabs button,#demolish,#build-close):hover{color:#ffe2a6}
.build-dock :is(.build-tabs button.active,#demolish.active){color:#ffe2a6;border-bottom-color:#d9a85a}
.build-dock .building-card{background:#f4e6bf08;border-color:#d9a85a33;color:var(--ink)}
.build-dock .building-card:hover{background:#f4e6bf12;border-color:#d9a85a99}
.build-dock .building-card.selected{background:radial-gradient(ellipse at 50% 0%,#c0563a4d,transparent 80%),#f4e6bf0d;border-color:#e2b066;box-shadow:inset 0 0 0 1px #e2b06666}
.build-dock .building-card strong{color:var(--dusk-bright)}
.build-dock .lock-label{background:#d9a85a26;color:#ecc98a}
.build-dock :is(.materials,.build-costs,.dock-footer){color:var(--ink)}
.build-dock .cost-item.insufficient{color:#ff9d8b}
.build-dock .dock-footer i{background:#e2b066}

/* Coverage view picker. */
#view-picker{border-radius:3px}
#view-picker button{background:#f4e6bf08;border-color:#d9a85a33;color:var(--ink);border-radius:2px;box-shadow:none}
#view-picker button svg{color:color-mix(in srgb,var(--view-color) 55%,#f2e3c0)}
#view-picker button:hover{border-color:#d9a85a99}
#view-picker button[aria-pressed="true"]{background:#f4e6bf14;border-color:#e2b066;box-shadow:inset 0 0 0 1px #e2b06666}

/* Selectors: dark triggers wherever the surface is dark, and one dusk list everywhere. */
:is(#panel-dialog,.inspector,.home-top,.build-dock) .game-select .game-select-trigger{background:#0d080a8c;border-color:#d9a85a80;color:var(--dusk-bright,#fbecc8);box-shadow:inset 0 1px 3px #0008}
.home-top .game-select .game-select-trigger{background:#1a1114b3;color:#ead9b4}
:is(#panel-dialog,.inspector,.home-top,.build-dock) .game-select-trigger:hover:not(:disabled){background:#2a1a1ccc;border-color:#d9a85a}
:is(#panel-dialog,.inspector,.home-top,.build-dock) .game-select-arrow{border-color:#d9a85a}
:is(#panel-dialog,.inspector,.home-top,.build-dock) .game-select-trigger:is(:focus-visible,[aria-expanded=true]){outline-color:#e2b066}
.game-select-menu{background:linear-gradient(180deg,#261719,#170f12);border:1px solid #d9a85a;border-radius:3px;color:#ecdcb8;box-shadow:inset 0 0 0 3px #170f12,inset 0 0 0 4px #e9bd7a33,0 14px 34px #000b;scrollbar-color:#a58449 #170f12}
.game-select-menu::before{background:linear-gradient(90deg,transparent,#e2b066,transparent)}
.game-select-option.is-active{background:#d9a85a1f;border-color:#d9a85a80;box-shadow:none}
.game-select-option[aria-selected=true],.game-select-option[aria-selected=true].is-active{background:linear-gradient(180deg,#9a3924,#6b2213);color:#fbe7bf;border-color:#d9a85a;box-shadow:inset 0 0 0 1px #e9bd7a44}
@media(max-width:480px){#panel-dialog .menu-grid button>span{font-variant:normal}}
#panel-dialog .language-control{color:var(--muted)}
#panel-dialog .goal-line{color:var(--ink)}
#panel-dialog .goal-line span:last-child{color:var(--dusk-gilt)}
#panel-dialog .campaign-status{color:var(--dusk-good);border-color:#a3c98f55}
#panel-dialog :is(.campaign-status.hostile,.campaign-legend .hostile){color:var(--dusk-bad)}
#panel-dialog .campaign-legend .owned{color:var(--dusk-good)}
#panel-dialog .campaign-legend .allied{color:#8fc3d0}
#panel-dialog .campaign-unit-type{background:#f4e6bf08;border-color:#d9a85a33}
#panel-dialog .campaign-unit-type strong{color:var(--dusk-gilt)}
#panel-dialog .campaign-warning{color:var(--dusk-bad);background:#f2a08a14;border-color:#f2a08a44}

/* HUD over the map: dark plates with a gilt hairline, like the title's corner controls. */
.resource-bar,.selection-hint,.toast,#view-legend,.founding-tip,.planning-hint,.mission-card{background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-radius:3px;box-shadow:var(--papyrus-shadow);color:var(--ink)}
.resource-bar .resource strong,.resource-bar #happiness em{color:var(--dusk-bright);text-shadow:0 1px 2px #000a}
.resource-bar .gold{color:#e2b066}.resource-bar .sand{color:#d6cfa8}.resource-bar .green{color:var(--dusk-good)}.resource-bar .rose{color:#eba58f}
.resource.food-alert .resource-icon,.resource.food-alert #food{color:var(--dusk-bad)}
.resource.food-alert{box-shadow:inset 0 -2px 0 #f2a08a88;background:#f2a08a1a}
.game-actions button,.camera-controls button,.time-control>button,.game-actions .build-trigger,.time-control #pause{color:#ecdcb8}
.game-actions button:before,.camera-controls button:before,.time-control>button:before{background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-radius:50%;box-shadow:var(--papyrus-shadow)}
.game-actions button:hover:before,.camera-controls button:hover:before,.time-control>button:hover:before{background:#2a1a1c;border-color:#d9a85a}
.game-actions .build-trigger:before,.build-open .build-trigger:before{background:var(--papyrus-face);border-color:#d9a85a}
.build-open .build-trigger:before,.game-actions button:active:before,.camera-controls button:active:before,.time-control>button:active:before{background:radial-gradient(ellipse at 50% 0%,#c0563a55,transparent 75%),#1b1114;box-shadow:inset 0 2px 5px #0008}
#speed-value{background:#8c3e2b;color:#fbe7bf}
#view-toggle,#view-toggle[aria-expanded="true"],.paper-trigger{background:var(--papyrus-face);border:1px solid var(--papyrus-edge);color:#ecdcb8;box-shadow:var(--papyrus-shadow)}
#view-toggle[aria-expanded="true"]{border-color:#d9a85a}
#view-toggle.active{color:#8fd0e6;border-color:#8fd0e680}
#view-legend{color:var(--ink)}#view-legend>small{color:var(--muted)}
.selection-hint{border-color:#d9a85a80}
.selection-hint button,#selection-text svg{color:#ecdcb8}
#selection-text strong{color:var(--dusk-bright)}
.selection-hint .materials,.selection-hint .build-costs{color:var(--ink)}
.selection-hint .cost-item.insufficient{color:#ff9d8b}
.toast,.toast.danger,.toast.good{background:var(--papyrus-face);color:var(--ink);border-left:3px solid #d9a85a;text-shadow:none}
.toast.danger{border-left-color:#d9634a}.toast.good{border-left-color:#86b06f}
.toast strong{color:var(--dusk-bright)}.toast.danger strong{color:var(--dusk-bad)}
.planning-hint{color:var(--ink)}.planning-hint.warning{border-color:#ecb57c99;color:var(--dusk-warn)}
.rotate-prompt,body.compact-ui.touch-device .rotate-prompt{background:var(--dusk-ground);color:var(--ink)}
.rotate-prompt .eyebrow{color:#d9a85a}.rotate-prompt p{color:var(--muted)}
.rotate-phone{border-color:#d9a85a;color:#d9a85a}

/* City chronicle: the scroll becomes a dark tablet with gilt rails instead of wooden rods. */
#event-papyrus{color:var(--ink)}
.paper-badge{background:#9a3924;color:#fbe7bf;box-shadow:0 0 0 1px #d9a85a}
.event-scroll{filter:drop-shadow(0 8px 16px #0008)}
.scroll-sheet,.event-scroll .scroll-sheet{background:radial-gradient(ellipse 90% 50% at 50% 0%,#8c3e2b2b,transparent 72%),var(--dusk-ground);border:1px solid #d9a85a;border-radius:3px;box-shadow:var(--dusk-frame)}
.scroll-sheet:before{display:none}
.scroll-roll{left:0;right:0;height:5px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#e2b066 20% 80%,transparent);box-shadow:none;opacity:.8}
.scroll-roll:before,.scroll-roll:after{display:none}
.scroll-roll-top{top:5px}.scroll-roll-bottom{bottom:5px}
.paper-heading>span{color:#d9a85a}
.event-scroll button{color:#ecdcb8}
.event-scroll button:hover{background:#d9a85a1a;color:#ffe2a6}
.event-scroll button:focus-visible{outline-color:#e2b066}
.paper-tabs button[aria-pressed="true"]{box-shadow:inset 0 -2px #d9a85a;color:var(--dusk-gilt)}
.event-scroll .paper-action{background:radial-gradient(ellipse at 50% 0%,#c0563a40,transparent 75%),#f4e6bf08;border:1px solid #d9a85a80;border-radius:2px;color:var(--dusk-bright)}
.event-scroll .paper-action:hover{background:radial-gradient(ellipse at 50% 0%,#c0563a66,transparent 75%),#f4e6bf10;border-color:#d9a85a}
.paper-notice{scrollbar-color:#a58449 transparent}
.paper-seal{color:#e2b066;border-color:#d9a85a80;background:#d9a85a14;box-shadow:none}
.event-scroll[data-kind="danger"] .paper-seal{color:var(--dusk-bad);border-color:#f2a08a99;background:#f2a08a17}
.event-scroll[data-kind="warning"] .paper-seal{color:var(--dusk-warn)}
.event-scroll[data-kind="good"] .paper-seal{color:var(--dusk-good);border-color:#a3c98f80}
.paper-title{color:var(--dusk-gilt);font-variant:small-caps;letter-spacing:.03em}
.paper-message{color:var(--ink)}
.paper-footer{border-color:var(--line)}
.paper-date{color:var(--muted)}
.paper-pending{color:#eba58f}

/* Mission card and tutorial coach. */
.mission-card h1,body.progression-active .mission-card h1{color:var(--dusk-gilt);font-family:Georgia,'Times New Roman',serif;font-weight:400;font-variant:small-caps}
.mission-card>p,body.progression-active .mission-card>p,.journey-instruction{color:var(--ink)}
.mission-top .eyebrow,#mission-number,body.progression-active .mission-top .eyebrow,body.progression-active #mission-number,body.progression-active .mission-reward{color:#d9a85a}
#mission-toggle,body.progression-active #mission-toggle,#journey-skip{color:#ecdcb8}
.goal-line,body.progression-active .goal-line{color:var(--ink)}
.goal-line span:last-child,body.progression-active .goal-line span:last-child{color:var(--dusk-gilt)}
.goal-track,body.progression-active .goal-track{background:#f4e6bf1a}
.goal-fill,body.progression-active .goal-fill{background:linear-gradient(90deg,#b88342,#efc982)}
.goal-fill.complete,body.progression-active .goal-fill.complete{background:#86b06f}
.mission-reward strong,body.progression-active .mission-reward strong{color:var(--dusk-bright)}
body.progression-active .mission-reward button,.training-coach>[data-battle="training-fight"]{background:linear-gradient(180deg,#9a3924,#6b2213);color:#fbe7bf;border:1px solid #d9a85a}
.training-coach{background:var(--papyrus-face);border-color:var(--papyrus-edge);border-left-color:#d9a85a;box-shadow:0 6px 20px #0008}
.training-heading strong{color:var(--dusk-gilt);font-weight:400;font-variant:small-caps}
.battle-practice{background:var(--papyrus-face);color:var(--ink);border:1px solid var(--papyrus-edge);border-radius:3px}
.battle-practice button{color:#ecdcb8}

/* Title screen forms, saves and release notes: the same framed night tablet as the city menus. */
.home-screen .papyrus{filter:drop-shadow(0 18px 30px #000b)}
.home-screen .papyrus-sheet,.home-screen .papyrus-sheet{inset:0;filter:none;background:radial-gradient(ellipse 85% 45% at 50% 0%,#8c3e2b30,transparent 72%),linear-gradient(180deg,#261719f5,#170f12f5);border:1px solid #d9a85a;border-radius:3px;box-shadow:var(--dusk-frame)}
.home-screen .papyrus-rod{display:none}
.home-screen{--home-ink:var(--ink);--home-muted:var(--muted);color:var(--ink)}
.home-screen:not([data-view=main]) .home-brand{color:#ead9b4}
.home-eyebrow,.home-field-label,.home-save-info>small{color:#d9a85a}
.home-eyebrow i{background:#d9a85a}
.home-page-title,.home-screen:not([data-view=main]) .home-title,.home-empty h2,.home-save-info h2,.home-scenario strong,.home-news-title,.home-news-day time,.home-news-day ul li strong{color:var(--dusk-gilt);text-shadow:none}
.home-page-title,.home-news-title{font-variant:small-caps;letter-spacing:.04em}
.home-description,.home-scenario p,.home-save-info p,.home-empty p,.home-news-day ul li p{color:var(--ink)}
.home-local-note,.home-save-info>span,.home-save-info time,.home-starting,.home-news-roman,.home-screen .home-modes legend,.home-screen .home-modes small{color:var(--muted)}
.home-back{color:#ecdcb8}.home-back:hover{color:#ffe2a6}
.home-screen button:focus-visible,.home-screen a:focus-visible,.home-screen input:focus-visible{outline-color:#e2b066}
.home-input{background:#0d080a8c;border:1px solid #d9a85a66;border-radius:2px;color:var(--dusk-bright);box-shadow:inset 0 1px 3px #0008}
.home-scenario,.home-save,.home-empty,.home-screen .home-modes label{background:#f4e6bf08;border:1px solid #d9a85a33;border-radius:2px}
.home-empty{border-style:dashed}
.home-scenario-icon>.roman-icon,.home-save-art,.home-empty>.roman-icon{color:#e2b066}
.home-save-art{border-color:var(--line)}
.home-screen .home-modes label:has(input:checked){background:radial-gradient(ellipse at 50% 0%,#c0563a33,transparent 80%),#f4e6bf0d;border-color:#e2b066;box-shadow:inset 0 0 0 1px #e2b06655}
.home-screen .home-modes strong{color:var(--dusk-bright)}
.home-screen .home-modes input{accent-color:#c0563a}
.home-screen:not([data-view=main]) .home-primary{border:1px solid #d9a85a;border-radius:2px;color:#fbe7bf;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:18px;font-variant:small-caps;letter-spacing:.05em;background:radial-gradient(ellipse at 50% 0%,#c0563a55,transparent 70%),linear-gradient(180deg,#9a3924,#6b2213);box-shadow:inset 0 0 0 3px #6b2213,inset 0 0 0 4px #e9bd7a77,0 8px 20px #0009;text-shadow:0 1px 2px #3a0d05}
.home-screen:not([data-view=main]) .home-primary:hover{background:radial-gradient(ellipse at 50% 0%,#d86a4a66,transparent 70%),linear-gradient(180deg,#a8442c,#792818)}
.home-load{background:linear-gradient(180deg,#9a3924,#6b2213);border:1px solid #d9a85a;border-radius:2px;color:#fbe7bf}
.home-load:hover{background:linear-gradient(180deg,#a8442c,#792818)}
.home-import-button{background:#f4e6bf08;border:1px solid #d9a85a80;border-radius:2px;color:#f2e3c0}
.home-import-button:hover{border-color:#d9a85a;color:#ffe2a6}
.home-error{background:#f2a08a14;border-color:#f2a08a55;border-left-color:#d9634a;color:var(--dusk-bad)}
.home-saves{scrollbar-color:#a58449 transparent}
.home-share-status{background:var(--papyrus-face);border-color:var(--papyrus-edge);color:var(--ink)}
.home-news-days{scrollbar-color:#a58449 transparent}
.home-news-day:before{background:repeating-linear-gradient(#d9a85a55 0 4px,transparent 4px 7px)}
.home-news-day:after{background:#c0563a;box-shadow:0 0 0 2px #1f1417,0 0 0 3px #d9a85a99}
.home-news-day ul li{border-color:var(--line)}
.home-news-day ul li small{color:#eba58f}
.language-control,.language-note{color:var(--muted)}
.language-control select{background:#0d080a8c;color:var(--dusk-bright);border-color:#d9a85a66}
.compact-ui .home-new-overview .home-back{background:#1f1417}
@media(max-width:760px),(pointer:coarse){
  .home-screen .papyrus-sheet{background:linear-gradient(180deg,#261719,#170f12);box-shadow:var(--dusk-frame),0 3px 8px #0008}
}

/* Battle UI: the field stays painted; every plate, card and planner sits on the dusk ground. */
#battle-screen{color:var(--ink)}
#battle-screen :is(.battle-hud,.battle-top-actions,.battle-roster-tools,.battle-unit-card,.battle-deploy){background:var(--papyrus-face)}
.battle-force.player{color:#f08a72}.battle-force.enemy{color:#8fc3d6}
#battle-screen :is(.battle-top-actions button,.battle-camera button,.battle-orders button,.battle-roster-tools button,.battle-secondary button):is(:hover,[aria-pressed="true"]){background:#d9a85a26}
.battle-unit-card .unit-emblem{color:#f08a72}
.battle-unit-card[aria-pressed="true"],.battle-army-preset:hover,.battle-army-preset[aria-pressed=true]{border-color:#e2b066;box-shadow:inset 0 0 0 1px #e2b06666}
.battle-planning .battle-unit-card[aria-pressed="true"]{box-shadow:inset 0 0 0 1px #e2b066,0 0 0 2px #e2b06655}
.battle-planning .battle-unit-card .unit-count{background:#0d080a;border-color:#d9a85a66;color:var(--dusk-bright)}
.battle-paper{border:1px solid #d9a85a;border-radius:3px;box-shadow:var(--dusk-frame),0 18px 48px #000b}
.battle-paper,.battle-modal-open .battle-paper,.battle-army-menu,.battle-army-heading{background:var(--dusk-ground)}
.battle-paper small{color:#d9a85a}
.battle-paper h1,.battle-paper h2,.battle-paper h3{color:var(--dusk-gilt);font-weight:400;font-variant:small-caps;letter-spacing:.04em}
.battle-result-seal{color:#e2b066}
.battle-planner{--plan-accent:#d9a85a;background:var(--papyrus-face);box-shadow:0 8px 24px #0009}
.battle-plan-modes button[aria-pressed="true"]{background:linear-gradient(180deg,#9a3924,#6b2213);color:#fbe7bf;border-color:#d9a85a}
.battle-plan-options select{background:#0d080a8c;color:var(--dusk-bright);border-color:#d9a85a66}
#battle-screen button:focus-visible,.battle-field:focus-visible,.battle-plan-options select:focus-visible{outline-color:#e2b066}
.commander-aura[data-active=false]{color:#8d8579}

/* Regional map drawn in night tones: dark land, lit borders and gilt names. */
.region-map>rect:first-of-type{fill:#120b0d;fill-opacity:.6;stroke:#d9a85a99}
.map-region polygon{fill:#4a3a2c;fill-opacity:.85;stroke:#d9a85a55}
.map-region.owned polygon{fill:#45603d}.map-region.allied polygon{fill:#355e68}.map-region.friendly polygon{fill:#6a5730}.map-region.hostile polygon{fill:#7a3426}
.map-region.selected polygon,.map-region:focus polygon,.map-region:hover polygon{stroke:#f2d79b}
.map-region circle,.home-marker circle{fill:#2a1a1c;stroke:#d9a85a}
.home-marker.selected circle,.home-marker:focus circle{stroke:#f2d79b}
.map-region path,.home-marker path{stroke:#e2b066}
.region-name,.region-army{fill:#f2d79b;stroke:#170f12}
.region-army{fill:#ecdcb8}
.home-region{fill:#45603d;fill-opacity:.85;stroke:#d9a85a88}
.campaign-sea{fill:#2b4752;fill-opacity:.8}.sea-label{fill:#8fc3d0}
.campaign-river{stroke:#4f8a96}.campaign-road{stroke:#d9a85a;opacity:.55}
.expedition-route{stroke:#a3c98f}.enemy-route{stroke:#f08a72}
.campaign-column circle{fill:#45603d;stroke:#f2d79b}.campaign-column path{stroke:#f2d79b}
.map-compass path{stroke:#d9a85a;fill:#6b4a24}.map-compass text{fill:#d9a85a}
.battle-deploy button,.training-coach>[data-battle="training-fight"]{background:radial-gradient(ellipse at 50% 0%,#c0563a55,transparent 70%),linear-gradient(180deg,#9a3924,#6b2213);color:#fbe7bf;border:1px solid #d9a85a;border-radius:2px;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-variant:small-caps;letter-spacing:.04em;box-shadow:inset 0 0 0 2px #6b2213,inset 0 0 0 3px #e9bd7a55}
.battle-deploy button:disabled{opacity:.55}
.battle-orders,.battle-hud-hidden .battle-top-actions{background:var(--papyrus-face)}
@media(max-width:760px),(pointer:coarse){#battle-screen .battle-planner{background:var(--papyrus-face)}}
#battle-screen .battle-army-preset .army-preset-preview{background:#120b0d;border-color:#d9a85a55;stroke:#d9a85a}
.unit-morale{background:#f4e6bf1f}.unit-morale i{background:#86b06f}
.battle-modal-open:before{background:#140c10b3}
.commander-ui{color:var(--ink)}
.commander-vitals,.commander-objective,.commander-hint,.combat-feedback{background:var(--papyrus-face);border:1px solid var(--papyrus-edge);border-left:3px solid #d9a85a;border-radius:3px;box-shadow:0 6px 18px #0008}
.commander-vitals strong{color:var(--dusk-gilt);font-weight:400;font-variant:small-caps}
.commander-vitals small,.commander-hint{color:var(--muted)}
.commander-vitals meter::-webkit-meter-bar{background:#0d080a}
.commander-vitals [data-hero=stamina]::-webkit-meter-optimum-value{background:#e2b066}
.combat-feedback{color:var(--dusk-gilt)}
.commander-actions button{background:var(--papyrus-face);border:1px solid #d9a85a80;border-radius:3px;color:#ecdcb8;box-shadow:0 4px 15px #000a}
.commander-actions button:first-child{background:radial-gradient(ellipse at 50% 0%,#c0563a55,transparent 70%),linear-gradient(180deg,#9a3924,#6b2213);border-color:#d9a85a;color:#fbe7bf}
.commander-actions button[aria-pressed=true]{background:radial-gradient(#d9a85a55,#2a1a1c);border-color:#f2d79b;box-shadow:0 0 16px #e2b06677}
.commander-actions button:focus-visible{outline-color:#e2b066}
.commander-stick{background:#1b1114a8;border-color:#d9a85a88}
.commander-stick i{background:radial-gradient(#e2b066,#6b4a24);border-color:#f2d79b}
#view-toggle,#view-toggle[aria-expanded="true"]{border-radius:50%}

/* Icons that stand in for explanatory copy. */
.ledger-dial>strong{display:flex;align-items:center;gap:7px}
.ledger-dial>strong .roman-icon{width:18px;height:18px}
:is(#panel-dialog,.inspector) :is(.action-button,.menu-save-status,.panel-stat strong) .roman-icon{width:18px;height:18px;vertical-align:-3px}
#panel-dialog .panel-stat strong .roman-icon{width:22px;height:22px;margin-right:4px}
#panel-dialog .menu-save-status{display:flex;align-items:center;gap:7px;margin-top:14px}
.home-screen .home-modes label>.roman-icon{width:24px;height:24px;flex-shrink:0}
.dock-footer>span:has(#build-instruction:empty){visibility:hidden}
.compact-ui .home-screen:not([data-view=main]) .home-primary{min-height:44px;padding:8px 14px;font-size:16px;white-space:nowrap}
.compact-ui .home-screen .home-modes label>.roman-icon{width:20px;height:20px}