@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Libre+Caslon+Text:wght@400;700&display=swap";:root{color:#201f1b;font-synthesis:none;text-rendering:optimizelegibility;background:#ddd8cc;font-family:Barlow Condensed,Franklin Gothic Medium,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{font:inherit;letter-spacing:0}button:focus-visible{outline-offset:2px;outline:2px solid #d39c3f}:root{--ink:#201f1b;--paper:#e6e0d3;--line:#2a282233;--union:#2f6392;--union-bright:#72a4ce;--csa:#8f493b;--csa-bright:#c07561;--brass:#b38137}.app-shell{background:var(--paper);grid-template-rows:58px 58px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.topbar{color:#f2ecdf;background:#20231f;border-bottom:1px solid #060706;grid-template-columns:260px 1fr 320px;align-items:center;padding:0 22px;display:grid}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-lockup>div:last-child{align-items:baseline;gap:5px;display:flex}.brand-lockup strong{font-family:Libre Caslon Text,Georgia,serif;font-size:19px}.brand-lockup span{color:#d5ad67;text-transform:uppercase;letter-spacing:1.4px;font-size:14px}.brand-mark{color:#d7b06a;border:1px solid #79633e;place-items:center;width:32px;height:32px;display:grid;transform:rotate(45deg)}.quill-logo{width:27px;height:27px;position:relative;transform:rotate(-45deg)}.quill-logo svg{transform-origin:50% 100%;position:absolute;top:-1px;left:6px;transform:rotate(-25deg)}.brand-lockup .quill-logo .inkwell{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:#d7b06a;width:17px;height:8px;position:absolute;bottom:1px;left:5px;box-shadow:inset 0 2px #20231f}.campaign-title{text-align:center;letter-spacing:1.5px;text-transform:uppercase;font-size:14px}.campaign-title span{color:#918e84}.feed-status{color:#bbb7ad;white-space:nowrap;justify-self:end;align-items:center;gap:7px;min-width:0;font-size:13px;display:flex;overflow:hidden}.feed-status span{text-overflow:ellipsis;overflow:hidden}.feed-status.kepi svg{color:#69c77a}.feed-status.demo svg{color:#d5a44f}.battle-tabs{background:#d8d2c5;border-bottom:1px solid #aaa394;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 18px;display:grid}.battle-tabs button{color:#777165;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:baseline;gap:9px;padding:0 16px;display:flex;position:relative}.battle-tabs button:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:18%;right:18%}.battle-tabs button:hover,.battle-tabs button.active{color:var(--ink)}.battle-tabs button.active:after{background:var(--brass)}.battle-tabs span{font-family:Libre Caslon Text,Georgia,serif;font-size:15px;font-weight:700}.battle-tabs small{text-transform:uppercase;font-size:12px}.workspace{grid-template-columns:minmax(0,1fr) 348px;min-height:0;display:grid}.map-stage{background:#a5a18f;min-width:0;position:relative;overflow:hidden}.battle-map{background:linear-gradient(#c6a874 0%,#8b6f4d 100%);width:100%;height:100%}.map-load-state{color:#eee7d9;text-align:center;background:#343931;place-items:center;width:100%;height:100%;padding:24px;font-family:Libre Caslon Text,Georgia,serif;display:grid}.map-info{color:#302f2a;flex-direction:column;gap:3px;min-width:190px;font-family:Barlow Condensed,sans-serif;display:flex}.map-info strong{margin-bottom:3px;font-family:Libre Caslon Text,Georgia,serif;font-size:14px}.map-info span{font-size:12px}.map-hover-label{color:#302f2a;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}.map-summary{z-index:500;flex-direction:column;align-items:stretch;gap:10px;width:max-content;display:flex;position:absolute;top:76px;left:22px}.map-heading{color:#eee7d9;border-left:3px solid var(--brass);background:#1f211de6;padding:13px 18px 12px}.eyebrow{color:#b8a987;letter-spacing:1.4px;text-transform:uppercase;font-size:11px}.map-heading h1{letter-spacing:0;margin:4px 0 1px;font-family:Libre Caslon Text,Georgia,serif;font-size:27px;line-height:1.1}.map-heading p{color:#aaa69b;margin:0;font-size:12px}.map-heading a{color:#d5ad67;text-transform:uppercase;align-items:center;gap:4px;margin-top:7px;font-size:10px;text-decoration:none;display:inline-flex}.map-heading a:hover{color:#f0d88d;text-decoration:underline}.map-tools{z-index:500;background:#ede7da;border:1px solid #8f897c;display:flex;position:absolute;top:20px;left:22px;box-shadow:0 3px 12px #23201a2e}.map-tools button{color:#47443d;cursor:pointer;background:0 0;border:0;border-right:1px solid #c0b9ab;justify-content:center;align-items:center;gap:7px;min-width:39px;height:38px;padding:0 10px;display:flex}.map-tools button:last-child{border-right:0}.map-tools button:hover,.map-tools button.active{color:#f2ece0;background:#3b4038}.map-tools span{font-size:13px}.street-view-active>.map-summary,.street-view-active>.map-tools,.street-view-active>.control-legend,.street-view-active>.campaign-timeline{display:none}.momentum-hud{box-sizing:border-box;color:#eee7d9;pointer-events:none;background:#1f211de0;border-left:3px solid #82765f;grid-template-columns:1fr auto;gap:2px 12px;width:100%;min-width:0;padding:9px 12px;display:grid}.momentum-hud .eyebrow{align-items:center;gap:5px;display:flex}.momentum-hud strong{justify-self:end;font-family:Libre Caslon Text,Georgia,serif;font-size:14px}.momentum-hud small{color:#aaa69b;text-transform:uppercase;grid-column:1/-1;font-size:10px}.territory-key{z-index:500;color:#57534a;text-transform:uppercase;white-space:nowrap;background:#ebe5d7ed;border:1px solid #9c9588;align-items:center;gap:16px;height:34px;padding:0 14px;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.territory-key span{align-items:center;gap:6px;display:flex}.territory-key b{color:#272722;letter-spacing:.8px;font-size:10px}.territory-key i{border-radius:50%;width:8px;height:8px}.union-swatch{background:var(--union)}.csa-swatch{background:var(--csa)}.campaign-timeline{z-index:500;color:#413e37;background:#ebe5d7f2;border:1px solid #8f897c;grid-template-columns:38px 125px minmax(120px,1fr);align-items:center;gap:12px;min-height:58px;padding:9px 12px;display:grid;position:absolute;bottom:22px;left:22px;right:92px;box-shadow:0 4px 18px #23201a33}.campaign-timeline>button{color:#eee7d9;cursor:pointer;background:#343931;border:0;place-items:center;width:36px;height:36px;display:grid}.campaign-timeline>button:hover{background:#4b5146}.timeline-copy{flex-direction:column;min-width:0;display:flex}.timeline-copy span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.timeline-copy small{color:#7c7569;font-size:10px}.campaign-timeline input{width:100%;accent-color:var(--brass);cursor:pointer}.control-legend{z-index:500;color:#57534a;text-transform:uppercase;pointer-events:none;background:#ebe5d7eb;border:1px solid #9c9588;align-items:center;gap:12px;padding:7px 10px;font-size:10px;display:flex;position:absolute;bottom:92px;right:22px}.control-legend span{align-items:center;gap:5px;display:flex}.control-legend i{border-top:3px solid;width:16px;height:0}.union-border{border-color:#2f6b9d!important}.contested-border{border-color:#282823!important;border-top-style:dashed!important}.csa-border{border-color:#9a4d3c!important}.front-border{border-color:#050505!important;border-top-width:5px!important}.intel-panel{color:#302f2a;background:var(--paper);border-left:1px solid #8f897c;min-height:0;overflow-y:auto;box-shadow:-5px 0 18px #1d1b171f}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;padding:15px 18px;display:flex}.panel-heading h2{margin:2px 0 0;font-family:Libre Caslon Text,Georgia,serif;font-size:19px}.icon-button{color:#6a655b;cursor:pointer;background:0 0;border:1px solid #aaa293;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#d3ccbd}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live-stakes{border-bottom:1px solid var(--line);background:#dcd5c7;padding:15px 18px}.live-stakes.is-live{box-shadow:inset 3px 0 #6f9c77}.live-stakes .section-label{color:#686257;padding:0 0 10px}.live-stakes.is-connected .section-label svg{color:#3f8f50}.live-stakes.is-live .section-label{color:#47744f}.live-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.live-grid>div{background:#efe9dcb8;border:1px solid #3f3b3324;align-items:center;gap:7px;padding:8px;display:flex}.live-grid svg{color:#82765f}.live-grid span{color:#777064;text-transform:uppercase;flex-direction:column;font-size:9px;display:flex}.live-grid strong{color:#34322d;font-size:13px}.live-stakes p{color:#676156;margin:10px 0 0;font-family:Libre Caslon Text,Georgia,serif;font-size:11px;line-height:1.45}.campaign-score{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.campaign-score>div{border-right:1px solid var(--line);flex-direction:column;align-items:center;padding:11px 5px;display:flex}.campaign-score>div:last-child{border-right:0}.campaign-score span{color:#777064;text-transform:uppercase;font-size:9px}.campaign-score strong{font-family:Libre Caslon Text,Georgia,serif;font-size:20px}.round-impact{border-bottom:1px solid var(--line);padding:19px 18px 18px}.round-meta{color:#686257;text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.round-meta span{color:#383630;letter-spacing:.7px;font-weight:700}.round-meta time{font-size:11px}.winner-row{grid-template-columns:1fr 1fr;margin:17px 0 18px;display:grid}.winner-row>div{flex-direction:column;gap:2px;display:flex}.winner-row small{color:#777064;letter-spacing:1px;text-transform:uppercase;font-size:11px}.winner-row strong{font-family:Libre Caslon Text,Georgia,serif;font-size:25px}.advance-distance{border-left:1px solid var(--line);padding-left:18px}.advance-distance strong{color:#34342e}.union-text{color:var(--union)}.csa-text{color:var(--csa)}.casualty-comparison{grid-template-columns:1fr 72px 1fr;align-items:end;gap:9px;margin-bottom:18px;display:grid}.casualty-comparison>div:not(.casualty-bar){flex-direction:column;display:flex}.casualty-comparison>div:last-child{text-align:right}.casualty-comparison span{color:#777064;text-transform:uppercase;font-size:10px}.casualty-comparison strong{font-size:18px}.casualty-bar{background:#c6beaf;height:5px;margin-bottom:6px;display:flex}.casualty-bar i{height:100%}.union-bar{background:var(--union)}.csa-bar{background:var(--csa)}.officers-heading{color:#736d62;letter-spacing:.7px;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;font-size:10px;display:flex}.round-officers{border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:9px;display:grid}.round-officers>div{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:8px 9px;display:flex}.round-officers>div:last-child{border-right:0}.round-officers small{color:#777064;letter-spacing:.7px;text-transform:uppercase;font-size:9px}.round-officers ul{min-width:0;margin:4px 0 0;padding:0;list-style:none}.round-officers li{color:#34322d;overflow-wrap:anywhere;font-family:Libre Caslon Text,Georgia,serif;font-size:11px;line-height:1.35}.round-facts{color:#736d62;text-transform:uppercase;gap:16px;margin:0 0 13px;font-size:10px;display:flex}.round-facts span{align-items:center;gap:5px;display:flex}.dispatch{color:#49463f;border-left:2px solid var(--brass);background:#d7d0c2;margin:0;padding:11px 12px;font-family:Libre Caslon Text,Georgia,serif;font-size:11px;line-height:1.5}.apply-button{color:#f0eadc;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;background:#343931;border:1px solid #272b25;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;display:flex}.apply-button:hover:not(:disabled){background:#4b5146}.apply-button:disabled{color:#757369;cursor:default;background:#c8c1b3;border-color:#aaa293}.empty-state{color:#716b60;border-bottom:1px solid var(--line);text-align:center;padding:30px 18px}.round-history{padding-top:15px}.section-label{color:#797266;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:7px;padding:0 18px 10px;font-size:11px;display:flex}.round-list{border-top:1px solid var(--line)}.round-list button{color:#403e38;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 17px;display:grid}.round-list button:hover{background:#dcd5c7}.round-list button.selected{box-shadow:inset 3px 0 var(--brass);background:#d1cabd}.round-list button>i{border-radius:50%;width:7px;height:7px}.union-dot{background:var(--union-bright);box-shadow:0 0 0 3px #2f639221}.csa-dot{background:var(--csa-bright);box-shadow:0 0 0 3px #8f493b21}.round-list button>span{flex-direction:column;min-width:0;display:flex}.round-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.round-list small{color:#827b6f;font-size:11px}.round-list b{color:#6f695e;text-transform:uppercase;font-size:11px}@media (width<=900px){.app-shell{grid-template-rows:54px auto auto;height:auto;min-height:100svh;overflow:visible}.topbar{grid-template-columns:1fr auto;padding:0 14px}.campaign-title{display:none}.feed-status{max-width:190px}.battle-tabs{min-height:58px;padding:0;overflow-x:auto}.battle-tabs button{flex-direction:column;align-items:center;gap:1px;min-width:150px;padding:9px 12px}.workspace{display:block}.map-stage{height:62svh;min-height:430px}.intel-panel{border-top:1px solid #8f897c;border-left:0;overflow:visible}.campaign-timeline{grid-template-columns:38px 110px minmax(90px,1fr)}.control-legend{bottom:92px;right:12px}}@media (width<=560px){.brand-lockup strong{font-size:16px}.feed-status span{max-width:105px}.map-summary{gap:8px;top:62px;left:12px}.map-heading{padding:10px 13px}.map-heading h1{font-size:21px}.map-tools{inset:12px auto auto 12px}.map-tools span{display:none}.campaign-timeline{grid-template-columns:38px 1fr;gap:4px 10px;min-height:72px;padding:7px 9px;bottom:12px;left:12px;right:72px}.campaign-timeline input{grid-column:1/-1}.control-legend{flex-wrap:wrap;gap:4px 9px;max-width:calc(100% - 146px);bottom:98px;left:12px;right:auto}.territory-key{gap:9px;bottom:12px}}