/* Recovered from 0x480650 (menu) and 0x489940 (war panel): original layout is the default. */
.topbar{display:block;padding:0}.topbar .date-window{position:absolute;left:5.1%;top:9%;height:78%;width:24.2%;line-height:1;align-items:center;border:0;background:none;gap:6px;padding:0;overflow:hidden}.topbar .resource{display:contents}.topbar .resource .coin,.topbar .resource .resource-sign{display:none}.topbar .resource b{position:absolute;top:9%;height:78%;padding:0 2px;border:0;background:none;min-width:0;line-height:calc(16px * var(--s));font-size:calc(10px * var(--s));overflow:hidden}.topbar #gold{left:35.4%;width:4.6%}.topbar #silver{left:43.8%;width:6.2%}.topbar #wealth{left:54.1%;width:10.3%;min-width:0}.topbar #top-troops{left:70.5%;width:5.5%}.topbar #top-morale{left:79%;width:3.4%}.topbar #top-fatigue{left:85.5%;width:3.5%}.topbar #top-general-fatigue{left:91.9%;width:4.3%}
#game-screen{grid-template-columns:minmax(0,1fr)}#game-screen>.scene{grid-column:1/-1;border-right:0}.topbar .wordmark{display:none}.map-tools{opacity:0}.map-tools:hover,.map-tools:focus-within{opacity:1}.scene-caption{bottom:calc(45px * var(--s))}
.control-bank{padding:calc(17px * var(--s) - 1px) calc(4px * var(--s)) calc(4px * var(--s)) calc(12px * var(--s));border:0;background:#a48d62}.mainnav{grid-template-columns:repeat(3,calc(26px * var(--s)));grid-template-rows:repeat(4,calc(26px * var(--s)));gap:calc(9px * var(--s));height:auto;width:auto}.mainnav button{border:0;background:none;box-shadow:none;padding:0;height:calc(26px * var(--s));width:calc(26px * var(--s));overflow:visible}.mainnav button canvas{width:100%;height:100%}.mainnav button span{display:none}.mainnav button.active{background:none;border:0;box-shadow:0 0 0 1px #dfc675}.control-bank[data-mode=battle] .mainnav{display:grid}
.chat-shell{position:relative;min-width:0;min-height:0;height:100%;background:#bda477}.chat-shell>.hud-skin{height:calc(134px * var(--s))}.chat-shell .communications{position:absolute;left:calc(13px * var(--s));right:calc(26px * var(--s));top:calc(16px * var(--s));bottom:calc(28px * var(--s));width:auto;height:auto;margin:0;padding:0;background:none;display:block;overflow:hidden;grid-area:auto}.side-chat-skin,.comms-heading{display:none}.communications .chat{height:100%;display:block;position:relative}.communications .chat>header,.communications .channel-notice{display:none}.communications #chat-log{height:100%;padding:0 3px;color:#352716;font-size:calc(10px * var(--s));line-height:1.6}.communications #chat-log>div{margin:0 0 3px}.communications #chat-log .time{font-size:.78em;color:#866b45}.communications #chat-log .system{color:#604019}.communications #chat-form{display:none}.communications[data-compose=open] .chat{padding-top:calc(21px * var(--s));padding-bottom:calc(24px * var(--s))}.communications[data-compose=open] .chat>header{display:flex;position:absolute;left:0;top:0;height:calc(19px * var(--s));gap:3px;width:calc(200px * var(--s));z-index:3}.communications[data-compose=open] #chat-form{display:flex;position:absolute;bottom:0;left:0;right:0;padding:0;border:0;z-index:3;align-items:center;flex-wrap:nowrap}.communications #chat-recipient{flex-basis:auto;width:100px}.communications #chat-input{height:calc(22px * var(--s))}.communications #chat-form button{height:calc(22px * var(--s))}.original-footer{position:absolute;bottom:0;left:0;right:0;height:calc(18px * var(--s));display:flex;justify-content:flex-end;align-items:stretch;background:#aa9062;z-index:3}.original-footer button{font-size:calc(9px * var(--s));width:calc(61px * var(--s));padding:0 1px;white-space:nowrap;color:#3b2b16;text-shadow:0 1px #d5bd8e;border-color:#b39b6d;border-right-color:#796443;border-bottom-color:#84663b;background:linear-gradient(#c7b48e,#9c8256);box-shadow:none;line-height:1}.original-footer #chat-open{width:auto;flex:1;text-align:left;padding-left:7px;font-size:calc(8px * var(--s));min-width:40px}.original-footer #layout-options{width:calc(17px * var(--s));font-size:calc(10px * var(--s))}
.vitals{grid-template-rows:calc(44px * var(--s)) minmax(0,1fr)}.side-pane{min-height:0;min-width:0;position:relative;padding-top:calc(5px * var(--s));z-index:2}.side-pane>#vital-stats{height:100%}.side-pane .vital{grid-template-columns:calc(27px * var(--s)) minmax(0,1fr)}.side-pane .city-card{height:100%;display:flex;flex-direction:column;position:relative}.side-pane .city-card.hidden{display:none}.side-pane .city-card>header{height:calc(15px * var(--s));flex:none;gap:5px;margin-bottom:1px}.side-pane .city-card h2{font:calc(11px * var(--s)) 'Malgun Gothic',sans-serif}.side-pane .city-card header small{font-size:calc(7px * var(--s))}.side-pane .city-card #city-stage{display:none}.side-pane #city-stats{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);gap:0;flex:1;min-height:0}.side-pane #city-stats>.vital{margin:0;border-bottom:1px solid #8b704355}.side-pane #city-stats .vital>canvas,.side-pane #city-stats .vital>button{width:calc(23px * var(--s));height:calc(23px * var(--s))}.side-pane #city-stats .metric{gap:1px}.side-pane #city-stats .values{font-size:calc(9px * var(--s))}.side-pane #city-actions{flex:none;margin:4px 0 0;gap:3px;height:calc(17px * var(--s));flex-wrap:nowrap}.side-pane #city-actions button{font-size:calc(7px * var(--s));padding:0 2px;flex-basis:auto}.side-pane .commands{display:block;height:100%;padding:calc(1px * var(--s)) 0 0 calc(7px * var(--s));position:relative}.side-pane .commands.hidden{display:none}.side-pane #skill-grid{grid-template-columns:repeat(4,calc(31px * var(--s)));grid-template-rows:repeat(4,calc(41px * var(--s)));gap:calc(3px * var(--s));height:auto;width:auto}.side-pane #skill-grid button{width:calc(31px * var(--s));height:calc(41px * var(--s));padding:0;background:none;box-shadow:none;border:0}.side-pane #skill-grid button canvas{width:100%;height:100%}.side-pane #skill-grid button span{display:none}.side-pane #skill-grid button.active{box-shadow:0 0 0 1px #ead888}.side-pane #skill-grid kbd{font-size:calc(7px * var(--s));left:2px;top:2px}.side-pane #selected-skill{display:none}
#side-controls{height:100%;min-width:0;overflow:auto;padding:calc(3px * var(--s)) calc(2px * var(--s));font-size:calc(9px * var(--s));color:#3c2c18;scrollbar-width:thin}#side-controls p{line-height:1.55;margin:4px 0}#side-controls .dock-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid #987c4940}#side-controls select,#side-controls input{width:100%;font-size:calc(9px * var(--s));background:#d6bc8c;color:#443016;border:1px inset #d9c596;padding:3px;height:calc(21px * var(--s))}#side-controls select[size]{height:calc(66px * var(--s));padding:2px}#side-controls select[size] option{padding:2px 0}#side-controls input[type=number]{max-width:100%}#side-controls button{font-size:calc(8px * var(--s));padding:calc(3px * var(--s)) 4px}#side-controls .dock-buttons{display:flex;gap:4px;margin-top:6px}#side-controls .dock-buttons button{flex:1;min-width:0;white-space:nowrap}#side-controls .dock-description{font-size:calc(8px * var(--s));min-height:calc(24px * var(--s));padding:5px 0;color:#6e4e27}#side-controls label{gap:3px;margin:5px 0;font-size:calc(8px * var(--s))}#side-controls .dock-value{font-weight:600;color:#483112}#side-controls .dock-notice{font-size:calc(8px * var(--s));color:#795e35;margin:4px 0}.battle-tools{position:absolute;right:10px;bottom:105px;display:flex;gap:4px;align-items:center;background:#67512cdc;border:2px ridge #b4995d;padding:4px;z-index:3}.battle-tools b{display:none}.battle-tools button{font-size:10px;padding:4px 6px}
#game-screen[data-chat-position=right]{grid-template-columns:minmax(0,1fr) var(--rail)}#game-screen[data-chat-position=right]>.scene{grid-column:1}#game-screen[data-chat-position=right]>.communications{position:relative;grid-column:2;grid-row:2;display:block;top:auto;left:auto;right:auto;bottom:auto;width:auto;height:auto;margin:0 0 calc(81px * var(--s));padding:calc(11px * var(--s));background:#b9a071}#game-screen[data-chat-position=right] .side-chat-skin{display:block}#game-screen[data-chat-position=right]>.communications .comms-heading{display:flex;height:calc(24px * var(--s))}#game-screen[data-chat-position=right]>.communications .chat{height:calc(100% - 24px * var(--s))}.chat-shell[data-empty=true]{background:#bda477}.chat-shell[data-empty=true]:after{content:' ';position:absolute;inset:15px 20px 35px;background:transparent}
@media(max-width:1100px){.side-pane .city-card #city-stats{grid-template-columns:1fr}.topbar .wordmark{display:none}.original-footer #chat-open{font-size:9px}}
@media(max-width:780px){.mainnav button span{display:none}.original-footer button{font-size:8px}.original-footer #chat-open{font-size:8px;min-width:35px}.side-pane .city-card #city-stats{grid-template-columns:1fr}.side-pane .city-card #city-stats .vital:first-child{margin:0}.side-pane .city-card header small{display:block}.side-pane .city-card #city-actions{height:18px;flex-wrap:nowrap}.side-pane .city-card #city-actions button{font-size:8px;flex-basis:auto}.side-pane .city-card #city-stats small{display:inline}.chat-shell .communications{display:block}.side-pane #city-stats .vital{font-size:10px}.side-pane #city-stats .values{font-size:10px}}