:root{--ink:#12271f;--ink-deep:#0b1d17;--panel:rgba(16,35,27,.94);--panel-light:rgba(29,48,35,.94);--line:rgba(183,164,109,.26);--gold:#d2b477;--gold-bright:#edcf94;--text:#e4ddc4;--muted:#9eaa8e;--dim:#697f69;--jade:#8ab69b;--red:#b97655;--paper:#d2c49b;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink-deep);color:var(--text);font-family:var(--sans);font-size:13px}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.36}button,a,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright)}button{color:inherit}button .icon{flex-shrink:0}.icon{vertical-align:middle;display:inline-block}button{transition:background .18s,border-color .18s,color .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;z-index:-1}button{border:0;background:none}.font-serif{font-family:var(--serif)}.muted{color:var(--muted)}.gold{color:var(--gold-bright)}.small{font-size:11px}.kicker{font-size:10px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase}.divider{height:1px;background:var(--line);margin:18px 0}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stack{display:flex;flex-direction:column;gap:12px}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:currentColor;margin-right:5px}.text-btn{color:var(--gold);font-size:12px;padding:5px 0}.text-btn:hover{color:var(--gold-bright)}.sep{width:1px;height:23px;background:var(--line);margin:0 12px}.tag{padding:3px 7px;border:1px solid var(--line);font-size:10px;letter-spacing:1px;color:var(--gold)}.tag.jade{color:var(--jade);border-color:#496b51}.tag.red{color:#d3997a;border-color:#79563a}
#topbar{position:absolute;top:0;left:0;width:100%;height:80px;padding:0 24px;display:flex;align-items:center;gap:20px;background:linear-gradient(180deg,rgba(9,26,19,.99),rgba(12,30,22,.96));border-bottom:1px solid var(--line);box-shadow:0 8px 35px #091e1833;z-index:3}.brand{display:flex;align-items:center;gap:11px;min-width:205px;text-align:left;padding:0}.brand-seal{background:#a3583d;border:1px solid #d38e60;box-shadow:inset 0 0 0 3px #9b5138,inset 0 0 0 4px #ddab7444;width:36px;height:43px;display:grid;place-items:center;color:#edd0a4;font:23px var(--serif);transform:rotate(-3deg)}.brand-title{font:27px var(--serif);letter-spacing:4px;color:#eee0b9;line-height:1.25}.brand-sub{font-size:9px;letter-spacing:3.4px;color:#a99f7a;display:block;margin-top:3px}.main-nav{display:flex;align-items:center;gap:5px;flex:1}.nav-btn{height:80px;display:flex;align-items:center;gap:9px;padding:0 17px;position:relative;font:14px var(--serif);color:#9dAD91;white-space:nowrap}.nav-btn.active{color:var(--gold-bright);background:linear-gradient(0deg,#8c9b5933,transparent 66%)}.nav-btn.active:after{content:"";height:2px;position:absolute;left:18px;right:18px;bottom:-1px;background:var(--gold)}.nav-btn:hover{color:var(--gold-bright);background:#ffffff04}.top-utilities{display:flex;gap:5px}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;color:#a2af95;border:1px solid transparent}.icon-btn:hover{color:var(--gold);border-color:var(--line);background:#9eaa6110}.time-group{display:flex;align-items:center;gap:20px;padding-left:15px;border-left:1px solid var(--line)}.date-label{font:15px var(--serif);color:#daccaa;white-space:nowrap}.date-label small{display:block;font:10px var(--sans);color:#8d9c82;letter-spacing:2px;margin-top:4px}.next-month{height:40px;padding:0 17px;background:#aa7850;border:1px solid #d4aa73;color:#f6e6c1;display:flex;align-items:center;gap:12px;white-space:nowrap;box-shadow:inset 0 0 0 2px #553a261f}.next-month:hover{background:#b88a5e}.next-month span{font:14px var(--serif)}
#resource-strip{position:absolute;top:80px;left:0;width:100%;height:33px;background:linear-gradient(90deg,#153124bb,#122c2066,#153124bb);border-bottom:1px solid #8d9a6420;display:flex;align-items:center;justify-content:center;gap:27px;font-size:11px;color:#a1b096;z-index:2}.resource{display:flex;gap:7px;align-items:center}.resource strong{font-size:12px;font-weight:500;letter-spacing:.4px;color:#d8d8b8;font-variant-numeric:tabular-nums}.resource .icon{width:14px;height:14px;color:#a9a177}.resource-note{margin-left:13px;color:#90a689;font-size:10px}.resource-note:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#91b591;margin-right:7px}
#scene-heading{position:absolute;left:285px;top:135px;pointer-events:none}.scene-eyebrow{display:flex;align-items:center;gap:8px;color:#bdbe99;font-size:10px;letter-spacing:2px}.scene-eyebrow:before{content:"";display:block;width:24px;height:1px;background:#a1ac7b}.scene-title{font:24px var(--serif);color:#e1d5af;letter-spacing:4px;margin:9px 0 5px;text-shadow:0 2px 8px #153322}.scene-subtitle{color:#aab799;font-size:10px;letter-spacing:1px}.season-medallion{border:1px solid #d7c59688;color:#d7c596;border-radius:50%;width:32px;height:32px;display:inline-grid;place-items:center;font:17px var(--serif);margin-left:9px}
#left-panel{position:absolute;left:22px;top:135px;width:224px;display:flex;flex-direction:column;gap:14px;z-index:2;max-height:calc(100% - 212px)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px #081b1644;position:relative}.panel:before,.panel:after{content:"";position:absolute;width:8px;height:8px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-left:1px solid #c5ad79;border-top:1px solid #c5ad79}.panel:after{bottom:-1px;right:-1px;border-right:1px solid #c5ad79;border-bottom:1px solid #c5ad79}.hero-card{overflow:hidden}.hero-upper{height:244px;position:relative;cursor:pointer;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#45634466,transparent 75%)}.hero-upper:hover img{transform:scale(1.025)}.hero-upper img{position:absolute;left:-15px;top:-35px;width:253px;max-width:none;transition:transform .5s}.hero-upper:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#12291e 0%,#142b1e88 13%,transparent 40%);pointer-events:none}.hero-rank{position:absolute;left:15px;top:15px;z-index:1;display:flex;gap:7px;align-items:center}.hero-quote{position:absolute;right:13px;top:43px;font:11px var(--serif);letter-spacing:5px;writing-mode:vertical-rl;color:#bcbb98;opacity:.65}.hero-name{position:absolute;z-index:1;left:19px;bottom:16px;font:35px var(--serif);letter-spacing:7px;color:#e5d4a6}.hero-name span{font:12px var(--serif);color:#adbd9e;letter-spacing:2px;display:block;margin-top:2px}.hero-signet{position:absolute;right:15px;bottom:29px;z-index:1;padding:7px 4px;writing-mode:vertical-rl;background:#a9644099;border:1px solid #cb8a5788;color:#e8c894;font:11px var(--serif);letter-spacing:3px}.hero-details{padding:1px 16px 15px}.hero-stats{display:flex;justify-content:space-between;border-top:1px solid #b59d5d22;border-bottom:1px solid #b59d5d22;padding:13px 0 11px}.hero-stat{text-align:center}.hero-stat small{font-size:10px;display:block;color:#98ab8e;margin-bottom:5px}.hero-stat b{font:20px var(--serif);color:#ddd2ac}.hero-stat b.high{color:var(--gold-bright)}.ap-row{margin:14px 0 7px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.ap-value{font:16px var(--serif);color:var(--gold-bright)}.ap-value small{font:10px var(--sans);color:#81957b}.meter{height:3px;background:#87977e22;position:relative;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#788c63,#b5bd86);transition:width .4s}.meter.gold-meter span{background:linear-gradient(90deg,#96764f,#dfc48b)}.hero-wealth{display:flex;justify-content:space-between;font-size:10px;color:#9aaa8d;margin-top:13px}.hero-wealth b{color:#cec6a6;font-weight:400}.hero-links{display:flex;margin:12px -16px -15px;border-top:1px solid var(--line)}.hero-links button{flex:1;color:#b4bd9c;padding:11px 0;font-size:11px}.hero-links button+button{border-left:1px solid var(--line)}.hero-links button:hover{background:#e0cb8810;color:var(--gold)}.hero-links .icon{width:14px;height:14px;margin-right:5px}.quest-card{padding:16px 16px 14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:15px var(--serif);letter-spacing:1px;color:#d4c8a1}.panel-heading .icon{color:#b09e6c}.quest-title{font:14px var(--serif);letter-spacing:1px;margin:7px 0}.quest-desc{font-size:10px;color:#95a58b;line-height:1.9}.quest-progress{display:flex;gap:9px;align-items:center;margin-top:9px}.quest-progress .meter{flex:1}.quest-progress span{font-size:10px;color:#c2b588}.quest-reward{font-size:10px;color:#a4a482;margin-top:9px}.quest-reward .icon{width:12px;height:12px}.mini-links{display:flex;justify-content:space-between;gap:5px}.mini-links button{font-size:10px;color:#93a287;padding:3px 1px}.mini-links button:hover{color:var(--gold)}
#right-panel{position:absolute;right:22px;top:135px;width:224px;display:flex;flex-direction:column;gap:14px;z-index:2;max-height:calc(100% - 210px)}.city-card{background:linear-gradient(120deg,#d6cca7,#b9b68e);color:#384c35;border:1px solid #dbcea373;box-shadow:0 10px 45px #061c1344}.city-card:before,.city-card:after{border-color:#e6d8ac}.city-card-top{padding:16px 16px 8px;display:flex;align-items:center;justify-content:space-between}.city-name{font:29px var(--serif);letter-spacing:4px;color:#33482f}.city-name small{display:block;font:9px var(--sans);letter-spacing:1px;color:#6f795b;margin-top:4px}.city-owner{writing-mode:vertical-rl;font:12px var(--serif);padding:8px 5px;border:1px solid #7c865455;letter-spacing:3px;background:#47604a0a}.city-vista{height:76px;overflow:hidden;position:relative;opacity:.92;margin:0 10px}.city-vista img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;mix-blend-mode:multiply;filter:sepia(.3) saturate(.7);opacity:.9}.city-vista:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#c5c19b,transparent 25%,transparent 76%,#cecaA5)}.city-card-content{padding:11px 16px 16px}.city-resources{display:grid;grid-template-columns:1fr 1fr;gap:11px 9px;padding-bottom:13px;border-bottom:1px solid #68734833}.city-resources small{color:#73805e;font-size:10px;display:flex;gap:5px;align-items:center}.city-resources b{display:block;font:18px var(--serif);color:#344c35;margin-top:4px}.city-resources .icon{width:13px;height:13px}.city-metrics{display:grid;gap:10px;margin:14px 0}.city-metric{display:grid;grid-template-columns:28px 1fr 24px;gap:9px;align-items:center;font-size:10px;color:#616f4c}.city-metric .meter{background:#61744922;height:3px}.city-metric .meter span{background:#71845a}.city-metric b{font-weight:400;text-align:right;color:#3e5839}.city-actions{display:flex;gap:7px;margin-top:15px}.city-actions button{height:33px;flex:1;font:12px var(--serif);color:#435635;border:1px solid #75835370}.city-actions button:hover{background:#6b794221}.city-actions .primary{background:#3e5840;color:#e6dcb5;border-color:#3e5840}.city-actions .war{background:#875d42;color:#f2deb6;border-color:#875d42}.city-actions .icon{width:14px;height:14px;margin-right:3px}.news-card{padding:15px}.news-card .panel-heading{font-size:13px}.news-item{font-size:10px;color:#a8b59a;line-height:1.8;margin-bottom:11px;border-left:1px solid #89966b55;padding-left:9px}.news-item:last-child{margin-bottom:0}.news-item small{display:block;font-size:9px;letter-spacing:.4px;color:#697f65;margin-bottom:2px}.news-item b{font-weight:400;color:#c4c5a0}
#bottom-bar{position:absolute;left:282px;right:264px;bottom:46px;min-height:79px;display:flex;align-items:stretch;justify-content:center;background:linear-gradient(0deg,#10291fec,#153325dd);border:1px solid var(--line);box-shadow:0 12px 30px #091c1544;z-index:2;backdrop-filter:blur(10px)}.action-group-label{display:flex;align-items:center;justify-content:center;font:12px var(--serif);writing-mode:vertical-rl;letter-spacing:3px;color:#8a9d7b;border-right:1px solid var(--line);padding:10px 11px}.action-btn{flex:1;min-width:0;max-width:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#c5c7a4;padding:11px 4px;position:relative;border-right:1px solid #ae9c6122}.action-btn:last-child{border-right:0}.action-btn>.icon{color:#b6b180;width:22px;height:22px}.action-btn>span{font:12px var(--serif);letter-spacing:1px}.action-btn>small{font:8px var(--sans);color:#7e9474;letter-spacing:1px}.action-btn:hover,.action-btn.active{background:#b3b57417;color:var(--gold-bright)}.action-btn:hover .icon,.action-btn.active .icon{color:var(--gold-bright)}.action-btn.military{color:#d1b794}.action-btn.military .icon{color:#d0a477}.action-btn.active:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--gold)}
#map-tools{position:absolute;right:265px;bottom:160px;display:flex;flex-direction:column;gap:4px;z-index:1}.map-tool{width:31px;height:31px;background:#132d2288;border:1px solid #a9a7703d;color:#b1bd99;display:grid;place-items:center;backdrop-filter:blur(6px)}.map-tool .icon{width:15px;height:15px}.map-tool:hover{color:var(--gold);background:#243d27}.map-tool.active{color:var(--gold);border-color:#b6a77588}#world-legend{position:absolute;left:287px;bottom:140px;display:flex;gap:15px;align-items:center;font-size:10px;color:#aab394;pointer-events:none}.legend-item{display:flex;gap:6px;align-items:center}.legend-item i{width:6px;height:6px;border:1px solid #e5d7a033;transform:rotate(45deg)}.legend-label{color:#7e9579;font-size:9px;letter-spacing:1px}#footer{position:absolute;bottom:12px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:#65816a;font-size:9px;letter-spacing:1px;z-index:1}.footer-brand{font:11px var(--serif);color:#809077;letter-spacing:2px}.footer-controls{letter-spacing:.4px}.footer-controls kbd{border:1px solid #61765155;padding:1px 3px;margin:0 4px;color:#99a784;font-family:var(--sans);font-size:8px}.save-indicator{color:#8c9f7e;min-width:130px;text-align:right}.save-indicator .dot{width:4px;height:4px}
#toast{position:absolute;bottom:153px;left:50%;max-width:min(640px,90vw);transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#ded2abcF;backdrop-filter:blur(14px);color:#344b34;border:1px solid #e9d8a5aa;padding:13px 23px;font:13px var(--serif);line-height:1.7;box-shadow:0 10px 32px #081b1555;z-index:30;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#513627ed;color:#e6c7a0;border-color:#a16e4d}
.btn{min-height:39px;padding:10px 17px;border:1px solid var(--line);color:#c9cfac;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;letter-spacing:.4px}.btn:hover{background:#bbaa5e13;border-color:#baa76d88;color:var(--gold-bright)}.btn.primary{background:#a27a4b;border:1px solid #ceaa6c;color:#fff0c8}.btn.primary:hover{background:#b18c59}.btn.jade{background:#385f45;border-color:#67845a;color:#d9e6c2}.btn.danger{border-color:#926446;color:#d7a77e;background:#754d3522}.btn.full{width:100%}.btn.small-btn{min-height:31px;padding:6px 10px;font-size:11px}.btn .icon{width:16px;height:16px}.empty-note{padding:40px 20px;text-align:center;color:#9bab8d;line-height:2}.pill{border:1px solid #91a27244;display:inline-flex;padding:4px 10px;color:#aab89a;font-size:10px;gap:5px}.pill .icon{width:12px;height:12px}
#modal-layer{position:absolute;inset:0;background:rgba(5,17,12,.73);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:30px;z-index:20;animation:appear .25s ease}.modal{width:750px;max-width:100%;max-height:92vh;border:1px solid #b29c6460;background:linear-gradient(135deg,#243c2d,#122a1f 65%,#1b3325);box-shadow:0 35px 150px #020e0bbc,inset 0 0 0 5px #0e24182b;display:flex;flex-direction:column;position:relative;animation:modal-in .25s ease}.modal:before{content:"";position:absolute;pointer-events:none;inset:5px;border:1px solid #bdab6830}.modal.wide{width:1090px}.modal-header{padding:27px 32px 22px;border-bottom:1px solid #aaa2672e;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-shrink:0}.modal-header h2{font:28px var(--serif);color:#e0d2aa;letter-spacing:4px;margin:9px 0 5px}.modal-subtitle{color:#a2b18f;font-size:11px;line-height:1.8;letter-spacing:.4px;max-width:850px}.modal-close{flex-shrink:0;border:1px solid var(--line);margin-top:1px}.modal-body{padding:25px 32px 30px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#6d7851 #172d20}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-thumb{background:#6d7851}.modal-bottom{margin-top:25px;padding-top:20px;border-top:1px solid #8f9a592f;display:flex;align-items:center;justify-content:space-between;gap:14px}.body-copy{font-size:13px;line-height:2.2;color:#aebca0;margin:0}.body-copy strong{font-weight:400;color:#dfcf9f}.modal-note{font-size:11px;line-height:1.9;color:#8b9f7f}.modal-note.warn{color:#c09b72}.modal-tabbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:21px}.tab{padding:9px 15px;color:#a3b197;border-bottom:1px solid transparent;font-size:12px}.tab.active{border-color:var(--gold);color:var(--gold-bright);background:#a6a96810}.tab:hover{color:var(--gold)}.search{margin-left:auto;background:#11291c;color:#ded7b5;border:1px solid var(--line);padding:9px 12px;width:198px;font-size:11px}.search::placeholder{color:#758d70}.character-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.character-card{position:relative;overflow:hidden;border:1px solid #a7a26b38;background:linear-gradient(150deg,#4360423a,#122b1e);text-align:left;padding:0}.character-card:hover,.character-card.chosen{border-color:#c1ac72;background:#76824b20}.character-card .character-art{height:149px;overflow:hidden;position:relative}.character-art img{width:100%;height:auto;margin-top:-14px;transition:transform .4s}.character-card:hover img{transform:scale(1.05)}.character-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1a3325,transparent 45%)}.character-info{padding:7px 10px 11px}.character-name{font:18px var(--serif);letter-spacing:2px;color:#dfcfaa}.character-location{font-size:9px;color:#91a386;display:block;margin:5px 0 9px}.character-nums{font-size:9px;color:#8c9f83;display:flex;gap:6px}.character-nums b{font:12px var(--serif);color:#c8c19a;margin-left:3px}.character-faction{position:absolute;right:7px;top:7px;writing-mode:vertical-rl;font:10px var(--serif);color:#d3cca6;padding:5px 3px;background:#1c3326a8;border:1px solid #a2a8733e;letter-spacing:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:21px;color:#9fae8e;font-size:11px}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:33px}.profile-art{position:relative;background:radial-gradient(ellipse,#75805d22,transparent 75%);height:394px;overflow:hidden;border:1px solid var(--line)}.profile-art img{width:100%;margin-top:-20px}.profile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#163021 0%,transparent 35%)}.profile-calligraphy{position:absolute;bottom:20px;left:24px;z-index:1;font:37px var(--serif);letter-spacing:9px;color:#e2d3a8}.profile-calligraphy small{display:block;font:12px var(--serif);letter-spacing:5px;color:#a7b798;margin-top:8px}.profile-stats{display:flex;gap:20px;margin:23px 0}.profile-stat b{display:block;font:28px var(--serif);color:#ded1aa;margin-top:5px}.profile-stat span{font-size:10px;color:#91a98b}.profile-bio{font:14px var(--serif);line-height:2.1;color:#b4c0a2;margin:17px 0}.bond-box{padding:16px;border:1px solid var(--line);background:#77824608}.bond-box .meter{margin-top:12px}.profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.profile-actions .btn{font-size:11px;padding:11px 5px}.profile-actions .btn small{display:block;color:#8f9f7d;font-size:9px;margin-top:4px}.action-description{margin-top:12px;color:#819777;font-size:10px;line-height:1.9}.item-card{border:1px solid var(--line);background:#8d995b0a;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.item-art{width:68px;height:68px;border:1px solid #ac9d6255;background:radial-gradient(#a89b4329,transparent 72%);display:grid;place-items:center;transform:rotate(2deg);margin-bottom:20px}.item-art .icon{width:35px;height:35px;color:#c3ac77}.item-card h3{font:18px var(--serif);color:#e2d4a9;letter-spacing:2px;margin:0 0 11px}.item-card p{font-size:11px;color:#98ac8c;line-height:1.8;margin:0 0 13px}.item-bonus{color:#c3c99d;font-size:12px;margin-bottom:20px}.item-card .btn{margin-top:auto;width:100%}.item-card.owned{opacity:.6}.goal-card{padding:22px;border:1px solid var(--line);background:#82964f0b;position:relative}.goal-number{font:italic 35px Georgia,serif;color:#9b9e5e3d;position:absolute;right:18px;top:13px}.goal-card h3{font:20px var(--serif);letter-spacing:2px;color:#dfd1a5;margin:10px 0}.goal-card p{font-size:11px;color:#a2b08f;margin-bottom:23px}.goal-card .meter{margin:12px 0 18px}.goal-reward{font-size:11px;color:#beab7d}.timeline{position:relative;padding-left:23px}.timeline:before{content:"";position:absolute;left:3px;top:7px;bottom:7px;width:1px;background:#a8a56835}.timeline-item{position:relative;display:grid;grid-template-columns:139px 1fr;gap:20px;padding:0 0 24px}.timeline-item:before{content:"";position:absolute;left:-23px;top:6px;width:7px;height:7px;background:#7f996b;border:1px solid #b4b57c;transform:rotate(45deg)}.timeline-item[data-kind="battle"]:before{background:#a67450}.timeline-item small{font-size:10px;color:#849a78}.timeline-item p{font-size:12px;line-height:1.9;margin:0;color:#b8c5a6}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}.strip-stat b{font:26px var(--serif);color:#e0cea0;display:block;margin-bottom:8px}.strip-stat span{font-size:10px;color:#91a583}.faction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faction-card{padding:18px;border:1px solid var(--line);background:#7d925509}.faction-card h3{font:20px var(--serif);letter-spacing:3px;margin:0;color:#dfd1a7}.faction-card small{color:#8dA27e;font-size:10px}.faction-motto{font:11px var(--serif);line-height:1.9;color:#9dac8b;margin:13px 0}.faction-mark{width:31px;height:35px;font:20px var(--serif);display:grid;place-items:center;border:1px solid currentColor}.faction-meta{color:#b6c09a;font-size:10px;line-height:2}.faction-buttons{display:flex;gap:7px;margin-top:12px}.faction-buttons .btn{flex:1;padding:7px 5px;font-size:10px;min-height:32px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.scenario-card{border:1px solid var(--line);padding:20px;text-align:left;background:linear-gradient(140deg,#76815715,#123021);position:relative;overflow:hidden}.scenario-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #b0a46115;border-radius:50%;right:-45px;top:-40px}.scenario-card.selected{background:linear-gradient(140deg,#8c865327,#183022);border-color:#cab27b}.scenario-year{font:italic 24px Georgia,serif;color:#ad9f6a;margin-bottom:10px}.scenario-card h3{font:22px var(--serif);color:#dfd0a8;margin:8px 0;letter-spacing:3px}.scenario-card p{font-size:10px;line-height:1.9;color:#94a989;margin:10px 0 0}.section-heading{font:16px var(--serif);letter-spacing:2px;color:#d2c69d;margin:25px 0 15px}.select-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.select-row .selected{border-color:#c1aa71;background:#95844f1a;color:#e1c994}.custom-name{background:#11281b;border:1px solid var(--line);color:#ded1a8;padding:9px 13px;width:180px}.campaign-heroes{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.campaign-heroes .character-art{height:105px}.campaign-heroes .character-info{padding:4px 8px 10px}.campaign-heroes .character-name{font-size:15px}.campaign-heroes .character-location{margin-bottom:0}.campaign-heroes .character-nums{display:none}.campaign-heroes .character-faction{display:none}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #93a06325;gap:20px}.settings-row h3{font:15px var(--serif);margin:0 0 7px;color:#cfc6a1}.settings-row p{font-size:11px;color:#8cA380;margin:0;line-height:1.8}.event-layout{padding:15px 15px 5px;text-align:center}.event-ornament{width:75px;height:75px;margin:0 auto 24px;display:grid;place-items:center;color:#c4ae73;border:1px solid #a9925559;border-radius:50%;box-shadow:0 0 0 6px #92915d08}.event-ornament .icon{width:33px;height:33px}.event-body{font:17px var(--serif);line-height:2.4;color:#c6ceb0;max-width:580px;margin:0 auto 30px;text-align:left}.event-choices{display:flex;flex-direction:column;gap:13px;text-align:left}.event-choice{border:1px solid var(--line);padding:17px 21px;background:#7292570b;display:flex;align-items:center;justify-content:space-between;gap:15px}.event-choice:hover{border-color:#c3ae7480;background:#89945119}.event-choice strong{display:block;font:16px var(--serif);color:#d8c9a0;margin-bottom:7px}.event-choice small{font-size:10px;color:#91a781}.event-choice .icon{color:var(--gold)}.study-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.study-card{padding:22px 10px;border:1px solid var(--line);text-align:center;background:#91a46408}.study-card:hover{background:#91a4641c;border-color:#a5a56a99}.study-card strong{font:33px var(--serif);display:block;color:#dfce9b;margin:18px 0}.study-card .meter{margin:14px 0 10px}.study-card span{font:16px var(--serif);color:#b9c2a0}.study-card small{font-size:9px;color:#91a780}.deployment-versus{display:grid;grid-template-columns:1fr 66px 1fr;align-items:center;gap:15px;margin:15px 0 24px}.army-banner{text-align:center;border:1px solid var(--line);padding:24px;background:#97a45709}.army-banner h3{font:24px var(--serif);color:#dbcfaa;letter-spacing:3px;margin:5px 0 13px}.army-banner b{font:35px var(--serif);color:#bacead;display:block}.army-banner.enemy b{color:#d9ac8a}.army-banner small{font-size:11px;color:#8ea77e;display:block;margin-top:12px}.versus{font:29px var(--serif);color:#b49e65;text-align:center}.formation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.formation-choice{border:1px solid var(--line);padding:16px 10px;text-align:center}.formation-choice.selected{border-color:#baaa76;background:#8a98601a}.formation-choice strong{display:block;font:15px var(--serif);color:#c9c59f;margin:9px 0}.formation-choice small{color:#8ea67c;font-size:10px}.battle-roster{padding:15px}.battle-roster .panel-heading{margin-bottom:15px}.army-row{display:flex;align-items:center;gap:10px;border:1px solid #87965f22;background:#79955906;margin-bottom:9px;padding:10px;text-align:left;width:100%}.army-row.selected{border-color:#bca66e99;background:#ada45714}.army-row.dead{opacity:.35}.army-row .army-portrait{width:38px;height:43px;overflow:hidden;background:#48624544;flex-shrink:0;border:1px solid #92a16b40}.army-portrait img{width:58px;max-width:none;margin-left:-10px;margin-top:-9px}.army-row h4{font:13px var(--serif);color:#d5c9a5;margin:0 0 5px}.army-row p{font-size:10px;color:#8fa180;margin:0 0 6px}.army-row .meter{height:2px}.army-row .army-detail{flex:1;min-width:0}.army-row .troop-count{font:16px var(--serif);color:#c8d2ad;margin-left:auto}.army-state{font-size:9px;color:#b5b58a}.battle-command-info{padding:14px 15px;font-size:10px;color:#98ae8a;line-height:2}.battle-command-info strong{color:#d3c595;font-weight:400}.battle-log{max-height:169px;overflow:auto;scrollbar-width:thin;scrollbar-color:#546e47 transparent;font-size:10px;line-height:1.9;color:#a5b697}.battle-log div{padding:6px 0;border-bottom:1px solid #7f9a5623}.battle-round{display:flex;align-items:center;gap:13px;padding:13px 16px;background:#cbb5830b;border-bottom:1px solid var(--line)}.battle-round b{font:31px var(--serif);color:#dac38e}.battle-round span{font-size:10px;color:#9cb088;line-height:1.9}.battle-turn-controls{display:flex;flex-direction:column;gap:9px;padding:0 15px 15px}.battle-summary{text-align:center;padding:20px}.battle-result-symbol{font:77px var(--serif);color:#dbbe80;text-shadow:0 0 55px #c5a35b33;margin-bottom:20px}.battle-summary h3{font:25px var(--serif);color:#e2d0a4;margin:12px 0}.battle-summary p{color:#a2b992;font-size:12px;line-height:2.1}.battle-result-stats{display:flex;justify-content:center;gap:40px;margin:30px 0}.battle-result-stats b{font:26px var(--serif);color:#d6d2aa;display:block;margin-bottom:8px}.battle-result-stats small{font-size:10px;color:#94ab84}.duel-stage{display:grid;grid-template-columns:1fr 80px 1fr;gap:15px;align-items:center}.duelist{text-align:center}.duelist img{height:198px;max-width:100%;object-fit:contain}.duelist h3{font:20px var(--serif);letter-spacing:3px;color:#dacba2;margin:8px 0 13px}.duelist .meter{height:5px;margin:8px 15px}.duel-prompt{padding:18px;border:1px solid var(--line);font:14px var(--serif);text-align:center;line-height:1.9;color:#c2cba9;margin:25px 0 18px}.duel-buttons{display:flex;gap:12px;justify-content:center}.duel-buttons .btn{flex:1}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.help-section h3{font:17px var(--serif);color:#cfbf95;margin:0 0 11px}.help-section p{font-size:12px;line-height:2.1;color:#a3b596;margin:0}.help-section kbd{border:1px solid #94a06266;padding:1px 5px;font-size:10px;color:#c8c99e}
@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){#left-panel{width:244px;left:28px}#right-panel{width:244px;right:28px}.hero-upper{height:285px}.hero-upper img{width:276px;left:-16px;top:-35px}.hero-name{font-size:40px}.city-vista{height:97px}.city-resources b{font-size:21px}.city-metrics{gap:12px}#bottom-bar{left:307px;right:286px}#scene-heading{left:309px}#world-legend{left:312px}#map-tools{right:290px}}
@media(max-height:840px) and (min-width:901px){#left-panel,#right-panel{top:130px;gap:10px}.hero-upper{height:180px}.hero-upper img{width:231px;top:-43px;left:-4px}.hero-name{font-size:30px;bottom:8px}.hero-name span{font-size:10px}.hero-quote{top:34px}.hero-stats{padding:9px 0}.hero-stat b{font-size:18px}.hero-links{margin-top:10px}.hero-links button{padding:8px 0}.ap-row{margin-top:10px}.quest-card{padding:11px 15px}.quest-card .panel-heading{margin-bottom:6px}.quest-desc{line-height:1.6}.quest-reward{display:none}.city-vista{height:57px}.city-card-top{padding-top:12px}.city-card-content{padding-top:7px}.city-metrics{gap:8px;margin:10px 0}.news-card{padding:12px}.news-item{margin-bottom:7px}.news-item:nth-child(n+3){display:none}#scene-heading{top:135px}.scene-title{font-size:22px}.scene-subtitle{display:none}.battle-log{max-height:112px}.army-row{padding:8px}.battle-command-info{padding:10px 14px}.modal{max-height:94vh}.modal-body{padding-top:20px}.character-card .character-art{height:125px}}
@media(max-width:1250px) and (min-width:901px){#topbar{padding:0 18px;gap:10px}.brand{min-width:173px}.brand-title{font-size:25px}.brand-sub{font-size:8px;letter-spacing:2.5px}.nav-btn{padding:0 11px;font-size:12px;gap:6px}.nav-btn .icon{width:17px;height:17px}.time-group{gap:10px;padding-left:10px}.top-utilities{gap:1px}.icon-btn{width:29px}.date-label{font-size:13px}.date-label small{font-size:9px;letter-spacing:.4px}.next-month{padding:0 11px}.main-nav{gap:0}#left-panel,#right-panel{width:205px}#bottom-bar{left:247px;right:239px}#scene-heading{left:253px}#world-legend{left:253px;gap:9px}#map-tools{right:239px}.hero-upper img{left:-20px}.hero-stats{gap:2px}.hero-stat small{font-size:9px}.hero-wealth{font-size:9px}.city-resources b{font-size:17px}.action-btn>span{font-size:11px}.action-group-label{padding:7px}.character-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){#topbar{height:76px;padding:0 14px;gap:10px}.brand{min-width:auto;flex:1}.brand-title{font-size:24px}.brand-sub{font-size:8px;letter-spacing:2px}.brand-seal{width:29px;height:36px;font-size:19px}.top-utilities{gap:2px}.top-utilities .icon-btn{width:30px}.main-nav{position:absolute;top:109px;left:0;width:100%;height:41px;justify-content:center;gap:16px;background:#143124bb;border-bottom:1px solid #b1a96825}.nav-btn{height:41px;padding:0 8px;font-size:12px;gap:6px}.nav-btn .icon{width:16px;height:16px}.time-group{padding-left:0;border-left:0;gap:9px}.date-label{font-size:12px}.date-label small{font-size:8px;letter-spacing:.4px}.next-month{height:36px;padding:0 10px;gap:5px}.next-month span{font-size:12px}.next-month .icon{width:14px;height:14px}#resource-strip{top:76px;gap:14px;font-size:9px;overflow:hidden;white-space:nowrap;justify-content:center}.resource strong{font-size:10px}.resource .icon{width:11px;height:11px}.resource-note{display:none}#left-panel{display:none}#right-panel{left:13px;right:13px;top:auto;bottom:148px;width:auto;max-height:none;gap:0}#right-panel .news-card{display:none}.city-card{display:grid;grid-template-columns:95px 1fr}.city-card-top{padding:10px 12px;display:block}.city-name{font-size:24px;letter-spacing:2px}.city-name small{font-size:8px;margin-top:7px}.city-owner{writing-mode:horizontal-tb;padding:4px 0;border:0;font-size:9px;letter-spacing:1px}.city-vista{display:none}.city-card-content{padding:11px 12px 9px}.city-resources{grid-template-columns:repeat(4,1fr);gap:10px;border:0;padding-bottom:0}.city-resources small{font-size:8px;gap:3px}.city-resources .icon{width:10px;height:10px}.city-resources b{font-size:15px;margin-top:5px}.city-metrics{display:none}.city-actions{margin-top:9px;gap:7px}.city-actions button{height:28px;font-size:11px}#scene-heading{left:19px;top:170px}.scene-title{font-size:23px}.scene-subtitle{font-size:9px;max-width:260px}.scene-eyebrow{font-size:8px}.season-medallion{width:27px;height:27px;font-size:14px}#bottom-bar{left:12px;right:12px;bottom:49px;min-height:77px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.action-btn{min-width:61px;flex:1;gap:5px;padding:9px 4px}.action-btn>.icon{width:19px;height:19px}.action-btn>span{font-size:11px}.action-btn>small{font-size:8px}.action-group-label{padding:9px 8px;font-size:11px;flex-shrink:0}#world-legend{left:19px;bottom:274px;gap:12px;font-size:9px}.legend-label{display:none}#map-tools{right:15px;bottom:282px;gap:5px}.map-tool{width:33px;height:33px}#footer{left:14px;right:14px;bottom:16px;font-size:8px}.footer-controls{display:none}.footer-brand{font-size:10px}.save-indicator{font-size:8px}#toast{bottom:270px;max-width:calc(100vw - 40px);font-size:12px;padding:11px 18px}#modal-layer{padding:15px}.modal{max-height:94vh}.modal-header{padding:21px 20px 17px}.modal-header h2{font-size:23px;letter-spacing:3px}.modal-subtitle{font-size:10px}.modal-body{padding:20px}.modal-bottom{flex-wrap:wrap}.character-grid{grid-template-columns:repeat(4,1fr);gap:9px}.character-card .character-art{height:130px}.character-info{padding:6px 8px 10px}.character-name{font-size:17px}.character-nums{font-size:8px;gap:4px}.character-nums b{font-size:11px}.character-location{font-size:8px}.search{width:160px}.campaign-heroes{grid-template-columns:repeat(4,1fr)}.campaign-heroes .character-art{height:115px}.profile-layout{grid-template-columns:210px 1fr;gap:20px}.profile-art{height:335px}.profile-stats{gap:13px}.profile-stat b{font-size:24px}.profile-bio{font-size:13px}.profile-actions{gap:6px}.profile-actions .btn{font-size:10px}.faction-grid{grid-template-columns:repeat(2,1fr)}.battle-roster{padding:12px}#app[data-mode="battle"] #right-panel{bottom:149px;left:13px;right:13px;background:#143023ed;border:1px solid var(--line);flex-direction:row;display:flex;max-height:95px}#app[data-mode="battle"] #right-panel .panel{border:0;box-shadow:none;background:none}#app[data-mode="battle"] #right-panel .panel:before,#app[data-mode="battle"] #right-panel .panel:after{display:none}#app[data-mode="battle"] #right-panel .battle-roster{display:none}.battle-command-info{display:none}.battle-turn-controls{padding:12px;display:flex;flex-direction:row;align-items:center;gap:9px;flex:1}.battle-turn-controls .btn{font-size:10px;min-height:37px;padding:7px}.battle-round{padding:9px 12px;gap:10px;border:0}.battle-round b{font-size:29px}.battle-round span{font-size:9px}.battle-log{display:none}.battle-controls-panel{display:flex;flex:1;justify-content:space-between}.army-row{margin-bottom:7px}.deployment-versus{grid-template-columns:1fr 36px 1fr;gap:9px}.army-banner{padding:19px 10px}.army-banner h3{font-size:21px}.army-banner b{font-size:28px}.army-banner small{font-size:9px}.scenario-card{padding:15px}.scenario-card h3{font-size:20px;letter-spacing:2px}.scenario-card p{font-size:9px}.scenario-year{font-size:20px}.help-grid{gap:23px}.body-copy{font-size:12px}.timeline-item{grid-template-columns:115px 1fr;gap:12px}.timeline-item small{font-size:9px}.timeline-item p{font-size:11px}}
@media(max-width:540px){.brand-title{font-size:21px;letter-spacing:3px}.brand-sub{font-size:7px;letter-spacing:1.4px}.brand-seal{width:25px;height:32px;font-size:17px}.brand{gap:8px}.top-utilities .icon-btn:nth-child(1),.top-utilities .icon-btn:nth-child(2){display:none}.top-utilities .icon-btn{width:27px}.time-group{gap:7px}.date-label{font-size:10px}.date-label small{font-size:8px}.next-month{padding:0 7px;font-size:10px}.next-month span{font-size:10px}.next-month .icon{width:12px}.main-nav{gap:7px}.nav-btn{font-size:11px;padding:0 7px}#resource-strip{gap:11px;padding:0 10px}.resource{gap:4px;font-size:8px}.resource:nth-child(4){display:none}.resource strong{font-size:10px}.resource .icon{width:10px}.city-card{grid-template-columns:84px 1fr}.city-card-top{padding:11px 9px}.city-card-content{padding:11px 9px}.city-resources{gap:6px}.city-resources b{font-size:12px}.city-resources small{font-size:8px}.city-name{font-size:23px}.city-actions button{font-size:10px}.city-actions .icon{width:12px}.city-owner{font-size:8px}.city-name small{font-size:8px}.character-grid{grid-template-columns:repeat(3,1fr)}.character-card .character-art{height:105px}.character-name{font-size:16px}.character-nums{gap:3px;flex-wrap:wrap}.character-nums b{font-size:10px}.modal-tabbar{gap:1px}.tab{font-size:11px;padding:8px 10px}.search{width:100%;margin-top:8px;margin-left:0}.modal-header h2{font-size:22px}.modal-header{padding:20px 17px 16px}.modal-body{padding:18px 17px 22px}.kicker{font-size:8px;letter-spacing:2px}.modal-subtitle{font-size:9px}.profile-layout{grid-template-columns:1fr;gap:18px}.profile-art{height:215px}.profile-art img{position:absolute;right:0;width:220px;top:-33px}.profile-calligraphy{bottom:23px;left:24px;font-size:34px;writing-mode:vertical-rl;height:162px}.profile-calligraphy small{font-size:11px;letter-spacing:3px;margin:0 14px 0 0}.profile-stats{justify-content:space-between;margin:13px 0}.profile-stat b{font-size:25px}.profile-bio{font-size:12px;margin:12px 0}.profile-actions{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr;gap:10px}.item-card{padding:16px}.item-art{width:51px;height:51px;margin-bottom:16px}.item-art .icon{width:27px;height:27px}.item-card h3{font-size:16px;letter-spacing:1px}.item-card p{font-size:10px}.item-card .btn{font-size:10px;padding:8px}.item-bonus{font-size:11px}.grid2{gap:10px}.goal-card{padding:16px}.goal-card h3{font-size:18px}.goal-card p{font-size:10px;line-height:1.8}.goal-number{font-size:28px}.goal-reward{font-size:10px}.goal-card .btn{font-size:10px}.faction-grid{gap:10px}.faction-card{padding:13px}.faction-card h3{font-size:18px;letter-spacing:2px}.faction-mark{width:25px;height:31px;font-size:18px}.faction-motto{font-size:10px}.faction-card .row{gap:6px}.faction-meta{font-size:9px}.faction-buttons{flex-direction:column}.scenario-grid{grid-template-columns:1fr;gap:9px}.scenario-card{padding:14px;display:grid;grid-template-columns:48px 1fr;gap:4px 13px}.scenario-year{grid-row:span 2;font-size:20px;margin:5px 0}.scenario-card h3{font-size:19px;letter-spacing:2px;margin:3px 0}.scenario-card p{margin:0;font-size:10px}.scenario-card p.scenario-desc{display:none}.campaign-heroes{gap:8px}.campaign-heroes .character-art{height:90px}.campaign-heroes .character-name{font-size:14px;letter-spacing:0}.campaign-heroes .character-location{font-size:8px}.section-heading{font-size:15px;margin:22px 0 13px}.select-row{gap:8px}.select-row .btn{padding:9px 11px;font-size:10px}.custom-name{width:145px;font-size:11px}.study-grid{grid-template-columns:repeat(3,1fr);gap:10px}.study-card{padding:19px 10px}.study-card strong{font-size:29px}.study-card span{font-size:14px}.stat-strip{gap:8px}.strip-stat b{font-size:22px}.strip-stat span{font-size:8px}.timeline-item{display:block;padding-bottom:23px}.timeline-item small{display:block;margin-bottom:6px}.timeline-item p{font-size:11px;line-height:1.9}.event-layout{padding:6px 0 0}.event-ornament{width:58px;height:58px;margin-bottom:18px}.event-body{font-size:14px;line-height:2.3;margin-bottom:21px}.event-choice{padding:15px}.event-choice strong{font-size:14px}.event-choice small{font-size:9px;line-height:1.9}.event-choice .icon{width:16px}.settings-row .btn{font-size:10px;padding:9px;flex-shrink:0}.settings-row h3{font-size:14px}.settings-row p{font-size:10px}.settings-row{gap:10px}.modal-bottom .btn{font-size:11px;min-height:38px;padding:9px 12px}.modal-note{font-size:10px}.formation-grid{gap:8px}.formation-choice{padding:13px 4px}.formation-choice strong{font-size:13px}.formation-choice small{font-size:8px}.formation-choice .icon{width:21px;height:21px}.army-banner h3{font-size:19px}.army-banner b{font-size:25px}.duel-stage{grid-template-columns:1fr 40px 1fr;gap:6px}.duelist img{height:150px}.duelist h3{font-size:17px}.duel-buttons{gap:8px}.duel-buttons .btn{font-size:11px;padding:11px 5px}.duel-prompt{font-size:12px}.help-grid{grid-template-columns:1fr;gap:26px}.help-section p{font-size:11px}.help-section h3{font-size:16px}.battle-turn-controls{gap:7px}.battle-turn-controls .btn{font-size:9px;padding:7px 8px}.battle-round{padding:9px 10px;gap:8px}.battle-round b{font-size:25px}.battle-round span{font-size:8px}.battle-result-stats{gap:21px}.battle-result-stats b{font-size:23px}.battle-result-stats small{font-size:9px}.battle-summary{padding:9px 0}.battle-result-symbol{font-size:64px}.battle-summary h3{font-size:22px}.battle-summary p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}button:active{transform:none}}

/* Final readability and compact-landscape pass. */
.army-row:disabled:not(.dead){opacity:1;cursor:default}.army-row.dead{opacity:.32}
@media(max-width:899px) and (max-height:539px){
#topbar{height:54px;padding:0 13px;gap:12px}.brand{min-width:130px}.brand-title{font-size:20px}.brand-sub{display:none}.brand-seal{width:24px;height:30px;font-size:18px}.main-nav{position:static;flex:1;height:54px;background:none;border:0;justify-content:center;gap:3px}.nav-btn{height:54px;padding:0 8px}.nav-btn span{display:none}.nav-btn .icon{width:18px}.top-utilities{margin-left:0}.time-group{margin-left:0}.date-label{font-size:10px}.date-label small{font-size:7px}.next-month{height:31px}.next-month span{font-size:10px}
#resource-strip{top:54px;height:26px;font-size:8px}#scene-heading,#world-legend,#footer{display:none}#right-panel{top:91px;bottom:auto;left:auto;right:12px;width:160px}.city-card{display:block}.city-card-top{padding:9px 12px 3px}.city-name{font-size:23px}.city-name small{display:none}.city-owner{font-size:8px}.city-card-content{padding:5px 12px 10px}.city-resources{grid-template-columns:1fr 1fr;gap:7px}.city-resources b{font-size:13px}.city-actions{display:flex;flex-direction:column;margin-top:8px;gap:5px}.city-actions button{min-height:25px;height:25px;font-size:9px}
#bottom-bar{left:12px;right:184px;bottom:10px;min-height:65px}.action-btn{min-width:58px;padding:8px 4px}.action-btn>.icon{width:16px;height:16px}.action-btn>span{font-size:10px}.action-btn>small{font-size:8px}.action-group-label{font-size:10px}#map-tools{right:184px;bottom:85px}.map-tool{width:28px;height:28px}#toast{bottom:87px;max-width:calc(100vw - 240px);left:40%;font-size:10px}
#app[data-mode="battle"] #right-panel{left:auto;right:12px;bottom:10px;top:auto;width:160px;max-height:none}.battle-controls-panel{flex-direction:column}.battle-round{padding:9px 12px}.battle-round b{font-size:24px}.battle-turn-controls{padding:7px 12px 12px;flex-direction:column;gap:6px}.battle-turn-controls .btn{min-height:28px;font-size:9px}.battle-turn-controls .text-btn{font-size:10px}.modal-header{padding:13px 18px}.modal-header h2{font-size:21px}.modal-body{padding:15px 18px}.modal-subtitle{font-size:9px}
}

#mobile-hud{display:none}
@media(max-width:899px){#world-legend{display:none}#mobile-hud{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:8px;left:13px;right:60px;bottom:263px;min-height:32px;padding:7px 10px;background:#10291fed;border:1px solid var(--line);font-size:11px;color:var(--gold-bright)}#mobile-hud button{padding:2px 0;white-space:nowrap;font-size:11px}#mobile-hud small{font:9px var(--sans);color:var(--muted)}#mobile-hud .icon{margin-right:3px}#app[data-mode="battle"] #mobile-hud{bottom:250px}}
@media(max-width:899px) and (max-height:539px){#mobile-hud{bottom:85px;left:13px;right:auto;padding:6px 10px;gap:14px}#app[data-mode="battle"] #mobile-hud{bottom:85px}}