/* The council shares the live game's parchment, bronze frame and green seals. */
.action-sheet[data-view='diplomacy']{inset:0;width:100%;max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto}
.action-sheet[data-view='diplomacy'] .sheet-handle{display:none}
.action-sheet[data-view='diplomacy'] .sheet-content{grid-column:1/-1;grid-row:3;min-height:0;padding:0 8px 18px}
.action-sheet[data-view='diplomacy'] #sheet-footer{grid-column:1/-1;grid-row:4}
.action-sheet[data-view='diplomacy'] .sheet-navigation{grid-column:1;grid-row:1;height:auto;padding:8px 8px 8px 0}
.action-sheet[data-view='diplomacy'] .sheet-navigation #back-sheet{width:auto;gap:5px}
.action-sheet[data-view='diplomacy'] .sheet-navigation #back-sheet .icon{width:20px;height:20px}
.action-sheet[data-view='diplomacy'] .sheet-heading{display:contents}
.action-sheet[data-view='diplomacy'] .sheet-heading::after{display:none}
.action-sheet[data-view='diplomacy'] .sheet-heading>div{grid-column:1/-1;grid-row:2;position:relative;min-width:0;padding:0 8px 8px;border-bottom:1px solid #79572965}
.action-sheet[data-view='diplomacy'] .sheet-heading>div::after{content:'◆';position:absolute;bottom:-6px;left:50%;font-size:10px;line-height:10px;color:#7f4e25;text-shadow:0 1px #e9d6ad;pointer-events:none}
.action-sheet[data-view='diplomacy'] #close-sheet{grid-column:2;grid-row:1;position:static;align-self:center;justify-self:end;flex:none;width:53px;height:53px;min-width:53px;min-height:53px;margin:5px var(--sheet-close-inset) 5px 0;z-index:4}
.action-sheet[data-view='diplomacy'] .sheet-heading .eyebrow{display:block;line-height:1.2}
.action-sheet[data-view='diplomacy'] .sheet-heading h2{font-size:28px;line-height:1.1}
.diplomacy-panel{min-width:0;color:var(--antique-ink);font:16px/1.4 var(--sans)}
.diplomacy-panel [hidden]{display:none!important}
.diplomacy-hero{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-height:150px;margin:0 -8px 10px;padding:0 12px;border-block:1px solid var(--antique-gold);background:linear-gradient(90deg,#f0e5cf12,#f0e5cff5 20%,#f0e5cff5 72%,#f0e5cfb3 86%,#f0e5cf00),var(--diplomacy-hero) right center/cover}
.diplomacy-hero>.diplomacy-flag{width:94px;height:148px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 1px #392a1855)}
.diplomacy-hero>div{min-width:0;max-width:250px;padding-block:8px;color:var(--antique-ink)}
.diplomacy-hero h3{margin:2px 0 5px;color:var(--green);font:700 27px/1.05 var(--serif);overflow-wrap:anywhere}
.diplomacy-hero small{font:700 12px/1.3 var(--sans);letter-spacing:1px;color:var(--antique-muted)}
.diplomacy-hero p{margin:0;font:14px/1.3 var(--sans)}
.diplomacy-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 14px}
.diplomacy-tabs button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-width:0;min-height:53px;padding:8px 4px;border:1px solid #a1834e;background:linear-gradient(120deg,#fff7e84d,#b899571a);color:var(--antique-ink);font:700 20px/1.15 var(--serif);box-shadow:inset 0 0 0 2px #fff1cf66;cursor:pointer;overflow-wrap:anywhere}
.diplomacy-tabs button[aria-pressed='true']{border:2px ridge var(--antique-gold);background:linear-gradient(#17492ff2,#082a1ef2),url('./art-web/wood-dark-v3-331b77e862.webp') center/240px;color:#f4dfab;box-shadow:inset 0 0 0 1px #e3c78944}
.diplomacy-count{display:inline-grid;place-items:center;min-width:22px;min-height:22px;padding:1px 5px;border:1px solid #c1a060;border-radius:50%;background:#711d16;color:#fff4d1;font:700 13px var(--sans)}
.diplomacy-section-title{display:flex;align-items:center;gap:10px;margin:16px 0 8px;font:700 23px/1.15 var(--serif);color:#5c4125}
.diplomacy-section-title::after{content:'';flex:1;min-width:12px;height:1px;background:linear-gradient(90deg,#94713caa,#94713c22)}
.diplomacy-relations{display:grid;gap:8px}
.diplomacy-relation,.diplomacy-proposal,.diplomacy-treaty{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid #a1834e99;background:linear-gradient(120deg,#fff9ec66,#b8995710);box-shadow:inset 0 0 0 2px #fff1cf66}
.diplomacy-flag{display:block;width:64px;height:84px;object-fit:contain;pointer-events:none}
.diplomacy-relation>div,.diplomacy-proposal>div,.diplomacy-treaty>div{min-width:0}
.diplomacy-panel h4{margin:0 0 3px;font:700 20px/1.15 var(--serif);overflow-wrap:anywhere}
.diplomacy-relation small,.diplomacy-proposal small,.diplomacy-treaty small{display:block;color:var(--antique-muted);font:14px/1.3 var(--sans);margin-top:4px;overflow-wrap:anywhere}
.diplomacy-state{display:flex;align-items:center;gap:5px;font:700 16px/1.3 var(--sans);color:#66502b}
.diplomacy-state--nap,.diplomacy-state--peace{color:#205c39}
.diplomacy-state--war{color:#8b2419}
.diplomacy-state>.icon,.diplomacy-trade-state>.icon{width:19px;height:19px;flex:none;vertical-align:middle}
.diplomacy-painted-art{display:inline-block;flex:none;background-repeat:no-repeat;pointer-events:none;vertical-align:middle;filter:drop-shadow(0 1px 1px #392a1840)}
.diplomacy-state-art{width:28px;height:28px;margin-right:3px}
.diplomacy-trade-state>.diplomacy-state-art{width:24px;height:24px}
.diplomacy-trade-state{color:#265439!important}
.diplomacy-panel :is(.primary-button,.secondary-button){min-width:0;min-height:53px;margin:0;padding:9px 17px;white-space:normal;overflow-wrap:anywhere;font-size:18px;--button-overhang:-7px}
.diplomacy-relation>button{max-width:144px;font-size:16px;padding-inline:14px;min-width:118px}
.diplomacy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 4px 10px}
.diplomacy-actions:empty{display:none}
.diplomacy-actions>button:only-child{grid-column:1/-1}
.diplomacy-detail-actions{display:grid;gap:12px;margin:18px 4px}
.diplomacy-treaty{grid-template-columns:85px minmax(0,1fr);margin-block:12px}
.diplomacy-treaty>.diplomacy-flag{width:85px;height:110px}
.diplomacy-treaty p{margin:8px 0 0;font-size:14px}
.diplomacy-muted{font:14px/1.4 var(--sans);color:var(--antique-muted);overflow-wrap:anywhere}
.diplomacy-empty{display:grid;justify-items:center;text-align:center;gap:6px;min-height:90px;padding:18px 10px;border-block:1px solid #a1834e44;color:var(--antique-muted)}
.diplomacy-empty>.icon{width:32px;height:32px;color:#8c7047}
.diplomacy-empty-art{width:64px;height:64px}
.diplomacy-empty p{margin:0;font:700 19px var(--serif)}
.diplomacy-empty small{font:14px/1.4 var(--sans)}
.diplomacy-proposal{grid-template-columns:58px minmax(0,1fr);margin-block:10px}
.diplomacy-proposal>.diplomacy-flag{width:58px;height:80px}
.diplomacy-proposal-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;margin:4px}
.diplomacy-proposal-actions>button{flex:1}
.diplomacy-chronicles{list-style:none;margin:0;padding:0}
.diplomacy-chronicles li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px 4px;border-bottom:1px solid #a1834e66}
.diplomacy-chronicle-seal{display:grid;place-items:center;width:48px;height:48px;color:#7e4c25}
.diplomacy-chronicle-art{width:48px;height:48px}
.diplomacy-chronicle-seal>.icon{width:24px;height:24px}
.diplomacy-chronicles strong{font:700 20px var(--serif)}
.diplomacy-chronicles p{font:14px/1.4 var(--sans);margin:3px 0;overflow-wrap:anywhere}
.diplomacy-chronicles time{font:12px var(--sans);color:var(--antique-muted)}
.diplomacy-form{display:grid;gap:16px;margin-block:16px}
.diplomacy-form>label{display:grid;gap:7px;min-width:0;font:700 21px var(--serif)}
.diplomacy-form :is(select,input,textarea){width:100%;min-width:0;min-height:53px;padding:10px;border:1px solid #a58755;border-radius:3px;background:linear-gradient(110deg,#f9f2e4,#e8d7b5);color:#493a20;font:16px/1.35 var(--sans)}
.diplomacy-form p{margin:0}
.diplomacy-resource-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.diplomacy-resource-fields fieldset{margin:0;padding:10px;border:1px solid #a1834e88;min-width:0}
.diplomacy-resource-fields legend{padding-inline:5px;font:700 21px var(--serif)}
.diplomacy-resource-fields label{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:5px;margin:8px 0 12px;min-width:0;font-size:14px}
.diplomacy-resource-fields label>.icon{width:25px;height:25px;grid-column:1}
.diplomacy-resource-fields input,.diplomacy-resource-fields small{grid-column:1/-1}
.diplomacy-resource-fields small{font:12px/1.3 var(--sans);color:var(--antique-muted)}
.diplomacy-side-total{display:block;padding-top:6px;border-top:1px solid #a1834e66;font:700 13px/1.4 var(--sans);overflow-wrap:anywhere}
.diplomacy-side-total.is-over-limit{color:#8b2419}
.diplomacy-trade-limits{display:grid;gap:4px;margin:10px 0;padding:10px;border:1px solid #a1834e66;background:#fff7e633;font:13px/1.4 var(--sans)}
.diplomacy-trade-limits p{margin:0;overflow-wrap:anywhere}
.diplomacy-recipient{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #a1834e66;overflow-wrap:anywhere}
.diplomacy-recipient>span{font-size:13px;color:var(--antique-muted)}
.diplomacy-recipient strong{font:700 21px/1.25 var(--serif)}
.diplomacy-recipient strong>span{white-space:nowrap}
.diplomacy-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:10px;border-block:1px solid #a1834e66}
.diplomacy-wallet>div{min-width:0}
.diplomacy-wallet dt{display:flex;align-items:center;gap:5px;font:700 16px var(--serif)}
.diplomacy-wallet dt>.icon{width:24px;height:24px;flex:none}
.diplomacy-wallet dd{margin:3px 0;font:13px/1.4 var(--sans);overflow-wrap:anywhere}
.diplomacy-wallet dd small{display:block;color:var(--antique-muted)}
.diplomacy-confirm{padding:16px 10px;border:1px solid #a1834e99;background:#fff7e62b}
.diplomacy-confirm>p{font:16px/1.4 var(--sans)}
.diplomacy-trade-card{border:1px solid #a1834e99;padding:12px;margin:10px 0;background:linear-gradient(120deg,#fff9ec66,#b8995710);box-shadow:inset 0 0 0 2px #fff1cf66}
.diplomacy-trade-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.diplomacy-trade-card header strong{font:700 21px var(--serif)}
.diplomacy-trade-card header small{color:var(--antique-muted);overflow-wrap:anywhere}
.diplomacy-trade-terms{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:8px;margin:12px 0}
.diplomacy-trade-terms>div{min-width:0}
.diplomacy-trade-terms small{font:14px/1.4 var(--sans);color:var(--antique-muted)}
.diplomacy-exchange{text-align:center;color:#8e642e;font:30px var(--serif)}
.diplomacy-resource-list{display:grid;gap:4px}
.diplomacy-resource-list>span{display:block;font:14px/1.3 var(--sans);overflow-wrap:anywhere}
.diplomacy-resource-list .icon{width:24px;height:24px;vertical-align:middle;margin-right:4px}
.diplomacy-trade-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #a1834e44;padding-top:8px}
.diplomacy-trade-card footer>small{font-size:12px;color:var(--antique-muted)}
.diplomacy-trade-card footer>div{display:flex;gap:12px;flex-wrap:wrap}
.diplomacy-trade-card footer button{font-size:16px}
.diplomacy-feedback,.diplomacy-eligibility{overflow-wrap:anywhere;white-space:pre-wrap}
.diplomacy-storage-reservations p{margin:6px 0;font:14px/1.4 var(--sans)}
.diplomacy-panel :focus-visible{outline:2px solid var(--antique-gold);outline-offset:3px}
.diplomacy-panel :disabled{cursor:default;opacity:.65}
@media(max-width:430px){.diplomacy-hero{grid-template-columns:70px minmax(0,1fr);gap:8px;min-height:126px;padding-inline:6px}.diplomacy-hero>.diplomacy-flag{width:70px;height:124px}.diplomacy-hero h3{font-size:25px}.diplomacy-hero p{font-size:13px}.diplomacy-tabs{gap:4px}.diplomacy-tabs button{font-size:18px}.diplomacy-relation{grid-template-columns:50px minmax(0,1fr);gap:8px;padding:7px}.diplomacy-relation>.diplomacy-flag{grid-row:1/3;width:50px;height:80px;align-self:start}.diplomacy-relation>button{grid-column:2;justify-self:start;max-width:100%;min-width:130px;min-height:46px;font-size:16px;padding-block:6px}.diplomacy-panel h4{font-size:20px}.diplomacy-section-title{font-size:22px}.diplomacy-actions{gap:10px}.diplomacy-panel :is(.primary-button,.secondary-button){padding-inline:12px}.diplomacy-resource-fields{gap:8px}.diplomacy-resource-fields fieldset{padding:7px}.diplomacy-resource-fields legend{font-size:19px}.diplomacy-trade-card{padding:10px}.diplomacy-resource-list>span{font-size:13px}}
@media(max-width:330px){.diplomacy-tabs button{font-size:16px}.diplomacy-actions,.diplomacy-resource-fields{grid-template-columns:minmax(0,1fr)}.diplomacy-hero{grid-template-columns:58px minmax(0,1fr)}.diplomacy-hero>.diplomacy-flag{width:58px}.diplomacy-hero h3{font-size:23px}.diplomacy-trade-terms{grid-template-columns:minmax(0,1fr);gap:3px}.diplomacy-exchange{text-align:left}.diplomacy-proposal{grid-template-columns:44px minmax(0,1fr)}.diplomacy-proposal>.diplomacy-flag{width:44px}}
@media(max-width:699px){
 .action-sheet[data-view='diplomacy'] .sheet-navigation{padding-block:4px}
 .action-sheet[data-view='diplomacy'] #close-sheet{width:44px;height:44px;min-width:44px;min-height:44px;margin-block:3px}
 .action-sheet[data-view='diplomacy'] .sheet-heading h2{font-size:25px}
 .diplomacy-hero{grid-template-columns:56px minmax(0,1fr);min-height:88px;gap:8px;margin-bottom:6px;padding:4px 8px}
 .diplomacy-hero>.diplomacy-flag{width:56px;height:82px}
 .diplomacy-hero>div{max-width:none;padding-block:0}
 .diplomacy-hero h3{font-size:22px;margin-block:2px 4px}
 .diplomacy-hero small{font-size:11px}
 .diplomacy-hero p{font-size:12px}
 .diplomacy-tabs{gap:4px;margin-block:6px 10px}
 .diplomacy-tabs button{min-height:44px;font-size:17px;padding:6px 3px}
 .diplomacy-section-title{margin-top:12px;font-size:21px}
 .diplomacy-panel :is(.primary-button,.secondary-button){min-height:44px;padding:7px 12px;font-size:16px}
 .diplomacy-form{gap:10px;margin-block:10px}
 .diplomacy-form>label{gap:4px;font-size:18px}
 .diplomacy-form :is(select,input,textarea){min-height:44px;padding:7px;font-size:16px}
 .diplomacy-resource-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .diplomacy-resource-fields fieldset{padding:7px}
 .diplomacy-resource-fields legend{font-size:17px}
 .diplomacy-resource-fields label{grid-template-columns:20px minmax(0,1fr);gap:4px;margin-block:6px 8px;font-size:13px}
 .diplomacy-resource-fields label>.icon{width:20px;height:20px}
 .diplomacy-side-total{font-size:12px}
 .diplomacy-wallet{gap:6px;margin-block:8px;padding:7px}
 .diplomacy-wallet dt{font-size:15px}
 .diplomacy-trade-limits{gap:3px;margin-block:8px;padding:7px;font-size:12px}
 .diplomacy-actions{margin-block:10px 6px;gap:10px}
 .diplomacy-confirm{padding:12px 8px}
}
@media(min-width:700px){.action-sheet[data-view='diplomacy']{left:auto;right:18px;top:18px;bottom:18px;width:576px;max-width:calc(100% - 36px);max-height:calc(100% - 36px)}}
@media(max-width:699px){.diplomacy-hero{background:linear-gradient(90deg,#f0e5cf66,#f0e5cff5 28%,#f0e5cff5 78%,#f0e5cfeb),var(--diplomacy-hero) right center/cover}}
@media(forced-colors:active){.diplomacy-hero,.diplomacy-hero>div,.diplomacy-tabs button,.diplomacy-relation,.diplomacy-proposal,.diplomacy-treaty,.diplomacy-trade-card,.diplomacy-confirm,.diplomacy-form :is(select,input,textarea),.diplomacy-chronicle-seal{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.diplomacy-tabs button[aria-pressed='true']{border:3px solid Highlight;color:Highlight}.diplomacy-hero h3,.diplomacy-hero small,.diplomacy-state,.diplomacy-muted,.diplomacy-section-title,.diplomacy-trade-state{color:CanvasText!important}.diplomacy-flag{filter:none}}
@media(forced-colors:active){.diplomacy-painted-art{display:none}.diplomacy-chronicles li{grid-template-columns:minmax(0,1fr)}.diplomacy-chronicle-seal{display:none}}
#action-sheet[data-view='diplomacy']{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;min-height:0;margin:0;z-index:60}
@media(min-width:700px){#action-sheet[data-view='diplomacy']{inset:18px 18px 18px auto;width:576px;height:calc(100dvh - 36px);max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px)}}

.diplomacy-form textarea{resize:vertical;min-height:112px;line-height:1.45}
.diplomacy-message-field .diplomacy-message-count{font:12px/1.4 var(--sans);color:var(--antique-muted);text-align:right}
.diplomacy-message{margin:10px 0;padding:10px 12px;border-left:3px solid var(--antique-gold);background:#fff7e640;min-width:0;overflow-wrap:anywhere}
.diplomacy-message>span{display:block;font:700 13px/1.4 var(--sans);color:var(--antique-muted)}
.diplomacy-message>p{margin:4px 0 0;font:15px/1.45 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}
.diplomacy-message-note{padding:8px;border-block:1px solid #a1834e44}
@media(max-width:699px){.diplomacy-form textarea{min-height:100px}.diplomacy-message{padding:8px}.diplomacy-message>p{font-size:14px}}