:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"FZKai-Z03", "STKaiti", "KaiTi", serif;--paper:#e8dfc6;--paper-muted:#b8ad91;--gold:#b78a3e;--gold-bright:#e0bd6a;--line:#cdb16f40;font-family:Noto Serif SC,Source Han Serif SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--paper);background:#101510;margin:0;overflow:hidden}button,select{font:inherit}button{color:inherit}.app{isolation:isolate;flex-direction:column;height:100%;display:flex;position:relative}.app:after{content:"";z-index:30;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 90px #00000057}.topbar{z-index:20;background:linear-gradient(90deg,#b78a3e14,#0000 28%),#171a15;border-bottom:1px solid #caa55970;align-items:stretch;min-height:74px;display:flex;position:relative;box-shadow:0 8px 26px #0000006b}.topbar:after{content:"";border-bottom:1px solid #caa55924;position:absolute;bottom:3px;left:0;right:0}.topbar__identity{border-right:1px solid var(--line);flex:0 0 178px;align-items:center;gap:10px;width:178px;padding:8px 17px;display:flex}.topbar__seal{color:#cf6150;width:43px;height:43px;font-family:var(--font-display);background:#761d1729;border:2px solid #a54132;place-items:center;font-size:25px;display:grid;transform:rotate(-3deg)}.topbar__title{font-family:var(--font-display);font-size:21px;font-weight:800;line-height:1}.topbar__subtitle{color:var(--gold-bright);letter-spacing:.38em;margin-top:5px;font-size:11px}.topbar__chronicle{border-right:1px solid var(--line);align-items:center;gap:11px;min-width:190px;padding:9px 18px;display:flex}.topbar__season{color:#aaca94;width:40px;height:40px;font-family:var(--font-display);background:#223021;border:1px solid #66815b;border-radius:50%;place-items:center;font-size:19px;display:grid}.topbar__chronicle strong{font-family:var(--font-display);font-size:16px;display:block}.topbar__chronicle small{color:var(--paper-muted);margin-top:5px;font-size:11px;display:block}.topbar__resources{align-items:center;gap:3px;padding:8px 12px;display:flex}.topbar__resources>div{border-right:1px solid #cdb16f1f;align-items:center;gap:7px;min-width:68px;padding:6px 9px;display:flex}.topbar__resources svg{width:17px;color:var(--gold-bright)}.topbar__resources span{white-space:nowrap;font-size:13px;font-weight:700}.topbar__resources small{color:#837b68;font-size:9px;font-weight:400;display:block}.topbar__music{border-left:1px solid #cdb16f21;flex:0 0 108px;align-content:center;gap:3px;width:108px;padding:8px 10px;display:grid}.topbar__music button{color:#aaa188;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.topbar__music button:hover{color:var(--gold-bright)}.topbar__music button svg{width:17px}.topbar__music button span{font-family:var(--font-display);font-size:11px}.topbar__music[data-state=alert] button{color:#d6b77e}.topbar__music[data-state=battle] button{color:#dda095}.topbar__music input{width:88px;height:12px;accent-color:var(--gold);cursor:pointer}.topbar__music input:disabled{opacity:.28;cursor:default}.topbar__nav{align-items:stretch;margin-left:auto;display:flex}.topbar__nav button{color:#aaa188;cursor:pointer;background:0 0;border:0;border-left:1px solid #cdb16f21;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:63px;display:flex}.topbar__nav svg{width:19px;height:19px}.topbar__nav span{font-family:var(--font-display);font-size:12px}.topbar__end-turn{cursor:pointer;text-align:left;background:linear-gradient(135deg,#785526,#4d371e);border:1px solid #c39950;border-radius:3px;flex:0 0 148px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 22px;align-items:end;width:148px;margin:9px 12px;padding:7px 10px 7px 15px;display:grid;box-shadow:inset 0 0 0 1px #ffdd951a,0 4px 12px #0000004d}.topbar__end-turn span{font-family:var(--font-display);font-size:15px;font-weight:700}.topbar__end-turn small{color:#d2c29e;align-self:start;font-size:10px}.topbar__end-turn svg{grid-area:1/2/3;align-self:center;width:20px}.topbar__end-turn:disabled{opacity:.5;cursor:not-allowed}.app__body{flex:1;min-height:0;position:relative;overflow:hidden}.app__map{position:absolute;inset:0}.app__map canvas{display:block}.map-caption{pointer-events:none;color:#efe1bdb8;text-shadow:0 2px 5px #000;flex-direction:column;display:flex;position:absolute;top:24px;left:27px}.map-caption span{font-family:var(--font-display);font-size:24px}.map-caption small{color:#dec89675;letter-spacing:.5em;margin-top:2px;font-size:10px}.minimap{z-index:8;background:#0f1410f0;border:1px solid #d2b06794;border-radius:3px;grid-template-rows:31px 1fr;width:330px;height:204px;display:grid;position:absolute;top:18px;right:20px;overflow:hidden;box-shadow:0 12px 35px #0000007a,inset 0 0 30px #0003}.minimap.is-collapsed{width:154px;height:31px}.minimap.is-collapsed canvas,.minimap.is-collapsed:after{display:none}.minimap:after{content:"";pointer-events:none;border:1px solid #e5c36f1f;position:absolute;inset:34px 5px 5px}.minimap header{cursor:move;touch-action:none;background:linear-gradient(90deg,#b78a3e24,#0000);border-bottom:1px solid #d2b06740;grid-template-columns:20px 1fr 24px;align-items:center;gap:6px;padding:0 6px 0 9px;display:grid}.minimap header svg{color:#9b8a63;width:14px}.minimap header strong{font-family:var(--font-display);letter-spacing:.12em;font-size:12px}.minimap header button{width:24px;height:24px;color:var(--gold-bright);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.minimap header button:hover{background:#b78a3e29}.minimap canvas{cursor:crosshair;outline:none;width:100%;height:100%}.minimap canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-bright)}.map-controls{background:#131611e6;border:1px solid #dabb7559;display:flex;position:absolute;bottom:23px;left:24px;box-shadow:0 6px 20px #00000059}.map-controls button,.icon-button{color:#c7b98f;cursor:pointer;background:0 0;border:0;border-right:1px solid #dabb752e;place-items:center;width:39px;height:37px;padding:0;display:grid}.map-controls button:last-child{border-right:0}.map-controls button:hover,.icon-button:hover{color:#f4d98e;background:#b78a3e26}.map-controls svg,.icon-button svg{width:17px}.map-guidance{pointer-events:none;background:linear-gradient(90deg,#0000,#121610eb 15% 85%,#0000);border-top:1px solid #e0bd6a6b;border-bottom:1px solid #e0bd6a33;justify-content:center;align-items:center;gap:13px;min-width:320px;padding:9px 17px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.map-guidance strong{color:var(--gold-bright);font-family:var(--font-display);font-size:15px}.map-guidance span{color:#beb59e;font-size:11px}.game-panel{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#171a14f5;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:17px 17px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d2b06778;border-radius:4px;flex-direction:column;width:min(410px,100vw - 28px);animation:.18s ease-out panel-enter;display:flex;position:absolute;top:14px;bottom:14px;right:14px;box-shadow:0 14px 45px #00000094,inset 0 0 45px #00000029}.game-panel--context{width:340px;max-height:calc(100% - 28px);top:auto}@keyframes panel-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.game-panel__header{--faction-color:var(--gold);border-bottom:1px solid var(--line);min-height:73px;box-shadow:inset 4px 0 var(--faction-color);background:linear-gradient(90deg,#b78a3e1a,#0000 65%);grid-template-columns:44px 1fr 38px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:grid}.game-panel__emblem{width:39px;height:39px;color:var(--gold-bright);border:1px solid #d3b36f61;place-items:center;display:grid;transform:rotate(45deg)}.game-panel__emblem svg{width:19px;transform:rotate(-45deg)}.game-panel__header h2{font-family:var(--font-display);margin:0;font-size:21px;font-weight:700}.game-panel__header p{color:#99907a;letter-spacing:.12em;margin:4px 0 0;font-size:10px}.game-panel__header .icon-button{border-right:0}.game-panel__body{scrollbar-color:#665333 #1b1e18;scrollbar-width:thin;flex:1;min-height:0;padding:15px;overflow-y:auto}.unit-command__hero{align-items:center;gap:13px;margin-bottom:17px;display:flex}.unit-command__banner{clip-path:polygon(0 0,100% 0,100% 79%,50% 100%,0 79%);color:#fff4d9;width:50px;height:58px;font-family:var(--font-display);text-shadow:0 2px 3px #000;place-items:center;font-size:23px;font-weight:700;display:grid}.unit-command__hero strong,.unit-command__hero span{display:block}.unit-command__hero strong{font-family:var(--font-display);font-size:17px}.unit-command__hero span{color:#aaa189;margin-top:5px;font-size:11px}.meter-label{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.meter-label span{color:#aca28c;align-items:center;gap:5px;display:flex}.meter-label svg{color:#b95a4d;width:14px}.meter{background:#0e110d;border:1px solid #ddc07b24;height:5px;overflow:hidden}.meter i{background:linear-gradient(90deg,#764139,#bd5a49);height:100%;transition:width .18s;display:block}.meter--food i{background:#788d52}.meter--production i{background:#b18445}.unit-command__stats{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:16px 0;display:grid}.unit-command__stats div{border-right:1px solid var(--line);grid-template-rows:1fr 1fr;grid-template-columns:25px 1fr;align-items:center;padding:8px;display:grid}.unit-command__stats div:last-child{border:0}.unit-command__stats svg{color:#9b8b67;grid-row:1/3;width:17px}.unit-command__stats small{color:#817966;font-size:9px}.unit-command__stats strong{font-size:15px}.order-status{color:#bdc9a0;background:#5d6e442e;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.order-status svg{width:15px}.supply-status{color:#c6d1a9;background:#5d6e442e;border-left:2px solid #758b4f;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.supply-status svg{width:15px}.supply-status--extended{color:#d6b77e;background:#b1844526;border-color:#b18445}.supply-status--cut-off{color:#dda095;background:#b95a4d26;border-color:#b95a4d}.supply-status+.order-status{margin-top:7px}.context-actions{gap:8px;margin-top:15px;display:grid}.command-button{text-align:left;cursor:pointer;background:linear-gradient(90deg,#332a1d,#27251c);border:1px solid #6f5a35;border-radius:2px;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:48px;padding:7px 12px;display:grid}.command-button:hover,.command-button.is-active{background:linear-gradient(90deg,#4b3720,#2e2a1e);border-color:#bc8c3d}.command-button svg{width:19px;color:var(--gold-bright)}.command-button span,.command-button small{display:block}.command-button span{font-family:var(--font-display);font-size:14px}.command-button small{color:#9a9078;margin-top:2px;font-family:inherit;font-size:9px}.detail-callout{border:1px solid var(--line);background:#b78a3e0f;grid-template-columns:30px 1fr auto;align-items:center;padding:13px;display:grid}.detail-callout svg{width:18px;color:var(--gold)}.detail-callout span{color:#948a73;font-size:11px}.tile-detail dl{margin:13px 0}.tile-detail dl div{border-bottom:1px solid #cdb16f1f;justify-content:space-between;padding:9px 3px;font-size:12px;display:flex}.tile-detail dt{color:#918873}.tile-detail dd{margin:0}.panel-hint{color:#8d856f;font-size:10px;line-height:1.7}.city-context--compact{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.city-context h3{font-family:var(--font-display);align-items:center;gap:7px;margin:0 0 11px;font-size:16px;display:flex}.city-context h3 svg{width:15px;color:var(--gold)}.city-yields{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.city-yields div{border-right:1px solid var(--line);grid-template-rows:1fr 1fr;grid-template-columns:18px 1fr;align-items:center;padding:8px 6px;display:grid}.city-yields div:last-child{border:0}.city-yields svg{color:#9e8a5f;grid-row:1/3;width:14px}.city-yields strong{font-size:12px}.city-yields small{color:#827965;font-size:8px}.city-progress{color:#8f8773;grid-template-columns:minmax(130px,1fr) 80px 44px;align-items:center;gap:7px;margin:12px 0;font-size:9px;display:grid}.city-progress span small{color:#a69b82;margin-top:2px;font-size:7px;display:block}.city-progress strong{text-align:right;color:#bbb198}.city-office{border-top:1px solid #cdb16f1f;border-bottom:1px solid #cdb16f1f;grid-template-columns:24px 1fr auto;align-items:center;padding:9px 0;font-size:11px;display:grid}.city-office svg{width:15px;color:var(--gold)}.city-office span{color:#8e856f}.ruler-card{--faction-color:var(--gold);border:1px solid var(--line);box-shadow:inset 3px 0 var(--faction-color);background:linear-gradient(100deg,#b78a3e1c,#0000);align-items:center;gap:13px;padding:15px;display:flex}.ruler-card__seal{background:#2d2b20;border:1px solid #75613d;flex:0 0 52px;place-items:center;width:52px;height:64px;display:grid;overflow:hidden}.ruler-card__seal svg{width:22px;color:var(--gold-bright)}.ruler-card__seal img,.officer-card__portrait img,.officer-medallions img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.ruler-card small{color:var(--gold);font-size:9px}.ruler-card h3{font-family:var(--font-display);margin:2px 0;font-size:21px}.ruler-card p{color:#aaa189;margin:0;font-size:10px}.cabinet-strip{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:10px;display:grid}.cabinet-strip>div{border-right:1px solid var(--line);align-items:center;gap:9px;padding:10px;display:flex}.cabinet-strip>div:last-child{border:0}.cabinet-strip svg{color:#a99568;width:18px}.cabinet-strip span,.cabinet-strip small{display:block}.cabinet-strip span{font-size:10px}.cabinet-strip small{color:#c9bfa6;margin-top:2px;font-size:11px}.section-title{color:var(--gold-bright);font-family:var(--font-display);justify-content:space-between;align-items:center;margin:17px 0 8px;font-size:13px;display:flex}.section-title:after{content:"";border-top:1px solid var(--line);flex:1;margin-left:10px}.section-title small{color:#827965;order:2;margin-left:9px;font-family:inherit;font-size:9px}.officer-roster,.city-list{gap:8px;display:grid}.officer-card{background:#0a0c0947;border:1px solid #cdb16f2b;gap:10px;padding:10px;display:flex}.officer-card:hover{border-color:#cdb16f5c}.officer-card__portrait{color:#d7c79d;width:48px;height:58px;font-family:var(--font-display);background:radial-gradient(circle at 50% 30%,#685f4c,#292920 70%);border:1px solid #594a32;flex:0 0 48px;place-items:center;font-size:21px;display:grid;overflow:hidden}.officer-card__main{flex:1;min-width:0}.officer-card__name{justify-content:space-between;align-items:center;display:flex}.officer-card__name strong{font-family:var(--font-display);font-size:15px}.loyalty{border:1px solid;padding:2px 5px;font-size:8px}.loyalty--high{color:#8dad74}.loyalty--mid{color:#c1a45d}.loyalty--low{color:#c25d50}.stat-line{gap:8px;margin:7px 0;display:flex}.stat-line span{color:#887f6b;font-size:9px}.stat-line b{color:#d2c7ac;margin-left:2px;font-size:10px}.panel-explainer{border-left:2px solid var(--gold);color:#a79b82;background:#b78a3e14;margin:-2px 0 9px;padding:8px 9px;font-size:8px;line-height:1.6}.officer-card__post{justify-content:space-between;align-items:center;gap:8px;display:flex}.officer-card__post small{color:#89816c;font-size:8px}.officer-card select{color:#d8ceb4;background:#27251c;border:1px solid #574a33;border-radius:2px;max-width:145px;padding:3px 21px 3px 7px;font-size:9px}.officer-insight{color:#aaa087;border-top:1px solid #cdb16f33;margin-top:8px;font-size:8px}.officer-insight>summary{color:#c9ad70;cursor:pointer;justify-content:space-between;align-items:center;padding:7px 1px 2px;list-style:none;display:flex}.officer-insight>summary::-webkit-details-marker{display:none}.officer-insight>summary:before{content:"+";color:#8f7a51;margin-right:5px}.officer-insight[open]>summary:before{content:"−"}.officer-insight>summary span{flex:1}.officer-insight>summary b{color:#dfc887;font-size:10px}.loyalty-factors{gap:6px;padding:7px 0;display:grid}.loyalty-factors header{grid-template-columns:1fr auto 34px;align-items:center;gap:5px;display:grid}.loyalty-factors header strong{color:#d0c3a4;font-size:8px}.loyalty-factors header span{color:#827a67}.loyalty-factors header b{text-align:right;color:#a9bb86}.loyalty-factors i{background:#ffffff14;height:3px;margin:3px 0;display:block;overflow:hidden}.loyalty-factors i span{background:#a6884c;height:100%;display:block}.loyalty-factors small{color:#817966;font-size:7px}.relationship-list,.officer-history{border-top:1px solid #cdb16f1f;padding:6px 0}.relationship-list h4,.officer-history h4{color:#9c8b67;margin:0 0 4px;font-size:8px;font-weight:500}.relationship-list>div,.officer-history>div{grid-template-columns:auto 1fr auto;gap:6px;padding:3px 0;display:grid}.relationship-list strong{color:#c8bda2}.relationship-list span,.officer-history span{color:#817966}.relationship-list b,.officer-history b{color:#aabb83;text-align:right}.relationship-list p,.officer-history p{color:#746d5d;margin:3px 0}.officer-history b.is-negative{color:#c86d61}.city-card{border:1px solid var(--line);background:#0a0c0940}.city-card>header{border-bottom:1px solid var(--line);background:#b78a3e0f;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:11px 13px;display:grid}.city-card>header>span{border:1px solid #625238;place-items:center;width:34px;height:34px;display:grid}.city-card>header svg{width:17px;color:var(--gold)}.city-card h3{font-family:var(--font-display);align-items:center;gap:5px;margin:0;font-size:16px;display:flex}.city-card h3 svg{width:13px}.city-card header p{color:#8e856f;margin:3px 0 0;font-size:9px}.city-card header>strong{color:#bdb195;font-size:10px}.city-card .city-context{padding:12px}.production-order{border-top:1px solid #cdb16f1f;margin-top:11px;padding-top:10px}.production-order>div:first-child{grid-template-columns:24px 1fr auto;align-items:center;margin-bottom:7px;display:grid}.production-order svg{width:15px;color:var(--gold)}.production-order span small,.production-order span strong{display:block}.production-order span small{color:#827966;font-size:8px}.production-order span strong{font-size:11px}.production-order b{color:#a69b82;font-size:9px}.choice-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.choice-grid button{text-align:left;cursor:pointer;background:#23231b;border:1px solid #cdb16f33;grid-template-columns:20px 1fr 13px;align-items:center;gap:5px;min-width:0;padding:7px;display:grid}.choice-grid button:hover:not(:disabled){background:#302a1d;border-color:#9c773b}.choice-grid button:disabled{opacity:.62;cursor:not-allowed}.choice-grid svg{color:#a28b5e;width:13px}.choice-grid span,.choice-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.choice-grid span{font-size:9px}.choice-grid small{color:#827966;margin-top:2px;font-size:7px}.research-current{border:1px solid var(--line);background:linear-gradient(110deg,#b78a3e24,#0000);grid-template-columns:54px 1fr;gap:13px;padding:15px;display:grid}.research-current>span{border:1px solid #75613d;place-items:center;width:48px;height:48px;display:grid;transform:rotate(45deg)}.research-current>span svg{width:22px;color:var(--gold-bright);transform:rotate(-45deg)}.research-current small{color:#8f846e;font-size:9px}.research-current h3{font-family:var(--font-display);margin:2px 0 9px;font-size:19px}.research-current p{color:#918670;text-align:right;margin:5px 0 0;font-size:8px}.empty-notice{border:1px dashed #5a4d35;align-items:center;gap:11px;padding:13px;display:flex}.empty-notice svg{width:22px;color:var(--gold)}.empty-notice strong,.empty-notice small{display:block}.empty-notice strong{font-family:var(--font-display)}.empty-notice small{color:#8e856f;margin-top:3px;font-size:8px}.research-list{gap:6px;display:grid}.research-list button{text-align:left;cursor:pointer;background:#1214109e;border:1px solid #cdb16f2e;grid-template-columns:34px 1fr auto 14px;align-items:center;gap:9px;padding:9px;display:grid}.research-list button:hover:not(:disabled){background:#b78a3e1a;border-color:#91703b}.research-list button:disabled{opacity:.68;cursor:not-allowed}.research-list__icon{border:1px solid #5b4d35;place-items:center;width:31px;height:31px;display:grid}.research-list svg{width:14px;color:var(--gold)}.research-list span strong,.research-list span small,.research-list span em{display:block}.research-list strong{font-family:var(--font-display);font-size:13px}.research-list small{color:#887f6b;margin-top:3px;font-size:8px}.research-list span em{color:#d9ad62;margin-top:3px;font-size:7px;font-style:normal}.research-list b{color:#b8a77e;white-space:nowrap;font-size:9px}.research-roadmap{gap:5px;display:grid}.research-roadmap article{background:#10120e57;border-left:2px solid #6f5b3d;grid-template-columns:1fr auto;gap:3px 10px;padding:8px 10px;display:grid}.research-roadmap strong,.research-roadmap small{display:block}.research-roadmap strong{font-size:11px}.research-roadmap small{color:#d4b985;margin-top:2px;font-size:7px}.research-roadmap b{color:#a99a7c;font-size:8px}.research-roadmap p{color:#948a74;grid-column:1/-1;margin:2px 0 0;font-size:8px}.learned-techs{flex-wrap:wrap;gap:6px;display:flex}.learned-techs span{color:#a9b79b;border:1px solid #46543b;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex}.learned-techs svg{width:11px}.empty-state{color:#756e5e;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state svg{width:42px;height:42px;margin-bottom:12px}.empty-state strong{font-family:var(--font-display);font-size:17px}.empty-state span{margin-top:5px;font-size:9px}.report-list{margin:0;padding:3px 0 3px 26px;list-style:none;position:relative}.report-list:before{content:"";border-left:1px solid #564831;position:absolute;top:0;bottom:0;left:10px}.report-list li{grid-template-columns:46px 1fr;gap:9px;padding:0 0 15px;display:grid;position:relative}.report-list li:before{content:"";border:1px solid var(--gold);background:#20221b;width:7px;height:7px;position:absolute;top:5px;left:-20px;transform:rotate(45deg)}.report-list li span{color:#867c68;font-size:8px}.report-list p{color:#c6bca2;margin:0;font-size:11px;line-height:1.6}.app__error{z-index:50;color:#f2d4cf;background:#521815f2;border:1px solid #bf594e;padding:10px 17px;font-size:11px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #000}.app__notice{z-index:50;color:#f7e8bc;background:#313926f5;border:1px solid #e0bd6ab3;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-width:250px;padding:11px 14px;animation:.18s ease-out notice-enter;display:grid;position:fixed;top:90px;right:18px;box-shadow:0 10px 28px #231a0e4d}.app__notice svg{color:#d6b85f;width:20px}.app__notice strong,.app__notice small{display:block}.app__notice strong{font-family:var(--font-display);font-size:13px}.app__notice small{color:#c8ba94;margin-top:3px;font-size:9px}@keyframes notice-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app__gameover{z-index:60;border:1px solid var(--gold);color:var(--gold-bright);font-family:var(--font-display);background:#1a1710f7;padding:28px 45px;font-size:25px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #000}@media (width<=1050px){.topbar__resources>div:nth-child(n+3){display:none}.topbar__identity{flex-basis:150px;width:150px}.topbar__chronicle{min-width:175px}.topbar__music{flex-basis:42px;width:42px;padding:8px 11px}.topbar__music span,.topbar__music input{display:none}}@media (width<=760px){.topbar{min-height:62px}.topbar__identity{flex-basis:58px;width:58px;padding:8px}.topbar__identity>div{display:none}.topbar__seal{width:39px;height:39px}.topbar__chronicle{min-width:125px;padding:7px 9px}.topbar__season{width:33px;height:33px;font-size:16px}.topbar__chronicle strong{font-size:12px}.topbar__chronicle small{font-size:8px}.topbar__resources{display:none}.topbar__nav{z-index:25;background:#161913fa;border-top:1px solid #caa55966;justify-content:space-around;height:58px;position:fixed;bottom:0;left:0;right:0}.topbar__nav button{border-left:0;flex:1}.topbar__end-turn{flex-basis:112px;width:112px;margin:7px 8px 7px auto;padding-left:9px}.topbar__end-turn span{font-size:12px}.topbar__end-turn small{font-size:8px}.app__body{margin-bottom:58px}.game-panel{width:calc(100vw - 16px);inset:8px 8px 8px auto}.game-panel--context{max-height:min(62%,520px);top:auto}.map-caption{top:14px;left:15px}.map-caption span{font-size:18px}.minimap{grid-template-rows:25px 1fr;width:174px;height:116px;top:10px;right:8px}.minimap.is-collapsed{width:126px;height:25px}.minimap header{padding:0 6px}.minimap header strong{font-size:9px}.minimap:after{inset:28px 3px 3px}.map-controls{bottom:13px;left:13px}.map-guidance{justify-content:flex-end;width:calc(100% - 145px);min-width:0;bottom:13px;left:auto;right:10px;transform:none}.map-guidance span{display:none}.app__notice{min-width:0;top:69px;left:8px;right:8px}}.enter-city-button{text-align:left;cursor:pointer;background:linear-gradient(100deg,#755226,#43331f);border:1px solid #bd914a;border-radius:2px;grid-template-columns:28px 1fr 18px;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:12px;padding:8px 13px;display:grid}.enter-city-button:hover{background:linear-gradient(100deg,#8b642d,#503a20);border-color:#e2bd72}.enter-city-button svg{color:#f0d38a;width:18px}.enter-city-button span,.enter-city-button small{display:block}.enter-city-button span{font-family:var(--font-display);font-size:15px}.enter-city-button small{color:#c9b996;margin-top:3px;font-family:inherit;font-size:9px}.city-scene{scrollbar-color:#665333 #1b1e18;scrollbar-width:thin;background:#171a16;height:100%;overflow:hidden auto}.city-scene__masthead{background:#20231d;border-bottom:1px solid #cdb16f3d;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:13px clamp(24px,4vw,64px);display:flex}.city-scene__title{align-items:center;gap:16px;display:flex}.city-scene__sigil{border:1px solid color-mix(in srgb, var(--faction-color) 70%, #d8c28d);width:54px;height:54px;box-shadow:inset 0 0 0 4px #20231d, inset 0 0 0 5px color-mix(in srgb, var(--faction-color) 38%, transparent);background:color-mix(in srgb, var(--faction-color) 22%, #20231d);color:#efe3c6;font-family:var(--font-display);flex:0 0 54px;place-items:center;font-size:25px;display:grid}.city-scene__title small{color:#9d9279;letter-spacing:.18em;font-size:9px}.city-scene__title h1{color:#f0e5ca;font-family:var(--font-display);margin:1px 0 0;font-size:31px;font-weight:700;line-height:1}.city-scene__title p{color:#aaa087;margin:6px 0 0;font-size:10px}.city-scene__switcher{grid-template-columns:auto 150px auto;align-items:center;gap:9px;display:grid}.city-scene__switcher label{color:#817965;font-size:9px}.city-scene__switcher select{color:#d9ceb2;background:#181b16;border:1px solid #66573d;border-radius:2px;height:36px;padding:0 30px 0 10px;font-size:11px}.city-scene__map-button{color:#c4d0bd;cursor:pointer;background:#252e26;border:1px solid #5e6d5b;border-radius:2px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;display:flex}.city-scene__map-button svg{width:15px}.city-vista{isolation:isolate;background:linear-gradient(#7c9490 0%,#afaea0 54%,#4a5549 55%,#202820 100%);border-bottom:1px solid #cdb16f42;height:clamp(185px,25vh,275px);position:relative;overflow:hidden}.city-vista:after{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#1216126b,#0000 28% 72%,#1216126b),linear-gradient(#0000 55%,#090d0a59);position:absolute;inset:0}.city-vista__sun{background:#e0be728c;border-radius:50%;width:52px;height:52px;position:absolute;top:22px;right:18%;box-shadow:0 0 30px #e0be7247}.city-vista__mountains{clip-path:polygon(0 79%,8% 56%,15% 71%,26% 28%,36% 66%,44% 48%,53% 70%,64% 21%,76% 67%,86% 43%,100% 75%,100% 100%,0 100%);opacity:.75;background:#617169;position:absolute;inset:22% -5%}.city-vista__wall{background:#5e5b4d;position:absolute;left:0;right:0}.city-vista__wall:before{content:"";background:repeating-linear-gradient(90deg,#716c5b 0 22px,#0000 22px 32px);height:10px;position:absolute;top:-9px;left:0;right:0}.city-vista__wall--back{z-index:2;opacity:.76;height:45px;bottom:38px;transform:scaleX(1.04)}.city-vista__wall--front{z-index:6;background:#45483e;height:47px;bottom:-12px}.city-vista__hall{z-index:4;background:#6c5e47;border:2px solid #2d2d28;width:205px;height:83px;position:absolute;bottom:42px;left:50%;transform:translate(-50%);box-shadow:inset 0 17px #554330,0 10px 20px #0000004d}.city-vista__hall:before,.city-vista__hall:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.city-vista__hall:before{clip-path:polygon(8% 78%,18% 65%,25% 14%,50% 0,75% 14%,82% 65%,92% 78%,80% 100%,20% 100%);background:#273a35;width:255px;height:34px;top:-31px}.city-vista__hall:after{background:#3e3024;border:1px solid #33291f;width:62px;height:65px;top:18px}.city-vista__hall i{z-index:2;clip-path:polygon(10% 75%,20% 60%,30% 14%,50% 0,70% 14%,80% 60%,90% 75%,78% 100%,22% 100%);background:#324942;width:115px;height:24px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.city-vista__hall span{z-index:3;color:#d8c08a;font-family:var(--font-display);white-space:nowrap;background:#352b22;border:1px solid #ac8d52;padding:3px 8px;font-size:12px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.city-vista__houses{z-index:3;background:repeating-linear-gradient(90deg,#665b49 0 42px,#0000 42px 58px);width:35%;height:64px;position:absolute;bottom:42px}.city-vista__houses:before{content:"";clip-path:polygon(0 70%,5% 20%,10% 70%,16% 70%,21% 20%,26% 70%,32% 70%,37% 20%,42% 70%,48% 70%,53% 20%,58% 70%,64% 70%,69% 20%,74% 70%,80% 70%,85% 20%,90% 70%,100% 70%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#30433d 0 45px,#0000 45px 58px);height:21px;position:absolute;inset:-16px 0 auto}.city-vista__houses--left{left:1%}.city-vista__houses--right{right:1%;transform:scaleX(-1)}.city-vista__caption{z-index:10;text-shadow:0 2px 5px #000;align-items:center;gap:12px;display:flex;position:absolute;bottom:19px;left:clamp(20px,4vw,64px)}.city-vista__caption span{color:#d8c188;letter-spacing:.16em;border:1px solid #e3c57f70;padding:4px 8px;font-size:8px}.city-vista__caption strong{color:#efe4c9;font-family:var(--font-display);font-size:13px}.city-scene__content{width:min(1320px,100% - 48px);margin:0 auto;padding:0 0 40px}.city-sections{border-bottom:1px solid #cdb16f38;align-items:stretch;height:62px;display:flex}.city-sections button{color:#918975;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;min-width:112px;display:flex}.city-sections button.is-active{color:#e3ca8e;border-bottom-color:#c89b4d}.city-sections svg{width:17px}.city-sections span{font-family:var(--font-display);font-size:14px}.city-workspace{min-height:300px;padding:28px 0 0}.scene-heading{border-bottom:1px solid #cdb16f2b;justify-content:space-between;align-items:flex-start;gap:20px;min-height:46px;margin-bottom:15px;display:flex}.scene-heading small{color:#837a66;letter-spacing:.16em;margin-bottom:3px;font-size:8px;display:block}.scene-heading h2{color:#e6d9bb;font-family:var(--font-display);margin:0;font-size:21px;font-weight:700}.scene-heading>span{color:#948b76;margin-top:8px;font-size:9px}.city-dashboard{grid-template-columns:minmax(0,1fr) 285px;gap:28px;display:grid}.city-kpis{border:1px solid #cdb16f38;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.city-kpis>div{background:#080b082e;border-right:1px solid #cdb16f2b;align-items:center;gap:12px;min-height:69px;padding:12px 15px;display:flex}.city-kpis>div:last-child{border:0}.city-kpis svg{color:#9e8c62;width:20px}.city-kpis span,.city-kpis small,.city-kpis strong{display:block}.city-kpis small{color:#817864;font-size:8px}.city-kpis strong{color:#ddd0b3;margin-top:3px;font-size:17px}.city-matters{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.city-matters button{color:#d3c6a9;text-align:left;cursor:pointer;background:#20231d;border:1px solid #cdb16f2e;border-radius:2px;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;min-height:67px;padding:9px 13px;display:grid}.city-matters svg{color:#aa905f;width:18px}.city-matters span,.city-matters strong,.city-matters small{display:block}.city-matters strong{font-family:var(--font-display);font-size:14px}.city-matters small{color:#827a68;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.governor-profile{background:linear-gradient(110deg,#8f75431f,#0000);border:1px solid #cdb16f38;padding:20px;box-shadow:inset 3px 0 #8f7543}.governor-profile>span{border:1px solid #66563c;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.governor-profile svg{color:#c5a866;width:19px}.governor-profile small{color:#867d69;font-size:8px}.governor-profile h3{font-family:var(--font-display);margin:3px 0 6px;font-size:21px}.governor-profile p{color:#9c937e;min-height:28px;margin:0 0 16px;font-size:9px;line-height:1.6}.governor-profile button,.defense-summary button{color:#c8ad72;cursor:pointer;background:0 0;border:0;border-top:1px solid #cdb16f2e;justify-content:space-between;align-items:center;width:100%;padding:8px 0 0;font-size:9px;display:flex}.governor-profile button svg,.defense-summary button svg{width:13px}.city-growth{background:#080b0833;border:1px solid #cdb16f29;margin-top:9px;padding:13px 15px}.city-growth>div:first-child{color:#8c836e;justify-content:space-between;margin-bottom:8px;font-size:8px;display:flex}.city-section-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px;display:grid}.city-section-layout .production-order{background:#080b082e;border:1px solid #cdb16f33;margin-top:0;padding:18px}.city-section-layout .production-chooser>.section-title{margin-top:0}.built-list,.defense-summary{background:#080b0824;border-left:1px solid #cdb16f38;padding:17px}.built-list h3,.defense-summary h3{color:#d6c7a5;font-family:var(--font-display);align-items:center;gap:8px;margin:0 0 13px;font-size:14px;display:flex}.built-list h3 svg,.defense-summary h3 svg{color:#a98c57;width:16px}.built-list>div{border-top:1px solid #cdb16f1f;align-items:center;gap:10px;padding:9px 0;display:flex}.built-list>div>span{border:1px solid #544932;place-items:center;width:30px;height:30px;display:grid}.built-list svg{color:#9f895d;width:14px}.built-list strong,.built-list small{display:block}.built-list strong{font-size:10px}.built-list small{color:#7e7562;margin-top:3px;font-size:7px}.built-list p{color:#837b69;font-size:9px;line-height:1.7}.visit-layout{grid-template-columns:minmax(330px,.8fr) minmax(420px,1.2fr);gap:28px;display:grid}.visit-roster>button{color:#c4b99d;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #cdb16f21;grid-template-columns:38px 1fr auto 15px;align-items:center;gap:10px;width:100%;min-height:57px;padding:8px 10px;display:grid}.visit-roster__portrait{width:36px;height:40px;font-family:var(--font-display);background:#34342a;border:1px solid #5c4d34;place-items:center;font-size:16px;display:grid}.visit-roster button span:nth-child(2) strong,.visit-roster button span:nth-child(2) small{display:block}.visit-roster button span:nth-child(2) strong{font-family:var(--font-display);font-size:13px}.visit-roster button span:nth-child(2) small{color:#827a67;margin-top:3px;font-size:8px}.visit-roster button b{color:#9dae83;font-size:8px;font-weight:400}.visit-roster button svg{color:#736a58;width:13px}.audience-room{background:linear-gradient(90deg,#7a4b2f38,#0000 42%),#20231e;border:1px solid #cdb16f3d;min-height:325px;padding:28px 32px 25px 160px;position:relative;overflow:hidden}.audience-room:after{content:"";border-top:1px solid #7b6640;border-right:1px solid #7b6640;width:40px;height:40px;position:absolute;top:16px;right:16px}.audience-room__portrait{color:#d8c8a1;width:112px;height:255px;font-family:var(--font-display);background:radial-gradient(circle at 50% 22%,#7b705c,#34342a 65%);border:1px solid #594b34;border-bottom:0;place-items:center;font-size:48px;display:grid;position:absolute;bottom:0;left:24px}.audience-room>small{color:#9f8757;letter-spacing:.16em;font-size:8px}.audience-room>h2{font-family:var(--font-display);margin:4px 0 14px;font-size:27px}.audience-room__stats{border-top:1px solid #cdb16f2e;border-bottom:1px solid #cdb16f2e;display:flex}.audience-room__stats span{color:#817966;flex:1;padding:9px 4px;font-size:8px}.audience-room__stats strong{color:#d0c4aa;margin-top:2px;font-size:15px;display:block}.audience-room__traits{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.audience-room__traits span{color:#bca575;border:1px solid #625236;padding:3px 6px;font-size:8px}.audience-room>p{color:#b9af98;min-height:51px;margin:13px 0;font-size:10px;line-height:1.75}.audience-room>button{color:#d9c493;cursor:pointer;background:#372e20;border:1px solid #8b6c3a;border-radius:2px;align-items:center;gap:7px;padding:8px 13px;font-size:10px;display:flex}.audience-room>button svg{width:15px}.garrison-list>div:not(.city-empty){border-bottom:1px solid #cdb16f24;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-height:65px;padding:10px 13px;display:grid}.garrison-list>div>span{border:1px solid #5b4b33;place-items:center;width:36px;height:36px;display:grid}.garrison-list svg{color:#a68754;width:17px}.garrison-list strong,.garrison-list small{display:block}.garrison-list strong{font-family:var(--font-display);font-size:13px}.garrison-list small{color:#837a67;margin-top:3px;font-size:8px}.garrison-list b{color:#a99d82;font-size:9px}.city-empty{color:#847b68;border:1px dashed #514631;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.city-empty svg{width:30px;height:30px;margin-bottom:10px}.city-empty strong{color:#bdb197;font-family:var(--font-display);font-size:14px}.city-empty span{margin-top:4px;font-size:8px}.city-empty button{color:#c4ae79;cursor:pointer;background:#28271e;border:1px solid #665638;margin-top:13px;padding:7px 12px;font-size:9px}.defense-summary>div{color:#877e69;border-top:1px solid #cdb16f1f;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.defense-summary>div strong{color:#bcb097}.defense-summary button{margin-top:12px}@media (width<=900px){.city-dashboard,.city-section-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.visit-layout{grid-template-columns:280px 1fr;gap:18px}.audience-room{padding-left:130px}.audience-room__portrait{width:92px;left:18px}}@media (width<=760px){.topbar__nav button{min-width:0}.topbar__nav span{font-size:10px}.city-scene__masthead{gap:8px;min-height:74px;padding:9px 12px}.city-scene__title{gap:9px;min-width:0}.city-scene__sigil{flex-basis:42px;width:42px;height:42px;font-size:20px}.city-scene__title small{letter-spacing:.08em;font-size:7px}.city-scene__title h1{font-size:23px}.city-scene__title p{display:none}.city-scene__switcher{grid-template-columns:minmax(82px,105px) 35px;gap:5px}.city-scene__switcher label{display:none}.city-scene__switcher select{width:100%;height:34px;padding-left:7px;font-size:9px}.city-scene__map-button{place-items:center;width:35px;height:34px;padding:0;display:grid}.city-scene__map-button svg{width:16px}.city-scene__map-button{font-size:0}.city-vista{height:158px}.city-vista__sun{width:38px;height:38px;top:17px;right:14%}.city-vista__hall{width:135px;height:60px;bottom:34px}.city-vista__hall:before{width:174px;height:27px;top:-24px}.city-vista__hall i{width:80px;height:18px;top:-19px}.city-vista__hall:after{width:45px;height:46px;top:15px}.city-vista__hall span{font-size:9px;top:22px}.city-vista__houses{height:45px;bottom:34px}.city-vista__wall--back{height:34px;bottom:31px}.city-vista__caption{gap:7px;bottom:11px;left:12px;right:12px}.city-vista__caption span{padding:3px 5px;font-size:6px}.city-vista__caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.city-scene__content{width:100%;padding-bottom:22px}.city-sections{z-index:12;background:#181b16fa;height:52px;position:sticky;top:0}.city-sections button{flex:1;gap:5px;min-width:0}.city-sections svg{width:15px}.city-sections span{font-size:12px}.city-workspace{padding:17px 12px 0}.scene-heading{min-height:42px;margin-bottom:11px}.scene-heading h2{font-size:18px}.city-dashboard,.city-section-layout{flex-direction:column;gap:13px;display:flex}.city-kpis{grid-template-columns:1fr 1fr}.city-kpis>div{min-height:57px;padding:9px 11px}.city-kpis>div:nth-child(2){border-right:0}.city-kpis>div:nth-child(-n+2){border-bottom:1px solid #cdb16f2b}.city-matters{grid-template-columns:1fr}.city-matters button{min-height:59px}.city-dashboard__aside{grid-template-columns:1fr;display:grid}.governor-profile{padding:15px}.governor-profile>span{float:left;margin:0 12px 8px 0}.governor-profile h3{font-size:18px}.governor-profile p{min-height:18px}.choice-grid{grid-template-columns:1fr}.choice-grid button{min-height:42px}.built-list,.defense-summary{border-top:1px solid #cdb16f38;border-left:0}.visit-layout{flex-direction:column;gap:14px;display:flex}.visit-roster{scrollbar-width:thin;padding-bottom:4px;display:flex;overflow-x:auto}.visit-roster .scene-heading{min-width:112px;margin:0 7px 0 0;padding:6px 8px 0 0}.visit-roster .scene-heading>span{display:none}.visit-roster>button{border:1px solid #cdb16f21;grid-template-columns:36px 1fr;min-width:148px}.visit-roster>button b,.visit-roster>button>svg{display:none}.audience-room{min-height:305px;padding:23px 18px 20px 123px}.audience-room__portrait{width:92px;height:228px;font-size:38px;left:13px}.audience-room>h2{font-size:23px}.audience-room__stats span{padding:8px 2px}.audience-room__stats strong{font-size:13px}.audience-room>p{font-size:9px}}@media (width<=390px){.topbar__identity{display:none}.topbar__chronicle{min-width:115px}.topbar__end-turn{flex-basis:105px;width:105px}.audience-room{padding-left:108px}.audience-room__portrait{width:78px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff4d5;--paper-muted:#e7cfa0;--gold:#d69b27;--gold-bright:#ffd66f;--line:#ffd98052}html,body,#root{background:#d9d3bc}.app:after{box-shadow:inset 0 0 0 1px #6f281f2e}.topbar{background:linear-gradient(105deg,#963f30 0%,#772a24 48%,#5b3c2b 100%);border-bottom-color:#e5b84f;box-shadow:0 5px 18px #4e1f1842}.topbar:after{border-bottom-color:#ffde8a57}.topbar__seal{color:#fff2c5;background:#b84a36;border-color:#ffd56a;box-shadow:inset 0 0 0 3px #5b1d1859}.topbar__subtitle,.topbar__resources svg{color:#ffdc7c}.topbar__season{color:#fff2bd;background:#2f7466;border-color:#f0c762}.topbar__chronicle small,.topbar__resources small{color:#e7cda3}.topbar__nav button{color:#efd9ad;border-left-color:#ffde8a38}.topbar__nav button:hover,.topbar__nav button.is-active{color:#fff3c4;background:#ffcf5b30}.topbar__nav button.is-active{box-shadow:inset 0 -4px #ffd05c}.topbar__end-turn{color:#fff9dc;background:linear-gradient(135deg,#e5a92e,#b86522);border-color:#ffe08a;box-shadow:inset 0 0 0 1px #fff7cf57,0 4px 12px #4f1e0d4d}.topbar__end-turn:hover:not(:disabled){background:linear-gradient(135deg,#f2be44,#cc7628)}.topbar__end-turn small{color:#fff0c3}.app__map canvas{filter:brightness(1.18)saturate(1.14)}.minimap{background:#692e23f2;border-color:#e2b14e;box-shadow:0 10px 25px #451d144d}.minimap header{background:linear-gradient(90deg,#a64a35,#70402c)}.minimap header svg{color:#ffdc80}.map-controls{background:#6f2f23f0;border-color:#e2b14e;box-shadow:0 5px 16px #461c144d}.map-controls button{color:#ffe29a}.map-guidance{background:linear-gradient(90deg,#0000,#713023f0 15% 85%,#0000);border-color:#ffd56b9e}.map-guidance span{color:#f1dab0}.game-panel{background-color:#642a22f7;background-image:linear-gradient(#ffe5a109 1px,#0000 1px),linear-gradient(90deg,#ffe5a108 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:17px 17px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-color:#e5b958;box-shadow:0 12px 34px #4b1c1461,inset 0 0 35px #8b332433}.game-panel__header{background:linear-gradient(90deg,#ffc74b33,#8a34276b)}.game-panel__header p,.panel-hint,.officer-card__post small,.city-card header p,.research-list small{color:#e3c99d}.game-panel__body{scrollbar-color:#d5a443 #78372c}.command-button,.choice-grid button,.research-list button{background:#80382ab8;border-color:#ffd37052}.command-button:hover,.command-button.is-active,.choice-grid button:hover:not(:disabled),.research-list button:hover:not(:disabled){background:#9e462fe0;border-color:#ffd36e}.officer-card,.city-card{background:#7933287a;border-color:#ffd77b42}.city-scene{color:#3f3428;scrollbar-color:#b77b32 #e5dcc4;background-color:#e8e1cd;background-image:linear-gradient(#7857300e 1px,#0000 1px),linear-gradient(90deg,#7857300b 1px,#0000 1px);background-size:24px 24px}.city-scene__masthead{background:linear-gradient(100deg,#fff5d9,#e9d6aa 72%,#d7bd82);border-bottom-color:#c79b4b}.city-scene__sigil{box-shadow:inset 0 0 0 4px #f7eac8, inset 0 0 0 5px color-mix(in srgb, var(--faction-color) 65%, #8b2f24);background:color-mix(in srgb, var(--faction-color) 72%, #b84532);color:#fff7d7;text-shadow:0 2px 2px #4d191459}.city-scene__title small{color:#8c6942}.city-scene__title h1{color:#742b24}.city-scene__title p{color:#6f5740}.city-scene__switcher label{color:#765c3c}.city-scene__switcher select{color:#4d3827;background:#fffaf0;border-color:#b88a40}.city-scene__map-button{color:#fff9df;background:#4f9482;border-color:#3c8071;box-shadow:0 3px 8px #305c4f2e}.city-scene__map-button:hover{background:#3f8372;border-color:#246758}.city-vista{background:linear-gradient(#70c4df 0%,#bfe2df 46%,#f4d78c 61%,#80a661 62%,#577a47 100%);border-bottom-color:#b98030}.city-vista:after{background:linear-gradient(90deg,#4a76761a,#0000 24% 76%,#4a76761f),linear-gradient(#0000 70%,#2f452a1f)}.city-vista__sun{background:#ffd65f;box-shadow:0 0 0 7px #ffe27d38,0 0 35px #ffd75ba6}.city-vista__mountains{opacity:.78;background:#3f8873}.city-vista__wall{background:#b8a67b;box-shadow:inset 0 7px #fff0be38}.city-vista__wall:before{background:repeating-linear-gradient(90deg,#d4bd86 0 22px,#0000 22px 32px)}.city-vista__wall--front{background:#8f805f}.city-vista__hall{background:#b9543d;border-color:#6f271f;box-shadow:inset 0 17px #dc8b4b,0 10px 20px #4a2b173d}.city-vista__hall:before{background:#27665d}.city-vista__hall:after{background:#762d24;border-color:#5d221c}.city-vista__hall i{background:#398071}.city-vista__hall span{color:#fff0ad;background:#9e372a;border-color:#f5c85a}.city-vista__houses{background:repeating-linear-gradient(90deg,#bf7350 0 42px,#0000 42px 58px)}.city-vista__houses:before{background:repeating-linear-gradient(90deg,#337769 0 45px,#0000 45px 58px)}.city-vista__caption{text-shadow:0 2px 4px #2f1f14b3}.city-vista__caption span{color:#fff2be;background:#893124e0;border-color:#ffd874}.city-vista__caption strong{color:#fff9dc}.city-sections{background:#f7eccfd1;border-bottom-color:#b58a48}.city-sections button{color:#705f4b}.city-sections button:hover{color:#8a3028;background:#b5442f14}.city-sections button.is-active{color:#9a3329;background:#b5442f0f;border-bottom-color:#a73f31}.scene-heading{border-bottom-color:#7d532940}.scene-heading small,.scene-heading>span{color:#876943}.scene-heading h2{color:#6e2c25}.city-kpis{background:#fff8e5;border-color:#c9a263;box-shadow:0 5px 14px #69482614}.city-kpis>div{background:#fffcf1b8;border-right-color:#dbc39a}.city-kpis svg{color:#af3f31}.city-kpis small{color:#806c52}.city-kpis strong{color:#4b392b}.city-matters button{color:#4e3a2b;background:#fffaf0;border-color:#ceb27e;box-shadow:0 3px 10px #5d3b1d0f}.city-matters button:hover{background:#fff1d4;border-color:#b84736}.city-matters svg{color:#ad3e31}.city-matters small{color:#7c6851}.governor-profile{background:linear-gradient(110deg,#fff8e6,#ead7ad);border-color:#c8a362;box-shadow:inset 4px 0 #b14334,0 4px 12px #5c391c12}.governor-profile>span{background:#a54133;border-color:#b9833c}.governor-profile svg{color:#ffdc82}.governor-profile small,.governor-profile p{color:#725c43}.governor-profile button,.defense-summary button{color:#92352b;border-top-color:#d1b37b}.city-growth{background:#f7edda;border-color:#cdb17b}.city-growth>div:first-child{color:#725f49}.city-growth strong{color:#4f3c2d}.city-scene .meter{background:#d8c9aa;border-color:#66452038}.city-scene .meter i{background:linear-gradient(90deg,#b44334,#e09243)}.city-scene .meter--food i{background:linear-gradient(90deg,#4f8761,#8aae61)}.city-scene .section-title{color:#8e332a}.city-scene .section-title:after{border-top-color:#c8a974}.city-scene .section-title small{color:#80684b}.city-section-layout .production-order{background:#fff8e6;border-color:#c9a66e}.city-scene .choice-grid button{color:#4c392b;background:#fffaf0;border-color:#ceb17d}.city-scene .choice-grid button:hover:not(:disabled){background:#fff0d0;border-color:#b64334}.city-scene .choice-grid svg{color:#a53c30}.city-scene .choice-grid small{color:#79634b}.built-list,.defense-summary{background:#fff8e4c2;border-color:#c6a56b}.built-list h3,.defense-summary h3{color:#713129}.built-list h3 svg,.defense-summary h3 svg,.built-list svg{color:#ae4032}.built-list>div{border-top-color:#ddc69b}.built-list>div>span{background:#fff8e3;border-color:#c79f5e}.built-list strong,.defense-summary>div strong{color:#4d3a2b}.built-list small,.built-list p,.defense-summary>div{color:#756149}.visit-roster>button{color:#4d392c;border-bottom-color:#d3ba8b}.visit-roster>button:hover,.visit-roster>button.is-active{background:#b141311a}.visit-roster>button.is-active{box-shadow:inset 4px 0 #ae3e31}.visit-roster__portrait{color:#752c25;background:#f5dfb0;border-color:#bd8a47}.visit-roster button span:nth-child(2) small,.visit-roster button svg{color:#79634c}.visit-roster button b{color:#477762}.audience-room{background:linear-gradient(90deg,#b745312b,#0000 42%),#fff7e2;border-color:#c79b54;box-shadow:0 8px 20px #5b391a1a}.audience-room:after{border-color:#b84233}.audience-room__portrait{color:#fff2c3;text-shadow:0 2px 3px #531a1461;background:radial-gradient(circle at 50% 22%,#f2d49b,#b54a38 66%);border-color:#ad7840}.audience-room>small{color:#9a3a2e}.audience-room>h2{color:#682821}.audience-room__stats{border-color:#d3b785}.audience-room__stats span{color:#78634d}.audience-room__stats strong{color:#493528}.audience-room__traits span{color:#8a352b;background:#fff0c9;border-color:#b98b48}.audience-room>p{color:#594636}.audience-room>button{color:#fff4cf;background:#b94b38;border-color:#aa3d30}.audience-room>button:hover{background:#9d382e}.garrison-list>div:not(.city-empty){border-bottom-color:#d3bb8e}.garrison-list>div>span{background:#fff6dc;border-color:#bd8d4d}.garrison-list svg{color:#a33a2e}.garrison-list strong,.garrison-list b{color:#4e3a2c}.garrison-list small{color:#79634b}.city-empty{color:#77634c;background:#fff9e8ad;border-color:#c3a06a}.city-empty strong{color:#6f3028}.city-empty button{color:#fff2c9;background:#b64b39;border-color:#a33d31}@media (width<=760px){.topbar__nav{background:linear-gradient(100deg,#8d382d,#6c2924);border-top-color:#e9bd59;box-shadow:0 -4px 14px #531e1733}.city-sections{background:#f7edd3fa}.city-kpis>div:nth-child(-n+2){border-bottom-color:#dbc39a}.visit-roster>button{background:#fff8e6;border-color:#d0ad72}}.city-realm{background:#d8cfb0;grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100% - 92px);display:grid}.city-realm__board{isolation:isolate;background:linear-gradient(#75c1d2 0 15%,#c9dfc5 15% 24%,#9db46d 24% 62%,#829b58 62% 100%);border-right:1px solid #aa7436;min-height:690px;position:relative;overflow:hidden}.city-realm__board:before{content:"";z-index:0;opacity:.72;clip-path:polygon(0 74%,7% 47%,14% 66%,22% 18%,31% 62%,39% 35%,48% 66%,58% 12%,68% 61%,78% 31%,88% 68%,95% 40%,100% 66%,100% 100%,0 100%);background:#508976;height:23%;position:absolute;top:9%;left:-3%;right:-3%}.city-realm__board:after{content:"";z-index:1;pointer-events:none;opacity:.68;background:linear-gradient(30deg,#0000 48%,#f2da9f94 49% 51%,#0000 52%) 0 0/240px 180px,linear-gradient(150deg,#0000 48%,#f2da9f6b 49% 51%,#0000 52%) 20px 10px/270px 190px;position:absolute;inset:24% 0 0}.city-realm__sky{z-index:1;height:28%;position:absolute;inset:0 0 auto;overflow:hidden}.city-realm__sky i{clip-path:polygon(0 66%,18% 46%,34% 58%,49% 30%,64% 54%,79% 43%,100% 67%,100% 100%,0 100%);background:#f4fae2c7;display:block;position:absolute}.city-realm__sky i:first-child{width:150px;height:36px;top:17%;left:4%}.city-realm__sky i:nth-child(2){opacity:.68;width:190px;height:44px;top:8%;right:18%}.city-realm__sky i:nth-child(3){opacity:.55;width:110px;height:30px;top:34%;right:3%}.city-realm__wall{z-index:2;background:repeating-linear-gradient(90deg,#a99c75 0 42px,#8f825f 42px 46px);border-top:6px solid #847654;height:48px;position:absolute;top:21%;left:0;right:0;box-shadow:0 9px 13px #47372033}.city-realm__wall:before{content:"";background:repeating-linear-gradient(90deg,#9e906a 0 26px,#0000 26px 38px);height:12px;position:absolute;top:-16px;left:0;right:0}.city-realm__wall span{color:#fff1b6;font-family:var(--font-display);background:#a03d30;border:2px solid #e8c160;padding:7px 17px;font-size:15px;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #4c241740}.city-realm__road{z-index:1;pointer-events:none;opacity:.72;background:#d9bf83;position:absolute;box-shadow:inset 0 0 0 2px #79562a33}.city-realm__road--one{width:34px;top:24%;bottom:-8%;left:50%;transform:translate(-50%)rotate(7deg)}.city-realm__road--two{height:28px;top:59%;left:-5%;right:-5%;transform:rotate(-4deg)}.city-realm__banner{z-index:5;color:#fff1c3;background:#6f2c22e6;border:1px solid #ffe6a28c;justify-content:space-between;align-items:center;gap:18px;padding:10px 14px;display:flex;position:absolute;top:17px;left:21px;right:21px;box-shadow:0 6px 16px #411f1633}.city-realm__banner small,.city-realm__banner strong{display:block}.city-realm__banner small{color:#e9cfa0;letter-spacing:.16em;font-size:8px}.city-realm__banner strong{font-family:var(--font-display);margin-top:2px;font-size:15px}.city-realm__banner>span{color:#ffdc79;align-items:center;gap:6px;font-size:10px;display:flex}.city-realm__banner svg{width:15px}.city-place-grid{z-index:4;grid-template-columns:repeat(4,minmax(125px,1fr));gap:8px 10px;padding:128px 20px 25px;display:grid;position:relative}.city-place{--place:#9b4334;color:#352c21;cursor:pointer;text-align:center;background:#f8efc914;border:1px solid #0000;border-radius:2px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:165px;padding:8px 7px 11px;transition:transform .14s,background .14s,border-color .14s;display:flex;position:relative}.city-place:hover{z-index:2;background:#fff8da47;border-color:#ffedafb8;transform:translateY(-4px)}.city-place.is-selected{background:#fff6cd6b;border-color:#fff0aa;box-shadow:0 0 0 2px #9736289e,0 8px 18px #4b2d192e}.city-place.is-locked{filter:grayscale(.6);opacity:.68}.city-place--cinnabar{--place:#a43e30}.city-place--field{--place:#62883e}.city-place--harvest{--place:#a97324}.city-place--market{--place:#b1582c}.city-place--festival{--place:#a0444e}.city-place--military{--place:#705039}.city-place--stone{--place:#68736d}.city-place--infantry{--place:#9e3e31}.city-place--cavalry{--place:#35776a}.city-place--archer{--place:#816135}.city-place--visit{--place:#8d4963}.city-place__landmark{filter:drop-shadow(0 7px 4px #3d2d1b3d);place-items:center;width:104px;height:86px;margin-bottom:5px;transition:transform .18s;display:grid;position:relative}.city-place:hover .city-place__landmark{transform:scale(1.05)}.city-place__landmark>i{display:block;position:absolute}.city-place__landmark>i:first-child{border:2px solid color-mix(in srgb, var(--place) 75%, #3c2b21);background:color-mix(in srgb, var(--place) 76%, #f3c978);height:55px;bottom:4px;left:19px;right:19px}.city-place__landmark>i:nth-child(2){background:color-mix(in srgb, var(--place) 78%, #2d4f47);clip-path:polygon(0 76%,11% 62%,21% 18%,50% 0,79% 18%,89% 62%,100% 76%,88% 100%,12% 100%);height:25px;bottom:55px;left:10px;right:10px}.city-place__landmark>i:nth-child(3){background:#6d2a23;width:3px;height:35px;display:none;top:-2px;right:14px}.city-place__landmark>i:nth-child(3):after{content:"";clip-path:polygon(0 0,100% 0,76% 50%,100% 100%,0 100%);background:#d24f38;width:24px;height:15px;position:absolute;top:0;left:3px}.city-place__landmark svg{z-index:2;color:#fff1b6;filter:drop-shadow(0 2px 2px #3d18134d);width:29px;height:29px;position:relative}.city-place__landmark--level-0{filter:none;background:repeating-linear-gradient(135deg,#fff3c424 0 7px,#5e4e3114 7px 14px);border:2px dashed #52463085;width:88px;height:69px;margin-bottom:22px}.city-place__landmark--level-0>i{display:none}.city-place__landmark--level-0 svg{color:#453b2a9e;filter:none}.city-place__landmark--level-2{transform:scale(1.04)}.city-place__landmark--level-2:before,.city-place__landmark--level-3:before{content:"";z-index:-1;border:2px solid color-mix(in srgb, var(--place) 75%, #3c2b21);background:color-mix(in srgb, var(--place) 62%, #efc776);width:35px;height:37px;position:absolute;bottom:5px;left:-2px}.city-place__landmark--level-3{transform:scale(1.1)translateY(-3px)}.city-place__landmark--level-3>i:first-child{height:66px}.city-place__landmark--level-3>i:nth-child(2){bottom:66px}.city-place__landmark--level-3>i:nth-child(3),.city-place__copy strong,.city-place__copy small{display:block}.city-place__copy strong{color:#4d2d24;font-family:var(--font-display);text-shadow:0 1px #fff6cdb8;font-size:15px}.city-place__copy small{color:#5e563f;margin-top:2px;font-size:8px}.city-place__status{color:#6e4f2f;background:#fff6d2d1;border:1px solid #583e2352;padding:2px 5px;font-size:7px;position:absolute;top:7px;right:7px}.city-place.is-active-order .city-place__status{color:#fff2c4;background:#b74735;border-color:#b23f31;animation:1.4s ease-in-out infinite order-pulse}.city-place__progress{background:#543c254d;height:3px;position:absolute;bottom:3px;left:13px;right:13px;overflow:hidden}.city-place__progress i{background:#f1c453;height:100%;display:block}@keyframes order-pulse{50%{box-shadow:0 0 0 4px #ffd8693d}}.place-inspector{--place-tone:#a43e30;border-left:4px solid var(--place-tone);color:#443329;scrollbar-color:#b67735 #eadcbd;background:linear-gradient(150deg,#fff9e8,#ead9b5);min-width:0;padding:24px 22px;position:relative;overflow-y:auto;box-shadow:inset 12px 0 25px #643f1d0f}.place-inspector:before{content:"";border-top:1px solid color-mix(in srgb, var(--place-tone) 65%, transparent);border-right:1px solid color-mix(in srgb, var(--place-tone) 65%, transparent);pointer-events:none;width:46px;height:46px;position:absolute;top:12px;right:12px}.place-inspector__close{z-index:2;color:#724a35;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:none;position:absolute;top:8px;right:8px}.place-inspector__close svg{width:16px}.place-inspector__hero{border-bottom:1px solid #d1b77f;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;min-height:64px;padding-bottom:14px;display:grid}.place-inspector__hero>span{border:1px solid color-mix(in srgb, var(--place-tone) 65%, #9e7841);background:var(--place-tone);color:#fff1bd;place-items:center;width:51px;height:51px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #fff5cf29}.place-inspector__hero>span svg{width:24px;transform:rotate(-45deg)}.place-inspector__hero small{color:#8a6844;letter-spacing:.15em;font-size:8px}.place-inspector__hero h2{color:#682d25;font-family:var(--font-display);margin:2px 0 0;font-size:24px}.place-inspector__hero b{color:var(--place-tone);align-self:start;margin-top:10px;font-size:10px}.place-inspector__flavor{color:#705a43;margin:17px 0;font-size:10px;line-height:1.8}.realm-yields{background:#fffcf099;border:1px solid #cdb17b;grid-template-columns:1fr 1fr;display:grid}.realm-yields>span{border-bottom:1px solid #dac49b;border-right:1px solid #dac49b;grid-template-rows:1fr 1fr;grid-template-columns:22px 1fr;align-items:center;padding:9px;display:grid}.realm-yields>span:nth-child(2n){border-right:0}.realm-yields>span:nth-child(n+3){border-bottom:0}.realm-yields svg{width:15px;color:var(--place-tone);grid-row:1/3}.realm-yields small{color:#806c53;font-size:8px}.realm-yields strong{color:#433127;font-size:14px}.governor-command{background:#fffae9ad;border:1px solid #cbb07b;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:12px;padding:11px;display:grid}.governor-command>svg{width:19px;color:var(--place-tone)}.governor-command small,.governor-command strong{display:block}.governor-command small{color:#806a50;font-size:7px}.governor-command strong{margin-top:2px;font-size:12px}.governor-command button{color:#fff1c8;cursor:pointer;background:#b74d39;border:1px solid #a74836;padding:5px 8px;font-size:8px}.inspector-actions{gap:6px;margin-top:12px;display:grid}.inspector-actions button{color:#603d2e;text-align:left;cursor:pointer;background:#fffae9ad;border:1px solid #c8a66d;grid-template-columns:22px 1fr 14px;align-items:center;padding:9px 10px;font-size:10px;display:grid}.inspector-actions button:hover{background:#fff2d0;border-color:#ac4232}.inspector-actions svg{width:15px;color:var(--place-tone)}.level-track{gap:6px;margin:15px 0;display:flex}.level-track span{color:#9a8666;border:1px solid #ccb17c;flex:1;grid-template-columns:14px 1fr;align-items:center;gap:1px 6px;padding:6px;font-size:8px;display:grid}.level-track span i{border:1px solid #b39769;width:14px;height:14px;transform:rotate(45deg)}.level-track span.is-filled{border-color:color-mix(in srgb, var(--place-tone) 55%, #c29a53);background:color-mix(in srgb, var(--place-tone) 10%, #fff5d8);color:var(--place-tone)}.level-track span.is-filled i{border-color:var(--place-tone);background:var(--place-tone);box-shadow:inset 0 0 0 3px #f9eac3}.level-track span b{font-size:9px}.level-track span small{color:#927d5e;grid-column:2;font-size:7px}.level-track__hint{color:#846f55;margin:-8px 0 13px;font-size:8px}.effect-preview{border-top:1px solid #d2b983;border-bottom:1px solid #d2b983;grid-template-columns:1fr 18px 1fr;align-items:center;padding:12px;display:grid}.effect-preview>svg{color:#a77635;width:14px}.effect-preview small,.effect-preview strong{display:block}.effect-preview small{color:#846f55;font-size:7px}.effect-preview strong{color:#54352a;margin-top:4px;font-size:11px}.place-primary-action{border:1px solid color-mix(in srgb, var(--place-tone) 80%, #713327);background:var(--place-tone);color:#fff4cf;text-align:left;cursor:pointer;grid-template-columns:31px 1fr;align-items:center;gap:8px;width:100%;min-height:55px;margin-top:15px;padding:9px 12px;display:grid;box-shadow:inset 0 0 0 2px #ffeeb524}.place-primary-action:hover:not(:disabled){filter:brightness(1.1)}.place-primary-action:disabled{opacity:.45;cursor:not-allowed}.place-primary-action>svg{width:20px}.place-primary-action span,.place-primary-action strong,.place-primary-action small{display:block}.place-primary-action strong{font-family:var(--font-display);font-size:14px}.place-primary-action small{color:#f1ddb0;margin-top:3px;font-size:8px}.place-lock{color:#765b3d;background:#dec59133;border:1px dashed #b78d54;align-items:center;gap:10px;margin-top:13px;padding:11px;display:flex}.place-lock svg{color:#9e4636;width:20px}.place-lock strong,.place-lock small{display:block}.place-lock strong{font-size:10px}.place-lock small{color:#8b7659;margin-top:3px;font-size:8px}.place-lock--action{grid-template-columns:24px 1fr;display:grid}.place-lock--action>button{color:#87392f;cursor:pointer;background:#fff8dead;border:1px solid #9e4636;grid-column:2;align-items:center;gap:4px;width:max-content;margin-top:3px;padding:5px 8px;font-size:8px;display:flex}.place-lock--action>button:hover{background:#fff4cf}.place-lock--action>button svg{color:currentColor;width:12px}.realm-order{background:#fff2cf;border:1px solid #c79d58;margin-top:13px;padding:11px}.realm-order>div:first-child{color:#6b4c33;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;font-size:9px;display:grid}.realm-order svg{width:15px;color:var(--place-tone)}.realm-order>div:last-child{background:#d8c397;height:5px;margin-top:8px;overflow:hidden}.realm-order>div:last-child i{background:linear-gradient(90deg, var(--place-tone), #e7ad43);height:100%;display:block}.realm-order span small{color:#8a7253;margin-top:2px;font-size:7px;display:block}.unit-power{border:1px solid #ceb17a;grid-template-columns:repeat(3,1fr);display:grid}.unit-power span{text-align:center;border-right:1px solid #d6c092;padding:11px}.unit-power span:last-child{border:0}.unit-power small,.unit-power strong{display:block}.unit-power small{color:#80694f;font-size:8px}.unit-power strong{color:var(--place-tone);margin-top:3px;font-size:20px}.officer-medallions{gap:7px;margin:15px 0 12px;padding:3px;display:flex;overflow-x:auto}.officer-medallions button{color:#624838;cursor:pointer;text-align:center;background:0 0;border:0;min-width:54px;padding:0}.officer-medallions button span{color:#752d26;width:43px;height:48px;font-family:var(--font-display);background:#e7c891;border:1px solid #b98a4d;place-items:center;margin:0 auto 4px;font-size:18px;display:grid;overflow:hidden}.officer-medallions button.is-selected span{border-color:var(--place-tone);box-shadow:0 0 0 3px color-mix(in srgb, var(--place-tone) 18%, transparent);background:var(--place-tone);color:#fff0bd}.officer-medallions small{font-size:8px}.officer-vitals{border-top:1px solid #ceb37f;border-bottom:1px solid #ceb37f;display:flex}.officer-vitals span{color:#806b51;flex:1;padding:8px 2px;font-size:8px}.officer-vitals b{color:#4b352a;margin-top:2px;font-size:13px;display:block}.officer-traits{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.officer-traits span{color:#7b352b;background:#fff1c8;border:1px solid #bd9354;padding:3px 6px;font-size:8px}.place-inspector .officer-insight{color:#715844;border-color:#ceb37f}.place-inspector .officer-insight>summary,.place-inspector .officer-insight>summary b{color:#873b30}.place-inspector .loyalty-factors header strong,.place-inspector .relationship-list strong{color:#51372c}.place-inspector .loyalty-factors header span,.place-inspector .loyalty-factors small,.place-inspector .relationship-list span,.place-inspector .officer-history span{color:#80694f}.place-inspector .loyalty-factors i{background:#dcc69a}.place-inspector .loyalty-factors i span{background:#9e4636}.place-inspector .relationship-list,.place-inspector .officer-history{border-color:#d6c092}.place-inspector .relationship-list h4,.place-inspector .officer-history h4{color:#7a5c43}@media (width<=1100px){.city-realm{grid-template-columns:minmax(0,1fr) 310px}.city-place-grid{grid-template-columns:repeat(3,minmax(115px,1fr))}}@media (width<=760px){.city-realm{min-height:0;display:block}.city-realm__board{border-bottom:1px solid #aa7436;border-right:0;min-height:690px}.city-realm__banner{padding:8px 10px;top:10px;left:8px;right:8px}.city-realm__banner strong{font-size:12px}.city-realm__banner>span{font-size:8px}.city-realm__wall{top:15%}.city-place-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:95px 5px 15px}.city-place{min-height:142px;padding:5px 2px 8px}.city-place__landmark{width:82px;height:72px}.city-place__landmark>i:first-child{height:45px;left:16px;right:16px}.city-place__landmark>i:nth-child(2){height:21px;bottom:45px;left:7px;right:7px}.city-place__landmark--level-0{width:72px;height:56px;margin-bottom:16px}.city-place__landmark--level-2:before,.city-place__landmark--level-3:before{width:28px;height:31px}.city-place__landmark--level-3>i:first-child{height:55px}.city-place__landmark--level-3>i:nth-child(2){bottom:55px}.city-place__landmark svg{width:23px;height:23px}.city-place__copy strong{font-size:13px}.city-place__copy small{font-size:7px}.city-place__status{padding:1px 3px;font-size:6px;top:4px;right:3px}.place-inspector{border-top:5px solid var(--place-tone);border-left:0;min-height:430px;padding:23px 16px 28px}.place-inspector__close{display:grid}.place-inspector__hero{grid-template-columns:48px 1fr auto}.place-inspector__hero>span{width:44px;height:44px}.place-inspector__hero h2{font-size:21px}}@media (width<=360px){.city-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-realm__board{min-height:930px}}