:root{font-family:Georgia,Times New Roman,serif;color:#201e1a;background:#cfc49e;font-synthesis:none;--side-panel-width: 300px;--side-panel-gap: 10px;--app-padding: 12px;--map-aspect: 1.6}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#cfc49e}canvas{display:block}.city-points-badge{position:absolute;z-index:9;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:4px 9px 5px;border-radius:4px;background:#f6efd7d1;box-shadow:0 1px 5px #3c2d1426;font:700 12px/1.05 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;pointer-events:auto;text-shadow:0 1px 0 rgba(255,250,229,.85)}.city-points-badge.blue{border:1px solid rgba(22,79,145,.55);color:#164f91}.city-points-badge.red{border:1px solid rgba(177,38,32,.55);color:#b12620}.guerrilla-inline[hidden]{display:none}.guerrilla-inline-track{position:relative;height:6px;border:1px solid rgba(64,52,32,.28);background:#40342014}.guerrilla-inline-fill{position:absolute;inset:0 auto 0 0;width:0;transition:width .12s linear}.city-points-badge.blue .guerrilla-inline-fill{background:#164f91b8}.city-points-badge.red .guerrilla-inline-fill{background:#b12620b8}.guerrilla-inline-track i{position:absolute;top:-2px;bottom:-2px;width:1px;background:#2f2b248c;transform:translate(-1px)}.guerrilla-inline-thresholds{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1px}.guerrilla-inline-thresholds span{font-size:8px;line-height:1;text-align:right;opacity:.66}.city-power-label{position:absolute;z-index:9;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#f6efd7f5;box-shadow:0 1px 5px #3c2d142e;font:800 16px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;transform:translate(-50%,-50%);text-shadow:0 1px 0 rgba(255,250,229,.92)}.city-power-label.blue{border:3px solid rgba(22,79,145,.84);color:#164f91}.city-power-label.red{border:3px solid rgba(177,38,32,.84);color:#b12620}.city-power-label.power-2{width:27px;height:27px;font-size:15px}.city-power-label.power-6{width:34px;height:34px;font-size:17px}.city-power-label.disabled{opacity:.5;text-decoration:line-through;background:#f6efd7b8}.city-power-label.actionable{box-shadow:0 0 0 2px #2f2b246b,0 1px 5px #3c2d142e}.city-power-label.partisan-actionable:after{content:"";position:absolute;inset:-8px;border:2px dashed rgba(22,79,145,.88);border-radius:50%;pointer-events:none}.city-name-label{position:absolute;z-index:9;max-width:78px;padding:2px 5px 3px;border-radius:3px;background:#f6efd7cc;box-shadow:0 1px 4px #3c2d141f;font:700 12px/1.05 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;text-align:center;white-space:nowrap;pointer-events:none;transform:translate(-50%);text-shadow:0 1px 0 rgba(255,250,229,.9)}.city-name-label.blue{color:#164f91}.city-name-label.red{color:#b12620}.city-name-label.disabled{opacity:.5;text-decoration:line-through}.city-name-label.actionable{box-shadow:0 0 0 1px #2f2b2457,0 1px 4px #3c2d141f}.hud{position:relative;display:flex;flex-direction:column;gap:6px;align-items:stretch;width:100%;padding:8px 10px;border:1px solid rgba(64,52,32,.42);border-radius:2px;background:#f6efd7f0;box-shadow:0 3px 10px #3c2d1429;pointer-events:auto;-webkit-user-select:none;user-select:none}.hud-title-row{display:flex;align-items:center;min-height:20px;padding-right:28px}.hud strong{font-size:12px;letter-spacing:.02em;text-transform:uppercase}.hud span{font-size:10px;opacity:.82}.hud .mode-name{font-weight:700;text-transform:uppercase;letter-spacing:.03em}.hud #mode-status{min-height:1.2em}.time-row{display:flex;align-items:baseline;gap:6px}.time-row #time,.time-row #status{font-size:16px;font-weight:400;opacity:.82}.speed-row,.transport-row,.action-row{display:grid;gap:6px}.speed-row{grid-template-columns:repeat(4,minmax(0,1fr))}.transport-row{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr)}.action-row{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.hud button{border:1px solid rgba(64,52,32,.38);background:#fff7dc;color:#2c2923;border-radius:2px;min-height:31px;min-width:0;padding:4px;cursor:pointer;font:700 15px/1.1 Georgia,Times New Roman,serif;width:100%;overflow:hidden;white-space:nowrap}.hud button.hud-about{position:absolute;top:7px;right:8px;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;border-radius:50%;font:italic 700 13px/18px Georgia,Times New Roman,serif}.hud button.active{background:#2f2b24;color:#fff7dc}.hud button:hover{filter:brightness(.97)}.hud button:disabled{cursor:default;opacity:.45}.guerrilla-status{display:grid;gap:5px;padding:4px 0 1px}.guerrilla-status[hidden]{display:none}.guerrilla-row{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center}.guerrilla-label{grid-row:1 / 3;display:flex;flex-direction:column;gap:1px}.guerrilla-label span:first-child{font-weight:700;text-transform:uppercase}.guerrilla-row.blue .guerrilla-label{color:#164f91}.guerrilla-row.red .guerrilla-label{color:#b12620}.guerrilla-track{position:relative;height:7px;overflow:visible;border:1px solid rgba(64,52,32,.32);background:#40342014}.guerrilla-fill{position:absolute;inset:0 auto 0 0;width:0;transition:width .12s linear}.guerrilla-row.blue .guerrilla-fill{background:#164f91b8}.guerrilla-row.red .guerrilla-fill{background:#b12620b8}.guerrilla-track i{position:absolute;top:-2px;bottom:-2px;width:1px;background:#2f2b248c;transform:translate(-1px);pointer-events:none}.guerrilla-threshold-labels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1px}.guerrilla-threshold-labels span{font-size:8px;line-height:1;text-align:right;opacity:.62}.legend{width:100%;padding:7px 9px;border-radius:2px;background:#f6efd7e6;border:1px solid rgba(64,52,32,.32);font-size:12px;line-height:1.45;pointer-events:auto;-webkit-user-select:none;user-select:none;container-type:inline-size}.legend:not([open]){padding-bottom:7px}.legend .debug-only{display:none}.side-panel:has(.diagnostics-panel:not([hidden])) .legend .legend-mark.debug-only{display:inline-block}.side-panel:has(.diagnostics-panel:not([hidden])) .legend span.debug-only:not(.legend-mark){display:inline}@media(max-height:720px){.legend{font-size:10px}}.legend summary{display:block;font-size:11px;font-weight:700;letter-spacing:.03em;cursor:pointer;list-style:none}.legend summary::-webkit-details-marker{display:none}.legend summary:after{content:"+";float:right;font-weight:700}.legend[open] summary{margin-bottom:6px}.legend[open] summary:after{content:"-"}.legend-grid{display:grid;grid-template-columns:34px auto;gap:4px 8px;align-items:center}@container (min-width: 520px){.legend-grid{grid-template-columns:34px minmax(0,1fr) 34px minmax(0,1fr);column-gap:8px}}.legend-mark{position:relative;display:inline-block;width:30px;height:12px}.front-line{background:linear-gradient(to right,transparent 14.5px,rgba(47,43,36,.9) 14.5px 15.5px,transparent 15.5px)}.front-line:before,.front-line:after{content:"";position:absolute;top:0;bottom:0;width:4px}.front-line:before{left:8px;background:#164f91}.front-line:after{right:8px;background:#b12620}.force-mark{background:radial-gradient(circle at 8px 50%,rgba(22,79,145,.62) 0 3px,rgba(22,79,145,.22) 4px,transparent 8px),radial-gradient(circle at 22px 50%,rgba(177,38,32,.62) 0 3px,rgba(177,38,32,.22) 4px,transparent 8px)}.old-border:before{content:"";position:absolute;left:2px;right:2px;top:6px;border-top:1px dashed rgba(47,43,36,.55)}.recent-capture-mark{background:repeating-linear-gradient(135deg,rgba(22,79,145,.58) 0 1px,transparent 1px 5px),repeating-linear-gradient(45deg,rgba(177,38,32,.58) 0 1px,transparent 1px 5px)}.blue-flow:before,.red-flow:before{content:"";position:absolute;left:2px;right:7px;top:6px;border-top:2px dashed currentColor}.blue-flow:after,.red-flow:after{content:"";position:absolute;right:1px;top:2px;border-left:8px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.blue-flow{color:#164f91}.red-flow{color:#b12620}.city-pair:before,.city-pair:after{content:"";position:absolute;top:0;width:10px;height:10px;border-radius:50%;background:transparent}.city-pair:before{left:3px;border:2px solid #164f91}.city-pair:after{left:18px;border:2px solid #b12620}.river-mark:before{content:"";position:absolute;left:2px;right:2px;top:6px;height:2px;background:#4fa6bd;box-shadow:0 -2px #f6efd7e6;transform:skew(-18deg)}.forest-mark:before{content:"";position:absolute;inset:2px;border-radius:45% 55% 48% 52%;background:#5791456b}.stress-mark:before{content:"";position:absolute;left:8px;top:6px;width:14px;border-top:2px solid rgba(177,38,32,.62);transform:rotate(45deg)}.stress-mark:after{content:"";position:absolute;left:8px;top:6px;width:14px;border-top:2px solid rgba(177,38,32,.62);transform:rotate(-45deg)}.legend-note{margin-top:7px;padding-top:5px;border-top:1px solid rgba(64,52,32,.2);font-size:12px;line-height:1.35;opacity:.72;overflow-wrap:anywhere}.probe-panel,.diagnostics-panel{width:100%;padding:8px 10px;border-radius:2px;background:#f6efd7ed;border:1px solid rgba(64,52,32,.32);font-size:10px;line-height:1.35;min-height:0;pointer-events:auto;overflow:auto}.probe-panel{display:none}.side-panel:has(.diagnostics-panel:not([hidden])) .probe-panel{display:block}.diagnostics-panel{max-height:min(330px,42vh)}.probe-panel b,.diagnostics-panel b{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.03em}.probe-empty,.diagnostics-empty{opacity:.62}.probe-row{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-top:1px solid rgba(64,52,32,.12)}.probe-row span,.probe-split span{opacity:.72}.probe-row b{margin:0;font-size:10px;letter-spacing:0;text-align:right}.probe-split{display:grid;grid-template-columns:minmax(58px,1fr) 58px 58px;gap:2px 6px;padding:5px 0;border-top:1px solid rgba(64,52,32,.12);align-items:baseline}.probe-split b{margin:0;font-size:10px;letter-spacing:0;text-align:right}.probe-split code{color:#2f2b24;font:10px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right}.diagnostics-table{width:100%;border-collapse:collapse;font:9px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.diagnostics-table th,.diagnostics-table td{padding:2px 3px;border-top:1px solid rgba(64,52,32,.12);text-align:right;white-space:nowrap}.diagnostics-table th:first-child{max-width:58px;overflow:hidden;text-align:left;text-overflow:ellipsis}.diagnostics-table thead th{color:#2f2b24ad;font-weight:700}.diagnostics-table tbody th{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;color:#2f2b24}.diagnostics-table tr.weak th,.diagnostics-table tr.weak td{color:#b12620;background:#b1262014}.probe-panel summary,.diagnostics-panel summary{display:block;font-size:11px;font-weight:700;letter-spacing:.03em;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.probe-panel summary::-webkit-details-marker,.diagnostics-panel summary::-webkit-details-marker{display:none}.probe-panel summary:after,.diagnostics-panel summary:after{content:"+";float:right;font-weight:700}.probe-panel[open] summary,.diagnostics-panel[open] summary{margin-bottom:6px}.probe-panel[open] summary:after,.diagnostics-panel[open] summary:after{content:"-"}.probe-panel summary b,.diagnostics-panel summary b{display:inline;margin:0;font-size:inherit;letter-spacing:inherit}#app{display:grid;grid-template-columns:minmax(0,min(calc((100vh - var(--app-padding) * 2) * var(--map-aspect)),calc(100vw - var(--side-panel-width) - var(--side-panel-gap) - var(--app-padding) * 2))) minmax(260px,var(--side-panel-width));gap:var(--side-panel-gap);justify-content:start;align-content:start;padding:var(--app-padding)}.map-stage{position:relative;aspect-ratio:256 / 160;width:100%;max-height:calc(100vh - var(--app-padding) * 2);min-width:0;min-height:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.map-stage canvas{width:100%;height:100%;touch-action:none}.point-probe-marker{position:absolute;z-index:6;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid #2f2b24;border-radius:50%;background:#fff7dc;box-shadow:0 0 0 1px #fff7dccc;pointer-events:none}.point-probe-marker:before,.point-probe-marker:after{content:"";position:absolute;background:#2f2b24}.point-probe-marker:before{left:4px;top:-5px;width:2px;height:18px}.point-probe-marker:after{left:-5px;top:4px;width:18px;height:2px}.side-panel{position:relative;z-index:10;display:flex;flex-direction:column;gap:var(--side-panel-gap);width:100%;min-width:0;max-height:calc(100vh - var(--app-padding) * 2);pointer-events:none;overflow:hidden}.side-panel>details{flex-shrink:0}.side-panel>details[open]{order:0;max-height:none}.side-panel>details:not([open]){order:1}@media(max-aspect-ratio:3 / 2)and (min-height:501px),(max-width:860px)and (min-height:501px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:6px}.map-stage{width:auto;height:100%;max-width:100%;max-height:100%;justify-self:center}.side-panel{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.3fr);align-items:start;gap:6px;width:100%;max-height:min(28vh,220px);overflow:auto}.hud,.legend,.probe-panel,.diagnostics-panel{min-width:0}.hud{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:center;padding:6px 8px}.hud strong{font-size:11px;white-space:nowrap}.hud .time-row{padding-right:26px}.hud .time-row span{font-size:12px;line-height:1;white-space:nowrap}.hud #history-status{justify-self:end;white-space:nowrap}.speed-row,.transport-row,.action-row{grid-column:1 / -1;gap:4px}.hud button{min-height:26px;padding:2px 4px;font-size:13px}.legend{padding:5px 7px;line-height:1.25}.legend[open] summary{margin-bottom:3px}.legend-grid{row-gap:2px}.legend-note{margin-top:4px;padding-top:3px;line-height:1.2}}@media(max-width:700px)and (min-height:501px){.side-panel{grid-template-columns:minmax(0,1fr);max-height:min(40vh,300px)}}@media(orientation:landscape)and (max-height:500px){#app{grid-template-columns:calc((100dvh - var(--app-padding) * 2) * var(--map-aspect)) minmax(0,1fr)}.map-stage{width:100%;height:calc(100dvh - var(--app-padding) * 2)}}.map-picker{width:min(520px,calc(100vw - 28px));padding:0;border:1px solid rgba(64,52,32,.48);border-radius:3px;background:#f6efd7;color:#2c2923;box-shadow:0 14px 40px #241d1247;font-family:Georgia,Times New Roman,serif}.map-picker::backdrop{background:#231f187a}.map-picker form{display:grid;gap:10px;padding:14px}.map-picker-title{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.map-picker-options{display:grid;gap:8px}.map-picker-option,.map-picker-cancel,.map-picker-start{border:1px solid rgba(64,52,32,.36);border-radius:2px;background:#fff7dc;color:#2c2923;cursor:pointer;font:inherit;outline:none}.map-picker-option:focus-visible,.map-picker-cancel:focus-visible,.map-picker-start:focus-visible{outline:2px solid #2f2b24;outline-offset:2px}.map-picker-option{display:grid;gap:4px;width:100%;min-height:68px;padding:10px 12px;text-align:left}.map-picker-option.selected{border-color:#2f2b24;box-shadow:inset 0 0 0 2px #2f2b24}.map-picker-option:disabled{cursor:default;opacity:.45}.map-picker-option strong{font-size:16px}.map-picker-option span{font-size:12px;line-height:1.35;opacity:.78}.map-picker-actions{display:flex;justify-content:flex-end;gap:8px}.map-picker-cancel,.map-picker-start{min-height:36px;padding:6px 16px}.map-picker-start{background:#2f2b24;color:#fff7dc;font-weight:700}.map-picker-option:hover:not(:disabled),.map-picker-cancel:hover,.map-picker-start:hover{filter:brightness(.97)}.mode-instructions-text{padding:10px 12px;border:1px solid rgba(64,52,32,.24);border-radius:2px;background:#fff7dc;font-size:17px;line-height:1.45}.mode-instructions-dismiss{display:flex;align-items:center;gap:8px;width:fit-content;font-size:13px;line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none}.mode-instructions-dismiss input{margin:0;accent-color:#2f2b24}.about-tagline{margin-top:-4px;font-size:14px;font-style:italic;opacity:.72}.about-copy{padding:10px 12px;border:1px solid rgba(64,52,32,.24);border-radius:2px;background:#fff7dc;font-size:15px;line-height:1.45}.about-copy p{margin:0}.about-copy p+p{margin-top:8px}.about-version{display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 2px;font-size:12px;line-height:1.3;opacity:.68}@media(max-width:520px){.map-picker form{padding:10px}.map-picker-option{min-height:62px}}.app-error-overlay{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:20px;background:#231f18c7;font-family:Georgia,Times New Roman,serif}.app-error-card{width:min(560px,100%);max-height:min(80vh,560px);overflow:auto;padding:18px;border:1px solid rgba(64,52,32,.48);border-radius:3px;background:#f6efd7;color:#2c2923;box-shadow:0 14px 40px #00000052}.app-error-card h1{margin:0 0 8px;font-size:20px}.app-error-card p{margin:0 0 12px;line-height:1.4}.app-error-card pre{margin:0 0 14px;padding:10px;overflow:auto;border:1px solid rgba(64,52,32,.2);background:#fff7dc;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app-error-card button{min-height:36px;padding:6px 16px;border:1px solid rgba(64,52,32,.36);border-radius:2px;background:#2f2b24;color:#fff7dc;font:inherit;font-weight:700;cursor:pointer}