:root{color:#29241d;font-synthesis:none;background:#e9e1d2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#f6f0e5,#d9cdb9);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#fff;background:#6b4f2e;border:1px solid #5f4a32;border-radius:.35rem;min-height:2.4rem;padding:.58rem .82rem}button:hover:not(:disabled){background:#543b22}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #b77b2d}button:disabled{opacity:.48;cursor:not-allowed}input,select{color:#29241d;background:#fffdf7;border:1px solid #aa987e;border-radius:.35rem;padding:.58rem}.shell{max-width:1320px;margin:auto;padding:1.4rem}.shell>header{border-bottom:2px solid #4c3824;justify-content:space-between;align-items:end;padding-bottom:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#80694e;margin:0 0 .25rem;font-size:.7rem}h1,h2,h3,h4{color:#342719;font-family:Georgia,serif}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:2.5rem}h2{margin-bottom:.4rem}h3{margin-bottom:.6rem}h4{text-transform:capitalize;margin-bottom:.15rem;font-size:1.15rem}.clock{text-align:right;color:#5f513f}.clock small{font-size:.72rem}nav{gap:.4rem;margin:1rem 0;display:flex;overflow-x:auto}nav button{color:#4b3b29;text-transform:capitalize;background:0 0}nav button.active{color:#fff;background:#4b3b29}.nav-badge{color:#fff;background:#9f3f2f;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;min-height:1.35rem;margin-left:.4rem;padding:0 .32rem;font-size:.75rem;font-weight:700;display:inline-flex}.legacy-banner{color:#5d431d;background:#fff1c9;border:1px solid #9a6b24;border-radius:.4rem;margin:1rem 0 0;padding:.75rem 1rem}.world-list{gap:.55rem;padding-left:1.25rem;display:grid}.world-list li{padding-left:.25rem}.world-list a,.world-list span{display:block}.world-list span{color:#6f604e;font-size:.82rem}.panel{background:#fffaf0e8;border:1px solid #c5b69f;border-radius:.6rem;min-width:0;padding:1.15rem;box-shadow:0 8px 24px #5d4b3318}.panel-heading,.village-heading,.resource-heading,.building-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading>span{color:#6f604e;white-space:nowrap;font-weight:700}.panel-intro,.minor{color:#6f604e;font-size:.82rem}.village-screen{gap:1rem;display:grid}.village-heading>div>span{color:#6f604e;font-size:.86rem}.village-heading label{color:#6f604e;gap:.25rem;font-size:.78rem;display:grid}.overview-grid{grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:.75rem;margin-top:1rem;display:grid}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.resource-card,.population-card{background:#eee3d2;border:1px solid #decdb4;border-radius:.48rem;padding:.8rem}.resource-heading strong{text-transform:capitalize}.resource-heading span{color:#77634c;font-size:.75rem}.resource-value{margin:.35rem 0;font-size:1.45rem;font-weight:750}.resource-value small{color:#77634c;font-size:.8rem;font-weight:500}.meter{background:#cfbea5;border-radius:99px;height:.45rem;overflow:hidden}.meter span{background:#6b7c42;height:100%;display:block}.population-meter span{background:#8b6540}.resource-card p:last-child,.population-card p:last-child{margin-bottom:0}.breakdown{color:#5f513f;grid-template-columns:1fr 1fr;gap:.25rem .6rem;margin-top:.65rem;font-size:.75rem;display:grid}.activity-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid}.activity-strip article{background:#f7eddd;border-left:3px solid #8e7555;align-content:start;gap:.18rem;min-height:5.1rem;padding:.62rem;display:grid}.activity-strip small{color:#77634c}.activity-strip strong{text-transform:capitalize}.activity-strip span{color:#5f513f;font-size:.78rem}.timer{font-variant-numeric:tabular-nums;color:#5c452b;font-weight:700}.timer small{font-weight:500}.queue-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.game-queue{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.game-queue li{background:#fbf2e4;border:1px solid #decdb4;border-radius:.45rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem;display:grid}.queue-position{color:#fff;background:#6b4f2e;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-weight:750;display:grid}.queue-main{gap:.18rem;min-width:0;display:grid}.queue-main strong{text-transform:capitalize}.queue-main small{color:#6f604e;overflow-wrap:anywhere}.queue-controls{flex-wrap:wrap;justify-content:end;gap:.3rem;display:flex}.queue-controls button{min-width:2.35rem}.state-pill{color:#4e402f;text-transform:capitalize;background:#ddd0bc;border-radius:99px;width:max-content;padding:.12rem .42rem;font-size:.68rem;font-weight:750;display:inline-flex}.state-pill.active{color:#32421d;background:#c5d5aa}.state-pill.waiting_resources{color:#684817;background:#ead29b}.state-pill.queued{background:#d9d3c7}.button-quiet{color:#4b3b29;background:#f5ebda;border-color:#aa987e}.button-danger{color:#842f2b;background:0 0;border-color:#b97872}.button-secondary{background:#425c58}.empty-state{color:#6f604e;text-align:center;border:1px dashed #baaa92;padding:1rem}.local-feedback,.screen-announcement{color:#354323;background:#d9e4c7;border-left:4px solid #657b3b;margin:.6rem 0;padding:.6rem}.state-warning{color:#8d332d;font-size:.8rem;font-weight:650}.advisory{color:#75551e;background:#f4e6bf;padding:.45rem;font-size:.78rem}.buildings-panel{gap:.8rem;display:grid}.building-group{border-top:1px solid #d7c8b2;padding-top:.8rem}.building-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.building-card{background:#fffdf8;border:1px solid #d5c5ad;border-radius:.5rem;align-content:start;gap:.6rem;padding:.85rem;display:grid}.building-card>p{margin-bottom:0}.building-title span{color:#78674f;font-size:.75rem}.effect-comparison{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.effect-comparison>span{background:#f2e8d8;align-content:start;gap:.18rem;padding:.52rem;font-size:.78rem;display:grid}.effect-comparison small{color:#77634c;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.effect-comparison b{color:#48622c}.requirements{color:#5f513f;gap:.2rem;font-size:.75rem;display:grid}.building-card>button{margin-top:auto}.building-actions{flex-wrap:wrap;gap:.45rem;margin-top:auto;display:flex}.building-actions button{flex:9rem}.recruitment-planner{gap:.75rem;display:grid}.planner-controls{grid-template-columns:minmax(180px,1fr) 120px minmax(260px,auto);align-items:end;gap:.65rem;display:grid}.planner-controls label{color:#6f604e;gap:.25rem;font-size:.76rem;display:grid}.quantity-buttons{flex-wrap:wrap;gap:.3rem;display:flex}.unit-identity{border-left:3px solid #8e7555;padding-left:.7rem}.unit-identity p{margin:.25rem 0}.unit-identity span{color:#6f604e;font-size:.8rem}.order-summary{background:#eee3d2;border-radius:.45rem;padding:.8rem}.order-summary dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:0;display:grid}.order-summary dl div{gap:.18rem;display:grid}.order-summary dt{color:#77634c;text-transform:uppercase;font-size:.68rem}.order-summary dd{margin:0;font-size:.82rem}.troop-table{margin-top:.6rem;display:grid}.troop-row{text-align:right;border-bottom:1px solid #ded0bb;grid-template-columns:minmax(140px,2fr) repeat(4,1fr);gap:.4rem;padding:.42rem;display:grid}.troop-row>:first-child{text-align:left;text-transform:capitalize}.troop-header{color:#77634c;text-transform:uppercase;font-size:.72rem}.movement-summary{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.movement-summary span{background:#eee3d2;border-radius:.35rem;padding:.45rem .6rem;font-size:.78rem}.notice{color:#42331f;background:#d6c29e;border:0;width:100%;margin-bottom:1rem}.unexpected-error{color:#6f211d;background:#f1d1cb;border:1px solid #bd7770;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.7rem;display:flex}.loading-panel{place-items:center;min-height:35vh;display:grid}.map-panel{overflow:auto}.map{background:linear-gradient(45deg,#d8c8ac,#e8dcc6);grid-template-rows:repeat(20,42px);grid-template-columns:repeat(20,42px);gap:3px;min-width:900px;min-height:900px;padding:.5rem;display:grid}.map article{background:#faf4e7;border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;font-size:.7rem;display:flex;position:relative}.map article small{font-size:.55rem}.actions{z-index:4;background:#fff5e4;border:1px solid #7c684d;gap:.25rem;padding:.3rem;display:none;position:absolute;top:-4px;left:36px}.map article:hover .actions,.map article:focus-within .actions{display:flex}.actions button{padding:.3rem;font-size:.65rem}details{border-bottom:1px solid #d2c3ad;padding:.7rem 0}summary{cursor:pointer;justify-content:space-between;display:flex}pre{white-space:pre-wrap;color:#eee3d2;background:#2b261f;padding:.8rem;overflow:auto}.login,.loading{place-items:center;min-height:100vh;padding:1rem;display:grid}.login .panel{max-width:430px}.login form{gap:1rem;margin-top:1.5rem;display:grid}.login label{gap:.35rem;display:grid}.error{color:#a22622}.research-grid,.unit-catalog,.composer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.research-card,.unit-catalog article,.composer-grid article,.report-card,.research-active,.movement-preview{background:#ffffff6b;border:1px solid #d3c5ae;border-radius:.7rem;padding:.85rem}.research-card.locked,.unit-catalog article.locked{opacity:.82}.unit-catalog article,.composer-grid article{gap:.45rem;display:grid}.map-layout,.report-page,.report-list{gap:1rem;display:grid}.report-group{background:#ffffff59;border:1px solid #b7a78d;border-radius:.8rem;padding:1rem}.report-group.unread,.report-card.unread{border-left:4px solid #9a650f}.movement-preview dl,.report-group dl,.report-card dl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.movement-preview dl div,.report-group dl div,.report-card dl div{gap:.15rem;display:grid}.movement-preview dt,.report-group dt,.report-card dt{color:#6f6455;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.effect-comparison{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.headquarters-buildings .building-category{margin-top:1.4rem}.headquarters-building-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.headquarters-building-grid .building-card{min-width:0}.compact-building-grid .building-card{min-height:12rem}.report-section{border-top:1px solid #d3c5ae;padding:.9rem 0}.report-section:first-child{border-top:0}.scout-grade{background:#ded5c6;border-radius:999px;padding:.35rem .75rem;font-weight:700;display:inline-block}.grade-excellent{color:#214b28;background:#c8dfc5}.grade-successful{color:#465016;background:#dbe2bb}.grade-partial{color:#674812;background:#f1dba7}.grade-failure{color:#762b23;background:#e8c1b9}.intelligence-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;display:grid}.intelligence-grid article{background:#ffffff59;border:1px solid #d3c5ae;border-radius:.55rem;padding:.65rem}.intelligence-grid pre{color:inherit;background:0 0;padding:0;font-size:.78rem}.tier-badge{margin-top:.2rem;font-size:.5rem;display:block}.player-standing{background:#2563eb1a;border-left:4px solid #2563eb}.dashboard-plan .actions{background:0 0;border:0;flex-wrap:wrap;padding:0;display:flex;position:static}@media (width<=980px){.overview-grid,.queue-grid{grid-template-columns:1fr}.activity-strip,.building-grid{grid-template-columns:1fr 1fr}.planner-controls{grid-template-columns:1fr 120px}.quantity-buttons{grid-column:1/-1}.order-summary dl{grid-template-columns:1fr 1fr}}@media (width<=680px){.shell{padding:.65rem}h1{font-size:2rem}.clock{font-size:.72rem}.panel{padding:.85rem}.village-heading,.panel-heading{flex-direction:column;align-items:stretch}.resource-grid,.building-grid,.activity-strip{grid-template-columns:1fr}.resource-card{display:grid}.game-queue li{grid-template-columns:auto minmax(0,1fr);align-items:start}.queue-controls{grid-column:1/-1;justify-content:start}.planner-controls{grid-template-columns:1fr}.quantity-buttons{grid-column:auto}.order-summary dl{grid-template-columns:1fr}.troop-row{grid-template-columns:minmax(100px,2fr) repeat(4,1fr);font-size:.76rem}.actions{margin-top:2.8rem;display:flex;position:static}.map article{margin-bottom:2.5rem}}
