/* Ink, bronze, linen and painted scenery. Game information stays live DOM text. */
:root{--bg:#0b171c;--panel:#102329;--panel-2:#182e33;--gold:#d8bb83;--gold-light:#f3dfae;--line:#af956455;--text:#e4dbc4;--muted:#a6b5ad;--jade:#91bfaa}
body{background:#09151a;color:var(--text)}button{transition:background .16s,border-color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ecd198!important;outline-offset:3px}
#topbar{background:linear-gradient(0deg,#0d1d23ed,#14282eeb);border-bottom:1px solid #ad915f8c;height:82px;box-shadow:0 5px 30px #0004}.brand{min-width:246px;width:246px;padding-left:22px;gap:13px}.brand-title{font-size:28px;letter-spacing:8px;color:#ead7a6}.brand-sub{font-size:8px;letter-spacing:2px;color:#b99f6c}.brand-seal{background:linear-gradient(135deg,#935445,#6f372e);box-shadow:inset 0 0 0 3px #ceac7370;color:#f4e0bb}
.nav-btn{font-family:var(--serif);font-size:14px;gap:9px;white-space:nowrap;padding:0 22px}.nav-btn.active{background:linear-gradient(0deg,#ba9a5426,transparent);color:#f1d59a;border-color:#debd78}.next-month{background:linear-gradient(115deg,#bc9b64,#806444);border:1px solid #dbc39a;color:#fff0c9;box-shadow:inset 0 0 0 3px #1d251e80;font-family:var(--serif);font-size:16px;padding:11px 19px;min-width:115px}
#resource-strip{top:82px;height:34px;background:linear-gradient(90deg,#17292de8,#173136dc,#182a2cea);border-bottom:1px solid #b4955d35;color:#c2ccbc;gap:24px}.resource strong{color:#f0ddaf}.resource-note{color:#99b49f}#left-panel,#right-panel{top:129px;width:241px;bottom:62px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8d805544 transparent}#left-panel{left:18px}#right-panel{right:18px}
.panel{background:linear-gradient(130deg,#13292fee,#0e1e24f2);border:1px solid #ac946563;box-shadow:0 8px 26px #0003,inset 0 0 0 3px #102328;position:relative}.panel:before,.panel:after{content:"";position:absolute;width:11px;height:11px;border-color:#dcc28a;pointer-events:none}.panel:before{left:3px;top:3px;border-left:1px solid;border-top:1px solid}.panel:after{right:3px;bottom:3px;border-right:1px solid;border-bottom:1px solid}.panel-heading{font-family:var(--serif);font-size:15px;color:#e1cb9d;letter-spacing:1px}.text-btn{color:#d1b886;font-size:11px}.muted{color:#a6b4ac}.gold{color:#efdaab}.hero-upper{height:294px;border-bottom:1px solid #a88f5d55;background:#182a2d}.hero-upper img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;filter:none;opacity:1}.hero-upper:after{background:linear-gradient(0deg,#102027 0%,#14252b88 13%,transparent 40%)}.hero-rank{z-index:2;top:13px;left:13px;background:#101c22b8;padding:3px}.hero-quote{display:none}.hero-name{font-size:37px;letter-spacing:7px;bottom:16px;left:18px;color:#f3e0ad;text-shadow:0 1px 6px #000}.hero-name span{font-size:11px;color:#cfcdba;letter-spacing:2px;margin-top:6px}.hero-signet{bottom:29px}.hero-details{padding:0 17px 14px}.hero-stats{gap:6px;padding:16px 0}.hero-stat small{font-size:10px;color:#a6b5b0}.hero-stat b{font-size:22px;color:#e4d2a6}.hero-stat .high{color:#f6e7b6}.ap-row{font-size:12px}.meter{height:4px;background:#384a414d}.meter>span{background:linear-gradient(90deg,#477968,#a8ccb1)}.gold-meter>span{background:linear-gradient(90deg,#988159,#ddc38c)}.quest-card{padding:17px;margin-top:13px}.quest-title{font-size:18px;font-weight:400;margin:15px 0 8px;letter-spacing:2px}.quest-desc{font-size:11px;line-height:1.9;color:#acb7ae}.quest-progress{margin:12px 0 0}.mini-links{display:flex;justify-content:space-between;margin:14px 2px}.mini-links button{font-size:11px;display:flex;gap:4px;align-items:center;color:#b8c2b1}.hero-links{border-color:#ae996334}.hero-links button{font-size:10px}
.city-card{background:linear-gradient(135deg,#eee2bf,#d2c7a4);color:#243d3a;box-shadow:inset 0 0 0 4px #bcac7c33,0 6px 30px #0004}.city-card-content{padding:20px 18px 18px}.city-vista{width:100%;height:126px;object-fit:cover;object-position:50% 33%;filter:none;border:1px solid #927b415c;mask-image:none!important;opacity:1}.city-title{font-size:29px;color:#233d3b;letter-spacing:6px}.city-card .muted,.city-card small{color:#617268}.city-resources{gap:17px;padding:14px 0}.city-resource b{font-family:var(--serif);font-size:20px}.city-card .btn{border-color:#77795799;color:#29443e;background:#6e8b7619;font-size:11px;min-height:32px}.city-card .btn:hover{background:#66806b32}.city-secondary-actions .btn{margin-top:2px}.city-stats{font-size:11px}.city-card .meter{background:#9b946a44}.city-card .meter>span{background:#678c72}.city-card:before,.city-card:after{border-color:#756944}
.mini-atlas{margin-top:14px;padding:12px 12px 10px}.mini-atlas .panel-heading{font-size:13px;margin-bottom:12px}.mini-atlas canvas{width:100%;height:auto;border:1px solid #9b875858;display:block;cursor:crosshair;background:#17292e}.minimap-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:10px;color:#aebbab}
#scene-heading{left:281px;top:140px;padding:13px 16px;background:linear-gradient(110deg,#0d1d22c4,#0d1d2277);border-left:2px solid #c6a875;max-width:259px;pointer-events:none}.scene-title{font-size:30px;color:#f4e4b9;letter-spacing:4px}.scene-subtitle{font-size:10px;color:#c5cfbd;margin-top:8px;line-height:1.6}.scene-eyebrow{font-size:8px;letter-spacing:2px;color:#d3bb8b}.season-medallion{border-color:#ccb9899e;color:#dfc895}
#bottom-bar.painted-dock{left:280px;right:280px;bottom:48px;padding:5px;height:88px;gap:5px;background:#0d1c22ed;border:1px solid #a68b5766;box-shadow:0 8px 32px #0006}.painted-command{border:1px solid #baa06b66;background:#0c1a1e;min-width:62px;position:relative;overflow:hidden}.painted-command img{opacity:.86;filter:saturate(.9);transform:scale(1.01);transition:transform .35s,filter .2s}.painted-command:hover img{transform:scale(1.08);filter:saturate(1.15)}.painted-command:after{background:linear-gradient(0deg,#07171bec,transparent 90%)}.painted-command span{font-family:var(--serif);font-size:21px;letter-spacing:3px;bottom:11px;color:#f1dfb3;text-shadow:0 2px 7px #000}.painted-command:hover{border-color:#f0d695;box-shadow:0 0 16px #c1a27224}
#bottom-bar:not(.painted-dock){left:280px;right:280px;bottom:48px;background:#102128f2;border-color:#a28e626b;height:88px}.action-btn{font-family:var(--serif);color:#d4d4b9;min-width:78px}.action-btn.active{color:#f5dda6;background:#b9a36b22}.action-btn span{font-size:14px}.action-btn small{font-size:9px;color:#a9b7a6}#map-tools{right:277px;bottom:165px}.map-tool{background:#10242be8;border-color:#d2b87b50;color:#e1c994}#world-legend{left:281px;bottom:146px;opacity:.9;font-size:10px;background:#0c1d226e;padding:5px 9px}#footer{background:#08151bd9;border-top:1px solid #ae966335;min-height:29px;color:#8ca39b}.footer-brand{letter-spacing:2px}.save-indicator{font-size:9px}
#modal-layer{background:#031218ba;backdrop-filter:blur(8px);z-index:80;padding:22px}.modal{border:1px solid #c2a57294;background:linear-gradient(135deg,#193038f7,#0d1d25fa);box-shadow:0 25px 100px #000a,inset 0 0 0 4px #ac8f4d12;max-height:93dvh;border-radius:2px}.modal:before{border-color:#bd9e65}.modal-header{background:linear-gradient(90deg,#1c333b88,transparent);padding:25px 30px 22px;border-bottom:1px solid #a9945a40}.modal-header h2{font-size:28px;letter-spacing:4px;color:#f1dab0;line-height:1.5}.modal-subtitle{font-size:12px;color:#afc0b5;line-height:1.8}.modal-body{padding:25px 30px 30px}.kicker{color:#b5a377;font-size:9px;letter-spacing:2.5px}.btn{border:1px solid #a58e5f72;color:#dacdaf;background:#24404b38;border-radius:1px;font-family:var(--serif);font-size:13px;min-height:37px;line-height:1.5}.btn:hover:not(:disabled){border-color:#dec28b;background:#83917428}.btn.primary{background:linear-gradient(115deg,#af9260,#746245);border-color:#d2b880;color:#fff1c9;box-shadow:inset 0 0 0 2px #3a342d3b}.btn.selected{border-color:#e6c888;background:#9c85472b}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.tiny{padding:5px 10px;min-height:29px;font-size:11px}input,select{background:#11252c!important;border:1px solid #a68f616b!important;color:#e4d8b6!important;border-radius:2px!important;font-size:12px;padding:9px 11px;min-height:37px}select{max-width:100%}.body-copy{font-size:12px;line-height:1.95;color:#bfcabe}.realm-note{background:#b29a5610;border:1px solid #ac965a37;color:#b9c6b7;line-height:1.9}.realm-overline{border-color:#bc9e6045}.realm-overline .realm-stat strong{color:#edd9ad}.realm-tabs{background:#0d20285e}.realm-tab{font-family:var(--serif);color:#b9c7bd}.realm-tab.active{border-color:#d9ba79;background:#b49c621b;color:#f4dca8}.development-card,.tech-card,.commission-card,.policy-card,.tactic-card,.formation-choice{background:linear-gradient(130deg,#223d4290,#10272cbd);border-color:#b89c606b;box-shadow:0 4px 15px #0002}.development-art{height:160px;object-fit:cover;object-position:50% 50%;opacity:1}.development-card p{font-size:12px;min-height:46px;color:#b5c5b5}.development-text{padding:15px 17px}.development-card h3{font-size:23px;color:#e9d2a5}.development-card .card-cost{margin-top:12px}.realm-hero{height:190px}.realm-hero>img{opacity:.5}.realm-hero h3{font-size:27px;color:#ead4a8}.realm-hero p{color:#c0cbbd}.tech-symbol{background:#6c785724;color:#e0c696}.policy-glyph{color:#d3bd87}.realm-note,.modal-note{font-size:11px;line-height:1.9}.queue-strip{background:#45564044;border-color:#b29b63a1}.trade-order{background:#142b3299}.trade-art{height:145px;opacity:.88;object-fit:cover}.caravan-card{background:#27404455}.trade-quote{border-color:#ac9b6450}
.character-grid{gap:16px}.character-card{background:#0e242b;border:1px solid #ad935965;box-shadow:0 5px 20px #0003;overflow:hidden}.character-card .character-art img{opacity:1;object-fit:cover;object-position:50% 25%;width:100%;height:100%;filter:none}.character-art{height:225px}.character-card .character-art:after{background:linear-gradient(0deg,#0d2026,transparent 70%)}.character-info{background:#102329e8}.character-name{color:#ead9ab;font-size:24px}.character-location{font-size:10px;color:#a7b8aa}.character-faction{background:#12272ece;padding:4px 7px;font-size:10px}.character-nums{color:#abb9ad}.character-card:hover{border-color:#ebcf8c;transform:translateY(-2px)}.profile-art{background:#11232a;overflow:hidden;border:1px solid #c4a77378}.profile-art img{object-fit:cover;object-position:50% 20%;height:100%;width:100%;opacity:1}.profile-calligraphy{background:linear-gradient(transparent,#0c1d24e8);padding:30px 15px 18px;color:#f4dda6}.profile-bio{line-height:2.1;color:#bfcbbe}.profile-stat b{color:#edd9ad}.profile-actions .btn{background:#213b4538}.campaign-heroes .character-art{height:123px}.scenario-card{background:linear-gradient(115deg,#29464b99,#17282ecc);border-color:#a78d5870}.scenario-card.selected{background:linear-gradient(115deg,#72755060,#2a3833);border-color:#e3c98a}.scenario-year{color:#c7af7e}.scenario-card h3{color:#f0dbad}.scenario-desc{color:#b6c0b4}.scenario-card p{font-size:11px}.duelist img{object-fit:cover;object-position:50% 20%;border:1px solid #b69d70}.duel-prompt{background:#1a343d;border-color:#bf9b5b6e}.event-layout{background:#18303866}.event-body{color:#d3d2bb}.event-choice{background:#19323a;color:#dfd3b0;border-color:#a98e5963}.event-choice small{color:#aec2b2}.event-ornament{color:#ddc086}.deployment-versus{background:#20363b4f}.army-banner h3{color:#e9d3a6}.army-banner b{color:#edddb7}.battle-roster{padding:17px 13px}.army-row{background:#263c403d;border-color:#88967430;min-height:86px;padding:10px 8px;gap:9px}.army-row.selected{border-color:#dec38c;background:#b49b571c}.army-portrait{width:45px;height:49px;border:1px solid #ad9c70}.army-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.army-detail h4{font-family:var(--serif);font-size:15px;letter-spacing:1px;color:#ecd8aa}.army-detail p{font-size:10px;color:#aabbaf}.troop-count{font-size:17px;color:#e5d6b6}.army-state{font-size:9px}.battle-command-info{background:#142a31e8;padding:15px;margin-top:12px;font-size:11px;line-height:1.9}.battle-v2-info{border-color:#ab90522d}.battle-turn{background:#152c34ed}.battle-log{font-size:11px;line-height:1.9;color:#b3c2b3}.tactics-hero>img{object-fit:cover;object-position:50% 17%}.tactic-card>img{height:135px;opacity:1}.tactic-card>div{padding:15px}.tactic-card p{font-size:12px;color:#b7c6b8}.tactic-card h4{color:#e9d1a4}.tactic-target select{margin-left:15px}.tactic-card.spent img{filter:saturate(.4)}
/* Full-screen title. The paintings are runtime assets, not a screenshot of controls. */
#title-screen{position:fixed;inset:0;z-index:90;background:#0c191f;color:#f4e3b7;overflow:hidden;isolation:isolate}.title-landscape{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.61;filter:saturate(.7);transform:scale(1.03)}.title-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#081820ee 2%,#0d242bbe 36%,#0b1c234f 72%,#08171e50),linear-gradient(0deg,#07161f 1%,transparent 36%,#0b1b2277)}.title-top,.title-bottom{position:absolute;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:10px;letter-spacing:3px;color:#c4b17e}.title-top{top:30px;border-bottom:1px solid #cfb57349;padding-bottom:21px}.title-bottom{bottom:24px;border-top:1px solid #cfb57349;padding-top:17px;font-size:9px;letter-spacing:1px}.title-content{position:absolute;z-index:3;left:8.5%;top:18%;width:540px}.title-edition{font-size:17px;color:#c4b584;font-family:var(--serif);margin-bottom:18px;letter-spacing:10px}.title-content h1{font-family:var(--serif);font-size:94px;font-weight:600;line-height:1.15;letter-spacing:12px;margin:0;text-shadow:0 3px 20px #0005;color:#f1dc9f}.title-content h1 span{display:block;font-size:72px;letter-spacing:13px;margin-top:8px}.title-rule{display:flex;align-items:center;gap:14px;margin-top:24px}.title-rule i{height:1px;background:#c7b27577;width:36px}.title-rule b{font:8px var(--sans);letter-spacing:2.5px;color:#bcb38e;white-space:nowrap}.title-tagline{font:14px/2.2 var(--serif);letter-spacing:2px;color:#c4d0c6;margin:29px 0}.title-actions{display:grid;gap:12px;width:318px;margin-top:27px}.title-actions>div{display:flex;justify-content:space-between;padding:9px 0}.title-primary{display:flex;align-items:center;justify-content:space-between;padding:16px 21px;min-height:78px;background:linear-gradient(110deg,#c2a66c,#876f45);border:1px solid #e1c992;color:#162826;box-shadow:inset 0 0 0 4px #9a804c,inset 0 0 0 5px #e5cb9299,0 12px 30px #0004;font:22px var(--serif);letter-spacing:4px;text-align:left}.title-primary small{display:block;font:10px var(--sans);letter-spacing:1px;margin-top:9px;color:#334039}.title-primary:hover{filter:brightness(1.12)}.title-secondary{font:15px var(--serif);letter-spacing:4px;min-height:42px;background:#10283088;border:1px solid #b1985963;color:#e4d4a8}.title-secondary:hover{background:#34515177;border-color:#e2c48a}.title-generals{position:absolute;right:-2%;bottom:10%;width:57%;height:78%;opacity:.95;mask-image:linear-gradient(0deg,transparent 0%,#000 20%,#000 94%,transparent);pointer-events:none}.title-general{position:absolute;height:91%;object-fit:cover;object-position:50% 15%;filter:saturate(.75);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 82%,transparent)}.title-general.lead{left:26%;bottom:0;width:54%;z-index:2}.title-general.rear-left{left:0;bottom:2%;height:84%;width:45%;opacity:.76}.title-general.rear-right{right:0;bottom:2%;height:84%;width:43%;opacity:.78}.title-poem{position:absolute;right:4.8%;top:19%;writing-mode:vertical-rl;font:17px/2.5 var(--serif);letter-spacing:8px;color:#d9cb9a;z-index:4}
/* Illustrated management screens. */
.jx-modal{width:min(1160px,94vw)!important}.jx-modal .modal-body{padding:23px 30px 30px}.jx-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 0 19px;font-size:12px;color:#bfc9b7}.jx-toolbar label{display:flex;gap:12px;align-items:center}.jx-toolbar select{min-width:205px}.atlas-intro,.office-banner,.archive-current{position:relative;height:195px;overflow:hidden;background:#20373b}.atlas-intro>img,.office-banner>img,.archive-current>img{width:100%;height:100%;object-fit:cover;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 40%)}.atlas-intro>div,.office-banner>div,.archive-current>div{position:absolute;left:26px;top:24px}.atlas-intro h3,.office-banner h3,.archive-current h3{font:29px var(--serif);letter-spacing:3px;margin:14px 0;color:#edd9a7}.atlas-intro p,.office-banner p,.archive-current p{font-size:12px;line-height:1.9;color:#c0ccb9}.atlas-intro strong{font:29px var(--serif);color:#ead5a5}.atlas-intro strong small{font:11px var(--sans);color:#c2cbb5}.faction-ranks{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.faction-ranks>div{display:flex;gap:7px;align-items:center;background:#26444a44;border:1px solid #8b916240;padding:8px 11px;font-size:12px}.faction-ranks i,.ledger-city-name>i{width:6px;height:18px;display:block}.faction-ranks b{font-size:15px;color:#f0d9aa}.faction-ranks span{font-size:10px;color:#9fb09f}.city-ledger{border:1px solid #9d875545}.ledger-header,.ledger-city{display:grid;grid-template-columns:2fr 1fr 1fr .7fr 1.6fr;align-items:center;gap:16px;padding:13px 17px}.ledger-header{font-size:11px;color:#a4b6a5;background:#0e242b}.ledger-city{font-size:12px;border-top:1px solid #90a28222;color:#c4cdb5}.ledger-city.own{background:#88ad8422}.ledger-city-name{display:flex;gap:13px;align-items:center}.ledger-city-name b{font:18px var(--serif);color:#ebd5a8;letter-spacing:2px}.ledger-city-name small{display:block;color:#a3b59f;font-size:10px;margin-top:6px}.ledger-city .row{gap:7px}.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:22px}.office-card{background:#16303788;border:1px solid #a88f585b;overflow:hidden}.office-portrait{height:185px;overflow:hidden;background:#ddd4ba}.office-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 17%}.office-content{padding:18px}.office-content h3{font:24px var(--serif);letter-spacing:2px;margin:9px 0}.office-content strong{display:block;font-size:12px;color:#b5cdb1;margin:15px 0}.office-content p{font-size:12px;line-height:1.9;color:#bbc9b8}.office-content select{width:100%;margin-bottom:15px}.office-content .row>.primary{flex:1}.supply-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:27px}.supply-form{background:#152d35;border:1px solid #a48f5544}.supply-art{height:170px;background:radial-gradient(ellipse,#5a736044,transparent);display:flex;justify-content:center}.supply-art img{height:100%;object-fit:contain}.jx-form-body{padding:22px}.jx-form-body h3{font:27px var(--serif);letter-spacing:4px;margin:13px 0 21px;color:#ebd8a7}.jx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.jx-form-row label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#bbc8b9}.jx-form-row select,.jx-form-row input{width:100%;min-width:0}.supply-stock{display:flex;gap:17px;justify-content:space-between;border-top:1px solid #a78e543d;border-bottom:1px solid #a78e543d;padding:16px 0;font-size:11px}.supply-stock b{display:block;font-size:17px;margin-top:6px;color:#dfc58c}.supply-history h3{font:21px var(--serif);letter-spacing:2px;margin:17px 0;color:#dfc997}.supply-history h3 small{font:12px var(--sans);letter-spacing:0;color:#9cafa0}.supply-ticket{border:1px solid #a9945955;background:#2e4b4b38;padding:17px;margin-bottom:12px}.supply-ticket>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.supply-ticket b{font:18px var(--serif);color:#e2cf9f}.supply-ticket p{font-size:12px;line-height:1.9;color:#acbda9}.empty-state{font:12px/2.1 var(--sans);color:#97ad9e;padding:18px 0}.sr-only{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}.chapter-intro{padding:15px 0 25px}.chapter-intro h3{font:26px var(--serif);color:#ead5a0;margin:15px 0;letter-spacing:2px}.chapter-intro p{font-size:12px;color:#b8c6b8;line-height:1.9}.chapter-dots{display:flex;align-items:center;margin-top:26px;max-width:560px}.chapter-dots i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #b49c6359;border-radius:50%;font:12px var(--serif);color:#94a599}.chapter-dots i.current{color:#f3d79b;border-color:#dfc283;box-shadow:0 0 20px #c8aa7033}.chapter-dots i.done{background:#86a888;color:#10292b}.chapter-dots>span{width:55px;height:1px;background:#c4ad6944;flex:1}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chapter-card{border:1px solid #a28b564b;background:#1d383f55;overflow:hidden;position:relative}.chapter-card.current{border-color:#d1b173;box-shadow:0 0 25px #c9ac6220}.chapter-card.locked>img{filter:saturate(.3);opacity:.5}.chapter-card>img{width:100%;height:153px;object-fit:cover}.chapter-card>div{padding:20px}.chapter-card h3{font:22px var(--serif);color:#e5d0a4;letter-spacing:1px;margin:12px 0}.chapter-card p{font-size:12px;line-height:1.85;color:#b6c4b5;min-height:44px}.chapter-progress{display:flex;align-items:center;gap:15px;margin:17px 0}.chapter-progress .meter{flex:1}.chapter-progress b{font:11px var(--sans);color:#bcbd96}.chapter-card small{font-size:11px;color:#c2b07f}.chapter-card .btn{display:block;margin-top:17px;min-width:160px}.trial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trial-card{border:1px solid #ad965963;overflow:hidden;background:linear-gradient(145deg,#223c44,#102831)}.trial-card>img{width:100%;height:192px;object-fit:cover}.trial-card>div{padding:22px;position:relative}.trial-number{font:57px var(--serif);color:#b698623b;position:absolute;right:14px;top:5px}.trial-card h3{font:27px var(--serif);letter-spacing:3px;margin:21px 0 15px;color:#edd6a3}.trial-card p{font-size:12px;line-height:1.9;color:#b8c7b7;min-height:70px}.trial-record{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #a58d513b;margin-top:16px;font-size:11px}.trial-record b{color:#e3c78c;font-size:14px;padding-left:7px}.jx-lead{font:19px/1.9 var(--serif);color:#e2d1a7;margin:0 0 25px}.jx-lead span{font:12px/1.8 var(--sans);color:#adbda9}.gallery-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.art-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:21px}.art-gallery figure{margin:0;border:1px solid #ae945c66;background:#152e34;overflow:hidden}.art-gallery img{width:100%;height:163px;object-fit:contain;background:#d1c7aa16}.art-gallery figcaption{font:14px var(--serif);letter-spacing:2px;padding:12px;text-align:center;border-top:1px solid #b19a5433;color:#e4d1a1}.portrait-gallery{grid-template-columns:repeat(6,1fr);gap:13px}.portrait-gallery img{height:198px;object-fit:cover;object-position:50% 16%}.avatar-gallery{grid-template-columns:repeat(8,1fr);gap:13px}.avatar-gallery img{height:auto;aspect-ratio:1;object-fit:cover}.avatar-gallery figcaption{font-size:12px;padding:10px 1px}.archive-current{height:157px}.archive-current>div{top:19px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:24px 0}.archive-card{background:#203a4280;border:1px solid #a9925b63;padding:21px}.archive-card h3{font:23px var(--serif);letter-spacing:3px;margin:14px 0;color:#e7d0a1}.archive-person{display:flex;gap:13px;align-items:center;margin:20px 0}.archive-person img{width:51px;height:60px;object-fit:cover;border:1px solid #b39b6460}.archive-person b{font:16px var(--serif);color:#e2d0a7}.archive-person small{display:block;font:10px/1.8 var(--sans);margin-top:5px;color:#a9bca9}.archive-card .empty-state{height:61px;margin:15px 0;padding:8px 0}.archive-card .row .btn{flex:1;padding:8px}.guide-hero{height:215px;position:relative;overflow:hidden}.guide-hero>img{width:100%;height:100%;object-fit:cover;opacity:.65}.guide-hero>div{position:absolute;left:27px;bottom:22px;text-shadow:0 1px 9px #000}.guide-hero h3{font:31px var(--serif);letter-spacing:3px;margin:10px 0;color:#f4e2b1}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 27px;padding:25px 0}.guide-grid article{position:relative;padding:10px 0}.guide-grid span{position:absolute;right:3px;top:-6px;font:46px var(--serif);color:#a3986b2f}.guide-grid h3{font:22px var(--serif);letter-spacing:2px;color:#e7d0a0;margin:9px 0}.guide-grid p{font-size:12px;line-height:2;color:#b6c5b5}.quickstart{border-left:2px solid #d0b678;background:#a5945730;padding:18px 22px;display:flex;gap:22px;font-size:12px;line-height:1.9;color:#d3d2ad}.quickstart b{white-space:nowrap;color:#ecd7a1}.report-painting{height:180px;overflow:hidden}.report-painting img{width:100%;height:100%;object-fit:cover;opacity:.85}.report-list article{display:flex;gap:18px;border-top:1px solid #b39e593b;padding:14px}.report-list article span{font:24px var(--serif);color:#a3955b}.report-list p{font-size:13px;line-height:1.8;color:#c4d0ba;margin:0}.appearance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.appearance-card{padding:0;border:1px solid #a68f605a;background:#203841;overflow:hidden}.appearance-card img{height:290px;object-fit:cover;object-position:top;width:100%}.appearance-card span{font:20px var(--serif);letter-spacing:5px;display:block;padding:18px;color:#ead8ac}.appearance-card.selected{border-color:#ecd199}.settings-row{border-color:#b59b6044}.settings-row h3{color:#e3cca0}.settings-row p{color:#9eb49f;line-height:1.8;font-size:12px}#toast{z-index:110;background:#e0d2aa;color:#1c3832;border-color:#ac9864;font-size:13px;box-shadow:0 5px 35px #0006}#toast.error{background:#54362e;color:#f5d5b7}
@media(max-width:1320px) and (min-width:901px){.nav-btn{padding:0 12px;font-size:12px}.brand{width:228px;min-width:228px}.title-content{left:7%;width:450px;top:16%}.title-content h1{font-size:80px}.title-content h1 span{font-size:62px}.title-generals{width:60%;right:-5%}.hero-upper{height:246px}.portrait-gallery{grid-template-columns:repeat(5,1fr)}}
@media(max-height:870px) and (min-width:901px){.hero-upper{height:218px}.hero-stats{padding:12px 0}.hero-details{padding-bottom:10px}.quest-card{padding:12px 16px}.quest-title{margin:10px 0 6px}.city-vista{height:92px}.city-card-content{padding:15px}.mini-atlas{padding:10px}.mini-atlas canvas{max-height:101px}.title-content{top:15%}.title-content h1{font-size:71px}.title-content h1 span{font-size:56px}.title-edition{font-size:13px;margin-bottom:14px}.title-tagline{margin:18px 0;font-size:12px}.title-actions{gap:8px;margin-top:19px}.title-primary{min-height:68px;padding:12px 20px}.title-secondary{min-height:35px}.title-bottom{bottom:15px}.title-top{top:22px}.battle-command-info{line-height:1.7;font-size:10px}.army-row{min-height:76px}.army-portrait{width:36px;height:42px}.mini-atlas .panel-heading{margin-bottom:8px}#scene-heading{top:135px}.scene-title{font-size:25px}}
@media(max-width:900px){.brand{min-width:0;width:auto;padding-left:12px;gap:8px}.brand-title{font-size:24px;letter-spacing:5px}.brand-sub{display:none}#topbar{height:59px}.brand-seal{height:36px;width:27px;font-size:26px}.nav-btn{padding:0 13px}.next-month{padding:8px 11px;min-width:86px;font-size:12px}.time-group .date-label{display:none}#resource-strip{top:59px;height:33px;gap:16px}.top-utilities{gap:1px}.top-utilities .icon-btn{width:28px}#mobile-hud{top:93px;background:#122932ee;border-color:#b5995844;height:34px}.hero-upper{height:246px}.city-vista{height:71px}.city-card-content{padding:12px}#right-panel{top:auto;bottom:140px;max-height:155px;width:220px;right:10px;overflow:auto}#right-panel .city-card{padding:0}#right-panel .city-card-content{padding:12px}#right-panel .mini-atlas{display:none}#left-panel{display:none}#scene-heading{left:15px;top:139px;max-width:232px;padding:10px 14px}.scene-title{font-size:23px}.scene-subtitle{font-size:10px}#map-tools{bottom:174px;right:10px}#bottom-bar.painted-dock{left:10px;right:10px;bottom:37px;height:78px;overflow-x:auto;justify-content:flex-start}#bottom-bar:not(.painted-dock){left:10px;right:10px;bottom:37px;height:78px;overflow-x:auto;justify-content:flex-start}.painted-command{min-width:69px;flex:1 0 69px}.painted-command span{font-size:19px}.action-btn{min-width:81px;flex-shrink:0}.action-btn span{font-size:12px}.action-btn small{font-size:9px}#world-legend{bottom:122px;left:12px;font-size:9px;max-width:90%}#footer{bottom:0;font-size:9px}.title-content{left:8%;top:15%;width:82%}.title-content h1{font-size:71px;letter-spacing:8px}.title-content h1 span{font-size:53px;letter-spacing:10px}.title-tagline{font-size:13px;letter-spacing:1px;max-width:340px}.title-generals{right:-15%;bottom:12%;width:83%;height:78%;opacity:.55}.title-scrim{background:linear-gradient(90deg,#091c25ee,#10232bd9 40%,#10263044),linear-gradient(0deg,#081920,transparent 80%)}.title-actions{width:290px}.title-edition{font-size:13px;letter-spacing:8px}.title-poem{display:none}.title-top{font-size:9px;letter-spacing:2px}.title-bottom{font-size:8px;letter-spacing:.5px}.title-bottom>span:nth-child(2){display:none}.title-rule b{font-size:7px;letter-spacing:1.6px}.title-rule i{width:22px}.title-primary{min-height:72px;font-size:20px}.title-secondary{font-size:14px}.jx-modal{max-height:94dvh}.jx-modal .modal-body{padding:18px 22px 25px}.office-grid,.trial-grid{gap:14px}.office-content{padding:14px}.office-content h3{font-size:21px}.office-portrait{height:143px}.office-banner p{font-size:11px}.trial-card>div{padding:16px}.trial-card>img{height:140px}.trial-card h3{font-size:23px}.trial-card p{font-size:11px;min-height:87px}.chapter-card>img{height:135px}.chapter-card h3{font-size:20px}.chapter-card>div{padding:16px}.art-gallery{grid-template-columns:repeat(3,1fr)}.portrait-gallery{grid-template-columns:repeat(4,1fr)}.portrait-gallery img{height:191px}.avatar-gallery{grid-template-columns:repeat(6,1fr)}.archive-grid{gap:12px}.archive-card{padding:15px}.archive-card .row{gap:6px}.archive-card .btn{font-size:11px}.supply-layout{gap:20px}.jx-form-body{padding:17px}.guide-grid{gap:15px;grid-template-columns:1fr 1fr}.appearance-grid{gap:12px}.appearance-card img{height:230px}.ledger-city,.ledger-header{grid-template-columns:1.7fr 1fr 1fr .6fr 1.6fr;gap:9px;padding:12px;font-size:11px}.development-art{height:130px}.tactic-card>img{height:120px}.character-art{height:200px}}
@media(max-width:600px){#topbar .main-nav{gap:1px}.nav-btn{padding:0 9px}.brand-title{font-size:20px;letter-spacing:2px}.brand-title>span{display:none}.brand{width:auto;min-width:0}.top-utilities .icon-btn{width:26px}.next-month{min-width:80px;font-size:11px;padding:7px}.next-month .icon{width:11px}.title-top>span:last-child{font-size:8px;letter-spacing:1px}.title-content{top:14%;left:8%;}.title-content h1{font-size:62px}.title-content h1 span{font-size:49px}.title-generals{width:126%;right:-49%;height:69%;bottom:15%;opacity:.45}.title-general.lead{left:16%;width:69%}.title-general.rear-left{display:none}.title-content .title-tagline{font-size:12px;line-height:2.1;width:270px;margin:21px 0}.title-actions{width:265px;gap:10px;margin-top:22px}.title-rule{gap:9px}.title-rule i{width:15px}.title-rule b{font-size:6px;letter-spacing:1.1px}.title-edition{font-size:12px;letter-spacing:7px}.title-bottom{line-height:1.8;gap:12px;bottom:18px;align-items:flex-end}.title-primary{font-size:20px;padding:13px 18px}.title-primary small{font-size:9px;letter-spacing:.5px}.title-secondary{min-height:39px}#modal-layer{padding:10px}.modal{width:96vw;max-height:96dvh}.modal-header{padding:18px 18px 17px}.modal-header h2{font-size:22px;letter-spacing:2px}.modal-subtitle{font-size:10px}.modal-body{padding:18px}.jx-modal{width:96vw!important;max-height:96dvh}.jx-modal .modal-body{padding:17px 15px 22px}.jx-modal .modal-header{padding:18px 16px}.jx-toolbar{display:block;font-size:11px}.jx-toolbar label{display:block}.jx-toolbar select{width:100%;margin:9px 0 12px}.atlas-intro{height:196px}.atlas-intro>div,.office-banner>div{left:17px;right:16px;top:20px}.atlas-intro h3{font-size:23px}.atlas-intro p{font-size:11px}.atlas-intro strong{font-size:26px}.faction-ranks{gap:6px}.faction-ranks>div{padding:7px 8px;font-size:11px;gap:4px}.ledger-header,.ledger-city{grid-template-columns:1.6fr 1fr 1.65fr;padding:12px 9px;gap:9px}.ledger-header>span:nth-child(3),.ledger-header>span:nth-child(4),.ledger-city>span:nth-child(3),.ledger-city>span:nth-child(4){display:none}.ledger-city-name b{font-size:16px}.ledger-city-name small{font-size:9px}.ledger-city-name{gap:7px}.ledger-city .row{gap:4px}.ledger-city .tiny{font-size:10px;min-width:0;padding:5px 7px}.office-grid{grid-template-columns:1fr}.office-card{display:grid;grid-template-columns:100px 1fr}.office-portrait{height:100%;min-height:220px}.office-portrait img{object-position:50% 22%}.office-content{padding:16px}.office-content h3{font-size:23px}.office-content strong{margin:11px 0}.office-content p{font-size:11px}.office-content select{font-size:11px}.office-banner{height:186px}.office-banner h3{font-size:26px}.supply-layout{grid-template-columns:1fr;gap:17px}.supply-art{height:130px}.supply-history{border-top:1px solid #b89f6155;padding-top:6px}.jx-form-row{gap:11px}.jx-form-body{padding:17px}.chapter-intro{padding:8px 0 21px}.chapter-intro h3{font-size:21px;line-height:1.7;letter-spacing:1px}.chapter-intro p{font-size:11px}.chapter-list{grid-template-columns:1fr;gap:17px}.chapter-card{display:grid;grid-template-columns:95px 1fr}.chapter-card>img{height:100%;object-fit:cover;object-position:60% 50%}.chapter-card h3{font-size:20px;letter-spacing:0}.chapter-card p{font-size:11px;min-height:0}.chapter-card>div{padding:15px}.chapter-card .btn{width:100%;min-width:0;font-size:11px}.chapter-card small{font-size:10px}.chapter-progress{margin:12px 0}.trial-grid{grid-template-columns:1fr;gap:18px}.trial-card>img{height:154px}.trial-card>div{padding:21px}.trial-card h3{font-size:27px;margin:18px 0 12px}.trial-card p{min-height:0;font-size:12px}.trial-record{padding:17px 0}.jx-lead{font-size:17px;line-height:1.8}.jx-lead span{font-size:11px}.gallery-tabs{gap:6px}.gallery-tabs .btn{font-size:11px;padding:7px 10px;min-height:32px}.art-gallery{grid-template-columns:repeat(2,1fr);gap:12px}.art-gallery img{height:122px}.portrait-gallery{grid-template-columns:repeat(3,1fr);gap:9px}.portrait-gallery img{height:143px}.portrait-gallery figcaption{font-size:12px;letter-spacing:1px;padding:10px 4px}.avatar-gallery{grid-template-columns:repeat(4,1fr);gap:8px}.avatar-gallery img{height:auto}.avatar-gallery figcaption{font-size:10px;letter-spacing:0;padding:8px 1px}.archive-current{height:150px}.archive-current>div{left:16px}.archive-current h3{font-size:24px;letter-spacing:1px}.archive-grid{grid-template-columns:1fr;gap:13px}.archive-card{display:grid;grid-template-columns:1fr 1.4fr;gap:3px 20px;padding:16px}.archive-card .kicker{grid-column:1/-1}.archive-card h3{font-size:22px;grid-column:1;margin:12px 0}.archive-person{grid-row:2 / 4;grid-column:2;margin:6px 0}.archive-card .empty-state{grid-row:2 / 4;grid-column:2;height:auto;margin:12px 0}.archive-card .row{grid-column:1/-1;margin-top:12px;gap:10px}.archive-card .row .btn{font-size:12px}.settings-row{align-items:flex-start;gap:12px}.settings-row .row{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.settings-row p{font-size:11px}.settings-row h3{font-size:19px}.settings-row>.btn{font-size:11px;white-space:nowrap;padding:8px}.guide-hero{height:176px}.guide-hero>div{left:18px;bottom:18px}.guide-hero h3{font-size:24px;letter-spacing:1px}.guide-grid{grid-template-columns:1fr;gap:5px;padding:17px 0}.guide-grid p{font-size:12px}.guide-grid h3{font-size:23px}.guide-grid article{padding:10px 0}.guide-grid article>span{top:8px;font-size:46px}.quickstart{display:block;padding:16px;font-size:11px}.quickstart b{display:block;margin-bottom:10px}.jx-modal .modal-bottom{flex-wrap:wrap;gap:12px}.jx-modal .modal-bottom>span{flex-basis:100%;font-size:10px;line-height:1.8}.appearance-grid{grid-template-columns:1fr 1fr}.appearance-card img{height:197px}.appearance-card span{font-size:18px;padding:14px}.report-painting{height:150px}.report-list article{padding:15px 4px;gap:12px}.report-list p{font-size:12px}.development-art{height:108px}.development-card p{font-size:11px;min-height:80px}.development-text{padding:12px}.development-card h3{font-size:20px}.character-grid{gap:11px}.character-art{height:176px}.character-name{font-size:21px}.character-location{font-size:9px}.campaign-heroes .character-art{height:113px}.tactic-card>img{height:103px}.tactic-card>div{padding:13px}.tactic-card p{font-size:11px}.tactic-card h4{font-size:19px}.tactic-cards{gap:11px}.tactics-hero h3{font-size:23px}.mini-links{display:none}#scene-heading{max-width:212px;top:137px}.scene-title{font-size:21px}.scene-subtitle{font-size:9px}.scene-eyebrow{font-size:7px}.season-medallion{width:29px;height:29px;font-size:16px}}
@media(max-height:540px){.title-top{top:14px;padding-bottom:10px}.title-content{top:20%;left:7%;display:grid;grid-template-columns:1fr 1fr;width:75%;gap:5px 55px}.title-edition{grid-column:1;margin:0;font-size:10px}.title-content h1{grid-column:1;font-size:43px}.title-content h1 span{font-size:36px;margin:0}.title-rule{display:none}.title-tagline{grid-column:1;font-size:10px!important;line-height:1.8!important;margin:11px 0!important}.title-actions{grid-column:2;grid-row:1/5;width:230px;margin-top:8px;gap:7px}.title-primary{font-size:18px;min-height:63px}.title-secondary{min-height:32px;font-size:12px}.title-content .title-tagline{width:240px}.title-generals{height:90%;right:-15%;opacity:.3}.title-bottom{bottom:13px}.title-bottom span:nth-child(2){display:none}.title-poem{display:none}#right-panel{bottom:107px;top:100px;width:168px;max-height:none}#scene-heading{max-width:180px;top:103px;left:12px}.scene-title{font-size:19px}.scene-subtitle{display:none}.army-row{min-height:62px;padding:7px;gap:6px}.battle-roster{padding:8px}.army-portrait{width:29px;height:36px}.army-detail h4{font-size:13px}.army-detail p{font-size:8px}.troop-count{font-size:13px}.battle-command-info{display:none}.modal{max-height:96dvh}.jx-modal{max-height:96dvh}#world-legend{display:none}#map-tools{right:183px;bottom:130px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.title-landscape{transform:none}.painted-command img,.character-card{transition:none}}

/* Keep the live city plaque, rather than two overlapping titles. */
#app[data-mode="city"] #scene-heading { display:none; }
.city-vista img {object-fit:cover;filter:saturate(.82) contrast(1.02);}
/* Responsive command surfaces: preserve readable text instead of squeezing desktop panels. */
.jx-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.jx-menu-item{padding:0!important;display:flex;flex-direction:column;text-align:left;overflow:hidden;background:#173137;border:1px solid #a58e5f77}.jx-menu-item img{width:100%;height:124px;object-fit:cover;opacity:.82}.jx-menu-item span{padding:17px;font:22px var(--serif);color:#e9d4a8;letter-spacing:2px}.event-scene{width:100%;height:185px;object-fit:cover;border:1px solid #a58e5f66;margin-bottom:25px}.result-art{width:100%;height:165px;object-fit:cover;opacity:.72;mask-image:linear-gradient(#000 55%,transparent);margin-bottom:-22px}.battle-summary{position:relative}.city-card .city-vista img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px) and (min-height:541px){
 #mobile-hud,#app[data-mode="battle"] #mobile-hud{top:93px;bottom:auto;left:10px;right:10px;min-height:34px;height:34px;padding:5px 9px;z-index:3;font-size:10px}
 #mobile-hud button{font-size:10px}#topbar .main-nav{top:127px;height:36px;background:#10262feb}.main-nav .nav-btn{height:36px;gap:4px;font-size:11px;padding:0 8px}
 #right-panel,#app[data-mode="world"] #right-panel,#app[data-mode="city"] #right-panel{width:auto;left:10px;right:10px;top:auto;bottom:123px;max-height:none;overflow:visible}
 #right-panel .city-card{display:grid;grid-template-columns:73px minmax(0,1fr)}#right-panel .city-card-top{padding:11px 9px}.city-name{font-size:22px}
 #right-panel .city-card-content{padding:9px 11px}.city-resources{gap:8px;padding:3px 0 0}.city-resources b{font-size:14px}.city-card .city-actions{margin-top:9px;gap:7px}.city-card .city-actions button{white-space:nowrap;min-width:0;font-size:10px;height:29px;min-height:29px}
 #right-panel .city-secondary-actions{display:none}.city-card .city-vista{display:none}
 #map-tools{bottom:254px;right:10px}#app[data-mode="battle"] #map-tools{bottom:218px}
 #scene-heading{top:173px;max-width:202px;background:#10272bbe;padding:10px 14px}.scene-title{font-size:21px}
 #app[data-mode="battle"] #right-panel{left:10px;right:10px;top:auto;bottom:123px;width:auto;max-height:78px;display:flex;overflow:visible}
 #app[data-mode="battle"] .battle-controls-panel{min-width:0;width:100%;display:flex;flex-direction:row;align-items:center}
 #app[data-mode="battle"] .battle-round{padding:10px 11px;flex:0 0 50px}.battle-round b{font-size:25px}#app[data-mode="battle"] .battle-round span{display:none}
 #app[data-mode="battle"] .battle-turn-controls{padding:10px 9px 10px 0;gap:7px;display:flex;flex:1;min-width:0}
 #app[data-mode="battle"] .battle-turn-controls .btn{min-width:0;flex:1;white-space:nowrap;min-height:41px;font-size:11px;padding:6px 7px}
 #app[data-mode="battle"] .battle-turn-controls .text-btn{white-space:nowrap;font-size:10px;padding:6px 3px}
 #app[data-mode="battle"] .battle-turn-controls .icon{width:11px;flex-shrink:0}.jx-menu-grid{grid-template-columns:repeat(2,1fr);gap:12px}.jx-menu-item img{height:105px}.jx-menu-item span{font-size:19px;padding:13px}.event-scene{height:145px}
}
@media(max-width:900px) and (max-height:540px){
 #topbar .main-nav{display:none}#mobile-hud,#app[data-mode="battle"] #mobile-hud{top:94px;bottom:auto;left:12px;right:207px;min-height:31px;height:31px}
 #right-panel,#app[data-mode="battle"] #right-panel{left:auto;right:10px;top:99px;bottom:125px;width:178px;max-height:none;display:block;overflow:auto}
 #right-panel .city-card{display:block}#right-panel .city-card-top{display:flex;justify-content:space-between;padding:9px 12px}.city-name{font-size:22px}.city-owner,.city-name small{display:none}
 #right-panel .city-card-content{padding:8px 10px}.city-resources{grid-template-columns:repeat(2,1fr);padding:0}.city-resources>div:nth-child(n+3),.city-secondary-actions{display:none}
 .city-actions{display:flex;flex-direction:column}.city-card .city-actions button{white-space:nowrap;min-height:27px;font-size:10px}
 #app[data-mode="battle"] .battle-controls-panel{display:flex;flex-direction:column}#app[data-mode="battle"] .battle-round{padding:5px 10px}.battle-round b{font-size:24px}
 #app[data-mode="battle"] .battle-turn-controls{display:flex;flex-direction:column;width:100%;gap:5px;padding:5px 9px}.battle-turn-controls .btn{width:100%;white-space:nowrap;min-height:30px!important}.battle-turn-controls .text-btn{font-size:10px}
 #app[data-mode="battle"] #scene-heading{display:none}#map-tools{right:198px;bottom:126px;flex-direction:row}#map-tools .map-tool{width:29px;height:29px}
 #bottom-bar.painted-dock,#bottom-bar:not(.painted-dock){bottom:34px;height:77px}.title-bottom{font-size:8px}
}