@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#ddd3b8;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171e1b;font-family:Georgia,Times New Roman,serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#38403533,#0000 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px),#171e1b;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:#d6c79e;background:0 0;border:1px solid #716849}button:hover{background:#c3a96316}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #e1c178}a{color:inherit}.masthead{border-bottom:1px solid #4c513e;justify-content:space-between;align-items:center;height:100px;margin:0 36px;display:flex}.brand{letter-spacing:8px;align-items:center;gap:14px;font:600 46px/1 Cormorant Garamond,Georgia,serif;text-decoration:none;display:flex}.brand-mark{color:#c3a669;text-align:center;border:1px solid #73633f;width:57px;height:57px;font:44px/49px Georgia}.brand small{letter-spacing:2px;color:#a49c83;margin-top:8px;font:8px IBM Plex Mono,monospace;display:block}.edition{letter-spacing:2px;color:#b4ab90;font:10px IBM Plex Mono,monospace}.edition span{text-align:center;color:#737c6c;margin-top:9px;font-size:9px;display:block}.help-button{padding:10px 14px;font-size:13px}.help-button span{margin-left:22px}.empire-bar{border-bottom:1px solid #53543f;align-items:center;gap:38px;height:91px;margin:0 36px;display:flex}.empire-name{letter-spacing:1.3px;align-items:center;gap:13px;min-width:266px;font-size:12px;display:flex}.empire-name small{letter-spacing:.3px;color:#989f88;margin-top:7px;font-size:11px;display:block}.crest{color:#e6d49c;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);background:#7b6336;padding:7px 10px;font-size:27px}.resources{flex:1;gap:38px;display:flex}.resources>div{align-items:center;gap:12px;display:flex}.resources b{color:#b7a981;font-size:27px;font-weight:400}.resources .gold{color:#c4a557}.resources .food{color:#9ba679}.resources .science{color:#8fabac}.resources span{font-size:24px}.resources small{letter-spacing:1px;color:#909680;white-space:nowrap;margin-top:3px;font:8px IBM Plex Mono,monospace;display:block}.resources em{color:#bec89e;margin-left:5px;font-style:normal}.turn{text-align:right;border-left:1px solid #4c513e;min-width:128px;padding-left:28px}.turn small{color:#a79c79;letter-spacing:1px;font:9px IBM Plex Mono,monospace;display:block}.turn strong{margin-top:5px;font-size:23px;font-weight:400;display:block}.workspace{grid-template-columns:232px minmax(360px,1fr) 242px;gap:22px;max-width:1800px;margin:auto;padding:25px 36px 28px;display:grid}.panel{background:linear-gradient(115deg,#ffffff03,#fff0);border:1px solid #535640;box-shadow:inset 0 0 0 3px #171e1b,inset 0 0 0 4px #b3ad8110}.panel-title{letter-spacing:1.25px;color:#bcb38d;border-bottom:1px solid #484d3a;justify-content:space-between;align-items:center;gap:4px;padding:13px 14px;font:9px IBM Plex Mono,monospace;display:flex}.panel-title>span{color:#858d75;letter-spacing:.5px;font-size:8px}.left-column,.right-column{flex-direction:column;gap:17px;display:flex}.portrait{background:#252e27;border:1px solid #736946;margin:17px 24px 0;padding:5px 5px 0;position:relative}.portrait svg{width:100%;display:block}.portrait>span{letter-spacing:1px;text-align:center;color:#b5ad8a;padding:8px 0;font:7px IBM Plex Mono,monospace;display:block}.council h2{text-align:center;color:#e4d6af;margin:20px 12px 12px;font:500 24px/1.1 Cormorant Garamond,Georgia,serif}.council>p{text-align:center;color:#989f89;margin:0 10px 20px;font-size:12px;line-height:1.6}.agent-state{color:#b2b59c;background:#101a1633;border-top:1px solid #454d39;border-bottom:1px solid #454d39;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font:9px IBM Plex Mono,monospace;display:flex}.agent-state i,.status-dot{background:#bb9c5c;border-radius:50%;width:5px;height:5px;display:inline-block}.agent-state i.ready{background:#a1bc7f;box-shadow:0 0 7px #a1bc7f55}.suggestion{padding:17px 16px}.suggestion small,.eyebrow{letter-spacing:1.7px;color:#a89d75;font:8px IBM Plex Mono,monospace}.suggestion p{color:#c5bea3;margin:10px 0 14px;font-size:13px;font-style:italic;line-height:1.6}.suggestion button{text-align:left;color:#c0ad77;border:0;border-top:1px solid #485039;width:100%;padding:12px 0 0;font:9px IBM Plex Mono,monospace}.suggestion button span{float:right}.objective h3{margin:17px 16px 8px}.objective p{color:#9da18b;margin:0 16px 17px;font-size:12px;line-height:1.6}.objective-steps{color:#93977e;border-top:1px solid #454d39;flex-wrap:wrap;gap:8px;padding:12px 14px;font:8px IBM Plex Mono,monospace;display:flex}.objective-steps .done{color:#d1bc79}.map-heading{justify-content:space-between;align-items:center;gap:10px;height:73px;padding:0 0 18px;display:flex}.map-heading h1{letter-spacing:-.7px;color:#e1d6b8;margin:8px 0 0;font:500 clamp(24px,2.4vw,37px)/1.1 Cormorant Garamond,Georgia,serif}.map-tag{letter-spacing:1px;white-space:nowrap;color:#a9ad92;border:1px solid #4d543f;padding:7px;font:8px IBM Plex Mono,monospace}.map-frame{background:#262d23;border:1px solid #8a7b4f;padding:5px;box-shadow:0 5px 20px #0003,0 0 0 2px #121915}.map-topline,.map-bottomline{letter-spacing:1px;color:#b9b08b;justify-content:space-between;gap:8px;padding:9px 9px 12px;font:8px IBM Plex Mono,monospace;display:flex}.map-topline span:last-child{color:#87937a}.canvas-wrap{background:#27352e;border:1px solid #877750;position:relative;overflow:hidden}canvas{width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;display:block}.canvas-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 65px #101e2266}.compass{text-align:center;color:#b6b79588;pointer-events:none;font:8px Georgia;position:absolute;top:22px;right:20px}.compass span{font-size:48px;line-height:1.1;display:block}.sea-label{writing-mode:vertical-rl;letter-spacing:3px;color:#b6cec188;pointer-events:none;font:italic 12px Georgia;position:absolute;top:40%;left:10px;transform:rotate(180deg)}.map-bottomline{letter-spacing:.4px;padding:11px 8px 7px;font-size:7px}.map-bottomline>span:first-child{align-items:center;gap:6px;display:flex}.legend{border:1px solid #c2a565;width:7px;height:7px;display:inline-block}.legend.fog{background:#4f5c49;border-color:#6d775e;margin-left:9px}.tile-inspector{align-items:center;gap:12px;padding:15px 4px 17px;display:flex}.tile-symbol{color:#ac9b68;font-size:25px}.tile-inspector strong{font-size:14px;font-weight:400}.tile-inspector div>span{color:#939e87;margin-top:4px;font-size:11px;display:block}.tile-inspector>small{color:#999c81;margin-left:auto;font:9px IBM Plex Mono,monospace}.chronicle .panel-title>span{font-size:7px}.event{border-bottom:1px solid #41493655;align-items:baseline;gap:15px;margin:0 14px;padding:10px 0;display:flex}.event:last-child{border:0}.event>span{color:#737f6a;font:9px IBM Plex Mono,monospace}.event p{color:#9ea58e;margin:0;font-size:12px;line-height:1.45}.event.latest p{color:#d2c7a7}.event.latest>span{color:#c7ae6c}.city-card{border-bottom:1px solid #414936;padding:17px 14px}.city-card:last-child{border:0}.city-name{align-items:center;gap:12px;display:flex}.city-name>span{color:#c6b277;font-size:33px}.city-name h2{margin:0;font:600 27px Cormorant Garamond,Georgia,serif}.city-name small{letter-spacing:.7px;color:#8f9a80;margin-top:3px;font:7px IBM Plex Mono,monospace;display:block}.city-yields{color:#b5b994;border-top:1px solid #454d39;border-bottom:1px solid #454d39;justify-content:space-around;margin:16px 0;padding:9px 0;font-size:13px;display:flex}.label-line{justify-content:space-between;align-items:center;gap:5px;font-size:12px;display:flex}.label-line small{letter-spacing:.5px;color:#a29f7e;font:7px IBM Plex Mono,monospace}.meter{background:#101a16;border:1px solid #4f5540;height:6px;margin:10px 0 7px;padding:1px}.meter span{background:#bcaa6a;height:100%;transition:width .4s;display:block}.fineprint{color:#8e997f;font:8px/1.6 IBM Plex Mono,monospace}.panel-body{padding:16px 14px}h3{margin:0 0 8px;font:600 21px Cormorant Garamond,Georgia,serif}.panel-body p{color:#9ba68d;margin:8px 0 14px;font-size:12px;line-height:1.5}#research .meter span{background:#8eaca8}.unit-row{border-bottom:1px solid #424a37;align-items:center;gap:10px;padding:13px 14px;display:flex}.unit-row:last-child{border:0}.unit-icon{color:#c2b682;background:#303b2b;border:1px solid #64704b;place-items:center;width:29px;height:29px;font-size:18px;display:grid}.unit-row strong{font-size:13px;font-weight:400}.unit-row small{color:#8c997f;margin-top:4px;font:7px IBM Plex Mono,monospace;display:block}.moves{color:#b8ac72;letter-spacing:2px;margin-left:auto;font-size:9px}.rival-symbol{color:#b48164;margin-right:4px;font-size:15px}.diplomacy-label{color:#b59a74;letter-spacing:1px;font:7px IBM Plex Mono,monospace}.rival .meter span{background:#ac7a5c}footer{letter-spacing:1px;color:#788570;border-top:1px solid #4d543d;justify-content:space-between;gap:10px;margin:0 36px;padding:18px 0 24px;font:8px IBM Plex Mono,monospace;display:flex}footer .status-dot{background:#8b9c73;margin-right:7px}dialog{color:#d6cfb4;background:#222c23;border:1px solid #a69159;width:calc(100% - 32px);max-width:570px;padding:36px;box-shadow:0 20px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090e0bd9}dialog h2{margin:14px 0;font:600 34px Cormorant Garamond,Georgia,serif}dialog p,dialog li{color:#bdc2ab;font-size:14px;line-height:1.7}dialog li{margin:8px 0}dialog ol{padding-left:20px}dialog code{color:#d3c08a;font:11px IBM Plex Mono,monospace}dialog blockquote{border-left:2px solid #b7a05f;margin:20px 0;padding-left:18px;font-style:italic;line-height:1.6}dialog .close{border:0;font-size:26px;position:absolute;top:10px;right:12px}dialog details{margin-top:20px;font-size:13px}dialog summary{cursor:pointer;color:#cbb783}dialog a{color:#cbb783}@media (width>=1600px){.workspace{grid-template-columns:260px minmax(500px,1fr) 270px;gap:28px}.council h2{font-size:29px}.portrait{margin-left:32px;margin-right:32px}.panel-title{font-size:10px}.event p{font-size:14px}.map-heading{height:80px}}@media (width<=1150px){.masthead,.empire-bar,footer{margin-left:20px;margin-right:20px}.workspace{grid-template-columns:195px minmax(300px,1fr) 205px;gap:14px;padding:22px 20px}.resources{gap:20px}.empire-bar{gap:18px}.empire-name{min-width:220px;font-size:10px}.resources span{font-size:20px}.resources b{font-size:22px}.resources>div{gap:7px}.map-tag{display:none}.map-heading h1{font-size:27px}.council h2{font-size:22px}.portrait{margin:14px 18px 0}.panel-title{padding:12px 10px;font-size:8px}.unit-row{gap:7px;padding:12px 9px}.city-name h2{font-size:25px}.map-bottomline>span:last-child{display:none}.turn{min-width:106px;padding-left:15px}.suggestion{padding:14px 12px}}@media (width<=930px){.workspace{grid-template-columns:190px minmax(0,1fr)}.right-column{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.resources{justify-content:space-around;gap:10px}.resources>div:last-child{display:none}.empire-name{min-width:190px}.edition{display:none}.map-heading h1{font-size:30px}.right-column .panel-title{letter-spacing:.4px;font-size:7px}.right-column .panel-title span{display:none}.city-name h2{font-size:22px}.city-name{gap:6px}.city-name small{font-size:6px}.panel-body{padding:13px 10px}.label-line{font-size:10px}.label-line small{font-size:6px}}@media (width<=650px){.masthead{height:79px;margin:0 14px}.brand{letter-spacing:5px;gap:10px;font-size:34px}.brand-mark{width:43px;height:43px;font-size:34px;line-height:38px}.brand small{letter-spacing:1px;font-size:6px}.help-button{padding:8px;font-size:11px}.help-button span{margin-left:9px}.empire-bar{flex-wrap:wrap;gap:0;height:auto;min-height:108px;margin:0 14px;padding:13px 0;position:relative}.empire-name{width:70%;font-size:10px}.crest{padding:5px 8px;font-size:20px}.resources{order:3;justify-content:flex-start;gap:26px;width:100%;margin-top:14px}.resources span{font-size:18px}.resources small{font-size:7px}.resources b{font-size:19px}.turn{min-width:80px;position:absolute;top:15px;right:0}.turn strong{font-size:20px}.turn small{font-size:8px}.workspace{flex-direction:column;gap:18px;padding:18px 14px;display:flex}.map-column{order:0}.left-column{order:1;grid-template-columns:1fr;gap:14px;display:grid}.right-column{order:2;grid-template-columns:1fr 1fr;gap:12px}.map-heading{height:62px}.map-heading h1{font-size:29px}.map-topline,.map-bottomline{font-size:7px}.compass{top:12px;right:12px}.compass span{font-size:32px}.sea-label{letter-spacing:2px;font-size:8px}.council{grid-template-columns:90px 1fr;display:grid}.council .panel-title{grid-column:1/-1}.portrait{grid-area:2/1/4;align-self:start;margin:14px 0 14px 12px}.portrait>span{letter-spacing:0;padding:5px 0;font-size:5px}.council h2{margin:15px 10px 5px;font-size:23px}.council>p{margin-bottom:12px;font-size:11px}.agent-state,.suggestion{grid-column:1/-1}.suggestion p{margin:8px 0 12px}.objective{display:none}.right-column .panel-title{font-size:8px}.city-name h2{font-size:25px}footer{letter-spacing:.4px;flex-wrap:wrap;margin:0 14px;font-size:7px;line-height:1.8}footer>span:nth-child(2){order:3;width:100%}dialog{padding:28px 22px}.map-frame{padding:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}