html,body{color:#e8e8e8;background:#1b2a3a;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#map{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.topbar{background:#141820d1;border:1px solid #d6b25e8c;border-radius:.4rem;align-items:center;gap:.75rem;padding:.35rem .75rem;font-size:.9rem;display:flex;position:absolute;top:.5rem;left:.5rem}.topbar-title{letter-spacing:.04em;color:#e9c46a;font-weight:700}.topbar-tagline{opacity:.75}.topbar-locale{align-items:center;gap:.4rem;display:flex}.topbar-locale select{font:inherit;color:inherit;background:#1b2330;border:1px solid #fff3;border-radius:.25rem}.bottombar{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#141820d9;border:1px solid #d6b25e8c;border-radius:.4rem;align-items:center;gap:.5rem;width:max-content;max-width:calc(100% - 1rem);padding:.3rem .6rem;font-size:.9rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.bottombar>*{flex-shrink:0}.bar-btn{white-space:nowrap;color:#f3e3b5;min-width:2rem;font:inherit;cursor:pointer;background:#3a2f22;border:1px solid #8a6d3b;border-radius:.25rem;padding:.2rem .6rem}.bar-btn:disabled{opacity:.4;cursor:default}.bar-speed{text-align:center;color:#e9c46a;font-variant-numeric:tabular-nums;min-width:6.5rem}.bar-date{white-space:nowrap;font-variant-numeric:tabular-nums}.bar-reserve:after{content:attr(data-reserve);visibility:hidden;white-space:pre;height:0;display:block;overflow:hidden}.bar-paused{color:#e76f51}.map-labels{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.map-legend{color:#e8e4d8;pointer-events:none;background:#141822db;border-radius:8px;min-width:160px;padding:8px 10px;font:12px system-ui,Segoe UI,sans-serif;position:fixed;bottom:64px;right:12px}.legend-title{color:#f0d78c;margin-bottom:4px;font-weight:600}.legend-selected{margin-bottom:4px;font-weight:600}.legend-row{align-items:center;gap:6px;line-height:18px;display:flex}.legend-swatch{border:1px solid #0006;border-radius:2px;width:12px;height:12px}.nation-panel{background:#141820e0;border:1px solid #d6b25e8c;border-radius:.4rem;width:17rem;max-height:calc(100% - 12.5rem);padding:.5rem .7rem;font-size:.82rem;position:absolute;top:3.4rem;left:.5rem;overflow-y:auto}.panel-head{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.panel-swatch{border:1px solid #00000080;border-radius:2px;width:1.6rem;height:1.1rem}.panel-name{color:#e9c46a;flex:1;font-size:1rem;font-weight:700}.panel-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.panel-tabs{gap:.25rem;margin-bottom:.4rem;display:flex}.panel-tabs .tab{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #d6b25e59;border-radius:.25rem;flex:1;padding:.2rem}.panel-tabs .tab.active{background:#d6b25e40}.panel-row{justify-content:space-between;line-height:1.4rem;display:flex}.formation-fight{cursor:pointer;margin-left:.4rem}.panel-block{border-top:1px solid #ffffff1a;margin-top:.4rem;padding-top:.3rem}.panel-sub{margin-bottom:.2rem;font-weight:600}.panel-note{opacity:.7}.panel-warn{color:#e76f51;margin-top:.4rem;font-weight:700}.chips{flex-wrap:wrap;gap:.25rem;display:flex}.nation-chip{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:.25rem;align-items:center;gap:.25rem;padding:.1rem .35rem;font-size:.78rem;display:inline-flex}.chip-swatch{border-radius:2px;width:.7rem;height:.7rem}.stats-ranking{background:#141820e0;border:1px solid #d6b25e8c;border-radius:.4rem;width:15rem;padding:.4rem .6rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.ranking-head{color:#e9c46a;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-weight:700;display:flex}.ranking-list{margin:0;padding:0;list-style:none}.rank-pos{text-align:right;opacity:.7;width:1.6rem;margin-right:.35rem;display:inline-block}.rank-row{cursor:pointer;line-height:1.35rem}.rank-row .chip-swatch{vertical-align:middle;margin-right:.3rem;display:inline-block}.rank-row.selected{color:#e9c46a;font-weight:700}.rank-value{float:right}.ticker{width:17rem;position:absolute;bottom:3.2rem;left:.5rem}.ticker ol{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.ticker-row{color:#f1e6d2;width:100%;font:inherit;text-align:left;cursor:pointer;background:#141820d1;border:1px solid #d6b25e59;border-left:3px solid #e9c46a;border-radius:.25rem;padding:.15rem .4rem;font-size:.72rem;display:block}.ticker-row[data-kind-name=WarDeclared],.ticker-row[data-kind-name=CapitalCaptured]{border-left-color:#e76f51}.ticker-row[data-kind-name=PeaceSigned],.ticker-row[data-kind-name=NationRevived]{border-left-color:#8ab17d}.ticker.short .ticker-line{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ticker-row:hover{background:#282e3ceb}.ticker-date{color:#b9b3a3}.war-banners{flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:min(60%,100% - 39rem);display:flex;position:absolute;bottom:3.2rem;left:50%;transform:translate(-50%)}.war-banner{color:#f1e6d2;cursor:pointer;background:#3c120ee0;border:1px solid #e76f51b3;border-radius:.3rem;flex-direction:column;gap:.15rem;padding:.2rem .45rem;font-size:.75rem;display:flex}.war-title{align-items:center;gap:.3rem;display:flex}.war-side{align-items:center;gap:.2rem;display:inline-flex}.war-allies{opacity:.7}.war-swords{color:#e9c46a}.war-quiet{border-color:#e76f5147}.war-quiet .war-swords{color:#f1e6d2;opacity:.3}.war-score{background:#fff3;height:3px}.war-score-fill{background:#e76f51;height:100%;display:block}.war-more{color:#f1e6d2;align-self:center}.bar-god.active{color:#fff3c4;background:#e9c46a59}.god-tab .god-row{flex-wrap:wrap;align-items:center;gap:.3rem;margin:.25rem 0;display:flex}.god-tab input:not([type=checkbox]),.god-tab select{min-width:0;color:inherit;font:inherit;background:#ffffff14;border:1px solid #d6b25e59;border-radius:.25rem;flex:1;padding:.15rem .3rem}.god-tab select option{color:#111}.god-btn{color:inherit;font:inherit;cursor:pointer;background:#d6b25e26;border:1px solid #d6b25e73;border-radius:.25rem;padding:.15rem .45rem}.god-btn.active{background:#e76f5173;border-color:#e76f51}.god-war-name{flex:1}.panel-control{width:100%;margin-bottom:.4rem}.bottombar>.bar-playing{text-overflow:ellipsis;white-space:nowrap;color:#ffe28a;flex:0 auto;min-width:0;overflow:hidden}.act-cost{opacity:.7;font-size:.75rem}.act-queue{margin:0;padding-left:1rem}.god-btn:disabled{opacity:.4;cursor:default}.history-panel{background:#141820eb;border:1px solid #d6b25e8c;border-radius:.4rem;flex-direction:column;width:min(36rem,100% - 40rem);min-width:22rem;max-height:calc(100% - 12rem);padding:.5rem .7rem;font-size:.8rem;display:flex;position:absolute;top:3.4rem;left:50%;transform:translate(-50%)}.settings-panel{overflow-y:auto}.history-filters input{flex:none;width:5.5rem}.history-list{margin:.3rem 0 0;padding:0;list-style:none;overflow-y:auto}.history-list li{border-bottom:1px solid #ffffff0d;line-height:1.35rem}.history-date{opacity:.65;min-width:7.5rem;display:inline-block}.stats-chart .chart-svg{width:100%;height:auto;margin-top:.3rem}.chart-axis{stroke:#ffffff59;stroke-width:1px}.chart-label{fill:#f1e6d2bf;font-size:10px}.chart-line{fill:none;stroke-width:1.6px}.chart-line.selected{stroke-width:3px}.chart-legend{margin-top:.3rem}.form-row{align-items:center;gap:.4rem;margin:.25rem 0;display:flex}.form-name{flex:1}.form-row select,.form-row input{font:inherit;color:inherit;background:#ffffff14;border:1px solid #d6b25e59;border-radius:.25rem;padding:.15rem .3rem}.form-row select option{color:#111}.form-row input{width:8rem}.form-row input[type=number]{width:4.5rem}.form-row input[type=checkbox]{width:auto}.form-row input[aria-invalid=true]{border-color:#e76f51}.form-hint{opacity:.7}.start-btn{color:#1b1408;width:100%;font:inherit;cursor:pointer;background:#e9c46a;border:1px solid #8a6d3b;border-radius:.3rem;margin-top:.5rem;padding:.4rem;font-weight:700}.start-btn:disabled{opacity:.4;cursor:default}.title-screen{box-sizing:border-box;background:radial-gradient(at 50% 0,#2b4563 0%,#1b2a3a 55%,#121c28 100%);flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.title-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;width:min(74rem,100%);margin-bottom:1.2rem;display:flex}.title-name{letter-spacing:.08em;color:#e9c46a;text-shadow:0 2px #00000080;margin:0;font-size:3.2rem}.title-tagline{opacity:.8;margin:.2rem 0 0;font-size:1.1rem}.title-body{grid-template-columns:16rem 1fr;align-items:start;gap:1rem;width:min(74rem,100%);display:grid}.title-card{box-sizing:border-box;background:#141820e0;border:1px solid #d6b25e8c;border-radius:.4rem;min-width:0;padding:.8rem 1rem}.title-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.title-file{max-width:100%;font:inherit;color:inherit;font-size:.85rem}.title-sub{color:#e9c46a;margin:0 0 .5rem;font-size:1.05rem}.title-list ul{margin:0;padding:0;list-style:none}.title-scenario{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #d6b25e59;border-radius:.3rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .6rem;display:flex}.title-scenario.active{background:#d6b25e40;border-color:#e9c46a}.title-scenario-name{font-weight:700}.title-scenario-date{opacity:.7;font-size:.85rem}.title-desc{opacity:.85;margin:0 0 .6rem}.title-detail-grid{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1rem;display:grid}.title-preview{background:#1d3557;border:1px solid #d6b25e8c;border-radius:.3rem;width:100%;height:auto;margin-bottom:.6rem;display:block}@media (max-width:960px){.title-detail-grid{grid-template-columns:1fr}}@media (max-width:720px){.title-body{grid-template-columns:1fr}}.editor-panel{width:26rem;min-width:0;max-height:calc(100% - 5rem);top:.5rem;left:auto;right:.5rem;overflow-y:auto;transform:none}.editor-radius{align-items:center;gap:.3rem;display:inline-flex}.editor-radius input{flex:none;width:3.5rem}.panel-flag{width:2.2rem;height:auto;image-rendering:pixelated;border:1px solid #0009}.flag-canvas{image-rendering:pixelated;cursor:crosshair;touch-action:none;border:1px solid #d6b25e8c}.flag-editor input[type=color]{background:0 0;border:none;width:2rem;height:1.5rem;padding:0}.formation-units{border-collapse:collapse;width:100%;margin-top:.2rem}.formation-units td{padding:.1rem 0}.formation-unit-count{color:#ffffffa6;width:2.2rem}.formation-unit-strength{text-align:right;font-variant-numeric:tabular-nums}