*{box-sizing:border-box}:root{--ink:#2b3b32;--paper:#f7f4e9}body{margin:0;color:var(--ink);font:14px 'Segoe UI',sans-serif;background:#b9d1cf;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cf9e40;outline-offset:3px}[hidden]{display:none!important}#world{position:absolute;inset:0 0 0 340px}#world canvas{display:block;touch-action:none}header{position:absolute;inset:0 0 auto;height:82px;display:flex;align-items:center;gap:25px;padding:16px 28px;background:linear-gradient(#f7f4edee,#f7f4edb0);border-bottom:1px solid #65776525;z-index:5}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink)}.brand small{display:block;font-size:9px;letter-spacing:3.3px}.brand strong{font:700 24px Georgia,serif;letter-spacing:1px}.crown{font-size:42px;color:#98763c;line-height:1}.topstats{margin-left:auto;display:flex;align-items:center;gap:24px;color:#566359}.topstats b{font:700 22px Georgia,serif;color:#2a4034;margin-right:5px}.prototype{font-size:9px;letter-spacing:1.7px;border:1px solid #a2ac97;padding:7px 10px;border-radius:20px}#help{width:32px;height:32px;border:1px solid #9caa95;border-radius:50%;font-weight:700}.sidebar{position:absolute;top:100px;left:20px;bottom:102px;width:306px;z-index:6;display:flex;flex-direction:column;background:var(--paper);border:1px solid #cabf9e;border-radius:6px;box-shadow:0 12px 35px #35453223;overflow:hidden}#searchForm{padding:20px 20px 17px;border-bottom:1px solid #ded8c5;flex-shrink:0;position:relative}label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#6f796b;display:block;margin-bottom:9px}.searchbox{display:flex;align-items:center;background:#fffdf6;border:1px solid #d1c8ad;border-radius:4px;padding:3px 5px 3px 12px;gap:7px}.searchbox>span{color:#9a864f;font-size:20px}input{width:100%;min-width:0;border:0;background:transparent;padding:10px 0;color:var(--ink);font-size:13px}.searchbox button{font-size:22px;padding:0 8px}#results{position:absolute;top:98px;left:12px;right:12px;max-height:270px;overflow:auto;z-index:10;background:#fffcf4;border:1px solid #b7a576;box-shadow:0 8px 20px #0002;border-radius:5px}#results button{display:block;width:100%;text-align:left;padding:12px;border-bottom:1px solid #e9e1cf}#results button:hover{background:#ede8d6}#results small{display:block;color:#788271;font-size:10px;margin-top:3px}#results p{padding:12px;line-height:1.6;margin:0;font-size:12px}#panel{padding:22px 20px;overflow:auto;scrollbar-width:thin}h2{font:700 26px/1.15 Georgia,serif;margin:8px 0 12px;letter-spacing:-.7px}p{line-height:1.6}#panel>p{color:#687364;font-size:12px;margin:0 0 19px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8b794d}.faction{display:flex;text-align:left;align-items:center;gap:14px;width:100%;border:1px solid #d9d1b8;padding:14px 12px;margin-top:10px;border-radius:4px;background:#fffdf5;transition:transform .2s}.faction:hover{transform:translateX(3px);box-shadow:0 3px 10px #283a3210}.faction strong{font:700 17px Georgia,serif;display:block}.faction small{display:block;color:#798372;font-size:10px;margin-top:5px}.arrow{margin-left:auto;color:#a89971}.crest{width:44px;height:53px;flex-shrink:0;filter:drop-shadow(0 2px 1px #0002)}.crest.large{width:68px;height:80px;margin:10px 0 2px}.note{font-size:10px;color:#84907d;line-height:1.65;border-top:1px solid #ded8c5;padding-top:15px;margin-top:20px}.back{padding:0 0 14px;font-size:11px;color:#7b805f}.regiontop{display:flex;align-items:center;gap:14px}.regiontop h2{font-size:25px}.motto{font:italic 14px Georgia,serif!important;color:#8a774b!important}.facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.facts div{background:#ebe9db;border:1px solid #d7d3bf;border-radius:3px;padding:11px}.facts small{display:block;color:#78806c;font-size:9px}.facts b{display:block;font:700 18px Georgia,serif;margin-top:4px}.governor{display:flex;align-items:center;gap:10px;padding:13px 0;border-block:1px solid #ddd6bf;font-size:12px}.governor>span{font-size:24px;color:#a18a56}.governor small{display:block;font-size:10px;color:#89907d;margin-top:4px}.sectiontitle{font-size:9px;letter-spacing:1.5px;color:#7d866f;margin:20px 0 10px}.member{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 0;border-bottom:1px solid #e5dfcd;font-size:12px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:10px;font-weight:700}.member small{margin-left:auto;color:#969b86;font-size:9px}.proposal{background:#e8ecdf;border-left:3px solid #8b9e73;padding:12px;margin-top:16px;font-size:11px;line-height:1.6}.proposal b{display:block;margin-bottom:4px}.tag{font-size:9px;border:1px solid #c1b48f;border-radius:20px;padding:4px 8px;display:inline-block;color:#85774f}.housepreview{padding:18px;text-align:center;background:linear-gradient(150deg,#e7e9d8,#f6eed7);border:1px solid #d7d2b9;border-radius:5px;margin:10px 0}.housepreview svg{height:78px;width:112px}.primary{width:100%;padding:12px;border:1px solid #927347;border-radius:3px;color:#fff2cf;background:linear-gradient(#53684e,#334c3b);font-size:11px;font-weight:600;box-shadow:inset 0 1px #ffffff30}#labels{position:absolute;inset:0;pointer-events:none}.mapbadge{position:absolute;pointer-events:auto;display:flex;gap:7px;align-items:center;transform:translate(-50%,-100%);background:#fff8e8ed;border:1px solid #b9a776;border-radius:4px;padding:7px 12px;font:700 13px Georgia,serif;box-shadow:0 3px 7px #324d3826;white-space:nowrap}.mapbadge .crest{width:23px;height:28px}.mapbadge:after{content:'';position:absolute;left:50%;top:100%;border:6px solid transparent;border-top-color:#fff8e8ed}.tools{position:absolute;right:22px;bottom:112px;display:grid;padding:5px;background:linear-gradient(#51432f,#322a20);border:2px solid #b39965;border-radius:5px;box-shadow:0 5px 15px #253b3433;z-index:4}.tools button{width:36px;height:36px;color:#f2ddab;font-size:23px}.tools button+button{border-top:1px solid #ae936b44}.tools button:hover{background:#9f8c6933}footer{position:absolute;bottom:18px;left:20px;right:20px;min-height:65px;padding:10px 18px;display:flex;align-items:center;gap:15px;color:#f3e4c1;background:repeating-linear-gradient(2deg,transparent 0 4px,#110c081a 5px 6px),linear-gradient(90deg,#3e2d20,#57402b 45%,#38281d);border:2px solid #b09259;box-shadow:inset 0 0 0 2px #231b13,0 4px 14px #0002;border-radius:4px;z-index:5}footer small{display:block;font-size:8px;letter-spacing:2px;color:#cdbb92}footer strong{font:700 16px Georgia,serif}.seal{font-size:32px;color:#d9b96f}.footer-divider{height:30px;width:1px;background:#a58d5e77;margin:0 8px}footer p{font-size:11px;color:#cabd9f;margin:0}#replay{margin-left:auto;border:1px solid #9b8358;padding:9px 12px;border-radius:3px;color:#eadab7;font-size:11px}.close{float:right;font-size:26px}dialog{border:1px solid #bdab7c;border-radius:7px;max-width:490px;background:#faf7ed;padding:28px;color:var(--ink)}dialog::backdrop{background:#233b3388;backdrop-filter:blur(4px)}dialog p,dialog li{font-size:13px;color:#687364;line-height:1.7}dialog small{font-size:9px;letter-spacing:2px;color:#9a8655}#toast{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);padding:12px 20px;background:#2f4439;color:#fff7e8;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20;font-size:12px}#toast.show{opacity:1}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#e3e8da;z-index:30;font-size:60px;color:#997c41}#loading p{font-size:14px}
@media(max-width:800px){header{height:64px;padding:10px 15px;gap:12px}.brand strong{font-size:17px}.brand small{font-size:7px;letter-spacing:2px}.crown{font-size:32px}.topstats{gap:10px;font-size:10px}.topstats b{font-size:15px}.prototype{display:none}#help{width:27px;height:27px;flex-shrink:0}#world{left:0;bottom:260px;top:64px}.sidebar{top:auto;bottom:12px;left:12px;right:12px;width:auto;height:248px;flex-direction:row}#searchForm{width:42%;padding:15px 12px;border-right:1px solid #ded8c5;border-bottom:0}label{font-size:8px;letter-spacing:.8px}.searchbox{padding-left:7px}.searchbox input{font-size:11px}.searchbox button{padding:0 3px}#results{top:85px;left:7px;right:7px;max-height:145px}#panel{width:58%;padding:15px 12px}#panel h2{font-size:20px;margin:5px 0 9px}#panel>p{font-size:10px;margin-bottom:9px}.eyebrow{font-size:8px}.faction{padding:8px;gap:8px;margin-top:6px}.faction strong{font-size:13px}.faction small{font-size:8px;margin-top:3px}.crest{width:28px;height:34px}.faction .arrow{display:none}.note{font-size:9px;margin-top:12px}.regiontop{gap:8px}.crest.large{width:37px;height:44px}.facts{gap:5px}.facts div{padding:7px}.facts b{font-size:14px}.facts small{font-size:8px}.governor{font-size:10px}.member{font-size:10px}.member small{font-size:8px}footer{display:none}.tools{right:12px;bottom:275px}.tools button{width:29px;height:29px;font-size:20px}.mapbadge{font-size:10px;padding:4px 7px;gap:4px}.mapbadge .crest{width:17px;height:21px}#toast{bottom:270px;max-width:85%;width:max-content}.housepreview{padding:8px}.housepreview svg{height:55px}.back{font-size:10px;padding-bottom:7px}.proposal{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:800px){
 #world{bottom:312px}.sidebar{height:300px;flex-direction:column}
 #searchForm{width:100%;padding:11px 14px;border-right:0;border-bottom:1px solid #ded8c5}
 #searchForm label{margin-bottom:4px}.searchbox input{padding:7px 0;font-size:12px}
 #results{top:70px;left:12px;right:12px;max-height:180px}
 #panel{width:100%;flex:1;padding:12px 14px}
 #panel:has(.faction) h2 br{display:none}#panel:has(.faction) h2{font-size:19px;margin:3px 0 6px}
 #panel:has(.faction)>p{margin-bottom:7px}
 .faction{display:inline-flex;width:calc((100% - 14px)/3);margin:0 7px 0 0;padding:9px 3px;flex-direction:column;gap:5px;text-align:center;vertical-align:top}
 .faction:last-of-type{margin-right:0}.faction strong{font-size:12px}.faction small{display:none}.faction .crest{width:32px;height:38px}
 #panel:has(.faction) .note{margin-top:9px;padding-top:7px;font-size:8px}
 .tools{bottom:326px}#toast{bottom:320px}
}

/* Keep the contextual heading accessible without covering the map. */
.map-context{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}

.capital-card{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;margin:0 0 14px;background:#eee2c7;border:1px solid #baa169;border-radius:4px;text-align:left}.capital-card strong{display:block;font:700 17px Georgia,serif}.capital-card small{display:block;font-size:10px;margin-top:4px;color:#7b6b46}.capital-card>span:last-child{margin-left:auto}.royal-icon{font-size:29px;color:#9a7740}.mapbadge .royal-icon{font-size:23px}@media(max-width:800px){.capital-card{padding:8px;margin-bottom:10px}.capital-card strong{font-size:14px}.capital-card .royal-icon{font-size:25px}}

.simulation{margin-top:18px;padding:13px;background:#eee8d5;border:1px solid #d6c7a0;border-radius:4px}.simulation p{font-size:11px;color:#69715f}.simulation small{display:block;margin-top:9px;font-size:10px;line-height:1.5;color:#7e7967}.primary:disabled{opacity:.55;cursor:default}

.reset-demo{font-size:11px;text-decoration:underline;padding:12px 0;color:#806b43}

.resource-card{margin:16px 0;padding:14px;background:#eee9d8;border:1px solid #cabea2;border-radius:6px}.resource-card table{width:100%;border-collapse:collapse;font-size:12px;margin-top:9px}.resource-card th,.resource-card td{padding:7px 3px;text-align:right;border-bottom:1px solid #d6ccb3}.resource-card th:first-child{text-align:left}.resource-next{background:#dde4d0;font-weight:700}.resource-card p{font-size:11px;line-height:1.6}.resource-card small,.data-status{font-size:10px;color:#6b715d}.member{overflow-wrap:anywhere}.member small{flex-shrink:0}@media(max-width:800px){.resource-card{padding:10px}.resource-card table{font-size:12px}.sidebar #panel{overflow-y:auto}}