: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__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 button:hover,.topbar__nav button.is-active{color:var(--gold-bright);background:#b78a3e1f}.topbar__nav button.is-active{box-shadow:inset 0 -3px var(--gold)}.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:hover:not(:disabled){background:linear-gradient(135deg,#946b31,#65471f)}.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}.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:34px 1fr 44px;align-items:center;gap:7px;margin:12px 0;font-size:9px;display:grid}.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;border-radius:50%;place-items:center;width:47px;height:47px;display:grid}.ruler-card__seal svg{width:22px;color:var(--gold-bright)}.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}.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}.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}.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:.32;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:.4}.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{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 b{color:#b8a77e;white-space:nowrap;font-size:9px}.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__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}}@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}}