/* Material layer: original bitmap surfaces, responsive frames, live semantic text. */
:root{--ornate-paper:url('./art-web/ui-parchment-v1-a75a2ca072.webp');--ornate-primary:url('./art-web/ui-primary-v1-48952ccc93.webp');--ornate-secondary:url('./art-web/ui-secondary-v1-e3cc70dd43.webp');--antique-ink:#392b18;--antique-muted:#6c5431;--antique-gold:#b3965a}

/* One item renderer for costs, rewards, stock and resource indicators. */
.standard-item-art{display:inline-block;flex:none;width:24px;height:24px;vertical-align:middle;background-repeat:no-repeat;pointer-events:none;color:inherit}
.standard-item-art>.icon-fallback{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.standard-resource-art{background-size:200% 200%}
.standard-resource-art.food{background-position:0 0}.standard-resource-art.wood{background-position:100% 0}.standard-resource-art.stone{background-position:0 100%}.standard-resource-art.iron{background-position:100% 100%}
.report-resources-ready .standard-resource-art{background-image:url('./art-web/report-resources-compact-v2-91562db5ea.webp')}
.standard-inventory-art{background-size:300% 100%}
.standard-inventory-art.materials{background-position:left center}.standard-inventory-art.accelerator{background-position:center center}.standard-inventory-art.governor-xp{background-position:right center}
.inventory-art-ready .standard-inventory-art{background-image:url('./art-web/inventory-rewards-compact-v2-913f584e23.webp')}
.report-resources-ready .standard-resource-art>.icon-fallback,.inventory-art-ready .standard-inventory-art>.icon-fallback{display:none}
.cost-item>.standard-item-art{width:25px;height:25px}
.site-art-ready .map-piece.resource .piece-emblem>.standard-item-art{width:calc(14px / var(--map-zoom,.35));height:calc(16px / var(--map-zoom,.35))}
@media(forced-colors:active){.standard-item-art{background-image:none!important}.report-resources-ready .standard-resource-art>.icon-fallback,.inventory-art-ready .standard-inventory-art>.icon-fallback{display:block}}

/* Three persistent formation slots sit above the optional save controls. */
.preset-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:5px 0}
.preset-slot{position:relative;min-width:0;min-height:54px;padding:4px 6px;border:2px ridge #ac8645;background:#b68b3020;box-shadow:inset 0 0 0 2px #f5e5ba66;color:#503618;text-align:center}
.preset-slot strong{display:block;font:700 23px/1.05 var(--serif)}
.preset-slot-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.4 var(--sans)}
.preset-slot.is-saved::after{content:'◆';position:absolute;right:5px;top:3px;font-size:8px;color:#94703d}
.preset-slot[aria-pressed='true']{color:#f5df9c;background:linear-gradient(#18462be8,#092e20ed),url('./art-web/wood-dark-v3-331b77e862.webp') center/240px;border-color:#bb974a;box-shadow:inset 0 0 0 2px #c5a15a66,0 1px 3px #52391944;text-shadow:0 1px #142514}
.preset-slot[aria-pressed='true']::after{color:#efd293}
.preset-slot:focus-visible{outline:2px solid #805317;outline-offset:2px}
.preset-slot:disabled{opacity:.6;cursor:wait}
.report-list-tools,.report-undo{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px/1.3 var(--sans);color:#654b2a}
.report-list-tools button,.report-undo button,.report-delete-button{min-height:44px;padding:7px 10px;border:1px solid #97744466;background:#ab873011;color:#674822;font:600 12px var(--sans)}
.report-undo{border:1px solid #7b8a5344;background:#d6daa144;padding:3px 8px;margin:5px 0}
.report-undo button{color:#21452c;border-color:#52663e66;text-decoration:underline}
.report-manage{margin-top:12px;border-top:1px solid #99754766;padding:8px 0 2px;text-align:center}
.report-manage p{font:12px/1.4 var(--sans);margin:4px 0 8px}
.report-delete-button{color:#773724;min-width:150px}
:is(.report-list-tools button,.report-undo button,.report-delete-button):focus-visible{outline:2px solid #76501e;outline-offset:2px}
:is(.report-delete-button,.report-undo button):disabled{opacity:.5;cursor:not-allowed}
.preset-save-fields{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:end;gap:6px;margin:6px 0 10px}
.preset-save-fields label{font:11px/1.3 var(--sans);color:#634a29}
.preset-save-fields input{display:block;width:100%;height:44px;margin-top:3px;padding:6px 8px;font:16px var(--sans)}
.preset-save-fields .secondary-button{--button-overhang:-5px}
.sheet-content .expedition-presets #preset-details{margin:0;padding:0}
.sheet-content .expedition-presets summary{font-size:14px;min-height:44px;padding:12px 0}
@media(forced-colors:active){.preset-slot[aria-pressed='true']{outline:2px solid Highlight;background:Highlight;color:HighlightText}}

/* Nine-slice keeps the corners intact when parchment panels grow. */
.action-sheet,.game-modal{border:14px solid transparent;border-image:var(--ornate-paper) 8% fill / 14px / 0 stretch;border-radius:0;background:#e5d0a6;background-clip:padding-box;color:var(--antique-ink);box-shadow:0 8px 30px #0008}
.action-sheet{--sheet-close-inset:calc(var(--space) * 1.5)}
.action-sheet::before{display:none}
.action-sheet .sheet-handle{width:36px;height:3px;margin:2px auto;background:#8b6a39;box-shadow:0 1px #f8e4b3}
.sheet-heading{position:relative;padding:3px 6px 10px;border-bottom:1px solid #79572965}
.sheet-heading::after{content:'◆';position:absolute;bottom:-5px;left:50%;font-size:8px;line-height:8px;color:#7f4e25;text-shadow:0 1px #e9d6ad;pointer-events:none}
.sheet-heading h2{color:#482f19;text-shadow:0 1px #fff3}
.sheet-heading .eyebrow{color:#775831}
.sheet-content{padding:10px 6px 12px;scrollbar-color:#8c7247 #d5bc87;scrollbar-width:thin}
.sheet-content p,.game-modal p{color:var(--antique-ink)}
.sheet-content .muted,.game-modal .muted,.sheet-content .reason{color:var(--antique-muted)}
.game-modal{scrollbar-color:#8c7247 #d5bc87;scrollbar-width:thin}
.game-modal::backdrop{background:#080b0dc2;backdrop-filter:blur(5px)}
#modal-content{padding:16px}
.game-modal .modal-title,.game-modal .outcome-hero h2{color:#542c1c}
.game-modal .modal-subtitle{color:#685130}
/* Test settings need a readable ink label on parchment, not the gold HUD eyebrow. */
.game-modal .test-controls>.eyebrow{font:700 12px/1.4 var(--sans);letter-spacing:.035em;color:#4a341e;margin:0 0 6px;text-shadow:none}
.home-info{border-width:14px}
.home-info-header{padding:12px 12px 10px;background:none;border-bottom-color:#85623377}
.home-info-header h2{color:#4c301a}
.home-info-nav{padding:0 4px;gap:4px}
.home-info-body{padding:16px 12px;scrollbar-color:#8c7247 #d5bc87;scrollbar-width:thin}

/* Artwork is behind labels; the hit area and the existing text density stay intact. */
:is(.primary-button,.secondary-button,.danger-button,.title-primary,.title-secondary,.floating-action,.nearby-button){position:relative;isolation:isolate;border:0;border-radius:0;background:none;box-shadow:none;min-height:44px;color:#f7e7bd;text-shadow:0 1px 3px #060805;--button-surface:var(--ornate-primary)}
:is(.secondary-button,.title-secondary,.nearby-button){--button-surface:var(--ornate-secondary);--button-overhang:-9px;color:#f2dfb6}
:is(.primary-button,.secondary-button,.danger-button,.title-primary,.title-secondary,.floating-action,.nearby-button)::before{content:'';position:absolute;inset:var(--button-overhang,-12px) 0;z-index:-1;pointer-events:none;border:22px solid transparent;border-image:var(--button-surface) 40% 13% fill / 22px 24px / 0 stretch;filter:drop-shadow(0 2px 1px #130e0b70)}
.danger-button::before{filter:sepia(.7) saturate(1.4) hue-rotate(300deg) drop-shadow(0 2px 1px #130e0b70)}
.sheet-content :is(.primary-button,.secondary-button,.danger-button),.game-modal :is(.primary-button,.secondary-button){padding:8px 22px;min-height:46px;font-size:16px;line-height:1.2}
.sheet-content .small-button,.game-modal .small-button{padding:8px 18px;min-height:44px}
.sheet-content .expedition-presets .secondary-button{padding:7px 16px;font-size:14px}
.title-primary{min-height:54px;padding:10px 26px;color:#faebc5}
.title-secondary{min-height:46px;padding:8px 24px;background:none;color:#efd9b0}
.title-primary:hover:not(:disabled),.title-secondary:hover:not(:disabled){background:none;filter:brightness(1.12)}
:is(.primary-button,.secondary-button,.danger-button,.floating-action,.nearby-button):hover:not(:disabled)::before{filter:brightness(1.13) drop-shadow(0 2px 2px #120d0970)}
:is(.primary-button,.secondary-button,.danger-button,.title-primary,.title-secondary):disabled{opacity:.57;filter:saturate(.3);cursor:not-allowed}
:is(.primary-button,.secondary-button,.danger-button,.title-primary,.title-secondary):focus-visible{outline:2px solid #ab762c;outline-offset:3px}
.title-screen :is(.title-primary,.title-secondary):focus-visible{outline-color:#f5dfa0}
/* Keep the operation selector's focus inside the field, clear of adjacent text. */
.sheet-content .mode-select:focus-visible{outline:2px solid #805317;outline-offset:-2px}
@media(forced-colors:active){.sheet-content .mode-select:focus-visible{outline-color:Highlight}}
.floating-action,.nearby-button{position:absolute;padding:8px 22px;font-size:14px}
.floating-action{gap:2px}
.round-button{-webkit-appearance:none;appearance:none;flex:none;padding:0;border:2px solid #c5a369;border-radius:50%;line-height:1;background:linear-gradient(#0b2e2055,#061d13b3),url('./art-web/wood-dark-v3-331b77e862.webp') center/300px auto;box-shadow:inset 0 0 0 2px #132019,0 2px 5px #0007;color:#f2d597}
.map-controls{z-index:5}
.round-button:disabled{opacity:1;color:var(--muted);border-color:#9c7a3b;filter:saturate(.3)}
.action-sheet .icon-button,.game-modal .icon-button{border:1px solid #93724088;border-radius:50%;background:#aa7d2920;box-shadow:inset 0 0 0 2px #e8d2a744;color:#664725}
.action-sheet .stepper button{background:radial-gradient(circle closest-side,#154733 0 80%,#9c7a3b 84% 90%,#322619 94% 100%,transparent 101%) center/32px 32px no-repeat;color:#f7de9f;text-shadow:0 1px 2px #000;box-shadow:none}
.healing-batch .worker-controls{flex-wrap:wrap}
.healing-batch .stepper{margin-left:auto}
.healing-batch .metric-line{gap:8px;align-items:baseline}
.healing-batch .metric-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.workers-panel .worker-controls{flex-wrap:wrap}
.workers-panel .stepper{margin-left:auto}
.workers-summary .stat-cell{min-width:0}
.workers-summary strong{overflow-wrap:anywhere}
.worker-production .metric-line{gap:8px;align-items:baseline}
.worker-production .metric-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.production-rate{display:inline-block}
.production-rate small{display:block;font:inherit;opacity:.8}
.resource-item:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.sheet-content :is(input,select,textarea),.game-modal :is(input,select,textarea){color:#392b18;border-color:#9b7b45;background-color:#f0dfb8;box-shadow:inset 0 1px 3px #73502b22;border-radius:2px}

/* Small navigation items are inlaid into the parchment instead of broad button art. */
.sheet-content .tabs,.home-info-nav{border-bottom:1px solid #8b682f77}
.sheet-content .tabs button,.home-info-nav button{border:1px solid transparent;border-bottom:0;color:#6b4f2b;background:transparent;min-height:44px}
.sheet-content .tabs button.active,.home-info-nav button[aria-current]{background:linear-gradient(#204f3bcc,#102e24e8),url('./art-web/wood-dark-v3-331b77e862.webp') center/350px auto;color:#f1db9e;border:1px solid #9e814b;box-shadow:inset 0 0 0 2px #b9955033;text-shadow:0 1px #000}
.sheet-content .list-row-as-button{padding:10px 4px;border-bottom:1px solid #8d6d3a66;color:#49331d}
.sheet-content .list-row-as-button:hover{background:#8f67241a}
.sheet-content .list-row-heading .icon{color:#876331}
.home-faction-list button{background:#8f69221a;border:1px solid #8a673b77;box-shadow:inset 0 0 0 2px #e6d3ae55}
.home-faction-list button[aria-pressed=true]{background:linear-gradient(#25513bd9,#132e23f2),url('./art-web/wood-dark-v3-331b77e862.webp') center/350px auto;box-shadow:inset 0 0 0 2px #b5965055;color:#f5dda2}
.sheet-content .ornament{color:#674525;border-bottom:1px solid #956c3580;text-shadow:0 1px #f3e2bd66}
.sheet-content .notice,.game-modal .notice{background:#a97c2920;border:1px solid #94733f55;border-left:3px solid #94733f;color:#513c23;box-shadow:inset 0 0 0 2px #fff2}
.sheet-content .notice.good{border-left-color:#386642}.sheet-content .notice.warning{border-left-color:#8c432b}

/* Reports remain manuscripts with readable totals and continuous vertical scrolling. */
.sheet-content .report-card{padding:12px 6px;border:1px solid #8a6b3c55;border-bottom:2px double #8a6b3c77;background:#9b763013;margin:8px 0;box-shadow:inset 0 0 0 3px #fff2}
.sheet-content .report-card:hover{background:#a5793025}
.sheet-content .report-card h3{font-size:20px;color:#51341c}
.sheet-content .report-card p{font-size:11px;color:#725532}
.sheet-content .report-card .report-result{font-size:9px;letter-spacing:1px;color:#38613b}
.sheet-content .report-header-compact{padding:4px 0 10px;border-bottom:1px solid #8e683377}
.sheet-content .report-header-compact strong{color:#522e1b}
.sheet-content .seal{border:2px ridge #b09152;background:radial-gradient(circle at 35% 27%,#426947,#163d2c 75%);color:#ebd8a0;box-shadow:inset 0 0 0 2px #b7994a55,0 2px 3px #583c2f55}
.sheet-content .seal.defeat{background:radial-gradient(circle at 35% 27%,#a55539,#64271e 75%)}
.sheet-content .report-header-compact .seal{width:32px;min-width:32px;height:32px;border-width:2px}
.sheet-content .stat-cell,.game-modal .stat-cell{background:#9c722111;border:1px solid #96734077;box-shadow:inset 0 0 0 2px #fbefce55;color:#4d341d}
.sheet-content .stat-cell small,.game-modal .stat-cell small{color:#705530}
.sheet-content .report-unit{border-color:#98733e66}
.sheet-content .casualty-grid{background:#9b742214;padding:6px 2px;border-block:1px solid #96734055}
.sheet-content .kill-line{background:#8d652320;border:1px solid #9b793b55;color:#543c20}
.sheet-content .report-table th{background:#9270391c;color:#634823;font-size:10px}
.sheet-content .report-table td{border-color:#94723f55;font-size:12px}
.sheet-content .report-details{border-top-color:#8c663a77}
.sheet-content .report-details summary{color:#634527;font-size:17px}
.action-sheet[data-view='troops'] .troop-counter-summary{display:flex;align-items:center;gap:8px;margin:8px 0;color:#365735;font:700 17px/1.25 var(--serif)}
.action-sheet[data-view='troops'] .troop-counter-summary .icon{width:22px;height:22px;flex:none;color:#6d4e27}
.action-sheet[data-view='troops'] .troop-counter-summary span{min-width:0;overflow-wrap:anywhere}
.action-sheet[data-view='troops'] .troop-counter-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:4px 0 6px;color:var(--paper-ink)}
.action-sheet[data-view='troops'] .troop-counter-table caption{text-align:left;font:700 18px/1.25 var(--serif);padding:4px 0 8px}
.action-sheet[data-view='troops'] .troop-counter-table :is(th,td){padding:6px 4px;border-bottom:1px solid #8c663a55;text-align:left;overflow-wrap:anywhere}
.action-sheet[data-view='troops'] .troop-counter-table thead th{font:600 11px/1.3 var(--sans);color:var(--antique-muted)}
.action-sheet[data-view='troops'] .troop-counter-table tbody th{font:400 16px/1.25 var(--serif)}
.action-sheet[data-view='troops'] .troop-counter-table :is(th,td):last-child{width:35%;text-align:right}
.action-sheet[data-view='troops'] .troop-counter-table td{font:600 16px/1.25 var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap}
.action-sheet[data-view='troops'] .troop-counter-note{margin:6px 0 12px;color:var(--antique-muted);font:11px/1.4 var(--sans)}
@media(forced-colors:active){.action-sheet[data-view='troops'] :is(.troop-counter-summary,.troop-counter-summary .icon,.troop-counter-table,.troop-counter-table thead th,.troop-counter-note){color:CanvasText}.action-sheet[data-view='troops'] .troop-counter-table :is(th,td){border-color:CanvasText}}
.sheet-content .timeline{border-color:#9c763f}
.sheet-content .timeline-entry:before{background:#9b793b;border-color:#ddc293}
.sheet-content .timeline-entry time{color:#785930}

/* Heraldry belongs to results, never to a regular menu or the new-game dialog. */
.game-modal[data-variant^='outcome-']{width:min(92vw,500px);max-height:93dvh;border-width:16px;border-image-width:16px}
.game-modal[data-variant^='outcome-'] #modal-content{padding:8px 14px 16px;text-align:center}
.outcome-emblem{height:118px;margin:0 auto 2px;display:flex;justify-content:center;align-items:center}
.outcome-emblem img{height:118px;width:164px;object-fit:contain;filter:drop-shadow(0 3px 2px #27160955)}
.outcome-emblem .icon{width:62px;height:62px;color:#c19942;filter:drop-shadow(0 2px #634820)}
.game-modal[data-variant^='outcome-'] .outcome-hero h2{font-size:38px;line-height:1.08;font-weight:700;color:#651e13;margin:0 0 12px}
.game-modal[data-variant='outcome-win'] .outcome-hero h2{color:#234f39}
.game-modal[data-variant^='outcome-'] .outcome-hero p{font:500 18px/1.3 var(--serif);color:#432c17;margin:0 auto 18px;max-width:360px}
.outcome-divider{display:flex;align-items:center;gap:8px;color:#6f3520;margin:0 auto 14px;width:84%;font-size:13px}
.outcome-divider::before,.outcome-divider::after{content:'';height:1px;flex:1;background:#8c603a99}
.outcome-stats{margin:12px 0 16px;gap:8px}
.outcome-stats .stat-cell{padding:10px 4px}
.outcome-stats .icon{width:21px;height:21px;color:#6b4d28;margin-bottom:3px}
.game-modal .outcome-stats .stat-cell strong{font-size:28px}
.game-modal .outcome-stats .stat-cell small{font-size:11px;line-height:1.2;display:block}
.game-modal[data-variant^='outcome-'] :is(.primary-button,.secondary-button){min-height:52px;font-size:21px}
.outcome-wax{display:grid;place-items:center;margin:16px auto 0;width:36px;height:36px;border-radius:48%;background:radial-gradient(circle at 35% 25%,#a34c30,#642115 72%);border:3px ridge #934331;box-shadow:0 2px 3px #43200f66;color:#c29a59;transform:rotate(-8deg)}
.outcome-wax .icon{width:21px;height:21px}

@media(max-width:699px){
 .action-sheet{border-width:10px;border-image-width:10px}
 .action-sheet[data-view='troops']{top:0;max-height:100%}
 .game-modal,.home-info{border-width:12px;border-image-width:12px}
 .sheet-heading{padding:1px 3px 8px}.sheet-content{padding:9px 3px 12px}
 .sheet-content:has(.report-header-compact){padding:9px 3px 12px}
 #modal-content{padding:14px 10px}
 .home-info-header{padding:8px 6px}.home-info-body{padding:12px 6px}
 .home-info-nav{padding:0;gap:2px}.home-info-nav button{font-size:11px}
 .sheet-content .button-row{gap:5px}
 .sheet-content .expedition-presets .secondary-button{font-size:13px;padding-inline:14px}
 .game-modal[data-variant^='outcome-']{border-width:12px;border-image-width:12px}
 .game-modal[data-variant^='outcome-'] #modal-content{padding:6px 10px 10px}
 .outcome-emblem,.outcome-emblem img{height:92px}
 .game-modal[data-variant^='outcome-'] .outcome-hero h2{font-size:32px;margin-bottom:10px}
 .game-modal[data-variant^='outcome-'] .outcome-hero p{font-size:17px;margin-bottom:12px}
 .game-modal[data-variant^='outcome-'] :is(.primary-button,.secondary-button){font-size:19px;min-height:50px}
 .outcome-stats{gap:5px;margin:10px 0 14px}.outcome-stats .stat-cell{padding:8px 2px}
 .game-modal .outcome-stats .stat-cell small{font-size:10px}
 .outcome-wax{margin-top:10px}
}
@media(max-height:650px){.outcome-emblem,.outcome-emblem img{height:64px}.outcome-wax{display:none}.game-modal[data-variant^='outcome-'] .outcome-hero h2{font-size:29px}}
/* HUD: rails overlay the existing geometry, preserving room for the board. */
:root{--hud-frame:url('./art-web/hud-frame-v1-7e9c949098.webp');--hud-banner:url('./art-web/hud-banner-v1-e83a61cd7a.webp')}
.game-header,.realm-ledger,.main-nav{position:relative;isolation:isolate;background-color:#160f0b;border-color:#473829;box-shadow:0 2px 5px #0009,inset 0 1px #b79c6355}
.game-header::before,.realm-ledger::before,.main-nav::before{content:'';position:absolute;inset:0;z-index:2;border:12px solid transparent;border-image:var(--hud-frame) 18% 6% / 12px / 0 round;pointer-events:none}
.realm-ledger{flex:none;min-width:0;z-index:20;background-image:linear-gradient(180deg,#cda46b08 0%,transparent 38%,#09060426 100%),url('./art-web/wood-dark-v3-331b77e862.webp');background-size:auto,768px auto;background-repeat:no-repeat,repeat}
.realm-ledger>.resource-bar,.realm-ledger>.realm-status{position:relative;isolation:auto;z-index:auto;background:transparent;border:0;box-shadow:none}
.offline .realm-ledger{background-color:#34251a}
.realm-status::before{content:'';position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,#b99a60 7%,#dfc58b 50%,#b99a60 93%,transparent);pointer-events:none}
.realm-status::after{content:'';position:absolute;top:0;left:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);background:#49351b;border:1px solid #d7b978;box-shadow:0 0 0 2px #20160e;pointer-events:none}
.game-header{padding-inline:8px;gap:5px}
.game-header::before{border-image-width:12px 14px}
.house-title{position:relative;z-index:3}
.house-title h1{color:#f4ead2;text-shadow:0 2px 2px #000;font-size:22px}
.house-title .title-return{color:#d8b367;letter-spacing:1.5px}
.game-header :is(.house-mark,#chat-button,#settings-button),.title-settings{position:relative;isolation:isolate;flex-shrink:0;width:44px;height:52px;padding:0;border:0;clip-path:none;background:transparent;overflow:visible;color:#e9cc85;z-index:3}
.game-header :is(.house-mark,#chat-button,#settings-button)::before,.title-settings::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--hud-banner) center/100% 100% no-repeat;pointer-events:none}
.game-header :is(#chat-button,#settings-button)::after,.title-settings::after{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(18% 8%,82% 8%,82% 74%,50% 92%,18% 74%);background:var(--banner-tint);mix-blend-mode:color;pointer-events:none}
.game-header #chat-button{--banner-tint:#681e15}
.chat-unread-dot{position:absolute;top:3px;right:1px;width:12px;height:12px;border:1px solid #f1d08a;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f78370,#c2261d 48%,#70100c);box-shadow:0 0 0 1px #390c08,0 2px 4px #0009;pointer-events:none;z-index:4}
#chat-unread-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(forced-colors:active){.chat-unread-dot{background:Highlight;border-color:CanvasText;box-shadow:none}}
.game-header #settings-button,.title-settings{--banner-tint:#213248}
.game-header .house-mark .icon{width:28px;height:32px;margin-top:-7px;filter:drop-shadow(0 1px 1px #000)}
/* Reuse the profile portrait as a close-up inside the HUD's existing gilded frame. */
.game-header #governor-button::before{z-index:1;background:none;border:6px solid transparent;border-image:var(--hud-frame) 18% 6% / 6px / 0 stretch}
.hud-governor-portrait{position:absolute;inset:5px;overflow:hidden;background:#163b2c;border:1px solid #b69655;pointer-events:none}
.hud-governor-portrait img{position:absolute;top:0;left:50%;width:260%;max-width:none;height:auto;transform:translateX(-50%);pointer-events:none}
.game-header :is(#chat-button,#settings-button) .icon,.title-settings .icon{width:22px;height:22px;margin-top:-7px;filter:drop-shadow(0 1px 1px #000)}
.day-badge{position:relative;isolation:isolate;flex-shrink:0;min-width:54px;height:48px;gap:0;padding:3px 5px;color:#f2dfb3;font-size:16px;line-height:1;text-shadow:0 1px 2px #000;background:#22160f;border:1px solid #9a754940;box-shadow:inset 0 0 7px #ac76362b}
.day-badge::before{content:'';position:absolute;inset:-3px;z-index:-1;pointer-events:none;border:8px solid transparent;border-image:var(--hud-frame) 18% 6% / 8px / 0 stretch}
.day-badge #day-label{white-space:nowrap}
.day-badge .clock-time{font:11px/1 var(--serif);color:#f2e2bf}
.day-badge .test-badge{font-size:7px;line-height:1;padding:0 3px;white-space:nowrap;background:#89541f;border:1px solid #b0803b;color:#fff1cf;letter-spacing:.2px}
.resource-bar{padding-inline:10px}
.resource-item{position:relative;z-index:3;grid-template-columns:28px minmax(0,1fr);column-gap:3px;padding-inline:3px;border-right-color:#a17c3f66;min-width:0;box-shadow:inset -1px 0 #070504}
.resource-item strong{color:#f4e7c3;font-size:20px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;white-space:nowrap}
.resource-item small{color:#dbe6b1;text-shadow:0 1px 2px #000;font-size:9px}
.resource-emblem{width:28px;height:28px;grid-row:1/3;display:grid;place-items:center;background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px #000);z-index:3}
.resource-emblem .icon{grid-row:auto;width:24px;height:24px}
.hud-resources-ready .resource-emblem{background-image:url('./art-web/report-resources-compact-v2-91562db5ea.webp')}
.hud-resources-ready .resource-emblem .icon{visibility:hidden}
.food .resource-emblem{background-position:0 0}.wood .resource-emblem{background-position:100% 0}.stone .resource-emblem{background-position:0 100%}.iron .resource-emblem{background-position:100% 100%}
.realm-status{padding-inline:14px;color:#eadcbd}
.realm-status button{position:relative;z-index:3;white-space:nowrap;min-width:0;text-align:left;line-height:1.2}
.realm-status #save-state{position:relative;z-index:3}
.realm-status #era-button,.realm-status #territorial-bonuses-button{padding-left:10px;border-left:1px solid #9d814155;color:#ead4a1}
.realm-status button>span{min-width:0}
.realm-status .workers-free{white-space:nowrap}
@media(max-width:699px){
 .realm-status button{flex:1;white-space:normal}
 .realm-status #workers-button{flex-grow:1.3}
 .realm-status #era-button{margin-left:0}
 .realm-status #territorial-bonuses-button{flex:0 1 auto}
 .realm-status #save-state{min-width:0}
}
.main-nav{padding-top:5px;border-top:0;box-shadow:0 -3px 9px #000a}
.nav-button{isolation:isolate;min-width:0;padding:3px 2px 7px;gap:3px;border-color:#c8a36855;color:#e8d7b4;background:none;box-shadow:inset 1px 0 #100a0799;line-height:1.1;font-size:15px;text-shadow:0 2px 2px #000}
.nav-button .icon{width:26px;height:26px;color:#c9b587;filter:drop-shadow(0 2px 1px #000)}
.nav-button.active{color:#ffe3a1;background:radial-gradient(ellipse at bottom,#a7752f60,transparent 88%);box-shadow:inset 0 0 15px #99692b26}
.nav-button.active::before{content:'';position:absolute;inset:0 1px 2px;z-index:-1;pointer-events:none;border:8px solid transparent;border-image:var(--hud-frame) 18% 6% / 8px / 0 stretch;filter:sepia(.8) saturate(1.5) brightness(1.45)}
.nav-button.active::after{display:none}
.nav-button.active .icon{color:#ffdb86;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 4px #dfa74a55)}
.nav-dot{z-index:4;right:17%;top:6px;border:1px solid #d0a968;background:#722f1b;color:#ffe5ae;font-size:8px;padding:1px 3px;box-shadow:0 1px 2px #000}
.game-header button:focus-visible,.realm-status button:focus-visible,.nav-button:focus-visible{outline:2px solid #f2ce83;outline-offset:-3px}
.game-header :is(.house-mark,#chat-button,#settings-button):hover,.title-settings:hover{filter:brightness(1.15)}
.nav-button:not(.active):hover{background:#c4a05b16;color:#ffedc6}
.realm-status button:disabled{opacity:.55}
@media(min-width:700px){
 .game-header{padding-inline:24px;gap:12px}.house-title h1{font-size:29px}
 .game-header :is(.house-mark,#chat-button,#settings-button),.title-settings{width:48px;height:59px}
 .game-header .house-mark .icon{width:30px;height:35px}
 .day-badge{min-width:74px;height:51px;font-size:19px}.day-badge .clock-time{font-size:13px}.day-badge .test-badge{font-size:8px}
 .resource-bar{padding-inline:26px}.resource-item{grid-template-columns:36px minmax(0,1fr);column-gap:6px}
 .resource-emblem{width:36px;height:36px}.resource-item strong{font-size:25px}.resource-item small{font-size:10px}
 .realm-status{padding-inline:26px}.realm-status #era-button,.realm-status #territorial-bonuses-button{padding-left:18px}
 .nav-button{font-size:19px;gap:4px}.nav-button .icon{width:29px;height:29px}
}
@media(max-width:379px){
 .game-header{gap:2px;padding-inline:6px}.house-title h1{font-size:20px}.house-title .title-return{font-size:8px;letter-spacing:1px}
 .resource-item{grid-template-columns:25px minmax(0,1fr);column-gap:2px;padding-inline:2px}.resource-emblem{width:25px;height:25px}.resource-item strong{font-size:18px}
 .realm-status{padding-inline:10px;gap:5px}.realm-status #era-button,.realm-status #territorial-bonuses-button{padding-left:7px}
 .nav-button{font-size:14px}
}
@media(forced-colors:active){.action-sheet,.game-modal{border:2px solid CanvasText;border-image:none;background:Canvas;color:CanvasText}:is(.primary-button,.secondary-button,.danger-button,.title-primary,.title-secondary){border:1px solid ButtonText;background:ButtonFace;color:ButtonText;text-shadow:none}:is(.primary-button,.secondary-button,.danger-button,.title-primary,.title-secondary)::before{display:none}.game-header::before,.resource-bar::before,.realm-status::before,.main-nav::before,.nav-button.active::before,.day-badge::before,.game-header button::before,.game-header button::after{display:none}.hud-resources-ready .resource-emblem .icon{visibility:visible}.resource-emblem{background:none!important}.nav-button.active{border:2px solid Highlight}}

@media(forced-colors:active){.realm-ledger{background:Canvas;border:1px solid CanvasText;box-shadow:none}.realm-ledger::before,.realm-status::after{display:none}}

/* Compact illustrated reports use the existing parchment and button materials. */
.action-sheet:is([data-view='report'],[data-view='shared-report']){max-height:100%;border-width:10px;border-image-width:10px}
.action-sheet:is([data-view='report'],[data-view='shared-report']) .sheet-handle{display:none}
.action-sheet:is([data-view='report'],[data-view='shared-report']) .sheet-heading{padding:0 6px 3px;min-height:44px}
.action-sheet:is([data-view='report'],[data-view='shared-report']) .sheet-heading h2{font-size:19px}
.action-sheet:is([data-view='report'],[data-view='shared-report']) .sheet-heading .eyebrow{font:700 12px/1.35 var(--sans);letter-spacing:.035em;color:#432b17;text-shadow:none}
.action-sheet:is([data-view='report'],[data-view='shared-report']) .sheet-content{padding:4px 10px 10px}
.manuscript-report{font-family:Georgia,'Times New Roman',serif;color:#302615;line-height:1.3}
.manuscript-report .manuscript-title{text-align:center;padding:1px 26px 3px}
.manuscript-report .manuscript-title h3{font:700 20px/1.12 Georgia,serif;color:#2b2114;overflow-wrap:anywhere}
.manuscript-report .manuscript-title p{font:11px/1.4 Georgia,serif;margin-top:3px;color:#493822}
.report-panorama{position:relative;aspect-ratio:3.4/1;mix-blend-mode:multiply;margin:0 0 5px}
.report-panorama::before{content:'';position:absolute;inset:0;background:url('./art-web/report-scenes-v1-91acf092be.webp') center top/100% 300% no-repeat;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 90%,transparent);mask-composite:intersect}
.report-panorama.hunt::before{background-position:center 50%}.report-panorama.gather::before{background-position:center bottom}
.report-ribbon{position:absolute;right:0;top:-8px;width:63px;min-height:89px;text-align:center;isolation:isolate;display:flex;align-items:center;flex-direction:column}
.report-ribbon::before{content:'';position:absolute;inset:0 12px -4px;z-index:-1;background:#194b36;border:2px solid #a88848;clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%);box-shadow:inset 0 0 0 2px #e0c58166}
.report-wax{height:50px;width:50px;border:4px ridge #ae965c;border-radius:45%;display:grid;place-items:center;background:radial-gradient(circle at 32% 22%,#32735a,#083827 76%);color:#ebc875;box-shadow:0 2px 3px #30210faa}
.report-wax .icon{width:29px;height:32px}.report-ribbon strong{font:bold 10px/1.1 Georgia,serif;color:#362711;text-transform:uppercase;width:max-content;max-width:78px;background:#e9d29b;border-block:1px solid #927140;padding:3px;overflow-wrap:normal}
.report-ribbon.is-defeat::before{background:#692b21}.report-ribbon.is-defeat .report-wax{background:radial-gradient(circle at 32% 22%,#a24e34,#531b14 76%)}
.manuscript-summary{display:flex;gap:9px;justify-content:center;align-items:center;padding:5px;border:1px solid #98754599;box-shadow:inset 0 0 0 2px #fff3;position:relative}
.manuscript-summary::before,.manuscript-summary::after{content:'✧';position:absolute;color:#987545;top:50%;transform:translateY(-50%);font-size:17px;line-height:1;background:#e1cba3}.manuscript-summary::before{left:-6px}.manuscript-summary::after{right:-6px}
.manuscript-summary>.icon{width:28px;height:28px;color:#755333}.manuscript-report .manuscript-summary p{font:12px/1.4 Georgia,serif;text-align:center;margin:0}
.manuscript-report .manuscript-divider{font:700 13px/1.2 Georgia,serif;display:flex;align-items:center;gap:6px;color:#44301a;margin:7px 0 5px;text-align:center}
.manuscript-divider::before,.manuscript-divider::after{content:'';height:1px;background:#987545aa;flex:1}.manuscript-divider span::before,.manuscript-divider span::after{content:'◆';font-size:5px;margin:0 5px;vertical-align:middle;color:#967445}
.manuscript-units{display:grid;gap:5px}.manuscript-unit{display:grid;grid-template-columns:64px minmax(0,1fr);gap:5px;align-items:center;border:1px solid #96713b99;box-shadow:inset 0 0 0 2px #fcf1d43d;background:#84531c08;padding:3px 5px 3px 1px;min-height:68px;overflow:hidden}
.manuscript-unit h4{font:bold 16px/1.1 Georgia,serif;margin:0 0 3px;color:#302313}.report-portrait{width:64px;aspect-ratio:1;display:grid;place-items:center;mix-blend-mode:multiply}.report-portrait .icon{width:35px;height:35px;color:#5b4325}
.report-portraits-ready .report-portrait:is(.spear,.archer,.cavalry,.siege){background-image:url('./art-web/report-units-v1-a439069e2c.webp');background-size:200% 200%;background-repeat:no-repeat}.report-portraits-ready .report-portrait:is(.spear,.archer,.cavalry,.siege) .icon{display:none}.report-portrait.spear{background-position:0 0}.report-portrait.archer{background-position:100% 0}.report-portrait.cavalry{background-position:0 100%}.report-portrait.siege{background-position:100% 100%}
.list-row-heading>.troop-list-portrait,.list-row-heading>.order-portrait{width:54px;flex:0 0 54px}
.list-row-heading>.destination-illustration{width:48px;height:48px;flex:none}
.manuscript-report .unit-counts{display:flex;flex-wrap:wrap;gap:0 5px;font:11px/1.4 Georgia,serif;color:#46331c}.unit-counts span{white-space:nowrap}.unit-counts span+span::before{content:'·';margin-right:5px}
.manuscript-report .unit-kills{display:flex;gap:4px;align-items:flex-start;border-top:1px solid #97714166;padding-top:3px;margin-top:3px;font:11px/1.3 Georgia,serif}.unit-kills .icon{width:13px;height:13px}
.manuscript-report .manuscript-enemies{display:flex;gap:5px;align-items:center;justify-content:center;font:12px/1.4 Georgia,serif}.manuscript-enemies .icon{width:19px;height:19px;color:#77512c}
.manuscript-loot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:3px}.manuscript-loot>div{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}.manuscript-loot dt{display:flex}.manuscript-loot dd{margin:0;font:bold 13px/1.2 Georgia,serif;overflow-wrap:anywhere}
.report-resource{width:32px;height:32px;display:grid;place-items:center;color:#72502a}.report-resource .icon{width:26px;height:26px}.report-resources-ready .report-resource{background-image:url('./art-web/report-resources-compact-v2-91562db5ea.webp');background-size:200% 200%;background-repeat:no-repeat}.report-resources-ready .report-resource .icon{display:none}.report-resource.food{background-position:0 0}.report-resource.wood{background-position:100% 0}.report-resource.stone{background-position:0 100%}.report-resource.iron{background-position:100% 100%}
.manuscript-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:4px 0;font-size:11px}.manuscript-rewards span{display:flex;align-items:center;gap:3px}.manuscript-rewards .icon{width:15px;height:15px}
.manuscript-rewards .standard-item-art{width:23px;height:23px}
.manuscript-report .manuscript-delivery{font:11px/1.35 Georgia,serif;text-align:center;color:#5d492c;margin:3px 0 0}
.manuscript-timeline{list-style:none;border:1px solid #96713b66;box-shadow:inset 0 0 0 2px #fff2;margin:0;padding:6px 9px}.manuscript-timeline li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:8px;font:11px/1.4 Georgia,serif;margin-left:3px;border-left:1px solid #927044;padding:1px 0 1px 9px}.manuscript-timeline li::before{content:'';position:absolute;left:-3px;top:6px;width:5px;height:5px;border:1px solid #8b6433;border-radius:50%;background:#e6d1a5}.manuscript-timeline time{color:#664721;white-space:nowrap}
.manuscript-report .manuscript-hospital{margin-top:6px}.manuscript-hospital p{display:flex;gap:5px;align-items:center;justify-content:center;font:11px/1.35 Georgia,serif!important;text-align:center}.manuscript-hospital p .icon{width:19px;height:19px;color:#7c3026}.manuscript-hospital .primary-button{font-size:15px;min-height:44px;margin-top:3px}
.manuscript-report .manuscript-details{margin-top:4px;padding:0;border-top:1px solid #97714177}.manuscript-report .manuscript-details summary{font:12px/1.3 Georgia,serif;min-height:44px;padding:13px 0;color:#46331c}.manuscript-report .manuscript-details p,.manuscript-report .timeline-entry{font:12px/1.4 Georgia,serif}.manuscript-details h4{margin:8px 0 4px;font-size:13px}.manuscript-report .manuscript-note{font:12px/1.4 Georgia,serif;margin:5px 0}.manuscript-report .manuscript-back{font-size:15px;margin-top:5px}
.report-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.manuscript-report .combat-armies,.manuscript-report .combat-defenses{margin:10px 0;table-layout:fixed}
.combat-armies caption,.combat-defenses caption{font:700 14px/1.3 Georgia,serif;color:#44301a;padding:4px 0 7px;text-align:left}
.manuscript-report .combat-armies th,.manuscript-report .combat-armies td,.manuscript-report .combat-defenses th,.manuscript-report .combat-defenses td{font:12px/1.35 Georgia,serif;padding:7px 3px;overflow-wrap:anywhere;text-align:center}
.manuscript-report .combat-armies th:first-child{width:32%;text-align:left}
.manuscript-report .combat-defenses th:first-child{width:42%;text-align:left}
.manuscript-report .combat-armies th,.manuscript-report .combat-defenses th{font-weight:700}
.manuscript-report .combat-legacy-note{color:#5d492c}
/* Governor: illustrated equipment remains selectable independently from crafting. */
.action-sheet[data-view='governor']{top:0;bottom:0;left:0;right:0;width:100%;max-height:100%}
.action-sheet[data-view='governor'] .sheet-content{padding:8px 2px 12px}
.action-sheet[data-view='governor'] .sheet-heading{padding-left:43px;min-height:50px;align-items:center}
.action-sheet[data-view='governor'] .sheet-heading::before{content:'';position:absolute;left:0;top:-8px;width:39px;height:60px;background:url('./art-web/hud-banner-v1-e83a61cd7a.webp') center/100% 100% no-repeat;pointer-events:none}
.action-sheet[data-view='governor'] .sheet-heading h2{font-size:26px;color:#2e2315}
.governor-crest{position:absolute;left:5px;top:0;width:29px;height:42px;display:grid;place-items:center;color:#d4b46a;filter:drop-shadow(0 1px 1px #102017)}.governor-crest .icon{width:23px;height:32px}
.action-sheet[data-view='governor'] #sheet-kicker{display:none}
.governor-profile{color:#372814}
.governor-profile .governor-identity{text-align:center;padding:2px 4px 7px}
.governor-profile .governor-identity h3{font:700 21px/1.15 var(--serif);color:#2e2315;margin:0 0 3px}
.governor-profile .governor-identity p{font:12px/1.35 var(--sans);margin:0;color:#44321c}
.governor-profile .governor-identity .governor-status{font-size:11px;margin-top:2px}
.governor-inventory{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;margin:0 8px -2px;padding:6px 0;border:1px solid #927044;background:#e8d5aebd;box-shadow:inset 0 0 0 2px #f9e8c255}
.governor-inventory>div{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 5px}
.governor-inventory>div+div{border-left:1px solid #99723e88}
.governor-inventory .icon{width:25px;height:28px;color:#5b4123;flex:none}
.governor-inventory .standard-item-art{width:32px;height:32px}
.governor-inventory span{font:11px/1.2 var(--sans)}
.governor-inventory strong{display:block;font:700 21px/1.1 var(--serif);margin-top:2px;color:#302313}
.governor-profile .governor-unlock{font:11px/1.35 var(--sans);margin:8px 3px}
.governor-stage{position:relative;isolation:isolate;aspect-ratio:1 / 1.12;overflow:hidden;border-bottom:3px ridge #a8894c;background:#29352d}
.governor-character{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2;pointer-events:none}
.governor-stage::after{content:'';position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 16px #1b1c15aa;pointer-events:none}
.governor-slots{position:absolute;inset:0}
.governor-slot{position:absolute;display:flex;flex-direction:column;align-items:center;width:25%;max-width:105px;min-width:74px;min-height:44px;padding:0;color:#32230e;background:none;border:0;text-shadow:none}
.governor-slot.gloves{left:1%;top:5%}.governor-slot.helmet{right:1%;top:5%}.governor-slot.boots{left:1%;top:48%}.governor-slot.chest{right:1%;top:48%}
.equipment-medallion{position:relative;width:82%;aspect-ratio:1;display:grid;place-items:center;border:3px ridge #b69957;border-radius:50%;background:radial-gradient(circle at 38% 26%,#304a32,#0d2019 73%);box-shadow:inset 0 0 0 2px #18271c,inset 0 0 0 4px #b297543d,0 2px 4px #10150dd9;transition:box-shadow .15s}
.equipment-medallion::after{content:'◆';position:absolute;left:-7px;top:41%;font-size:12px;line-height:12px;color:#d6b365;text-shadow:1px 1px #35230d}
.equipment-art{display:grid;place-items:center;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:2000% 400%;background-position:var(--equipment-tier-x,0%) var(--equipment-slot-y,0%);filter:drop-shadow(0 2px 1px #15120870)}
.equipment-art .icon{width:65%;height:65%;color:#d3b77b}
.governor-equipment-tiers-ready .equipment-art:is(.gloves,.helmet,.chest,.boots){background-image:url('./art-web/governor-equipment-20-redesign-v1-a236609d3d.webp')}
.governor-equipment-ready .equipment-art:is(.supplies,.legs){background-image:url('./art-web/governor-equipment-v1-f96cea66fd.webp');background-size:300% 200%}
.governor-equipment-tiers-ready .equipment-art:is(.gloves,.helmet,.chest,.boots) .icon,.governor-equipment-ready .equipment-art:is(.supplies,.legs) .icon{display:none}
.equipment-art.helmet{--equipment-slot-y:33.333333%}.equipment-art.chest{--equipment-slot-y:66.666667%}.equipment-art.boots{--equipment-slot-y:100%}.equipment-art.legs{background-position:50% 100%}.equipment-art.supplies{background-position:100% 100%}
.equipment-art[data-tier='2']{--equipment-tier-x:5.263158%}.equipment-art[data-tier='3']{--equipment-tier-x:10.526316%}.equipment-art[data-tier='4']{--equipment-tier-x:15.789474%}.equipment-art[data-tier='5']{--equipment-tier-x:21.052632%}
.equipment-art[data-tier='6']{--equipment-tier-x:26.315789%}.equipment-art[data-tier='7']{--equipment-tier-x:31.578947%}.equipment-art[data-tier='8']{--equipment-tier-x:36.842105%}.equipment-art[data-tier='9']{--equipment-tier-x:42.105263%}.equipment-art[data-tier='10']{--equipment-tier-x:47.368421%}
.equipment-art[data-tier='11']{--equipment-tier-x:52.631579%}.equipment-art[data-tier='12']{--equipment-tier-x:57.894737%}.equipment-art[data-tier='13']{--equipment-tier-x:63.157895%}.equipment-art[data-tier='14']{--equipment-tier-x:68.421053%}.equipment-art[data-tier='15']{--equipment-tier-x:73.684211%}
.equipment-art[data-tier='16']{--equipment-tier-x:78.947368%}.equipment-art[data-tier='17']{--equipment-tier-x:84.210526%}.equipment-art[data-tier='18']{--equipment-tier-x:89.473684%}.equipment-art[data-tier='19']{--equipment-tier-x:94.736842%}.equipment-art[data-tier='20']{--equipment-tier-x:100%}
.equipment-medallion .equipment-art{width:93%}
.governor-slot[data-level='0'] .equipment-art{opacity:.6;filter:grayscale(.6) drop-shadow(0 2px 1px #15120870)}
.equipment-level-badge{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);display:grid;place-items:center;min-width:25px;height:23px;padding:1px 6px;border:2px ridge #b89953;border-radius:4px;background:#112f24;color:#f5de9f;font:700 14px/1 var(--serif);box-shadow:0 2px 3px #080e0acc;text-shadow:0 1px #000}
.governor-slot[aria-pressed='true'] .equipment-medallion{border-color:#f4d582;box-shadow:inset 0 0 0 2px #514526,0 0 0 2px #856326,0 0 10px #ffd568a6}
.governor-slot[aria-pressed='true'] .equipment-level-badge{border-color:#f4d582;color:#fff0b7}
.governor-slot:hover .equipment-medallion{filter:brightness(1.12)}
.governor-slot:focus-visible{outline:2px solid #ffe8a9;outline-offset:3px}
.jewel-art{display:grid;place-items:center;flex:none;width:48px;height:48px;background-repeat:no-repeat;background-size:500% 400%;background-position:var(--jewel-x,0%) var(--jewel-y,0%);color:#987953}
.jewel-art>svg{width:84%;height:84%;filter:drop-shadow(0 1px 1px #0007)}
.jewel-art[data-tier='2']{--jewel-x:25%;color:#7d9db8}.jewel-art[data-tier='3']{--jewel-x:50%;color:#59a391}.jewel-art[data-tier='4']{--jewel-x:75%;color:#8569b1}.jewel-art[data-tier='5']{--jewel-x:100%;color:#d6ecee}
.jewel-art:is([data-tier='7'],[data-tier='12'],[data-tier='17']){--jewel-x:25%}.jewel-art:is([data-tier='8'],[data-tier='13'],[data-tier='18']){--jewel-x:50%}.jewel-art:is([data-tier='9'],[data-tier='14'],[data-tier='19']){--jewel-x:75%}.jewel-art:is([data-tier='10'],[data-tier='15'],[data-tier='20']){--jewel-x:100%}
.jewel-art:is([data-tier='6'],[data-tier='7'],[data-tier='8'],[data-tier='9'],[data-tier='10']){--jewel-y:33.333333%}.jewel-art:is([data-tier='11'],[data-tier='12'],[data-tier='13'],[data-tier='14'],[data-tier='15']){--jewel-y:66.666667%}.jewel-art:is([data-tier='16'],[data-tier='17'],[data-tier='18'],[data-tier='19'],[data-tier='20']){--jewel-y:100%}
.governor-jewels-ready .jewel-art:not([data-tier='0']){background-image:url('./art-web/governor-gems-tiers-20-v1-d5f0bb2727.webp')}
.governor-jewels-ready .jewel-art:not([data-tier='0'])>svg{visibility:hidden}
.jewel-art[data-tier='0']{color:#baaa7a;opacity:.65}
.governor-jewel-indicators{display:flex;justify-content:center;gap:3px;max-width:100%;margin-top:12px;pointer-events:none}
.jewel-socket{display:grid;place-items:center;width:25px;height:25px;border:1px solid #b69853;border-radius:50%;background:#102a21e8;box-shadow:inset 0 0 0 2px #b79b512f,0 1px 3px #0008}
.jewel-socket>.jewel-art{width:23px;height:23px}
.governor-jewels{grid-column:1/-1;min-width:0;border-top:1px solid #9b794566;padding-top:10px;margin-top:4px}
.governor-profile .governor-jewels>h4{margin:0 0 6px;color:#31503c;font:700 22px/1.15 var(--serif)}
.governor-jewels>.muted{font:11px/1.45 var(--sans);margin:0 0 10px}
.governor-jewel-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.governor-jewel-picker>button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:8px 4px;color:#48361e;border:2px ridge #a38753;background:#d6bf8752;box-shadow:inset 0 0 0 2px #fff4ce44}
.governor-jewel-picker>button[aria-pressed='true']{border-color:#d8b761;background:#234633;color:#f1dba6;box-shadow:inset 0 0 0 1px #bea464,0 0 0 1px #5a471f}
.governor-jewel-picker>button:focus-visible{outline:2px solid #866022;outline-offset:2px}
.governor-jewel-picker>button>span:not(.jewel-art){font:700 16px/1.1 var(--serif)}
.governor-jewel-picker small{font:10px/1.3 var(--sans);color:inherit}
.governor-jewel-detail{margin-top:10px}.governor-jewel-detail .equipment-purchase{margin-top:8px}
.jewel-unlock-piece{width:96px;margin:8px auto 0}.jewel-unlock-preview{display:flex;justify-content:center;gap:8px;margin:0 auto 12px}.jewel-unlock-preview .jewel-art{width:64px;height:64px}
.jewel-unlock .conquest-benefit>strong{font-size:24px}
@media(forced-colors:active){.governor-jewels-ready .jewel-art{background:none!important}.governor-jewels-ready .jewel-art>svg{visibility:visible!important;color:CanvasText}.jewel-socket,.governor-jewel-picker>button{background:Canvas;color:CanvasText;border-color:CanvasText}.governor-jewel-picker>button[aria-pressed='true']{outline:2px solid Highlight}}
.governor-equipment-detail{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;align-items:center;margin:8px 0 0;border:9px solid transparent;border-image:var(--ornate-paper) 8% fill / 9px / 0 stretch;padding:9px 3px;box-shadow:0 2px 5px #61421c33}
.equipment-preview{width:100%;border:1px solid #94723f55;background:#95734312}
.equipment-description{min-width:0;align-self:start}
.governor-profile .equipment-description h3{font:700 21px/1.1 var(--serif);margin:0 0 4px;color:#30220f}
.governor-profile .equipment-description p{font:11px/1.35 var(--sans);margin:5px 0;color:#49351c}
.governor-profile .equipment-description .equipment-level{font-size:12px;padding-bottom:6px;border-bottom:1px solid #99733f66}
.equipment-purchase{grid-column:1/-1;border-top:1px solid #a3814b55;padding-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:center;min-width:0}
.equipment-bonuses{grid-column:1/-1;min-width:0;text-align:start}
.equipment-bonuses .metric-line{gap:8px}.equipment-bonuses strong{overflow-wrap:anywhere;text-align:end}
.equipment-price span,.equipment-stock span{display:block;font:11px/1.25 var(--sans);color:#5f4524}
.equipment-price strong,.equipment-stock strong{display:flex;align-items:center;justify-content:center;gap:4px;font:700 21px/1.2 var(--serif);color:#342310}
.equipment-purchase .icon{width:20px;height:21px;flex:none}
.equipment-stock{border-left:1px solid #9a743e55;padding-left:8px}
.sheet-content .equipment-purchase .primary-button{grid-column:1/-1;font-size:15px;padding:7px 10px;min-width:0;min-height:44px}
.sheet-content .equipment-purchase .reason:not(:empty){grid-column:1/-1;margin:0;text-align:start}
.equipment-purchase .reason:empty{display:none}
.equipment-max{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:5px;font:700 15px/1.2 var(--serif);color:#674b1a}
.governor-supplies{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px 8px;margin-top:8px;padding:8px 6px 4px;border-top:1px solid #99743b77;align-items:center}
.governor-profile .governor-supplies h3{font:700 21px/1.2 var(--serif);margin:0 0 4px;text-align:left}
.governor-profile .governor-supplies p{font:11px/1.4 var(--sans);margin:0;color:#594123}
.governor-supplies .secondary-button{grid-column:1/-1;width:100%;margin-top:3px}
.sheet-content .expedition-row .expedition-portrait{width:40px;min-width:40px;height:44px;flex:none;background-color:#b88a4222;border:1px solid #98733e55;mix-blend-mode:multiply}
@media(min-width:700px){.action-sheet[data-view='governor']{left:auto;right:18px;top:18px;bottom:18px;width:480px;max-width:calc(100% - 36px);max-height:calc(100% - 36px)}.governor-stage{aspect-ratio:1.06}.governor-equipment-detail{grid-template-columns:90px minmax(0,1fr);gap:10px}.governor-profile .equipment-description p{font-size:12px}}
@media(forced-colors:active){.governor-slot[aria-pressed='true']{outline:3px solid Highlight}.governor-equipment-ready .equipment-art,.governor-equipment-tiers-ready .equipment-art{background:none!important}.governor-equipment-ready .equipment-art .icon,.governor-equipment-tiers-ready .equipment-art .icon{display:block!important}}

/* The governor's banner and wax seal follow the heraldic reference without replacing controls. */
.action-sheet[data-view='governor']::before{display:block;content:'';position:absolute;inset:-14px;z-index:5;pointer-events:none;border:18px solid transparent;border-image:url('./art-web/hud-frame-v1-7e9c949098.webp') 18% 6% / 18px / 0 stretch;background:none}
.action-sheet[data-view='governor'] .sheet-handle{display:none}
.action-sheet[data-view='governor'] .sheet-heading{padding:4px 3px 6px 77px;min-height:66px;gap:3px;border-bottom-color:#7c5422a6}
.action-sheet[data-view='governor'] .sheet-heading h2{font-size:29px;color:#35230f;text-shadow:0 1px #fff2;white-space:nowrap}
.governor-regalia-ready .action-sheet[data-view='governor'] .sheet-heading::before{left:-12px;top:-2px;width:105px;height:105px;background-image:url('./art-web/governor-regalia-v1-d5b7eac8bf.webp');background-position:left center;background-size:200% 100%;filter:drop-shadow(1px 3px 2px #25180b88);z-index:6}
.governor-regalia-ready .governor-crest{visibility:hidden}
.governor-regalia-ready .action-sheet[data-view='governor'] #close-sheet{position:relative;flex:none;width:54px;min-width:54px;height:54px;min-height:54px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent url('./art-web/governor-regalia-v1-d5b7eac8bf.webp') right center/200% 100% no-repeat;color:#e0be70;filter:drop-shadow(0 2px 1px #31180999)}
.governor-regalia-ready .action-sheet[data-view='governor'] #close-sheet .icon{width:25px;height:25px;stroke-width:1.8;filter:drop-shadow(0 1px 1px #30180c)}
.governor-regalia-ready .action-sheet[data-view='governor'] #close-sheet:hover{filter:brightness(1.13) drop-shadow(0 2px 1px #31180999)}
.governor-regalia-ready .action-sheet[data-view='governor'] #close-sheet:focus-visible{outline:2px solid #f3d48c;outline-offset:1px;border-radius:50%}
.action-sheet[data-view='governor'] .governor-identity{padding-top:5px}
@media(max-width:370px){.action-sheet[data-view='governor'] .sheet-heading{padding-left:69px}.action-sheet[data-view='governor'] .sheet-heading h2{font-size:27px}.governor-regalia-ready .action-sheet[data-view='governor'] .sheet-heading::before{left:-13px;width:97px;height:97px}.governor-regalia-ready .action-sheet[data-view='governor'] #close-sheet{width:50px;min-width:50px;height:50px;min-height:50px}}
@media(forced-colors:active){.action-sheet[data-view='governor']::before{display:none}.governor-regalia-ready .action-sheet[data-view='governor'] .sheet-heading::before{display:none}.governor-regalia-ready .governor-crest{visibility:visible}.governor-regalia-ready .action-sheet[data-view='governor'] #close-sheet{background:ButtonFace;border:1px solid ButtonText;color:ButtonText;filter:none}}

/* Campaign inventory uses the same parchment, illustration atlases and compact actions. */
.inventory-panel .panel-intro{color:#594126}
.inventory-items{display:grid;gap:9px}
.inventory-item{display:grid;grid-template-columns:61px minmax(0,1fr);gap:8px;padding:8px 7px;border:1px solid #97744188;box-shadow:inset 0 0 0 2px #fff2;background:#9d752116;align-items:center}
.inventory-item-art{width:61px;aspect-ratio:1;display:grid;place-items:center;background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 1px #64432144)}
.inventory-item-art .icon{width:39px;height:39px;color:#765429}
.inventory-art-ready .inventory-item-art{background-image:url('./art-web/inventory-rewards-compact-v2-913f584e23.webp')}
.inventory-art-ready .inventory-item-art .icon{display:none}
.inventory-item-art.materials{background-position:left center}.inventory-item-art.accelerators{background-position:center center}
.inventory-item-content{min-width:0}
.inventory-item-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}
.sheet-content .inventory-item-heading h3{font:700 19px/1.1 var(--serif);margin:0;color:#3a2714}
.inventory-quantity{flex:none;min-width:32px;max-width:85px;padding:2px 4px;border:1px solid #98724277;background:#edd9aeaa;text-align:center;font:700 20px/1.1 var(--serif);overflow-wrap:anywhere;color:#3e2b14}
.sheet-content .inventory-item-content p{font:11px/1.4 var(--sans);color:#614929;margin:4px 0 2px}
.inventory-missing{display:block;font:11px/1.3 var(--sans);color:#7a5831;margin:3px 0}
.sheet-content .inventory-shortcut{font-size:14px;min-height:44px;width:100%;padding:7px 16px;margin-top:2px}
.inventory-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.inventory-equipment-card{display:flex;align-items:center;gap:6px;min-width:0;min-height:60px;padding:5px;border:1px solid #97734288;background:#a17c2412;text-align:left;color:#3e2b15;box-shadow:inset 0 0 0 2px #fff2}
button.inventory-equipment-card:hover{background:#a17c2430}
.inventory-equipment-card .equipment-art{width:45px;flex:none}
.inventory-equipment-card strong{display:block;font:700 17px/1.15 var(--serif)}
.inventory-equipment-card small{display:block;font:11px/1.3 var(--sans);color:#6a4a23;margin-top:2px}
.inventory-shortcut:focus-visible,.inventory-equipment-card:focus-visible{outline:2px solid #876024;outline-offset:2px}
.sheet-content .inventory-empty{padding:10px;border:1px dashed #99763f99;font:12px/1.4 var(--sans);color:#6c4f2a}
.sheet-content .inventory-resource-note{display:flex;gap:7px;align-items:flex-start;padding-top:10px;margin:12px 0 0;border-top:1px solid #94704366;font:11px/1.4 var(--sans);color:#624a2a}
.inventory-resource-note .icon{width:21px;height:23px;flex:none}
.accelerator-stock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:9px 0}
.accelerator-stack{position:relative;display:grid;justify-items:center;min-width:0;min-height:78px;padding:4px 1px;border:1px solid #97734288;background:#a17c2412;color:#3e2b15;box-shadow:inset 0 0 0 2px #fff2}
.accelerator-stack .inventory-item-art{position:relative;width:100%;max-width:65px}
.accelerator-duration{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;padding:1px 4px;background:#eed8ae;border:1px solid #947043;font:700 12px/1.3 var(--sans);color:#392513}
.accelerator-count{font:700 16px/1.3 var(--serif);margin-top:3px;overflow-wrap:anywhere}
.accelerator-stack:disabled{opacity:.58;cursor:default}
.accelerator-stack[aria-pressed=true]{border:2px solid #85611d;background:#16453722;box-shadow:inset 0 0 0 2px #c8a55f88}
.accelerator-stack:focus-visible{outline:2px solid #876024;outline-offset:2px}
.sheet-content .inventory-explanation,.sheet-content .accelerator-effect{font:12px/1.4 var(--sans);color:#594126;margin:7px 0}
@media(max-width:699px){.nav-button[data-nav='inventory']{font-size:14px}}
@media(forced-colors:active){.inventory-art-ready .inventory-item-art{background:none}.inventory-art-ready .inventory-item-art .icon{display:block}}


/* Inventory collection: three compact columns, live quantities and an inspect-before-use detail. */
.action-sheet[data-view='inventory']{top:0;bottom:0;left:0;right:0;width:100%;max-height:100%}
.action-sheet[data-view='inventory']::before{display:block;content:'';position:absolute;inset:-10px;z-index:5;pointer-events:none;border:14px solid transparent;border-image:url('./art-web/hud-frame-v1-7e9c949098.webp') 18% 6% / 14px / 0 stretch;background:none}
.action-sheet[data-view='inventory'] .sheet-handle,.action-sheet[data-view='inventory'] #sheet-kicker{display:none}
.action-sheet[data-view='inventory'] .sheet-heading{min-height:76px;padding:5px 3px 7px 66px;gap:5px;border-bottom-color:#7c5422a6}
.action-sheet[data-view='inventory'] .sheet-heading>div{min-width:0}
.action-sheet[data-view='inventory'] .sheet-heading h2{font:700 28px/1.1 var(--serif);color:#35230f;text-shadow:0 1px #fff2;white-space:nowrap}
.action-sheet[data-view='inventory'] .sheet-heading::before{content:'';position:absolute;left:3px;top:0;width:45px;height:69px;background:url('./art-web/hud-banner-v1-e83a61cd7a.webp') center/100% 100% no-repeat;pointer-events:none}
.inventory-crest{position:absolute;left:11px;top:9px;width:29px;height:42px;display:grid;place-items:center;color:#d4b46a;filter:drop-shadow(0 1px 1px #102017)}
.inventory-crest .icon{width:23px;height:32px}
.governor-regalia-ready .action-sheet[data-view='inventory'] .sheet-heading::before{left:-8px;top:-3px;width:81px;height:81px;background-image:url('./art-web/governor-regalia-v1-d5b7eac8bf.webp');background-position:left center;background-size:200% 100%;filter:drop-shadow(1px 2px 1px #25180b77);z-index:2}
.governor-regalia-ready .inventory-crest{visibility:hidden}
.governor-regalia-ready .action-sheet[data-view='inventory'] #close-sheet{position:relative;flex:none;width:50px;min-width:50px;height:50px;min-height:50px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent url('./art-web/governor-regalia-v1-d5b7eac8bf.webp') right center/200% 100% no-repeat;color:#e0be70;filter:drop-shadow(0 2px 1px #31180999)}
.governor-regalia-ready .action-sheet[data-view='inventory'] #close-sheet .icon{width:25px;height:25px;stroke-width:1.8;filter:drop-shadow(0 1px 1px #30180c)}
.governor-regalia-ready .action-sheet[data-view='inventory'] #close-sheet:hover{filter:brightness(1.12) drop-shadow(0 2px 1px #31180999)}
.action-sheet[data-view='inventory'] #close-sheet:focus-visible{outline:2px solid #704817;outline-offset:1px;border-radius:50%}
.action-sheet[data-view='inventory'] .sheet-content{padding:10px 4px 13px;scroll-padding-block:9px}
.inventory-panel{min-width:0;color:#392b18}
.inventory-panel .inventory-tabs{display:grid;grid-template-columns:.85fr 1.05fr 1.35fr .8fr;gap:3px;margin:0 0 11px;padding:0 0 5px;border-bottom:1px solid #98734488}
.inventory-panel .inventory-tabs:has([data-inventory-tab='skins']){grid-template-columns:.85fr 1.05fr 1.4fr .8fr .8fr}
.inventory-panel .inventory-tabs button{position:relative;min-width:0;min-height:44px;padding:6px 2px;border:1px solid #a7834566;background:#ddc39133;box-shadow:inset 0 0 0 1px #fff2;color:#604421;font:700 14px/1.15 var(--serif);white-space:nowrap}
.inventory-panel .inventory-tabs button[aria-pressed='true']{border-color:#ad873d;background:linear-gradient(#24543c,#112f24),url('./art-web/wood-dark-v3-331b77e862.webp') center/350px auto;color:#f5dfa6;box-shadow:inset 0 0 0 2px #c5a15755,0 1px 2px #3d281f44;text-shadow:0 1px #061b13}
.inventory-panel .inventory-tabs button[aria-pressed='true']::after{content:'◆';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font-size:8px;line-height:9px;color:#b99447;text-shadow:0 1px #3c2718}
.inventory-panel .inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 7px;align-items:start;padding:3px;margin:0 0 10px}
.inventory-panel .inventory-skin-section+.inventory-skin-section{margin-top:8px;padding-top:6px;border-top:1px solid #97734455}
.sheet-content .inventory-skin-heading{margin:0 3px 6px;font:700 19px/1.15 var(--serif);color:#463017}
.inventory-panel .inventory-tile{display:grid;grid-template-rows:auto minmax(24px,auto);justify-items:stretch;gap:4px;min-width:0;min-height:44px;padding:0;border:0;background:none;box-shadow:none;color:#463017;text-align:center}
.inventory-panel .inventory-tile-art,.inventory-panel .inventory-slot-empty{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:1;border:2px ridge #b79856;background:radial-gradient(ellipse at 50% 32%,#f7e7c375,#c29c573d 82%);box-shadow:inset 0 0 0 2px #67491f44,inset 0 0 13px #74512633,0 1px 3px #4c351f44}
.inventory-panel .inventory-tile-art::before,.inventory-panel .inventory-slot-empty::before{content:'';position:absolute;inset:3px;z-index:2;border:1px solid #a37a30;outline:1px solid #e1c78a88;outline-offset:2px;background:linear-gradient(135deg,#a37a30 0 5px,transparent 5px) top left,linear-gradient(225deg,#a37a30 0 5px,transparent 5px) top right,linear-gradient(45deg,#a37a30 0 5px,transparent 5px) bottom left,linear-gradient(315deg,#a37a30 0 5px,transparent 5px) bottom right;background-size:12px 12px;background-repeat:no-repeat;box-shadow:0 1px 2px #3f260f55;pointer-events:none}
.inventory-panel .inventory-tile-art>.inventory-item-art{width:76%;max-width:none}
.inventory-panel .inventory-tile-art .march-skin-item-art canvas{width:80%;height:80%}
.inventory-panel .inventory-tile-art .march-skin-permanent{left:3px;right:3px;top:3px;max-width:none;padding:1px;font-size:8px;text-align:center}
.inventory-panel .inventory-tile-art .inventory-item-art .icon{width:48%;height:48%}
.inventory-panel .inventory-tier{position:absolute;left:5px;top:4px;z-index:3;padding:1px 4px;border:1px solid #a17d42;background:#eedab4e8;color:#392716;font:700 12px/1.3 var(--sans);white-space:nowrap;box-shadow:0 1px 2px #4e351d33}
.inventory-panel .inventory-tile-count{position:absolute;right:4px;bottom:4px;z-index:3;max-width:calc(100% - 8px);padding:1px 4px;border:1px solid #b49450;background:#163a2bf2;color:#f6e4b6;font:700 14px/1.2 var(--serif);font-variant-numeric:tabular-nums;text-shadow:0 1px #0a1d13;overflow-wrap:anywhere;box-shadow:0 1px 2px #281b0f44}
.inventory-panel .inventory-tile-name{display:block;min-width:0;align-self:start;font:600 11px/1.2 var(--sans);color:#563c20;overflow-wrap:anywhere}
.inventory-panel .inventory-tile[aria-pressed='true'] .inventory-tile-art{border-color:#e2c475;background:radial-gradient(ellipse at 50% 30%,#527047,#183c2d 78%);box-shadow:inset 0 0 0 2px #dfbc68,0 0 0 2px #8b671f,0 2px 5px #47331966}
.inventory-panel .inventory-tile[aria-pressed='true'] .inventory-tile-art::before{filter:sepia(.6) saturate(1.2) brightness(1.7)}
.inventory-panel .inventory-tile[aria-pressed='true'] .inventory-tile-name{font-weight:700;color:#224a34;text-decoration:underline;text-underline-offset:2px}
.inventory-panel .inventory-tile:disabled{opacity:.6;cursor:default}
.inventory-panel .inventory-slot-empty{opacity:.5;pointer-events:none}
.inventory-panel .inventory-slot-empty::after{content:'';position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;border:3px double #8c672d88;transform:translate(-50%,-50%) rotate(45deg);box-shadow:inset 0 0 0 5px #94704333}
.inventory-panel .inventory-detail{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);gap:9px;align-items:start;margin:10px 0 0;padding:9px 3px;border:8px solid transparent;border-image:var(--ornate-paper) 8% fill / 8px / 0 stretch;box-shadow:0 2px 5px #61421c33;scroll-margin-block:9px}
.inventory-panel .inventory-detail-art{position:relative;display:grid;place-items:center;min-width:0;width:100%;aspect-ratio:1;border:2px ridge #b29350;background:#a4782522;box-shadow:inset 0 0 0 2px #76511d22}
.inventory-panel .inventory-detail-art>.inventory-item-art{width:82%;max-width:none}
.inventory-panel .inventory-detail-copy{min-width:0}
.sheet-content .inventory-detail-copy h3{margin:0 0 5px;font:700 20px/1.1 var(--serif);color:#342310;overflow-wrap:anywhere}
.sheet-content .inventory-detail-copy p{margin:4px 0;font:12px/1.4 var(--sans);color:#594126}
.sheet-content .inventory-detail-copy .inventory-detail-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-content .inventory-detail-copy :is(.primary-button,.secondary-button){margin-top:9px;min-width:0;min-height:44px;padding:7px 14px;font-size:15px}
.sheet-content .inventory-empty-line{margin:8px 3px;padding:9px 6px;border-block:1px solid #97734455;color:#705232;font:12px/1.4 var(--sans);text-align:center}
.inventory-panel .inventory-detail>.inventory-empty-line{grid-column:1/-1;margin:0}
.sheet-content .inventory-skin-section .inventory-empty-line{margin:4px 3px;padding:6px 3px}
.inventory-panel :is(.inventory-tabs button,.inventory-tile):focus-visible{outline:2px solid #674311;outline-offset:2px}
@media(hover:hover){.inventory-panel .inventory-tile:hover .inventory-tile-art{box-shadow:inset 0 0 0 2px #d3b473,0 1px 5px #63461777}.inventory-panel .inventory-tabs button:not([aria-pressed='true']):hover{background:#c7a25740}}
@media(max-width:699px){
 .sheet-content .inventory-detail-copy h3 .game-info-button{position:relative;width:15px;min-width:15px;height:15px;min-height:15px;font-size:8px;overflow:visible}
 .sheet-content .inventory-detail-copy h3 .game-info-button::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
}
@media(min-width:700px){.action-sheet[data-view='inventory']{left:auto;right:18px;top:18px;bottom:18px;width:480px;max-width:calc(100% - 36px);max-height:calc(100% - 36px)}.action-sheet[data-view='inventory']::before{inset:-14px;border-width:18px;border-image-width:18px}.action-sheet[data-view='inventory'] .sheet-content{padding:11px 7px 15px}.inventory-panel .inventory-tabs button{font-size:16px}.inventory-panel .inventory-grid{gap:10px 9px}.inventory-panel .inventory-tile-name{font-size:12px}.inventory-panel .inventory-detail{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:9px 5px}.sheet-content .inventory-detail-copy h3{font-size:23px}.inventory-panel .inventory-tile-count{font-size:16px}}
@media(max-width:340px){.action-sheet[data-view='inventory'] .sheet-heading{padding-left:59px}.action-sheet[data-view='inventory'] .sheet-heading h2{font-size:25px}.governor-regalia-ready .action-sheet[data-view='inventory'] .sheet-heading::before{left:-10px;width:75px;height:75px}.inventory-panel .inventory-tabs button{font-size:13px}.inventory-panel .inventory-grid{column-gap:6px}.inventory-panel .inventory-detail{grid-template-columns:56px minmax(0,1fr);gap:7px}.sheet-content .inventory-detail-copy h3{font-size:18px}}
@media(forced-colors:active){.action-sheet[data-view='inventory']::before,.action-sheet[data-view='inventory'] .sheet-heading::before,.inventory-panel .inventory-tile-art::before,.inventory-panel .inventory-slot-empty::before{display:none}.governor-regalia-ready .inventory-crest{visibility:visible}.governor-regalia-ready .action-sheet[data-view='inventory'] #close-sheet{background:ButtonFace;border:1px solid ButtonText;color:ButtonText;filter:none}.inventory-panel .inventory-tabs button,.inventory-panel .inventory-tile-art,.inventory-panel .inventory-detail,.inventory-panel .inventory-detail-art,.inventory-panel .inventory-slot-empty,.inventory-panel .inventory-tier,.inventory-panel .inventory-tile-count{border:1px solid ButtonText;border-image:none;background:Canvas;color:CanvasText;box-shadow:none;text-shadow:none}.inventory-panel .inventory-tabs button[aria-pressed='true'],.inventory-panel .inventory-tile[aria-pressed='true'] .inventory-tile-art{outline:3px solid Highlight;outline-offset:-3px;background:Canvas;color:CanvasText;box-shadow:none}.inventory-panel .inventory-tile-name,.inventory-panel .inventory-tile[aria-pressed='true'] .inventory-tile-name,.sheet-content .inventory-detail-copy h3,.sheet-content .inventory-detail-copy p,.sheet-content .inventory-empty-line{color:CanvasText}.inventory-panel :is(.inventory-tabs button,.inventory-tile):focus-visible{outline:2px solid Highlight;outline-offset:2px}}

/* Nearby destinations reuse the resource illustrations and separate locating from orders. */
.destination-list{display:flex;flex-direction:column}
.destination-row{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:stretch;border-bottom:1px solid #8d6d3a66;gap:4px}
.destination-open{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;min-height:72px;padding:8px 0;color:#432f1c}
.destination-open:hover{background:#8f672415}.destination-copy{min-width:0;display:block}.destination-copy>strong{display:block;font:700 18px/1.12 var(--serif);color:#432d18;overflow-wrap:anywhere}.destination-copy>span{display:block;font:11px/1.45 var(--sans);color:#5b452b;margin-top:3px}.destination-copy small{display:block;font-size:11px;color:#674c2d}
.destination-illustration{flex:none;width:42px;height:42px;display:grid;place-items:center}.destination-illustration .icon{width:29px;height:29px;color:#79572e}
.destination-category{display:inline-grid;place-items:center;background-size:200% 200%;background-repeat:no-repeat}.destination-art-ready .destination-category{background-image:url('./art-web/destination-icons-v1-94a611380f.webp')}.destination-art-ready .destination-category>.icon{display:none}.destination-category.hunt{background-position:0 0}.destination-category.camp{background-position:100% 0}.destination-category.castle{background-position:0 100%}.destination-category.compass{background-position:100% 100%}
.destination-map-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;padding:4px;color:#3e5636;border-left:1px solid #a78b5944;font:600 11px/1.2 var(--sans);text-decoration:underline;text-underline-offset:2px}
.destination-map-link:hover{background:#54704216}.destination-map-link>.destination-category{width:23px;height:23px}.destination-map-link .icon{width:19px;height:19px}.destination-map-link>span:last-child{max-width:52px;text-align:center}
.destination-open:focus-visible,.destination-map-link:focus-visible{outline:2px solid #805324;outline-offset:-2px;background:#fff3}
.map-piece.selected{z-index:6}
.map-piece.selected .piece-label{white-space:normal;text-align:center;overflow-wrap:anywhere}
.map-focus-obscured{visibility:hidden;pointer-events:none}
/* World search keeps the illustrated destinations, parchment and green/gold controls. */
.nearby-button{display:flex;align-items:center;justify-content:center;gap:7px}
.nearby-button>.icon{width:19px;height:19px;flex:none}
.action-sheet[data-view='destinations']{max-height:calc(100% - 12px)}
.destination-search-panel{min-width:0;color:var(--antique-ink,#432f1c)}
.destination-search-panel .panel-intro{margin:0 0 10px;font:12px/1.4 var(--sans)}
.destination-search-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px}
.sheet-content .destination-search-heading h3{margin:0;font:700 20px/1.2 var(--serif)}
.destination-search-heading>span{font:10px/1.3 var(--sans);color:#72532a;text-align:right}
.destination-search-types{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:3px;scrollbar-width:thin;scrollbar-color:#99723b #b39a6640;padding:3px 3px 10px;margin:0 -3px 12px}
.destination-search-type{position:relative;flex:0 0 104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:104px;padding:6px 3px;color:#4d361e;border:2px ridge #a08046;border-radius:2px;background:#b4914520;box-shadow:inset 0 0 0 1px #f8e5b75c;scroll-snap-align:start}
.destination-search-type .destination-illustration{width:64px;height:64px;filter:drop-shadow(0 3px 2px #432e1838)}
.destination-search-type strong{font:700 15px/1.2 var(--serif);text-align:center;overflow-wrap:anywhere;max-width:100%}
.destination-search-type:hover{background:#a6824433}
.destination-search-type[aria-pressed='true']{background:linear-gradient(#113f2ee8,#092e22f2),url('./art-web/wood-dark-v3-331b77e862.webp') center/350px auto;border-color:#e9c877;color:#ffe6a8;box-shadow:inset 0 0 0 1px #e4c47677,0 1px 5px #74521f88}
.destination-search-type[aria-pressed='true']::after{content:'◆';position:absolute;top:-8px;left:calc(50% - 5px);color:#f2d28b;text-shadow:0 1px 2px #35270d;font-size:11px}
.destination-search-type[aria-pressed='true'] .icon{color:#eac77c}
.destination-search-level{padding:8px 10px;border-block:1px solid #92704577;background:#94723a0e}
.destination-search-level>label{display:flex;justify-content:space-between;align-items:center;font:700 19px/1.2 var(--serif)}
.destination-search-level output{display:grid;place-items:center;min-width:43px;min-height:36px;padding:3px 8px;background:#e7ce92a0;border:1px solid #aa8245;color:#3d2914;font:700 24px/1 var(--serif)}
.destination-level-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin-top:8px}
.destination-level-controls>.round-button{position:static;width:44px;height:44px;min-width:44px;min-height:44px;border:2px solid #b6995f;border-radius:50%;box-shadow:0 1px 3px #523a1e77;background:linear-gradient(#194c39,#07291f);color:#f4d48d;font:28px/1 var(--sans)}
.destination-level-controls>.round-button:disabled{opacity:1;background:#70674b;color:#d0c39a;border-color:#a59568;cursor:default}
/* Army selection keeps precise controls and reuses the map filter's range treatment. */
.sheet-content .expedition-row.has-quantity-range{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}
.sheet-content .resource-transport-row .unit-label>.icon{flex:none;width:32px;height:32px}
.sheet-content .resource-transport-row .stepper input{width:65px}
.transport-cargo{display:flex;flex-wrap:wrap;gap:7px 12px;margin:7px 0}
.transport-cargo>span{display:flex;align-items:center;gap:4px;font:12px/1.35 var(--sans)}
.transport-cargo .icon{flex:none;width:23px;height:23px}
.transport-cargo strong{font-weight:700;color:#365735}
[data-incoming-transport] .list-row-heading>div{min-width:0;overflow-wrap:anywhere}
.wonder-garrison-group>.list-row-heading>div,.wonder-garrison-contingent>strong{min-width:0;overflow-wrap:anywhere}
.wonder-garrison-group>small{display:block;color:var(--antique-muted);font-size:12px}
.wonder-garrison-details>.garrison-row:last-child{border-bottom:0;padding-bottom:0}
.sheet-content .troop-quantity-range{grid-column:1/-1;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:#215438;touch-action:pan-y;pointer-events:none;-webkit-appearance:none;appearance:none}
.troop-quantity-range::-webkit-slider-runnable-track{height:9px;border:1px solid #9d7b41;border-radius:5px;background:linear-gradient(to right,#215438 var(--quantity-progress,0%),#7e6b4270 0);box-shadow:inset 0 1px 2px #4e361e55}
.troop-quantity-range::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:28px;height:28px;margin-top:-10px;border:2px solid #caab66;border-radius:50%;background:linear-gradient(#245b40,#0b3224);box-shadow:0 1px 3px #39261266;pointer-events:auto;cursor:grab}
.troop-quantity-range::-moz-range-track{height:9px;border:1px solid #9d7b41;border-radius:5px;background:linear-gradient(to right,#215438 var(--quantity-progress,0%),#7e6b4270 0)}
.troop-quantity-range::-moz-range-thumb{box-sizing:border-box;width:28px;height:28px;border:2px solid #caab66;border-radius:50%;background:#174831;pointer-events:auto;cursor:grab}
.sheet-content .troop-quantity-range:focus-visible{outline:2px solid #805317;outline-offset:2px}
.sheet-content .troop-quantity-range:disabled{opacity:.45;cursor:default}
.troop-quantity-range:disabled::-webkit-slider-thumb{pointer-events:none;cursor:default}
.troop-quantity-range:disabled::-moz-range-thumb{pointer-events:none;cursor:default}
.destination-level-range{min-width:0;padding-top:10px}
.destination-level-range>input{width:100%;height:32px;margin:0;cursor:pointer;accent-color:#215438;touch-action:pan-y}
.destination-level-range>input{-webkit-appearance:none;appearance:none;background:transparent}
.destination-level-range>input::-webkit-slider-runnable-track{height:9px;border:1px solid #9d7b41;border-radius:5px;background:#7e6b4270;box-shadow:inset 0 1px 2px #4e361e55}
.destination-level-range>input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:28px;margin-top:-10px;border:2px solid #caab66;border-radius:5px;background:linear-gradient(#245b40,#0b3224);box-shadow:0 1px 3px #39261266}
.destination-level-range>input::-moz-range-track{height:9px;border:1px solid #9d7b41;border-radius:5px;background:#7e6b4270}
.destination-level-range>input::-moz-range-thumb{width:20px;height:24px;border:2px solid #caab66;border-radius:5px;background:#174831}
.destination-level-range>div{display:flex;justify-content:space-between;padding-inline:5px;font:11px/1 var(--sans);color:#71552f}
.destination-search-summary{display:flex;align-items:center;gap:10px;padding:10px 0;margin-bottom:8px;min-width:0}
.destination-search-compass{width:42px;height:42px;flex:none}
.destination-search-compass>.icon{width:32px;height:32px}
.destination-search-summary>div{min-width:0}
.destination-search-summary strong{font:700 20px/1.2 var(--serif);color:#382712}
.sheet-content .destination-search-summary p{margin:3px 0;font:12px/1.45 var(--sans);color:#60492d;overflow-wrap:anywhere}
.destination-search-summary small{font:11px/1.4 var(--sans);color:#725a37}
.sheet-content .destination-search-realm-note{margin:0;padding:12px 8px;border-block:1px solid #92704577;font:13px/1.5 var(--sans);color:#60492d}
.sheet-content .destination-search-feedback{margin:0 0 15px;padding:9px 10px;border-left:3px solid #99632e;background:#a7803420;font:13px/1.5 var(--sans);color:#5a371b}
.destination-search-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;font:700 22px/1.2 var(--serif)}
.destination-search-submit>.icon{width:23px;height:23px}
.sheet-content .destination-search-help{margin:14px 2px 4px;text-align:center;font:11px/1.4 var(--sans);color:#705330}
.destination-search-panel :is(button,input):focus-visible{outline:2px solid #8d601f;outline-offset:2px}
@media(min-width:700px){.action-sheet[data-view='destinations']{width:480px}.destination-search-type{flex-basis:112px}.destination-search-type .destination-illustration{width:76px;height:76px}}
@media(forced-colors:active){.destination-search-type,.destination-search-type[aria-pressed='true'],.destination-search-level,.destination-search-level output,.destination-level-controls>.round-button,.destination-search-feedback{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}.destination-search-type[aria-pressed='true']{outline:3px solid Highlight;outline-offset:-3px}.destination-search-type[aria-pressed='true']::after{display:none}.destination-search-panel :is(strong,p,small,label,span){color:CanvasText}.destination-search-panel :is(button,input):focus-visible{outline-color:Highlight}}
@media(forced-colors:active){.destination-category{background:none!important}.destination-art-ready .destination-category>.icon{display:block}.destination-open,.destination-copy>strong,.destination-copy>span,.destination-copy small,.destination-map-link{color:ButtonText}.destination-map-link{border-color:ButtonText}}

/* Official notices share the report manuscript, with a compact fifth filter. */
.sheet-content .report-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:9px}
.sheet-content .report-filter-tabs button{min-width:0;min-height:44px;font-size:14px;line-height:1.2;padding:6px 2px;white-space:nowrap}
.sheet-content .system-intro{font-size:12px;line-height:1.4;margin:4px 0 8px;color:#583c23}
.sheet-content .system-report-card{border-left:3px solid #3c6147;padding:9px 8px;text-align:left;width:100%}
.system-report-card .report-result{display:flex;align-items:center;gap:5px}.system-report-card .report-result .icon{width:15px;height:15px}
.sheet-content .system-report-card h3{font-size:20px;overflow-wrap:anywhere;margin:4px 0}.sheet-content .system-report-card p{font-size:11px;line-height:1.4}
.system-manuscript{position:relative;padding:12px 5px 16px;color:#392b18}.system-letter-seal{float:right;display:grid;place-items:center;width:42px;height:46px;margin:0 0 8px 10px;background:#184431;border:2px ridge #ad9255;border-radius:40%;color:#e3c47b;box-shadow:0 2px 4px #432e1844}.system-letter-seal .icon{width:26px;height:30px}
.system-official{font:700 10px/1.5 var(--sans);letter-spacing:.07em;color:#36513a}.sheet-content .system-manuscript h3{font:700 24px/1.12 var(--serif);color:#392816;margin:5px 0;overflow-wrap:anywhere}
.sheet-content .system-letter-meta{font:11px/1.5 var(--sans);color:#63492c;margin:5px 0 12px}.system-letter-body{clear:both;border-block:1px solid #92704577;padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 var(--sans);color:#392b18}
.city-report-art{display:grid;place-items:center;clear:both;width:116px;height:116px;margin:6px auto 12px}
.city-report-art.castle-skin-report-art{width:min(100%,232px);height:auto;aspect-ratio:1}
.castle-skin-report-art>img{display:block;width:100%;height:100%;object-fit:contain}
.city-report-art :is(.building-sprite,.report-portrait){width:100%;height:100%}.city-report-art>.icon{width:64px;height:64px;color:#795b2d}
.city-report-body{white-space:normal;min-width:0}.sheet-content .city-report-body>p{margin:0 0 12px;font:14px/1.6 var(--sans)}
.city-report-body .metric-line>span{min-width:0}.city-report-body .metric-line>strong{flex:none}
@media(min-width:700px){.action-sheet:is([data-view='report'],[data-view='shared-report']){width:420px;max-height:calc(100% - 12px);right:12px;left:auto;bottom:6px}.manuscript-report .manuscript-title h3{font-size:22px}}
@media(forced-colors:active){.report-panorama{background:none;mix-blend-mode:normal}.report-ribbon::before{display:none}.report-wax,.report-ribbon strong{background:Canvas;color:CanvasText}.report-portrait,.report-resource{background:none!important}.report-portraits-ready .report-portrait:is(.spear,.archer,.cavalry,.siege) .icon,.report-resources-ready .report-resource .icon{display:block}.manuscript-report,.manuscript-report p,.manuscript-report h3,.manuscript-report h4{color:CanvasText}}
.sheet-content .report-card{border-left:3px solid transparent;padding:11px 9px;margin:3px 0}
.sheet-content .report-card.is-unread{border-left-color:#8e621d;background:linear-gradient(95deg,#d8b66e45,#d8b66e0a);box-shadow:inset 0 0 0 1px #a17c3326}
.report-card-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 8px}
.sheet-content .report-card .report-result{font:700 11px/1.45 var(--sans);letter-spacing:.045em;color:#2f513a}
.sheet-content .report-card h3{font-weight:700;color:#362411;margin:5px 0;font-size:21px;overflow-wrap:anywhere}
.report-unread-badge{flex:none;padding:2px 6px;background:#234b36;border:1px solid #a78842;color:#f9e8bd;border-radius:2px;font:700 10px/1.4 var(--sans);white-space:nowrap}
.report-card:focus-visible{outline:2px solid #8e621d;outline-offset:1px}
@media(forced-colors:active){.sheet-content .report-card.is-unread{border-left-color:Highlight;background:Canvas;box-shadow:none}.report-unread-badge{background:Highlight;color:HighlightText}.sheet-content .report-card .report-result,.sheet-content .report-card h3{color:CanvasText}}

/* Title actions share the ornate surfaces while retaining the compact home layout. */
.title-screen .title-primary{min-height:48px;padding:8px 24px;gap:10px;font-size:21px;line-height:1.1;color:#f9e8bc}
.title-screen .title-secondary{min-height:44px;padding:7px 24px;gap:10px;margin-top:4px;font-size:19px;line-height:1.1;color:#f5e2b9}
.title-screen :is(.title-primary,.title-secondary)::after{content:'';position:absolute;inset:4px 21px;z-index:-2;background:#123b2b;pointer-events:none}
.title-screen .title-secondary::after{background:#2c1b10}
.title-screen :is(.title-primary,.title-secondary):focus-visible{outline:2px solid #79501f;outline-offset:2px}
@media(max-width:699px){.title-screen .title-primary{min-height:44px;padding:7px 22px;font-size:18px;gap:8px}.title-screen .title-secondary{min-height:44px;padding:7px 22px;font-size:17px;gap:8px}.title-screen .title-primary>.icon{width:19px;height:19px}.title-screen .title-primary>.icon:last-child{width:15px}.title-screen .title-secondary>.icon{width:17px;height:17px}.title-screen .title-secondary span{padding-right:23px}}
@media(forced-colors:active){.title-screen :is(.title-primary,.title-secondary){border:1px solid ButtonText;background:ButtonFace;color:ButtonText;text-shadow:none}.title-screen :is(.title-primary,.title-secondary)::after{display:none}.title-screen :is(.title-primary,.title-secondary):focus-visible{outline-color:Highlight}}

/* Reconnaissance shares existing portraits and manuscript controls. */
.spy-portrait-ready .report-portrait.spy{background:url('./art-web/spy-mounted-v1-40879cf441.webp') center/cover no-repeat}
.spy-portrait-ready .report-portrait.spy .icon{display:none}
.villager-portrait-ready .report-portrait.villager{background:url('./art-web/march-worker-wood-v1-0bab0c597b.webp') center/auto 100% no-repeat;mix-blend-mode:normal}
.villager-portrait-ready .report-portrait.villager .icon{display:none}
.list-row-heading>.order-worker-art{width:48px;height:48px;object-fit:cover;flex:none}
.spy-troop-card .report-portrait{flex:0 0 64px}
.sheet-content .expedition-mission-tabs{gap:6px;margin-bottom:8px}
.sheet-content .expedition-mission-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}
.expedition-mission-tabs .icon{width:19px;height:19px}
.sheet-content .spy-chances{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:5px}
.sheet-content .spy-chances>div{min-width:0;padding:7px 5px}
.sheet-content .spy-chances strong{font-size:17px;line-height:1.2;overflow-wrap:anywhere}
.spy-intel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:6px 0}
.spy-intel-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 0;border-bottom:1px solid #9b7b455c;font:12px/1.35 Georgia,serif;min-width:0}
.spy-intel-list dt{min-width:0}.spy-intel-list dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}
.espionage-report .spy-unrevealed{font-size:12px;color:#6c5431;padding:4px 0 7px}
.espionage-report .spy-unit-note{font:11px/1.35 Georgia,serif;margin-top:4px}
.espionage-report .manuscript-loot dd{overflow-wrap:anywhere}
.spy-report-agents{margin:10px 0}.spy-intel-details{margin-top:4px}
@media(forced-colors:active){.spy-portrait-ready .report-portrait.spy{background:none}.spy-portrait-ready .report-portrait.spy .icon{display:block}.espionage-report .spy-unrevealed{color:CanvasText}}
@media(forced-colors:active){.villager-portrait-ready .report-portrait.villager{background:none}.villager-portrait-ready .report-portrait.villager .icon{display:block}}

/* Building levels and library milestones stay inside the existing manuscripts. */
.sheet-content .troop-level,.sheet-content .recruit-unit-level{color:#365735;font-weight:700}
.governor-command{margin:7px 0 10px;padding:8px 9px;border:1px solid #9b794550;background:#a7802912;color:#50391f}
.governor-command>strong{display:block;font:700 13px/1.35 var(--serif)}
.sheet-content .governor-command p{margin:3px 0;font:12px/1.35 var(--sans)}
.governor-command small{display:block;color:#6d512f;font:11px/1.35 var(--sans)}
.research-panel{min-width:0}
.sheet-content .research-library-status{margin:5px 0;font:12px/1.35 var(--sans)}
.sheet-content .research-panel>.muted{font:11px/1.35 var(--sans);margin:5px 0 10px}
.research-tree{margin-top:11px}
.research-milestone{margin-bottom:16px;min-width:0}
.sheet-content .research-milestone>h3{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 7px;font:700 17px/1.2 var(--serif);color:#624522}
.research-milestone>h3>span{display:grid;place-items:center;flex:none;width:28px;height:29px;border:1px solid #a1804c;background:#9d74271c;color:#795c31}
.research-milestone>h3 .icon{width:20px;height:20px}
.research-milestone>h3 small{flex:1 0 100%;padding-left:35px;margin-top:-4px;font:10px/1.3 var(--sans);font-weight:400;color:#715433}
.research-nodes{margin-left:13px;padding-left:14px;border-left:1px solid #98714099}
.research-node{position:relative;margin-top:6px;border:1px solid #98714055;background:#ac873015;box-shadow:inset 0 0 0 2px #f8ebcd44;min-width:0}
.research-node::before{content:'';position:absolute;top:24px;left:-15px;width:14px;border-top:1px solid #98714099;pointer-events:none}
.research-node-select{display:flex;align-items:center;gap:7px;width:100%;min-height:50px;padding:6px 7px;text-align:left;color:#51391e;background:transparent}
.research-node-symbol{display:grid;place-items:center;flex:none;width:28px;height:28px;color:#886433}
.research-node-symbol .icon{width:24px;height:24px}
.research-node-copy{flex:1;min-width:0}
.research-node-copy strong{display:block;font:700 16px/1.2 var(--serif);overflow-wrap:anywhere}
.research-node-copy small{display:block;margin-top:3px;font:10px/1.35 var(--sans);color:#6d512e}
.research-node-chevron{flex:none;width:14px;text-align:center;font:18px/1 var(--sans);color:#806239}
.research-node.selected{border-color:#567043;background:#78945816}
.research-node.selected .research-node-select{background:#45654015}
.research-node.locked .research-node-symbol{color:#897b64}
.research-node-detail{padding:3px 9px 10px;border-top:1px solid #98714044;min-width:0}
.sheet-content .research-node-detail>p{font:12px/1.4 var(--sans);margin:6px 0 8px}
.sheet-content .research-node-detail .metric-line{font-size:11px;gap:6px;padding:5px 0}
.sheet-content .research-node-detail .metric-line strong{font-size:12px;text-align:right;min-width:0;max-width:64%;overflow-wrap:anywhere}
.research-node-detail .cost-row{gap:6px 10px;flex-wrap:wrap}
.sheet-content .research-node-detail .primary-button{font-size:15px;min-height:44px;margin-top:8px;--button-overhang:-7px}
.sheet-content .research-node-detail .reason,.sheet-content .research-unlock-reason{font:11px/1.4 var(--sans);color:#79502a;overflow-wrap:anywhere}
.research-node-select:focus-visible{outline:2px solid #845b1e;outline-offset:2px}
.research-stage>summary{display:grid;grid-template-columns:28px minmax(0,1fr) 14px;gap:3px 7px;align-items:center;min-height:50px;padding:6px 0;margin-bottom:7px;list-style:none;color:#624522;cursor:pointer}
.research-stage>summary::-webkit-details-marker{display:none}.research-stage>summary>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:29px;border:1px solid #a1804c;background:#9d74271c;color:#795c31}
.research-stage>summary .icon{width:20px;height:20px}.research-stage>summary>strong{font:700 17px/1.2 var(--serif)}.research-stage>summary>small{grid-column:2;font:10px/1.3 var(--sans);color:#715433}
.research-stage>summary::after{content:'+';grid-column:3;grid-row:1/3;font:18px/1 var(--sans)}.research-stage[open]>summary::after{content:'−'}
.research-stage>summary:focus-visible,.research-prerequisite:focus-visible{outline:2px solid #845b1e;outline-offset:2px}
.research-prerequisite{display:block;max-width:100%;min-height:44px;padding:0;text-align:left;color:#365735;background:none;font:inherit;text-decoration:underline;overflow-wrap:anywhere}
.research-node-detail .building-comparison-heading,.research-node-detail .building-comparison-row{grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,.65fr))}
.progression-research-tabs{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:4px}.sheet-content .progression-research-tabs button{min-width:0;padding-inline:3px;white-space:normal}
@media(max-width:699px){.sheet-content .progression-research-tabs button{font-size:14px}body.progression-mode .action-sheet[data-view='research'] .sheet-content{padding-inline:10px}}
@media(forced-colors:active){.governor-command,.research-node,.research-node.selected,.research-node.selected .research-node-select{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.research-node :is(strong,small,span),.research-panel :is(p,h3,small){color:CanvasText!important}.research-node-select:focus-visible{outline-color:Highlight}.research-node.selected{outline:1px solid Highlight}}

/* Warnings overlay the board below the HUD; their content never resizes it. */
.incoming-alert-layer{position:absolute;inset:0 0 auto;z-index:9;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}
/* Progressão: map utilities 12 < warning 19 < chat 20 / open sheets 21. */
.progression-mode .incoming-alert-layer{z-index:19}
.incoming-alert{position:relative;isolation:isolate;flex:none;width:100%;min-width:0;pointer-events:auto;border-top:1px solid #ac8752;border-bottom:1px solid #b08e52;background:linear-gradient(100deg,#571e1ee8,#2e1514dc),url('./art-web/wood-dark-v3-331b77e862.webp') center/768px auto;box-shadow:inset 0 1px #f5d18f22,inset 0 -1px #1b0e0e;animation:none}
.incoming-alert[hidden]{display:none}
.incoming-alert[data-progression='true']:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto}
.incoming-alert-button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:6px 16px;text-align:left;background:transparent;color:#f2ddb0;border:0;cursor:pointer;animation:none}
.incoming-alert-emblem{display:grid;place-items:center;color:#e6bc76}
.incoming-alert-emblem .icon{width:27px;height:29px;filter:drop-shadow(0 1px 1px #1a0c08)}
.incoming-alert-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;min-width:0}
.incoming-alert-heading{display:flex;align-items:center;gap:8px;min-width:0}
.incoming-alert-heading strong{font:700 15px/1.2 var(--serif);color:#ffdfa0}
.incoming-alert-heading small{font:600 10px/1.2 var(--sans);color:#edc79f;white-space:nowrap}
.incoming-alert-route{grid-column:1;display:flex;flex-wrap:wrap;gap:2px 4px;min-width:0;font:12px/1.3 var(--sans);color:#f1dfc6}
.incoming-alert-route>span:not([aria-hidden]){min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.incoming-alert-route>span[aria-hidden]{flex:none;color:#d4b17e}
.incoming-alert-clock{grid-column:2;grid-row:1/3;align-self:center;max-width:400px;text-align:right;font:600 11px/1.4 var(--sans);color:#f4d6a6}
.incoming-alert-link{font:700 19px/1 var(--serif);color:#edc680;white-space:nowrap}
.incoming-alert-link>span{font:600 11px/1.3 var(--sans);margin-right:5px}
.incoming-alert-button:hover{background:#e2b7630b}
.incoming-alert-button:focus-visible{outline:2px solid #f5cf88;outline-offset:-4px}
.incoming-alert-controls{display:flex;align-items:center;padding-right:6px;gap:2px}
.incoming-alert-controls[hidden],.incoming-alert-control[hidden],.incoming-alert-restore[hidden]{display:none}
.incoming-alert-control{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-left:1px solid #b08e5244;background:transparent;color:#f4d6a6;font:700 25px/1 var(--serif);cursor:pointer;touch-action:manipulation}
.incoming-alert-control:hover{background:#e2b7630b}
.incoming-alert-control:focus-visible,.incoming-alert-restore:focus-visible{outline:2px solid #f5cf88;outline-offset:-3px}
.incoming-alert-restore{position:relative;flex:none;margin:10px 0 0 10px;display:grid;place-items:center;width:44px;height:44px;padding:5px;pointer-events:auto;border:1px solid #b08e52;border-radius:4px;background:linear-gradient(100deg,#571e1ef2,#2e1514f2),url('./art-web/wood-dark-v3-331b77e862.webp') center/768px auto;box-shadow:inset 0 0 0 2px #1b0e0e,0 2px 3px #120b0780;color:#f4d6a6;cursor:pointer;touch-action:manipulation;animation:none}
.incoming-alert-indicator-count{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;min-width:17px;min-height:17px;padding:1px 3px;border:1px solid #d2ae6f;border-radius:50%;background:#642622;color:#ffdfa0;font:700 10px/1 var(--sans)}
.incoming-alert-indicator-count:empty{display:none}
.incoming-alert[data-phase='siege']{border-bottom-color:#cfa364;background-image:linear-gradient(100deg,#702924eb,#341412e8),url('./art-web/wood-dark-v3-331b77e862.webp')}
.offline .incoming-alert-clock{color:#dec8aa}
.incoming-attack-row{padding:10px;border:1px solid #a57b4a77;border-left:3px solid #884632;background:#9d583015;margin:7px 0 11px;min-width:0}
.incoming-attack-heading{display:flex;align-items:center;gap:8px;min-width:0}
.incoming-attack-heading>.icon{flex:none;width:25px;height:28px;color:#8b4630}
.incoming-attack-heading>div{min-width:0}
.sheet-content .incoming-attack-heading h3{font:700 18px/1.2 var(--serif);overflow-wrap:anywhere}
.sheet-content .incoming-attack-heading p{font:600 11px/1.3 var(--sans);color:#7b432c;margin-top:3px}
.incoming-attack-route{margin:8px 0;font:12px/1.35 var(--sans)}
.incoming-attack-route>div{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px;padding:3px 0}
.incoming-attack-route dt{color:#735537}.incoming-attack-route dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.sheet-content .incoming-attack-clock{font:600 12px/1.4 var(--sans);color:#793c27;margin:6px 0}
.sheet-content .incoming-attack-schedule{font:10px/1.4 var(--sans);color:#6c5435;margin:4px 0 9px}
.sheet-content .incoming-attack-row .small-button{min-height:44px;margin:4px 0 0;font-size:13px;--button-overhang:-5px}
.incoming-attack-row .small-button .icon{width:18px;height:18px}
@media(max-width:699px){.incoming-alert-button{grid-template-columns:22px minmax(0,1fr) 12px;gap:7px;padding:5px 10px;min-height:66px}.incoming-alert-emblem .icon{width:23px;height:27px}.incoming-alert-copy{grid-template-columns:minmax(0,1fr);gap:2px}.incoming-alert-heading strong{font-size:14px}.incoming-alert-heading small{font-size:9px}.incoming-alert-route{font-size:11px}.incoming-alert-clock{grid-column:1;grid-row:auto;text-align:left;font-size:11px;max-width:none}.incoming-alert-link>span{display:none}}
@media(forced-colors:active){.incoming-alert,.incoming-alert[data-phase='siege']{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.incoming-alert-button,.incoming-alert :is(strong,small,span){color:CanvasText}.incoming-alert-button:focus-visible{outline-color:Highlight}.incoming-attack-row{background:Canvas;border-color:CanvasText}.incoming-attack-row :is(p,dt,dd,h3){color:CanvasText!important}}
@media(forced-colors:active){.incoming-alert-control,.incoming-alert-restore,.incoming-alert-indicator-count{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.incoming-alert-control:focus-visible,.incoming-alert-restore:focus-visible{outline-color:Highlight}}
.map-player-castle-military-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.sheet-content .map-player-castle-military-actions>button{width:100%;min-width:0;min-height:44px;margin:0;padding:8px 16px;font:700 17px/1.15 var(--serif);--button-overhang:-7px;white-space:normal;overflow-wrap:anywhere}
.map-player-castle-military-actions>button .icon{width:18px;height:18px}
/* Campaign inbox: illustrated parchment cards, using the existing game artwork. */
.action-sheet[data-view='reports']{--reports-close-size:46px;--reports-navigation-height:calc(var(--reports-close-size) + var(--space)*2);inset:0;width:100%;max-height:100%;overflow:visible}
.action-sheet[data-view='reports'] .sheet-navigation{min-height:var(--reports-navigation-height);padding-right:calc(var(--reports-close-size) + var(--space))}
.action-sheet[data-view='reports']::before{display:block;content:'';position:absolute;inset:-10px;z-index:5;pointer-events:none;border:14px solid transparent;border-image:url('./art-web/hud-frame-v1-7e9c949098.webp') 18% 6% / 14px / 0 stretch}
.action-sheet[data-view='reports'] .sheet-handle{display:none}
.action-sheet[data-view='reports'] .sheet-heading{position:relative;min-height:86px;justify-content:center;padding:9px 48px 12px;text-align:center;flex-shrink:0}
.action-sheet[data-view='reports'] .sheet-heading h2{font:700 32px/1.05 var(--serif);color:#30210f;margin-top:6px}
.action-sheet[data-view='reports'] #sheet-kicker{font:600 8px/1.4 var(--sans);letter-spacing:.16em;color:#72532a}
.action-sheet[data-view='reports'] .sheet-heading::before,.action-sheet[data-view='reports'] .sheet-heading>div::before{content:'';position:absolute;top:-8px;width:62px;height:90px;background:url('./art-web/governor-regalia-v1-d5b7eac8bf.webp') left center/200% 100% no-repeat;pointer-events:none;filter:drop-shadow(1px 2px 1px #25180b66)}
.action-sheet[data-view='reports'] .sheet-heading::before{left:-8px}
.action-sheet[data-view='reports'] .sheet-heading>div::before{right:-8px}
.action-sheet[data-view='reports'] #close-sheet{position:absolute;right:var(--sheet-close-inset);top:calc(-1 * var(--reports-navigation-height));z-index:3;flex:none;width:var(--reports-close-size);height:var(--reports-close-size);min-width:var(--reports-close-size);min-height:var(--reports-close-size);padding:0;border:0;border-radius:0;box-shadow:none;background:transparent url('./art-web/governor-regalia-v1-d5b7eac8bf.webp') right center/200% 100% no-repeat;color:#e0be70;filter:drop-shadow(0 2px 1px #31180999)}
.action-sheet[data-view='reports'] #close-sheet .icon{width:23px;height:23px;stroke-width:1.8}
.action-sheet[data-view='reports'] .sheet-content{padding:10px 12px 14px;min-height:0;scroll-padding-block:8px}
.report-inbox{color:var(--antique-ink);min-width:0}
.sheet-content .report-inbox-intro{text-align:center;font:14px/1.4 var(--serif);margin:2px auto 16px;max-width:520px;color:#654a2d}
.sheet-content .report-inbox .report-filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:2px;margin-bottom:14px;border:1px solid #9c773c;box-shadow:0 2px 3px #45301640;overflow:visible}
.report-inbox .report-filter-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:7px 1px;border:1px solid #a8884c;border-radius:0;background:linear-gradient(#392c1b99,#21170ebb),url('./art-web/wood-dark-v3-331b77e862.webp') center/350px auto;color:#e8cc91;font:600 11px/1.1 var(--serif);white-space:normal;box-shadow:inset 0 0 0 1px #edce8d22}
.report-inbox .report-filter-tabs button>.icon{display:block;flex:none;width:25px;height:25px}
.report-inbox .report-filter-tabs button.active{z-index:1;border-color:#d6b466;color:#ffe8ad;background:linear-gradient(#285038bb,#0b2e23ee),url('./art-web/wood-dark-v3-331b77e862.webp') center/350px auto;box-shadow:inset 0 0 0 1px #e9c86e,0 0 0 1px #b18d43}
.report-inbox .report-filter-tabs button.active::before{content:'';position:absolute;top:-4px;left:3px;width:6px;height:6px;background:#efcb74;transform:rotate(45deg)}
.report-inbox .report-list-tools{gap:8px;margin:0 1px 12px;min-height:44px}
.sheet-content .report-inbox .report-list-tools h3{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font:700 17px/1.2 var(--serif);color:#493018}
.report-inbox .report-list-tools h3 .icon{width:19px;height:19px;flex:none}
.report-inbox .report-list-tools button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;font:600 13px/1.2 var(--serif);box-shadow:inset 0 0 0 2px #c09b5530;min-height:44px;flex:none}
.report-inbox .report-list-tools button .icon{width:17px;height:18px;flex:none}
.report-tools-divider{height:1px;background:#96733e66;flex:1}
.report-inbox-list{display:grid;gap:10px;min-width:0}
.sheet-content .report-inbox .report-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:120px;margin:0;padding:10px 18px 10px 6px;overflow:hidden;text-align:left;border:1px solid #ad8951;border-radius:2px;box-shadow:inset 0 0 0 3px #f4deac66,0 2px 3px #71512526;background:linear-gradient(100deg,#f1dbb02e,#a9874214);color:#392b18}
.report-inbox .report-card::after{content:'';position:absolute;inset:3px;border:1px solid #9b72374d;background:linear-gradient(135deg,#a37a30 0 4px,transparent 4px) top left,linear-gradient(225deg,#a37a30 0 4px,transparent 4px) top right,linear-gradient(45deg,#a37a30 0 4px,transparent 4px) bottom left,linear-gradient(315deg,#a37a30 0 4px,transparent 4px) bottom right;background-size:9px 9px;background-repeat:no-repeat;pointer-events:none}
.sheet-content .report-inbox .report-card.is-unread{border-color:#a27834;background:linear-gradient(105deg,#efd7a556,#d8b66e0d);box-shadow:inset 0 0 0 3px #f4deac66,0 2px 3px #71512526}
.report-inbox .report-card-banner{position:relative;display:grid;place-items:center;align-self:flex-start;flex:0 0 48px;height:78px;padding:0 6px 10px;background:url('./art-web/hud-banner-v1-e83a61cd7a.webp') center/100% 100% no-repeat;filter:drop-shadow(0 2px 1px #38240b55);color:#eacb87}
.report-inbox .report-card-banner>.icon{width:31px;height:31px;stroke-width:1.6;filter:drop-shadow(0 1px 1px #15201588)}
.report-inbox .report-card-copy{position:relative;z-index:1;display:block;min-width:0;flex:1}
.report-inbox .report-card-status{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:5px}
.sheet-content .report-inbox .report-card .report-result{font:700 10px/1.4 var(--sans);letter-spacing:.025em;text-transform:uppercase;color:#255343;min-width:0}
.report-inbox .report-unread-badge{padding:2px 4px;font:700 9px/1.3 var(--sans);border-color:#a88848;background:#224b38;border-radius:1px}
.report-inbox .report-card-title{display:block;font:700 20px/1.14 var(--serif);color:#322411;overflow-wrap:anywhere;margin:7px 0 8px}
.report-inbox .report-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;font:11px/1.3 var(--sans);color:#614a2c}
.report-inbox .report-card-meta>span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}
.report-inbox .report-card-meta .icon{width:13px;height:13px;flex:none}
.report-inbox .report-card-chevron{position:absolute;right:7px;top:50%;transform:translateY(-50%);font:30px/1 var(--serif);color:#705020}
.report-inbox .report-card-etching{position:absolute;z-index:-1;right:0;bottom:0;width:48%;height:90%;pointer-events:none;opacity:.2;filter:sepia(1) saturate(.55);mix-blend-mode:multiply;background:url('./art-web/report-scenes-v1-91acf092be.webp') 100% 100%/300% 300% no-repeat;mask-image:linear-gradient(to right,transparent,#000 55%)}
.report-inbox .report-card-etching.battle{background:url('./art-web/march-party-v1-ad75facb76.webp') right bottom/contain no-repeat}
.report-inbox .report-card-etching.support{background:url('./art-web/castles-hd-v1-f5b7fecc3f.webp') 0 100%/300% 200% no-repeat}
.report-inbox .report-card-etching.hunt{background-position:center 50%;background-size:200% 300%}
.report-inbox .report-card-etching.wood{background-position:0 100%}
.report-inbox .report-card-etching.stone{background-position:50% 100%}
.report-inbox .report-card-etching.gather{background-position:50% 100%;background-size:200% 300%}
.report-inbox .report-card-etching.iron{background-image:url('./art-web/buildings-v2-e72f6589ea.webp');background-size:400% 400%;background-position:0 66.6667%}
.report-inbox .report-card-etching.spy{background:url('./art-web/spy-mounted-v1-40879cf441.webp') right bottom/contain no-repeat}
.report-inbox .report-card-etching.system{background:url('./art-web/castles-hd-v1-f5b7fecc3f.webp') 0 100%/300% 200% no-repeat}
.report-inbox .report-card.is-read .report-card-banner{filter:saturate(.65) drop-shadow(0 2px 1px #38240b44)}
.sheet-content .report-inbox .report-card.is-read .report-result{color:#655435;font-weight:600}
.sheet-content .report-inbox .report-card.is-defeat .report-result{color:#8a3826}
.report-inbox-footer{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:96px;margin:16px 0 0;padding:8px 28px 22px;text-align:center;overflow:hidden;font:600 9px/1.5 var(--serif);letter-spacing:.1em;color:#765631}
.report-footer-rule{display:flex;align-items:center;justify-content:center;gap:12px;width:80%}
.report-footer-rule::before,.report-footer-rule::after{content:'';height:1px;background:#96733e88;flex:1}
.report-footer-rule>.icon{width:23px;height:23px}
.report-footer-castle{position:absolute;z-index:-1;left:-15px;bottom:-8px;width:100px;height:100px;opacity:.22;filter:sepia(1);mix-blend-mode:multiply}
.report-footer-castle.right{left:auto;right:-15px;transform:scaleX(-1)}
.report-footer-castle .building-sprite{width:100%;height:100%}
.report-inbox button:focus-visible,.action-sheet[data-view='reports'] #close-sheet:focus-visible{outline:2px solid #704b16;outline-offset:2px}
.report-inbox .report-filter-tabs button:focus-visible{outline-color:#ffe4a0;outline-offset:-5px}
@media(hover:hover){.report-inbox .report-filter-tabs button:hover{filter:brightness(1.14)}.sheet-content .report-inbox .report-card:hover{background-color:#c49b4429;border-color:#866024}}
@media(min-width:700px){
 .sheet-content .report-inbox .report-filter-tabs{grid-template-columns:repeat(8,minmax(0,1fr))}
 .action-sheet[data-view='reports']{--reports-close-size:58px;left:auto;right:18px;top:18px;bottom:18px;width:800px;max-width:calc(100% - 36px);max-height:calc(100% - 36px)}
 .action-sheet[data-view='reports']::before{inset:-14px;border-width:18px;border-image-width:18px}
 .action-sheet[data-view='reports'] .sheet-heading{min-height:108px;padding:12px 100px 14px}
 .action-sheet[data-view='reports'] .sheet-heading h2{font-size:44px}
 .action-sheet[data-view='reports'] #sheet-kicker{font-size:11px;letter-spacing:.23em}
 .action-sheet[data-view='reports'] .sheet-heading::before,.action-sheet[data-view='reports'] .sheet-heading>div::before{width:100px;height:126px;top:-12px}

 .action-sheet[data-view='reports'] .sheet-content{padding:12px 16px 18px}
 .sheet-content .report-inbox-intro{font-size:18px;margin-bottom:22px}
 .report-inbox .report-filter-tabs button{min-height:84px;padding:8px 3px;gap:7px;font-size:18px}
 .report-inbox .report-filter-tabs button>.icon{width:31px;height:31px}
 .report-inbox .report-list-tools{margin:4px 2px 16px;gap:14px}
 .sheet-content .report-inbox .report-list-tools h3{font-size:23px}
 .report-inbox .report-list-tools h3 .icon{width:23px;height:23px}
 .report-inbox .report-list-tools button{padding:10px 14px;font-size:19px}
 .report-inbox .report-list-tools button .icon{width:21px;height:23px}
 .report-inbox-list{gap:12px}
 .sheet-content .report-inbox .report-card{min-height:130px;padding:10px 31px 10px 12px;gap:16px}
 .report-inbox .report-card-banner{flex-basis:72px;height:106px;padding-bottom:12px}
 .report-inbox .report-card-banner>.icon{width:43px;height:43px}
 .sheet-content .report-inbox .report-card .report-result{font-size:12px;letter-spacing:.025em}
 .report-inbox .report-unread-badge{font-size:12px;padding:3px 8px}
 .report-inbox .report-card-title{font-size:27px;margin:8px 0 10px}
 .report-inbox .report-card-meta{font-size:14px;gap:6px 15px}
 .report-inbox .report-card-meta .icon{width:17px;height:17px}
 .report-inbox .report-card-chevron{right:14px;font-size:34px}
 .report-inbox .report-card-etching{opacity:.28;width:37%;height:100%}
 .report-inbox-footer{font-size:11px;letter-spacing:.13em;min-height:120px;margin-top:22px;padding-bottom:30px}
 .report-footer-castle{width:145px;height:145px}
}
@media(max-width:370px){.report-inbox .report-filter-tabs button{font-size:10px}.report-inbox .report-card-banner{flex-basis:42px;height:70px}.report-inbox .report-card-title{font-size:18px}.sheet-content .report-inbox .report-card .report-result{font-size:9.5px}.report-inbox .report-unread-badge{font-size:9px}.sheet-content .report-inbox .report-list-tools h3{font-size:16px}.report-inbox .report-list-tools button{font-size:12px}.report-inbox .report-card-meta{gap:4px 7px}}
@media(forced-colors:active){.action-sheet[data-view='reports']::before,.action-sheet[data-view='reports'] .sheet-heading::before,.action-sheet[data-view='reports'] .sheet-heading>div::before,.report-inbox .report-card-etching,.report-inbox .report-card::after,.report-footer-castle{display:none}.report-inbox .report-card-banner{background:none;filter:none}.report-inbox .report-filter-tabs button,.report-inbox .report-filter-tabs button.active,.sheet-content .report-inbox .report-card,.sheet-content .report-inbox .report-card.is-unread,.action-sheet[data-view='reports'] #close-sheet{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;filter:none}.report-inbox .report-filter-tabs button.active,.sheet-content .report-inbox .report-card.is-unread{border:2px solid Highlight}.report-inbox .report-card :is(.report-result,.report-card-title,.report-card-meta){color:CanvasText!important}}




/* Seven distinct new units share one illustrated atlas; existing units keep their established portraits. */
.territorial-art-ready .report-portrait:is(.swordsman,.guardian,.skirmisher,.horseArcher,.lightCavalry,.ram,.trebuchet){background-image:url('./art-web/troops-territories-v1-5adae3ddc8.webp');background-size:300% 300%;background-repeat:no-repeat;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}
.territorial-art-ready .report-portrait:is(.swordsman,.guardian,.skirmisher,.horseArcher,.lightCavalry,.ram,.trebuchet) .icon{display:none}
.territorial-art-ready .report-portrait.swordsman{background-position:0 0}.territorial-art-ready .report-portrait.guardian{background-position:50% 0}.territorial-art-ready .report-portrait.skirmisher{background-position:100% 0}.territorial-art-ready .report-portrait.horseArcher{background-position:0 50%}.territorial-art-ready .report-portrait.lightCavalry{background-position:50% 50%}.territorial-art-ready .report-portrait.ram{background-position:100% 50%}.territorial-art-ready .report-portrait.trebuchet{background-position:0 100%}
.territorial-art-ready :is(.objective-world-art,.objective-illustration):not(.wonder){background-image:url('./art-web/troops-territories-v1-5adae3ddc8.webp');background-size:300% 300%;background-repeat:no-repeat}
.territorial-art-ready :is(.objective-world-art,.objective-illustration).fortress{background-position:50% 100%}.territorial-art-ready :is(.objective-world-art,.objective-illustration).shrine{background-position:100% 100%}
.territorial-art-ready :is(.objective-world-art,.objective-illustration) .building-sprite{visibility:hidden}
/* The atlas already has transparent edges. Vignette only the parchment;
   applying it to the world sprite would also fade its walls and roof. */
.territorial-art-ready .objective-illustration{mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 50% 51%,#000 43%,#0009 60%,transparent 74%)}

/* Blocking reasons stay beside their action, with the red ink of a sealed warning. */
.sheet-content .reason:not(:empty),.game-modal .reason:not(:empty){position:relative;display:block;margin:12px 0 8px;padding:12px 12px 12px 42px;border:1px solid #8f383577;border-inline-start:3px solid var(--red);border-radius:2px;background:linear-gradient(110deg,#8f383514,#8f383506);box-shadow:inset 0 0 0 2px #f7eed955;color:var(--red);font:700 13px/1.55 var(--sans);text-shadow:none;overflow-wrap:anywhere}
.sheet-content .reason:not(:empty)::before,.game-modal .reason:not(:empty)::before{content:'!';position:absolute;inset-inline-start:11px;top:12px;width:20px;height:23px;display:grid;place-items:center;border:1px solid var(--antique-gold);background:var(--red);color:#fff0cb;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);font:700 17px/1 var(--serif)}
#toast.error{padding:14px 18px;border:3px double var(--antique-gold);border-inline-start:4px solid var(--red);border-radius:2px;background:linear-gradient(110deg,#f3e5cf,#f5eee0);color:var(--red);font-weight:700;text-shadow:none;box-shadow:inset 0 0 0 1px #8f383533,0 5px 25px #0007}
@media(forced-colors:active){.sheet-content .reason:not(:empty),.game-modal .reason:not(:empty),#toast.error{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.sheet-content .reason:not(:empty)::before,.game-modal .reason:not(:empty)::before{background:CanvasText;color:Canvas;border-color:CanvasText}}

/* Territorial victories reuse the parchment, gilded buttons and optimized map atlas. */
.territorial-bonus-card{margin:12px 0;padding:12px;border:1px solid #a88c5866;background:#af8c3310}
.territorial-bonus-card h3{font:700 24px/1.1 var(--serif);color:#285039;margin-bottom:6px}
.territorial-bonus-card p,.territorial-bonus-card small{font-size:12px;line-height:1.45;color:var(--antique-muted)}
.territorial-bonus-card ul{list-style:none;padding:0;margin:8px 0 0;border-top:1px solid #a88c5844}
.territorial-bonus-card li{display:flex;align-items:center;gap:8px;padding-top:8px;overflow-wrap:anywhere}
.territorial-bonus-card li strong,.territorial-bonus-card li small{display:block}.territorial-source-icon{flex:none;color:#805e26}
.territorial-empty{text-align:center;padding:24px 10px}.territorial-empty>.icon{width:46px;height:46px;color:#947037}.territorial-empty h3{margin:12px 0}.territorial-empty p{font-size:13px}
.game-modal:is([data-variant='territorial-conquest'],[data-variant='jewel-unlock']){width:min(94vw,500px);max-height:calc(100dvh - 24px)}
.game-modal:is([data-variant='territorial-conquest'],[data-variant='jewel-unlock']) #modal-content{padding:12px 18px 18px}
.territorial-conquest{text-align:center;overflow-wrap:anywhere}.territorial-conquest>.eyebrow{color:#795a2a;margin:6px 36px 10px}
.conquest-laurel{color:#a37b31}.conquest-laurel .icon{width:36px;height:36px}.territorial-conquest .modal-title{font-size:36px;color:#285039;margin:6px 0 8px;line-height:1.1}
.conquest-intro{font:500 19px/1.25 var(--serif);margin:0 0 4px}.conquest-art.objective-illustration{float:none;display:block;position:relative;width:112px;height:102px;margin:0 auto;flex:none;mask-image:none}.conquest-art .building-sprite{display:grid;place-items:center;width:100%;height:100%}.conquest-art .icon{width:60px;height:60px;color:#927335}
.conquest-benefit{padding:10px 8px;border-block:1px solid #aa8a4e88;background:#bb913014}.conquest-benefit>span,.conquest-active>span{display:block;font:600 11px/1.4 var(--sans);color:var(--antique-muted)}
.conquest-benefit>strong{display:block;font:700 29px/1.05 var(--serif);color:#285039;margin:4px 0}.conquest-benefit p{font-size:12px;line-height:1.4}
.conquest-active{margin:12px 0 6px}.conquest-active strong{display:block;font:700 22px/1.2 var(--serif);color:#285039}.conquest-condition{font-size:12px;line-height:1.4;margin:0 0 10px}
.territorial-conquest .muted{font-size:11px;line-height:1.4;margin:10px 0}.territorial-conquest .notice{font-size:12px;line-height:1.4;text-align:left}
.conquest-actions{display:grid;gap:8px}.conquest-actions button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;font-size:19px}.conquest-actions .icon{width:20px;height:20px}
.battle-territorial-content{padding:12px 10px;background:#ad8d2c0c;overflow-wrap:anywhere}.battle-territorial-content p{font-size:13px;line-height:1.4;margin:0 0 8px}.battle-territorial-bonus strong,.battle-territorial-bonus span{display:block}.battle-territorial-bonus span{font:700 25px/1.1 var(--serif);color:#285039;margin-top:4px}.battle-territorial-effective{gap:10px}.battle-territorial-content .battle-territorial-rule{font-size:11px;margin:8px 0 0;color:var(--antique-muted)}
@media(max-width:699px){.game-modal:is([data-variant='territorial-conquest'],[data-variant='jewel-unlock']) #modal-content{padding:8px 10px 12px}.territorial-conquest .modal-title{font-size:30px}.conquest-art.objective-illustration{width:100px;height:90px}.conquest-benefit>strong{font-size:25px}.conquest-actions button{font-size:18px}}
@media(forced-colors:active){.territorial-bonus-card,.conquest-benefit,.battle-territorial-content{background:Canvas;border-color:CanvasText}.territorial-bonus-card h3,.conquest-benefit>strong,.conquest-active strong,.territorial-conquest .modal-title{color:CanvasText}.conquest-art.objective-illustration{background:none!important}.conquest-art .building-sprite{visibility:visible!important}}

/* Individual elimination keeps the ongoing match accessible. */
.elimination-banner{flex:none;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 14px;background:linear-gradient(90deg,#421d1b,#672c24,#421d1b);border-block:1px solid #b79a60;color:#f5e4bc;font:700 15px/1.25 var(--sans);text-align:left}
.elimination-banner span{flex:1;max-width:900px}.elimination-banner .icon{width:22px;height:22px}
.eliminated .kingdom-scene :is(#kingdom-viewport,.scene-heading,.kingdom-controls){display:none}
.eliminated .realm-status button:disabled{opacity:1}.eliminated #workers-button{color:#ebc28d}.eliminated #governor-button:disabled{opacity:1}
.elimination-panel{position:absolute;inset:14px max(12px,calc((100% - 640px)/2));z-index:4;overflow:auto;overscroll-behavior:contain;padding:18px;background:#e5d0a6;border:10px solid transparent;border-image:var(--ornate-paper) 8% fill / 10px / 0 stretch;color:var(--antique-ink);box-shadow:0 5px 18px #0008;scrollbar-color:#967946 #e0ceab}
.elimination-summary{text-align:center;overflow-wrap:anywhere}.elimination-summary .outcome-emblem{height:88px;margin:0 auto 6px}.elimination-summary .outcome-emblem img{width:122px;height:88px;object-fit:contain}.elimination-summary>.eyebrow{margin:8px 32px;color:#846230}.elimination-summary h2{font:700 34px/1.1 var(--serif);color:#772f25;margin:8px 0 12px}.elimination-summary p{font-size:14px;line-height:1.45;margin:8px 0}.elimination-summary .elimination-cause{font-weight:700}.elimination-match-status{padding:10px;border-block:1px solid #b79a60;color:#285039;font-weight:600}.elimination-era{display:flex;align-items:center;justify-content:center;gap:8px}.elimination-actions{display:grid;gap:8px;margin-top:14px}.elimination-actions button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:19px;line-height:1.15}.game-modal[data-variant='elimination']{width:min(94vw,510px);max-height:calc(100dvh - 24px)}.game-modal[data-variant='elimination'] #modal-content{padding:16px 18px}
@media(max-width:699px){.elimination-panel{inset:8px;padding:12px}.elimination-summary h2{font-size:29px}.elimination-summary p{font-size:13px}.game-modal[data-variant='elimination'] #modal-content{padding:12px}.elimination-actions button{font-size:17px}}
@media(forced-colors:active){.elimination-banner,.elimination-panel{background:Canvas;color:CanvasText;border:2px solid CanvasText;border-image:none}.elimination-summary h2,.elimination-match-status{color:CanvasText}}

/* Cosmetic identity uses the same parchment controls and gilded portrait crop. */
.victory-mode-picker{min-width:0;margin:16px 0;padding:0;border:0}
.victory-mode-picker>legend{padding:0;margin-bottom:10px;font:700 24px/1.2 var(--serif);color:#493a20}
.victory-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.victory-mode-option{position:relative;display:flex!important;align-items:center;flex-direction:column;gap:8px!important;min-width:0;padding:12px 9px;color:#493a20;background:#bca47218;border:1px solid #a2854c66;cursor:pointer;text-align:center}
.victory-mode-option:has(input:checked){border-color:#9c752d;box-shadow:inset 0 0 0 2px #b3935277}
.victory-mode-option:has(input:focus-visible){outline:2px solid #866022;outline-offset:3px}
.victory-mode-option:has(input:disabled){cursor:default;opacity:.65}
.victory-mode-option>input{position:absolute;top:8px;left:8px;width:18px!important;height:18px;min-height:0!important;margin:0;padding:0;accent-color:#b39352}
.victory-mode-option>strong{font:700 20px/1.15 var(--serif);overflow-wrap:anywhere}
.victory-mode-option>small{font:12px/1.4 var(--sans);color:#6b5634}
.victory-mode-art{display:block;width:100%;height:120px;pointer-events:none}
.victory-mode-castle{display:block;width:150px;max-width:100%;height:120px;margin:auto;background:url('./art-web/castles-hd-v1-f5b7fecc3f.webp') 0 100%/300% 200% no-repeat}
.wonder-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.wonder-event-art{height:200px;margin:8px auto 16px}
.wonder-event-report{text-align:center;padding:8px 0 18px}
.wonder-event-report h3{font:700 30px/1.15 var(--serif);margin:12px 0}
.wonder-event-report .metric-line{gap:12px;text-align:left}
.report-inbox .report-card-banner>.wonder-image{width:100%;height:62px}
.report-filter-tabs .wonder-image{width:28px;height:28px;margin:auto}
.wonder-summary .wonder-detail-art{width:180px;height:150px;float:right;margin:0 0 12px 12px}
.wonder-progress-list{clear:both;display:grid;gap:10px;margin:16px 0}
.wonder-progress-row{padding:10px;border:1px solid #a2854c66;background:#bca47218}
.wonder-progress-row.is-holding{border-color:#9c752d;box-shadow:inset 0 0 0 1px #b3935277}
.wonder-progress-row .metric-line{gap:10px;padding:0 0 7px;align-items:baseline}
.wonder-progress-row .metric-line>span{min-width:0;overflow-wrap:anywhere}
.wonder-progress-row .metric-line strong{flex-shrink:0;text-align:right}
.wonder-progress-row small{display:block;margin-top:6px;color:#6b5634;font:12px/1.4 var(--sans)}
.wonder-occupation-notice{position:fixed;inset:auto 16px 88px auto;margin:0;box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 112px);overflow:auto;padding:18px 16px 14px;display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;border:3px double var(--antique-gold);border-radius:2px;background:linear-gradient(110deg,#f3e5cf,#f5eee0);color:#382813;box-shadow:inset 0 0 0 1px #a7874c55,0 5px 25px #0007;z-index:1200;text-align:left;font:14px/1.4 var(--sans)}
.wonder-occupation-notice[hidden]{display:none}
.wonder-occupation-notice::backdrop{background:transparent;pointer-events:none}
.wonder-occupation-notice .wonder-notice-art{width:82px;height:92px;object-fit:contain;align-self:center}
.wonder-notice-copy{min-width:0;padding-right:20px;overflow-wrap:anywhere}
.wonder-notice-copy .eyebrow{font-size:9px;color:#795a2a;letter-spacing:1px}
.wonder-notice-copy h3{margin:4px 0 6px;font:700 23px/1.08 var(--serif);color:#285039}
.wonder-notice-copy p{margin:0;font:13px/1.4 var(--sans)}
.wonder-occupation-notice .wonder-notice-close{position:absolute;right:0;top:0;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;background:transparent;color:#654c27;box-shadow:none}
.wonder-occupation-notice .wonder-notice-close::before,.wonder-occupation-notice .wonder-notice-close::after{display:none}
.wonder-notice-close .icon{width:20px;height:20px}
.wonder-notice-actions{grid-column:1/-1;display:grid;gap:6px}
.wonder-notice-actions button{min-height:44px;margin:0;width:100%}
.wonder-notice-actions small{font:11px/1.4 var(--sans);color:#6b5634}
.wonder-occupation-notice button:focus-visible{outline:2px solid #285039;outline-offset:2px}
@media(forced-colors:active){.wonder-occupation-notice{background:Canvas;color:CanvasText;border-color:CanvasText}.wonder-notice-copy h3,.wonder-notice-copy .eyebrow,.wonder-notice-actions small,.wonder-occupation-notice .wonder-notice-close{color:CanvasText}}
.wonder-world-summary{display:flex;align-items:center;gap:10px;text-align:left;width:100%}
.wonder-world-summary>.wonder-image{width:48px;height:48px;flex-shrink:0}
.wonder-world-summary strong,.wonder-world-summary small{display:block}
.wonder-world-status{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;width:min(230px,calc(100% - 145px));min-height:48px;padding:7px 9px;background:linear-gradient(#eddfbb,#d8c08d);border:1px solid #a48342;color:#493a20;box-shadow:0 2px 5px #0006;text-align:left;z-index:3}
.wonder-world-status>.wonder-image{width:40px;height:40px;flex-shrink:0}
.wonder-world-status>span{min-width:0}.wonder-world-status strong,.wonder-world-status small{display:block;overflow-wrap:anywhere}.wonder-world-status strong{font:700 17px/1.2 var(--serif)}.wonder-world-status small{font:11px/1.35 var(--sans)}
.map-piece.wonder{z-index:2;width:var(--objective-art-width,748px)}
.map-piece.wonder>.piece-emblem{z-index:4;position:relative}
.map-piece.wonder>.piece-emblem>.wonder-image{width:80%;height:80%;object-fit:contain}
.map-piece.wonder>.piece-label{position:relative;z-index:4}
.map-piece.wonder>.objective-world-art{width:var(--objective-art-width,748px);height:var(--objective-art-height,552px);background:none!important}
.map-piece.wonder>.map-owner-name{bottom:calc(var(--objective-art-height,552px) + 20px)}
#map-pieces .map-piece.wonder>.map-protection-shield{width:calc(var(--objective-art-width,748px) * 1.08);height:calc(var(--objective-art-height,552px) * 1.06);bottom:4px}
.report-meta-art{display:inline-block;width:18px;height:18px;vertical-align:middle}
.activity-wonder-art{width:46px;height:44px}
.outcome-emblem>.wonder-outcome-art{width:200px;height:155px;max-width:100%;margin:auto}
.outcome-emblem:has(>.wonder-outcome-art){height:155px;margin-bottom:12px}
.battle-wonder-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(max-width:699px){.victory-mode-art{height:108px}.victory-mode-castle{height:108px}.victory-mode-option>strong{font-size:18px}.wonder-summary .wonder-detail-art{width:130px;height:115px}.wonder-event-art{height:170px}}
@media(forced-colors:active){.victory-mode-option:has(input:checked){outline:2px solid Highlight;background:Canvas;color:CanvasText}}
.governor-appearance-picker{min-width:0;margin:12px 0;padding:0;border:0}
.governor-appearance-picker>legend{padding:0;margin-bottom:8px;font:700 18px/1.2 var(--serif);color:#493a20}
.governor-appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.governor-appearance-option{position:relative;display:flex!important;align-items:center;flex-direction:column;gap:7px!important;min-width:0;min-height:44px;padding:10px;color:#493a20;background:#bca47218;border:1px solid #a2854c66;cursor:pointer;font:700 17px/1.2 var(--serif)!important;text-align:center}
.governor-appearance-option:has(input:checked){border-color:#9c752d;box-shadow:inset 0 0 0 2px #b3935277;color:#493a20}
.governor-appearance-option:has(input:focus-visible){outline:2px solid #866022;outline-offset:3px}
.governor-appearance-option:has(input:disabled){cursor:default;opacity:.65}
.governor-appearance-option>input{position:absolute;top:7px;left:7px;width:18px!important;height:18px;min-height:0!important;margin:0;padding:0;accent-color:#b39352}
.governor-choice-portrait,.room-governor-portrait{position:relative;display:block;overflow:hidden;flex:none;border:2px ridge #b69655;background:#163b2c}
.governor-choice-portrait{width:90px;height:104px}
.governor-choice-portrait img,.room-governor-portrait img{position:absolute;top:0;left:50%;width:260%;max-width:none;height:auto;transform:translateX(-50%);pointer-events:none}
.governor-appearance-picker>.muted{display:block;margin-top:8px;font:12px/1.4 var(--sans)}
.governor-appearance-open{margin:8px auto 0}.room-appearance-open{flex-basis:100%;margin-top:3px!important}
.room-governor-portrait{width:34px;height:42px;border-width:1px}.campaign-appearance{grid-column:1/-1}
@media(min-width:700px){.governor-choice-portrait{width:104px;height:120px}}
@media(forced-colors:active){.governor-appearance-option:has(input:checked){outline:2px solid Highlight;background:Canvas;color:CanvasText}.governor-appearance-option:has(input:focus-visible){outline:3px solid Highlight}.governor-choice-portrait,.room-governor-portrait{border-color:CanvasText}}

/* Keep the longer scouting outcome inside the existing report ribbon. */
.progression-espionage-report .report-ribbon{right:8px}
.progression-espionage-report .report-ribbon strong{overflow-wrap:anywhere}
@media(max-width:699px){.progression-espionage-report>.spy-intel-list:first-of-type{grid-template-columns:minmax(0,1fr)}}