@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{color:#20353d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#20353d;--muted:#78827e;--line:#e6e9e2;--accent:#d9a76b;--paper:#fcfcf9;background:#f8f9f6;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;color:inherit;justify-content:center;align-items:center;gap:8px;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ad793c}button svg{flex-shrink:0}a{color:inherit}h1,h2,h3,p{margin:0}button{background:0 0;border:0}input{color:var(--ink)}.app{flex-direction:column;height:100dvh;min-height:400px;display:flex;overflow:hidden}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:5;flex-shrink:0;align-items:center;gap:24px;height:76px;padding:0 28px;display:flex}.app-header{background:var(--paper);z-index:5;flex-shrink:0}.app-header>.timeline{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;margin:0;padding:14px 28px;position:relative;inset:auto}.brand{letter-spacing:-1.2px;align-items:center;gap:10px;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#eac292;background:#233d43;border-radius:11px;place-items:center;width:37px;height:39px;display:grid}.header-divider{background:#dce0d9;width:1px;height:25px;margin-left:6px}.workspace-name{font-size:13px;font-weight:550}.workspace-tag{letter-spacing:1.4px;color:#8b9187;background:#eef0e9;border-radius:4px;padding:6px 9px;font-size:9px;font-weight:650}.header-actions{align-items:center;gap:22px;margin-left:auto;display:flex}.text-button{padding:10px 0;font-size:12px;font-weight:550}.export-button{background:#fff;border:1px solid #dce2d9;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:600}.workspace{flex:1;min-height:0;display:flex}.sidebar{background:var(--paper);border-right:1px solid var(--line);z-index:4;flex-direction:column;flex-shrink:0;width:350px;transition:margin .22s;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;padding:30px 25px 0;display:flex}.eyebrow{letter-spacing:1.9px;color:#8a9084;font-size:9px;font-weight:700}.sidebar h2{letter-spacing:-.8px;align-items:center;gap:10px;margin-top:10px;font-size:23px;font-weight:550;display:flex}.sidebar h2>span{letter-spacing:0;color:#7c887d;background:#eff1e9;border:1px solid #e3e8dd;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:500}.icon-button{color:#808b85;border-radius:6px;flex-shrink:0;width:32px;height:32px}.icon-button:hover{background:#edf0e8}.sidebar-content{scrollbar-width:thin;scrollbar-color:#d6dcd1 transparent;flex:1;padding:0 25px 22px;overflow-y:auto}.intro-copy{color:#7b847f;margin-top:14px;font-size:13px;line-height:1.75}.primary{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:7px;min-height:43px;padding:10px 16px;font-size:12px;font-weight:600}.add-button{color:#2f352d;background:#dcb17a;border-color:#dcb17a;width:100%;margin:24px 0 30px}.list-heading{letter-spacing:1.4px;color:#8b948b;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 0 14px;font-size:9px;font-weight:650;display:flex}.list-heading span:last-child{letter-spacing:.5px;color:#a2aaa0}.empty-state{text-align:center;padding:27px 10px 30px}.empty-illustration{color:#7b8e7b;place-items:center;width:125px;height:104px;margin:0 auto 15px;display:grid;position:relative}.orbit{border:1px solid #dfe5d8;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{z-index:-1;background:#f1f4eb;width:77px;height:77px}.orbit-two{border-style:dashed;width:104px;height:104px}.empty-illustration>svg{box-sizing:content-box;background:#f1f4eb;border-radius:50%;padding:15px}.orbit-dot{border:2px solid var(--paper);background:#c3a37c;border-radius:50%;width:7px;height:7px;position:absolute;top:13px;right:23px}.empty-state h3{margin-bottom:9px;font-size:13px;font-weight:600}.empty-state p{color:#8b9389;max-width:230px;margin:auto;font-size:12px;line-height:1.75}.empty-note{letter-spacing:1px;color:#9b9f92;justify-content:center;align-items:center;gap:6px;margin-top:26px;font-size:8px;display:flex}.empty-note span{color:#b0916b;font-size:9px}.empty-note i{background:#d6dace;width:10px;height:1px;margin:0 3px}.field-note{background:#f0f3ec;border:1px solid #e7ece0;border-radius:8px;gap:11px;margin-top:18px;padding:16px 13px;display:flex}.field-note>svg{color:#879279;flex-shrink:0;margin-top:2px}.field-note strong{color:#67715f;font-size:11px;font-weight:600}.field-note p{color:#8b9581;margin-top:5px;font-size:11px;line-height:1.8}.sidebar-footer{border-top:1px solid var(--line);background:#fafbf7;flex-shrink:0;align-items:center;gap:10px;padding:19px 25px;display:flex}.status-dot{background:#749a72;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidebar-footer strong{color:#74836d;font-size:10px;font-weight:550;display:block}.sidebar-footer div>span{color:#a2a99d;margin-top:4px;font-size:9px;display:block}.sidebar-footer>svg{color:#8c9b81;margin-left:auto}.save-error .status-dot{background:#b46942}.save-error strong{color:#a4643d}.map-stage{isolation:isolate;background:#e9eee5;flex:1;min-width:0;position:relative;overflow:hidden}.google-map{z-index:1;position:absolute;inset:0}.google-map:empty{pointer-events:none}.paint-overlay{pointer-events:none;position:absolute}.paint-overlay canvas{width:100%;height:100%;display:block}.paint-input{pointer-events:none;touch-action:none;cursor:crosshair;position:absolute}.paint-cursor{pointer-events:none;border:2px solid;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff}.paint-controls{gap:14px;padding:18px 0;display:grid}.paint-options{gap:6px;display:flex}.paint-options button{color:#173646;background:#fff;border:1px solid #d9e3e6;border-radius:8px;flex:1;min-width:0;padding:9px 6px}.paint-options button.active{background:#dceaf2;border-color:#6d9cb7}.paint-options button:disabled{opacity:.45}.paint-color{justify-content:space-between;align-items:center;display:flex}.paint-color input{width:54px;height:36px;padding:2px}.paint-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.paint-swatches button{aspect-ratio:1;cursor:pointer;border:2px solid #fff;border-radius:50%;min-width:0;box-shadow:0 0 0 1px #c7d2d8}.paint-swatches button.active{box-shadow:0 0 0 2px #173646}.paint-opacity{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.paint-opacity span{color:#62768b;font-size:12px}.paint-opacity input{grid-column:1/-1;width:100%}.map-placeholder{background:radial-gradient(at 70% 45%,#f4f5ed70 0%,#dce6d833 80%) 0 0/100% 100%,linear-gradient(#cbd5c660 1px,#0000 1px) 0 0/65px 65px,linear-gradient(90deg,#cbd5c660 1px,#0000 1px) 0 0/65px 65px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}.map-placeholder:after{content:"";background:radial-gradient(#0000 25%,#dfe8dc88 100%);position:absolute;inset:0}.globe-ring{border:1px solid #bacbb650;border-radius:50%;width:740px;height:740px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22deg)}.ring-two{width:410px}.ring-three{height:330px}.grid-label{color:#9bab96;letter-spacing:3px;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:98px;right:33px}.map-toolbar{z-index:3;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:23px;left:24px;right:24px}.map-toolbar>*{pointer-events:auto}.map-type-controls{background:#fffffff2;border:1px solid #dce2d7;border-radius:8px;align-items:center;padding:4px;display:flex;box-shadow:0 2px 8px #34473209}.map-type-controls button{border-radius:5px;padding:9px 13px;font-size:11px;font-weight:550}.map-button{background:#fffffff2;border:1px solid #dce2d7;border-radius:8px;min-height:41px;padding:9px 13px;font-size:11px;font-weight:550;box-shadow:0 2px 8px #34473209}.fit-button{margin-left:auto}.map-toolbar button:disabled{opacity:1;color:#9aa394}.map-toolbar button:disabled svg{opacity:.65}.setup-overlay{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:80px 20px 85px}.setup-card{pointer-events:auto;text-align:center;background:#fffffff5;border:1px solid #e6eade;border-radius:16px;max-width:430px;max-height:100%;padding:32px 36px 23px;overflow-y:auto;box-shadow:0 12px 50px #3048310b,0 1px 3px #30483105}.setup-icon{color:#839573;background:#f0f3e9;border:1px solid #e0e5d6;border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 22px;display:grid}.setup-card .eyebrow{color:#9a9b82;font-size:8px}.setup-card h1{letter-spacing:-1px;margin:12px 0;font-size:25px;font-weight:500;line-height:1.25}.setup-copy{color:#8a9286;max-width:320px;margin:auto;font-size:12px;line-height:1.85}.setup-steps{text-align:left;border-top:1px solid #eceee6;border-bottom:1px solid #eceee6;gap:13px;margin:22px 0 18px;padding:14px 0;display:grid}.setup-steps>div{align-items:center;gap:12px;display:flex}.setup-steps>div>span{color:#b09974;font-size:9px;font-weight:500}.setup-steps p{color:#7a8374;font-size:11px;line-height:1.5}.setup-steps code{overflow-wrap:anywhere;background:#f3f4ee;border-radius:3px;padding:2px 3px;font-size:10px}.setup-link{color:#6c785a;align-items:center;gap:8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.setup-link:hover{text-decoration:underline}.setup-footnote{color:#a6ac9e;margin-top:19px;font-size:10px}.setup-card>.primary{margin-top:22px}.map-bottom-note{z-index:2;pointer-events:none;color:#607358;align-items:center;gap:15px;display:flex;position:absolute;bottom:30px;left:27px}.compass-symbol{flex-direction:column;align-items:center;gap:4px;font-size:8px;font-weight:650;display:flex}.map-bottom-note>span:last-child{color:#85917e;background:#f9fbf2ed;border:1px solid #dfe5d7;border-radius:5px;padding:7px 10px;font-size:10px}.map-credit{z-index:2;letter-spacing:1.5px;color:#92a088;pointer-events:none;font-size:8px;position:absolute;bottom:34px;right:65px}.panel-collapsed .sidebar{visibility:hidden;margin-left:-350px}.badge-list{margin:0;padding:4px 0;list-style:none}.badge-row{text-align:left;border-bottom:1px solid var(--line);border-radius:4px;justify-content:flex-start;gap:10px;width:100%;padding:15px 5px}.list-flag{background:#253541;border-radius:5px;flex-shrink:0;place-items:center;width:39px;height:30px;padding:3px;display:grid}.list-flag img{object-fit:contain;max-width:100%;max-height:100%}.badge-row-copy{flex:1;min-width:0}.badge-row-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;display:block;overflow:hidden}.badge-row-copy>span{color:#8b9686;font-variant-numeric:tabular-nums;margin-top:6px;font-size:9px;display:block}.row-number{color:#a3ad9a;font-size:9px}.badge-row>svg{color:#97a18f}.editor{margin-top:19px}.editor-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.editor-title h3{font-size:13px;font-weight:600}.preview-area{background:radial-gradient(#cdd7c3 1px,#0000 1px) 0 0/12px 12px,#f0f3e8;border:1px solid #e1e6d8;border-radius:9px;flex-direction:column;align-items:center;gap:17px;margin-bottom:22px;padding:16px;display:flex}.preview-tag{letter-spacing:1.6px;color:#8f9a83;background:#f0f3e8;padding:1px 5px;font-size:8px}.preview-caption{color:#96a08d;background:#f0f3e8;padding:1px 5px;font-size:9px}.badge{color:#f4f4e8;-webkit-user-select:none;user-select:none;background:#1e2b3c;border:2px solid #d5d6bd;border-radius:9px;width:146px;overflow:hidden;box-shadow:0 3px 8px #15242e45}.badge-art{background:linear-gradient(115deg,#283246,#172238);justify-content:center;align-items:center;gap:8px;height:49px;padding:4px 7px;display:flex}.badge-art>img{object-fit:contain;pointer-events:none;flex:1;min-width:0;max-width:100%;height:100%}.badge-art>img.custom-symbol-image{object-fit:contain;flex:none;width:48px;max-width:48px;height:38px}.badge-art>svg{color:#f2f1d7;flex-shrink:0;width:48px;height:38px}.badge-art>.empty-flag{color:#7d8a99;flex:1;width:43px;height:30px}.badge-label{text-align:center;text-transform:uppercase;overflow-wrap:anywhere;letter-spacing:.2px;background:#141b2a;min-height:22px;padding:4px 5px 5px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:14px;font-weight:700;line-height:1.1}.badge-stars{text-align:center;color:#e9b46d;letter-spacing:2px;background:#141b2a;padding:0 2px 5px;font-size:14px;line-height:1}.badge-stars:empty{display:none}.badge,.map-unit{position:relative}.badge.movement-context,.map-unit.movement-context{opacity:.35;filter:grayscale()}.badge{overflow:visible}.badge-art{border-radius:7px 7px 0 0}.badge-label:last-of-type,.badge-stars{border-radius:0 0 7px 7px}.feature-effect{top:calc(-12px * var(--badge-scale));right:calc(-11px * var(--badge-scale));width:calc(34px * var(--badge-scale));height:calc(34px * var(--badge-scale));border:calc(2px * var(--badge-scale)) solid #fff1c7;color:#fff1c7;font-size:calc(25px * var(--badge-scale));text-align:center;transform-origin:50%;pointer-events:none;background:#9d3d28;border-radius:50%;font-family:Segoe UI Emoji,Segoe UI Symbol,Arial,sans-serif;line-height:1;display:none;position:absolute;box-shadow:0 2px 6px #19222a55}.feature-effect:not(:empty){place-items:center;display:grid}.firing-overlay{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.feature-effect[data-effect=booming]{color:#fff0a3;background:#b55b24}.feature-effect[data-effect=demolish]{color:#fff0d1;background:#715644}.feature-effect[data-effect=kills]{background:#343948}.feature-effect[data-effect=crack]{color:#f8f1ff;background:#5e4a7d}.map-unit{--badge-scale:1;width:calc(92px * var(--badge-scale));color:#fff;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex}.map-unit-icon{width:calc(64px * var(--badge-scale));height:calc(64px * var(--badge-scale));place-items:center;display:grid}.map-unit-icon.is-image{border-radius:50%;overflow:hidden}.map-unit-icon.is-image img{object-fit:cover;border-radius:50%;width:100%;height:100%}.map-unit-icon svg,.map-unit-icon img{object-fit:contain;width:75%;height:75%}.map-unit-icon svg{fill:currentColor;filter:drop-shadow(0 2px 2px #15242e88)}.map-unit-label{max-width:100%;padding:calc(3px * var(--badge-scale)) calc(6px * var(--badge-scale));font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:calc(12px * var(--badge-scale));text-transform:uppercase;overflow-wrap:anywhere;background:#141b2a;border-radius:4px;font-weight:700}.unit-preview{background:#edf1e8;border-radius:8px;align-items:center;gap:12px;margin:14px 0;padding:14px;display:flex}.unit-preview .map-unit-icon{--badge-scale:.65;color:#314455}.unit-list-mark{text-align:center;color:#314455;width:35px;font-size:23px}.badge-selected{border-color:#e9b46d;box-shadow:0 0 0 3px #d7a26355,0 3px 10px #15242e55}.badge-draft{opacity:.85;border-color:#ecc080;box-shadow:0 0 0 3px #d7a26355,0 3px 10px #15242e55}.map-unit.badge-selected,.map-unit.badge-draft{box-shadow:none;border:0;outline:0}.field-label{justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:11px;font-weight:600;display:flex}.field-label>span{color:#9da693;font-size:9px;font-weight:400}input:not([type=file]):not([type=checkbox]):not([type=radio]){background:#fff;border:1px solid #dce2d5;border-radius:6px;width:100%;padding:11px;font-size:12px}input::placeholder{color:#acb4a4;font-size:11px}input:focus{border-color:#bfa074}.upload-zone{cursor:pointer;color:#859573;background:#f6f8f0;border:1px dashed #cfd8c3;border-radius:7px;align-items:center;gap:11px;padding:13px 11px;display:flex;position:relative}.upload-zone>span{flex:1;min-width:0}.upload-zone strong{color:#68765a;font-size:11px;font-weight:550;display:block}.upload-zone small{color:#9aa68c;margin-top:5px;font-size:9px;display:block}.upload-zone img{object-fit:contain;width:28px;height:25px}.upload-zone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-zone:focus-within{outline-offset:3px;outline:2px solid #ad793c}.busy{opacity:.6}.symbol-field{border:0;min-width:0;margin:21px 0 0;padding:0}.symbol-field>.field-label{margin:0 0 8px;padding:0}.symbol-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.symbol-option{color:#65765a;cursor:pointer;background:#fff;border:1px solid #dce2d5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:61px;display:flex;position:relative}.symbol-option:hover,.symbol-option.active{background:#f5f7f0;border-color:#aab89c}.symbol-option:focus-within{outline-offset:2px;outline:2px solid #ad793c}.symbol-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.symbol-option-art{pointer-events:none;place-items:center;height:28px;display:grid}.symbol-option-art svg{color:#65765a;width:34px;height:25px}.symbol-none-mark{color:#9aa592;font-size:21px;line-height:1}.symbol-option-label{pointer-events:none;font-size:9px;line-height:1.2}.section-rule{border-top:1px solid var(--line);margin-top:23px}.location-title>span{letter-spacing:.8px;font-size:8px}.position-button{background:#fff;border:1px solid #dce2d4;border-radius:6px;width:100%;padding:11px;font-size:11px}.position-button.is-placing{color:#967140;background:#f7efe1;border-color:#c6a274}.field-hint{color:#9ba592;margin-top:8px;font-size:10px;line-height:1.5}.coordinate-fields{gap:10px;margin-top:15px;display:flex}.coordinate-fields label{color:#88937c;flex:1;min-width:0;font-size:10px}.coordinate-fields input{font-variant-numeric:tabular-nums;margin-top:7px}.editor-actions{gap:8px;margin-top:24px;display:flex}.editor-actions>.primary{flex:1}.secondary{background:#fff;border:1px solid #dce2d5;border-radius:6px;padding:10px 16px;font-size:11px}.delete-button{color:#a3715b;width:100%;margin-top:16px;padding:7px;font-size:10px}.form-error{color:#a86243;background:#fbf0e6;border-radius:5px;align-items:flex-start;gap:7px;margin-top:16px;padding:10px;font-size:11px;line-height:1.6;display:flex}.form-error svg{flex-shrink:0;margin-top:2px}.placement-hint{z-index:3;color:#fff;white-space:nowrap;background:#243e45;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #182a3220}.placement-hint>svg{color:#e1b880}.placement-hint button{color:#c3d0c5;padding:0}.toast{z-index:10;color:#f7faf1;background:#233e43;border:1px solid #3c5658;border-radius:9px;align-items:center;gap:12px;width:max-content;max-width:min(600px,100% - 32px);padding:14px 16px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #233e4320}.toast>svg{color:#c2d3ab;flex-shrink:0}.toast>button{color:inherit;flex-shrink:0;padding:0}.toast-error{color:#8c5837;background:#fff8ed;border-color:#dcc4a8}.toast-error>svg{color:#a66b3e}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1450px){.sidebar{width:380px}.panel-collapsed .sidebar{margin-left:-380px}.sidebar-heading{padding:34px 30px 0}.sidebar-content,.sidebar-footer{padding-left:30px;padding-right:30px}.setup-card{max-width:450px;padding:38px 40px 28px}.setup-card h1{font-size:27px}}@media (width<=1000px){.workspace-tag{display:none}.topbar{gap:20px;padding:0 22px}.sidebar{width:320px}.panel-collapsed .sidebar{margin-left:-320px}.sidebar-heading{padding:25px 20px 0}.sidebar-content{padding-left:20px;padding-right:20px}.sidebar-footer{padding:18px 20px}.map-credit{display:none}.setup-card{padding:25px}.setup-card h1{font-size:22px}.map-toolbar{left:16px;right:16px}.map-type-controls button{padding:9px}.fit-button{padding:10px}.fit-button span{display:none}}@media (width<=700px){.topbar{gap:12px;height:64px;padding:0 15px}.brand{gap:8px;font-size:23px}.brand-mark{border-radius:9px;width:32px;height:34px}.header-divider,.workspace-name{display:none}.header-actions{gap:12px}.export-button{padding:9px 11px;font-size:11px}.text-button{font-size:11px}.workspace{position:relative}.sidebar{width:min(340px,100% - 48px);position:absolute;inset:0 auto 0 0;box-shadow:6px 0 30px #243d3420}.sidebar-heading{padding-top:22px}.sidebar-content{padding-bottom:18px}.sidebar h2{font-size:21px}.panel-collapsed .sidebar{margin-left:min(-340px,48px - 100vw)}.map-stage{width:100%}.map-toolbar{gap:7px;top:16px;left:13px;right:13px}.map-type-controls button{gap:5px;padding:8px;font-size:10px}.map-type-controls svg{width:13px}.map-button{min-height:38px;padding:9px;font-size:10px}.panel-open-button span{display:none}.setup-overlay{inset:80px 20px 70px}.setup-card{border-radius:12px;max-width:390px;padding:25px 21px}.setup-icon{width:52px;height:52px;margin-bottom:17px}.setup-card h1{font-size:23px}.setup-copy{font-size:11px}.setup-steps{margin-top:18px}.setup-steps p{font-size:10px}.setup-steps code,.setup-footnote{font-size:9px}.map-bottom-note{bottom:28px;left:17px}.placement-hint{white-space:normal;gap:6px;max-width:calc(100% - 24px);padding:10px;font-size:10px}.toast{font-size:11px;bottom:15px}.sidebar-footer{padding-top:13px;padding-bottom:13px}.preview-area{gap:12px}.grid-label{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.badge{--badge-scale:1;width:calc(146px * var(--badge-scale));border-width:calc(2px * var(--badge-scale));border-radius:calc(9px * var(--badge-scale))}.badge-art{height:calc(49px * var(--badge-scale));gap:calc(8px * var(--badge-scale));padding:calc(4px * var(--badge-scale)) calc(7px * var(--badge-scale))}.badge-art>svg{width:calc(48px * var(--badge-scale));height:calc(38px * var(--badge-scale))}.badge-art>img.custom-symbol-image{width:calc(48px * var(--badge-scale));max-width:calc(48px * var(--badge-scale));height:calc(38px * var(--badge-scale))}.badge-art>.empty-flag{width:calc(43px * var(--badge-scale));height:calc(30px * var(--badge-scale))}.badge-label{font-size:calc(14px * var(--badge-scale));min-height:calc(22px * var(--badge-scale));padding:calc(4px * var(--badge-scale)) calc(5px * var(--badge-scale)) calc(5px * var(--badge-scale));letter-spacing:calc(.2px * var(--badge-scale))}.badge-stars{font-size:calc(14px * var(--badge-scale));padding-bottom:calc(5px * var(--badge-scale));letter-spacing:calc(2px * var(--badge-scale))}.field-label select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dce2d5;border-radius:6px;margin-top:7px;padding:10px;font-size:12px;display:block}.field-label:has(>select){display:block}.field-label:has(>input){display:block}.field-label>input{margin-top:7px;display:block}.preview-area{padding-inline:6px}.sidebar-tabs{background:#edf1e8;border-radius:8px;gap:6px;margin-top:18px;padding:4px;display:flex}.sidebar-tabs button{border-radius:5px;flex:1;padding:9px;font-size:12px}.sidebar-tabs button.active{background:#fff;box-shadow:0 1px 4px #20353d15}.sidebar-tabs span{color:#829074;font-size:10px}.sidebar-content[inert]{opacity:.55}.size-picker{border:0;min-width:0;margin:20px 0 0;padding:0}.size-picker legend{margin-bottom:8px;padding:0;font-size:11px;font-weight:600}.size-picker>div{gap:6px;display:flex}.size-picker label{text-align:center;cursor:pointer;background:#fff;border:1px solid #dce2d5;border-radius:6px;flex:1;padding:10px 4px;font-size:11px;position:relative}.size-picker label.active{background:#edf2e7;border-color:#aab89c;box-shadow:inset 0 0 0 1px #aab89c}.size-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.size-picker label:focus-within{outline-offset:2px;outline:2px solid #ad793c}.size-picker span{pointer-events:none}.route-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}.visibility-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.visibility-editor h4{margin:0 0 7px;font-size:12px}.visibility-editor label{margin-top:12px;font-size:11px;font-weight:600;display:block}.visibility-editor input{margin-top:6px;padding:9px;font-size:12px;display:block}.visibility-editor .secondary{margin-top:12px}.route-editor h4{justify-content:space-between;font-size:12px;display:flex}.route-editor h4 span{color:#859573;font-weight:400}.route-editor .position-button{margin-top:9px}.route-stops{margin:12px 0;padding:0;list-style:none}.route-stops>li{background:#f6f8f1;border:1px solid #dce2d5;border-radius:8px;margin-bottom:10px;padding:12px}.stop-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stop-label{font-size:12px;font-weight:650}.stop-date{color:#6d7b61;font-size:10px;display:block}.stop-date input{min-width:0;margin-top:6px;display:block}.route-stops .coordinate-fields{margin-top:10px}.route-stops .size-picker{margin-top:12px}.route-add-actions{gap:8px;display:grid}.check-label{align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.check-label input{accent-color:#778d69}.route-stop-marker{color:#fff;background:#ad793c;border:2px solid #fff;border-radius:50%;place-items:center;min-width:30px;height:30px;padding:0 5px;font:600 12px DM Sans,sans-serif;display:grid;box-shadow:0 2px 6px #0005}.line-swatch{background:#78896d;border-radius:7px;margin:18px 0;padding:22px}.line-swatch span{border-top-color:#fff;display:block}.line-list-swatch{border-radius:2px;flex-shrink:0;width:30px;padding-bottom:6px;display:block}.line-actions{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.line-actions .primary{padding:10px 15px}.line-editor select{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #dce2d5;border-radius:6px;padding:10px;font-size:12px}.has-timeline .map-bottom-note,.has-timeline .map-credit{display:none}.timeline{z-index:3;background:#fcfcf9f7;border:1px solid #dce2d5;border-radius:12px;padding:14px 16px;position:absolute;top:82px;left:18px;right:18px;box-shadow:0 3px 16px #20353d20}.timeline-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.timeline.timeline-minimized{padding:0;right:auto}.timeline-date-button{font-variant-numeric:tabular-nums;border-radius:inherit;gap:12px;padding:11px 14px;font-size:15px;font-weight:650}.timeline-moon{vertical-align:middle;color:#687c9b;flex-shrink:0}.has-timeline .placement-hint{top:auto;bottom:40px}.header-play-button{color:#243e45}.header-timeline-button[aria-expanded=true]{color:#687c5a}@media (width<=1200px){.topbar .workspace-name,.topbar .workspace-tag,.topbar .header-divider{display:none}}@media (width<=900px){.header-actions .text-button span{display:none}}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-header .eyebrow{margin:0 0 5px;font-size:8px;display:block}.timeline-header strong{font-variant-numeric:tabular-nums;font-size:15px;display:block}.timeline-header small{color:#859573;font-size:9px}.timeline-header .secondary{flex-shrink:0;padding:8px}.timeline-controls{align-items:center;gap:10px;margin-top:9px;display:flex}.timeline-controls>.primary{flex-shrink:0;padding:10px}.timeline-controls input[type=range]{accent-color:#778d69;cursor:pointer;background:0 0;border:0;flex:1;width:auto;min-width:45px;padding:0}.duration-field{color:#75856c;flex-shrink:0;width:72px;font-size:9px}.duration-field input[type=number]{margin-top:3px;padding:5px;font-size:11px}.timeline-range{color:#859573;justify-content:space-between;gap:8px;margin-top:8px;font-size:9px;display:flex}.placement-hint button{min-height:28px}@media (width<=700px){.timeline{padding:10px;top:70px;left:10px;right:10px}.app-header>.timeline{padding:10px 15px}.header-actions{gap:10px}.header-play-button{padding:10px}.header-play-button span,.header-actions .text-button:not(.header-play-button) span{display:none}.header-actions .text-button:not(.header-play-button){padding:10px 4px}.timeline-header strong{font-size:12px}.timeline-header .secondary{font-size:10px}.timeline-header .secondary svg{display:none}.timeline-controls{gap:5px}.timeline-range{font-size:8px}.timeline-controls>.icon-button{padding:4px}.duration-field{width:57px}.route-stops>li{padding:9px}.preview-area{overflow:auto}}@media (width<=480px){.header-actions .export-button span{display:none}}@media (width<=380px){.topbar{gap:6px;padding-inline:10px}.header-actions{gap:6px}.brand{font-size:20px}.brand>span:last-child{display:none}}.sidebar-preview-note{background:#f7efe1;border-radius:6px;margin:12px 24px 0;padding:10px;font-size:11px;line-height:1.5}.map-surface{position:absolute;inset:0}.render-surface{background:#e9eee5;position:fixed;inset:0;overflow:hidden}.video-framing{background:#28383bdd;place-items:center;display:grid}.video-framing .map-placeholder{opacity:.16}.video-frame{z-index:1;outline:1px solid #f8f9f6;position:relative;overflow:hidden;box-shadow:0 0 0 7px #20353d55,0 15px 45px #111b1f77}.video-date-stamp{z-index:2;color:#fff;pointer-events:none;background:#142835c9;border-radius:5px;padding:7px 10px;font:700 15px DM Sans,sans-serif;position:absolute;top:14px;right:14px}.video-export-panel{border-bottom:1px solid var(--line);background:#f4f6f0;padding:9px 28px 12px}.video-export-heading{align-items:center;gap:12px;font-size:12px;display:flex}.video-export-heading span{color:var(--muted);font-size:11px}.video-export-heading .icon-button{margin-left:auto}.video-export-controls{flex-wrap:wrap;align-items:flex-end;gap:11px;margin-top:7px;display:flex}.video-export-controls .primary,.video-export-controls .secondary{min-height:34px;padding:8px 11px}.video-orientations{border:0;gap:10px;margin:0;padding:0;font-size:11px;display:flex}.video-orientations legend{color:var(--muted);font-size:9px}.video-orientations label,.video-date-option{white-space:nowrap;align-items:center;gap:5px;min-height:34px;font-size:11px;display:flex}.video-length{width:83px;color:var(--muted);font-size:9px}.video-length input{padding:7px!important}.video-export-scrubber{white-space:nowrap;align-items:center;gap:10px;margin-top:8px;font-size:10px;display:flex}.video-export-scrubber input{accent-color:#778d69;flex:1;width:auto!important;padding:0!important}.video-job{align-items:center;gap:12px;margin-top:8px;font-size:11px;display:flex}.video-job video{width:150px;max-height:85px}@media (width<=1000px){.header-actions{gap:7px}.header-actions .export-button span{display:none}.video-export-panel{padding:9px 14px}}@media (width<=700px){.video-export-heading span{display:none}.video-export-controls{gap:5px 9px}.video-orientations{width:100%}}:root{color:#1d2d38;--ink:#193342;--muted:#75838c;--line:#dce5e8;--accent:#ef9b58;--paper:#fbfcfc;background:#edf2f4}body{background:#edf2f4}.app-header{background:#142b39;box-shadow:0 5px 20px #152c3a20}.topbar{color:#f6f8f7;background:#142b39;border-bottom-color:#29414e;gap:18px;height:70px;padding-inline:24px}.brand{color:#fff;font-size:23px}.brand-mark{color:#162e3b;background:#f0a45e;border-radius:10px;width:36px;height:36px}.brand-dot{color:#f0a45e}.header-divider{background:#38505b}.workspace-name{color:#e8eff0}.workspace-tag{color:#b8c9cc;background:#203c4a;border:1px solid #35515c;border-radius:999px}.header-actions{gap:6px}.header-actions .text-button{color:#d5e0e2;border-radius:8px;gap:7px;min-height:38px;padding:9px 10px;font-size:11px}.header-actions .text-button:hover:not(:disabled){color:#fff;background:#ffffff12}.header-actions .header-play-button{color:#ffd09e}.header-actions .header-edit-button{color:#d5e0e2}.header-actions .export-button{color:#e8eff0;background:#1d3947;border:1px solid #3c5662;border-radius:8px;min-height:38px;padding:9px 12px;font-size:11px}.header-actions .export-button:hover:not(:disabled){background:#294958}.new-map-button{color:#1d2d38;background:#f0a45e;border:1px solid #f0a45e;border-radius:8px;gap:6px;min-height:38px;padding:9px 13px;font-size:11px;font-weight:700}.new-map-button:hover:not(:disabled){background:#ffb778}.app-header>.timeline{background:#f8faf9;border-bottom-color:#29414e}.workspace{background:#e9eff1}.sidebar{background:#fbfcfc;border-right-color:#d6e0e3;box-shadow:5px 0 22px #1933420a}.sidebar-heading{border-bottom:1px solid #e7edef;padding:24px 22px 17px}.sidebar .eyebrow{color:#81919a;letter-spacing:1.65px;font-size:9px}.sidebar h2{color:#1b3442;letter-spacing:-.7px;margin-top:8px;font-size:22px}.sidebar h2>span{color:#a75e2f;background:#fff0e3;border-color:#f7dec8;border-radius:999px}.sidebar-heading .icon-button{color:#778992;border-radius:9px}.sidebar-heading .icon-button:hover{color:#1d3947;background:#edf3f4}.sidebar-content{scrollbar-color:#ccd9dd transparent;padding:0 22px 22px}.sidebar-tabs{background:#edf2f3;border:1px solid #e2e9eb;border-radius:10px;gap:3px;margin-top:16px;padding:4px}.sidebar-tabs button{color:#6d7f89;border-radius:7px;min-height:34px;font-weight:600}.sidebar-tabs button.active{color:#173646;background:#fff;box-shadow:0 1px 4px #172f3b18}.sidebar-tabs span{color:#a05b33;font-weight:700}.intro-copy{color:#77868e}.add-button{color:#1c2f39;background:#f0a45e;border-color:#f0a45e;border-radius:9px;margin:20px 0 25px;box-shadow:0 5px 12px #db8e4d26}.add-button:hover:not(:disabled){background:#ffb778}.primary{background:#193747;border-color:#193747;border-radius:9px;min-height:42px}.primary:hover:not(:disabled){background:#244a5d}.primary.add-button{color:#1d2d38;background:#f0a45e;border-color:#f0a45e}.primary.add-button:hover:not(:disabled){background:#ffb778;border-color:#ffb778}.secondary{color:#36505d;background:#fff;border-color:#d9e3e6;border-radius:8px;min-height:38px}.secondary:hover:not(:disabled){background:#f2f6f7}.list-heading{color:#778a94;border-bottom-color:#e3eaec}.list-heading span:last-child{color:#9ba9ae}.badge-row{border-bottom-color:#e8edef;border-radius:9px;padding:13px 8px}.badge-row:hover,.badge-row.active{background:#eef4f5}.badge-row.active{box-shadow:inset 3px 0 #e99a57}.badge-row-copy strong{color:#203743}.badge-row-copy>span,.row-number{color:#819098}.list-flag{background:#213b49;border-radius:7px}.empty-state{padding-top:22px}.orbit-one,.empty-illustration>svg{color:#4c7180;background:#eaf2f3}.orbit{border-color:#d9e5e7}.empty-state h3{color:#25404e}.empty-state p{color:#7d8b92}.empty-note span{color:#bb7440}.field-note{background:#f1f6f6;border-color:#e1ebed;border-radius:10px}.field-note>svg{color:#547887}.field-note strong{color:#44616d}.field-note p{color:#7d8e94}.sidebar-footer{background:#f7f9f9;border-top-color:#e2e9eb}.sidebar-footer strong{color:#354d58}.sidebar-footer div>span{color:#829198}.status-dot{background:#52a37d}.map-stage{background:#e7eef0}.map-placeholder{background:radial-gradient(at 66% 44%,#f9fbf9c4 0%,#e8eff066 75%) 0 0/100% 100%,linear-gradient(#c3d1d655 1px,#0000 1px) 0 0/72px 72px,linear-gradient(90deg,#c3d1d655 1px,#0000 1px) 0 0/72px 72px}.globe-ring{border-color:#9bb4bb45}.grid-label{color:#78929a}.map-toolbar{gap:8px;top:18px;left:20px;right:20px}.map-type-controls,.map-button{background:#fbfdfdf2;border-color:#d3dfe2;border-radius:10px;box-shadow:0 6px 20px #233f4b14}.map-type-controls{padding:4px}.map-type-controls button{color:#657982;border-radius:7px;min-height:35px}.map-type-controls button.active{color:#173c4b;background:#e7f0f2}.map-button{color:#294754;min-height:41px}.map-button:hover:not(:disabled){background:#fff;box-shadow:0 7px 22px #233f4b21}.fit-button{color:#31586a}.map-bottom-note>span:last-child{color:#5e7882;background:#fbfdfdf0;border-color:#d6e3e5;border-radius:8px;box-shadow:0 4px 14px #233f4b0c}.compass-symbol{color:#587d88}.map-credit{color:#748d95}.setup-card{border-color:#d8e4e6;border-radius:18px;box-shadow:0 18px 55px #203d4a18}.setup-icon{color:#357087;background:#eaf3f4;border-color:#d7e6e8;border-radius:18px}.setup-card .eyebrow{color:#9e6a46}.setup-card h1{color:#193747}.setup-copy{color:#74848c}.setup-link{color:#25627a}.placement-hint{color:#315766;background:#fffefa;border:1px solid #cfdee1;border-radius:12px;box-shadow:0 8px 28px #203d4a18}.placement-hint button{color:#315766;background:#eef4f5;border-radius:7px}.editor-title{margin-bottom:16px}.editor-title h3{color:#203a47;font-size:14px}.editor-title-actions{align-items:center;gap:5px;display:flex}.badge-settings-reset{color:#667b84;background:#fff;border:1px solid #dfe7e8;border-radius:8px;gap:6px;min-height:32px;padding:6px 9px;font-size:10px;font-weight:600}.badge-settings-reset:hover{color:#a75e2f;background:#fff8f2;border-color:#f1d0b3}.preview-area{background:radial-gradient(#c7d6d7 1px,#0000 1px) 0 0/12px 12px,#edf4f3;border-color:#dbe6e7;border-radius:12px}.preview-tag,.preview-caption{color:#71888f;background:#edf4f3}.field-label,.coordinate-fields label,.visibility-editor label{color:#536c77}.field-label select,.line-editor select,.sidebar-content input:not([type=checkbox]):not([type=radio]):not([type=file]){background-color:#fff;border-color:#d9e3e6;border-radius:8px}.field-label select:focus,.sidebar-content input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.line-editor select:focus{border-color:#8baeba;box-shadow:0 0 0 3px #4d8ba51a}.field-hint{color:#7b8b91}.visibility-editor,.route-editor{border-color:#e2e9eb}.visibility-editor h4,.route-editor h4{color:#34515e}.route-stops>li{background:#f3f7f7;border-color:#dfe7e8;border-radius:10px}.position-button{color:#385f6d;background:#f7fafa;border-color:#d7e2e4;border-radius:8px}.position-button:hover:not(:disabled){background:#eaf2f3}.editor-actions>.primary{box-shadow:0 4px 10px #16364719}.timeline{background:#fbfdfdf5;border-color:#d8e3e5;border-radius:14px;box-shadow:0 9px 30px #1a394514}.timeline-controls input[type=range]{accent-color:#e79552}.toast{border-color:#d7e2e4;border-radius:11px;box-shadow:0 10px 35px #17354226}@media (width<=900px){.topbar{gap:12px;padding-inline:16px}.header-actions{gap:4px}.header-actions .text-button{padding-inline:8px}}@media (width<=700px){.topbar{gap:8px;height:62px;padding-inline:12px}.brand{font-size:21px}.brand-mark{width:33px;height:33px}.header-actions{gap:2px}.header-actions .text-button{padding-inline:6px}.new-map-button{min-height:35px;padding:8px}.new-map-button span{display:none}.sidebar-heading{padding:18px 18px 14px}.sidebar-content{padding-inline:18px}.map-toolbar{top:12px;left:10px;right:10px}}.app.map-fullscreen .app-header,.app.map-fullscreen .sidebar{display:none}.app.map-fullscreen .workspace{z-index:6;width:100vw;height:100dvh;position:fixed;inset:0}.app.map-fullscreen .map-stage{width:100%;height:100%;min-height:0}@media (width<=1000px){.fullscreen-button{padding:10px}.fullscreen-button span{display:none}.image-export-toolbar-button{padding:10px}.image-export-toolbar-button span{display:none}}.topbar .workspace-name{background:0 0;flex:0 190px;justify-content:flex-start;min-width:0;padding:4px 0;display:flex}.workspace-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.field-label.effect-target-field{display:block}.effect-target-label{margin-bottom:7px}.effect-target-picker{margin:0;position:relative}.effect-target-trigger{width:100%;min-height:48px;color:var(--ink);text-align:left;font:inherit;background:#fff;border:1px solid #d9e3e6;border-radius:8px;align-items:center;gap:9px;padding:6px 10px;font-size:12px;display:flex}.effect-target-trigger:focus-visible{outline-offset:2px;outline:2px solid #8baeba}.effect-target-trigger:disabled{cursor:not-allowed;opacity:.65}.effect-target-placeholder{min-width:0;color:var(--muted);flex:1}.effect-target-chevron{color:#70838a;flex:none;margin-left:auto;transition:transform .15s}.effect-target-trigger[aria-expanded=true] .effect-target-chevron{transform:rotate(180deg)}.effect-target-menu{z-index:20;background:#fff;border:1px solid #d4e0e3;border-radius:9px;max-height:235px;padding:5px;position:absolute;inset:calc(100% + 4px) 0 auto;overflow-y:auto;box-shadow:0 8px 24px #17354226}.effect-target-option{min-width:0;color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:7px;display:flex}.effect-target-option:hover,.effect-target-option[data-active=true],.effect-target-option[aria-selected=true]{background:#eef4f4}.effect-target-badge{color:#f3f5e6;background:#1d3947;border-radius:5px;flex:0 0 48px;justify-content:center;align-items:center;gap:3px;width:48px;height:34px;padding:3px;display:flex;overflow:hidden}.effect-target-flag{flex:23px;place-items:center;width:23px;min-width:0;height:26px;display:grid}.effect-target-flag img{object-fit:contain;max-width:100%;max-height:100%}.effect-target-flag svg{color:#d5e0e2}.effect-target-symbol,.effect-target-symbol-image{object-fit:contain;color:#f3f5e6;flex:0 0 23px;width:23px;height:23px;display:block}.effect-target-symbol{fill:currentColor}.effect-target-symbol-empty{flex:0 0 23px;width:23px;height:23px}.effect-target-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.effect-target-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.effect-target-copy small{color:var(--muted);font-size:9px;line-height:1.1}.map-text-label{white-space:pre-wrap;text-align:center;text-shadow:0 1px 2px #fff,0 -1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;cursor:pointer;max-width:320px;padding:4px 8px;font-size:16px;font-weight:700;display:block}.curve-point-handle{color:#a11a1a;cursor:grab;background:#fff;border:2px solid #d62828;border-radius:50%;place-items:center;width:24px;height:24px;font:700 12px sans-serif;display:grid;box-shadow:0 1px 5px #0005}.curve-bend-handle{border-style:dashed;width:20px;height:20px;font-size:16px}.label-appearance{border:1px solid var(--border,#d8dde2);border-radius:8px;margin:16px 0;padding:12px}.label-appearance legend{font-size:12px;font-weight:600}.label-style-options{gap:16px;margin-top:12px;display:flex}.label-appearance input[type=checkbox]{width:auto}.label-appearance input[type=color]{cursor:pointer;width:100%;height:36px;padding:3px}.map-text-label{border-radius:6px}.badge-troop-count{right:calc(-4px * var(--badge-scale));bottom:calc(-4px * var(--badge-scale));padding:calc(2px * var(--badge-scale)) calc(4px * var(--badge-scale));border-radius:calc(4px * var(--badge-scale));color:#fff;font:700 calc(11px * var(--badge-scale))/1.2 Arial, sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;background:#141b2a;position:absolute;box-shadow:0 1px 3px #0006}.badge-troop-count:empty{display:none}