:root{color-scheme:dark;--bg:#101610;--surface:#151d16;--raised:#1b261d;--line:#304132;--ink:#e9f1e6;--muted:#9baa98;--accent:#acdc79;--alert:#f2a296;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink);padding:11px 13px;min-height:42px;border-radius:0}button:hover{background:var(--raised);border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:#14200c;font-weight:700}.primary:hover{background:#c0eb94}button.danger{color:var(--alert)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{border:1px solid var(--line);background:#101810;color:var(--ink);padding:12px;width:100%;border-radius:0;min-width:0}input::placeholder,textarea::placeholder{color:#8b9c88}input[type=checkbox]{width:18px;height:18px;vertical-align:middle}input[type=number]{appearance:textfield}label{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:14px}label input,label select,label textarea{display:block;margin-top:5px;font-size:14px}label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px}h1,h2,h3,p{margin:0}small{color:var(--muted)}[hidden]{display:none!important}.header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:30px;position:relative;z-index:600;background:var(--bg)}.wordmark{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:14px;font-size:18px;font-weight:700;letter-spacing:.04em}.wordmark small{font-size:9px;letter-spacing:.19em;display:block;margin-top:6px;font-weight:400}.brand-mark{font-size:27px;letter-spacing:-8px;border:1px solid var(--accent);padding:7px 13px 7px 5px;line-height:30px;color:var(--accent);font-weight:900}.brand-mark span{color:var(--ink)}.telemetry{display:flex;gap:50px;flex:1;justify-content:center}.telemetry small{display:block;font-size:10px;margin-bottom:6px}.telemetry strong{font-size:20px;font-weight:500;white-space:nowrap}.telemetry>div:first-child strong{color:var(--accent)}.account{font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:82px minmax(0,1fr) 350px;height:calc(100dvh - 84px);min-height:480px}.nav{display:flex;flex-direction:column;border-right:1px solid var(--line);overflow-y:auto;background:var(--bg);z-index:500}.nav button{border:0;border-bottom:1px solid #253127;min-height:65px;flex-shrink:0;position:relative;padding:9px 4px;color:var(--muted)}.nav button span{display:block;font:24px/26px monospace;margin-bottom:6px}.nav b{font-size:10px;font-weight:400}.nav button.selected{color:var(--accent);background:#21301e;box-shadow:inset 3px 0 var(--accent)}.nav i{position:absolute;top:8px;right:10px;font-style:normal;color:var(--accent);font-size:10px}.map-space{position:relative;overflow:hidden;isolation:isolate;background:#1c2820}#map{position:absolute;inset:0;z-index:1;background-color:#19231e;background-image:linear-gradient(#30403250 1px,transparent 1px),linear-gradient(90deg,#30403250 1px,transparent 1px);background-size:64px 64px}.leaflet-tile-pane{filter:grayscale(.9) brightness(.58) sepia(.2) hue-rotate(45deg)}.leaflet-container{font:inherit}.leaflet-control-attribution{background:#101610ed!important;color:var(--muted)!important;font-size:9px!important}.leaflet-control-attribution a{color:var(--muted)!important}.leaflet-bar{box-shadow:none!important;border:1px solid var(--line)!important}.leaflet-bar a{background:var(--bg)!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:0!important;width:36px!important;height:36px!important;line-height:36px!important}.map-caption{position:absolute;top:22px;left:22px;z-index:400;background:#101610e8;border:1px solid var(--line);padding:12px 16px;pointer-events:none}.map-caption span{font-size:12px;display:block;color:var(--accent)}.map-caption small{font-size:10px;display:block;margin-top:7px}.map-tools{position:absolute;top:22px;right:22px;z-index:400;display:flex;gap:8px}.map-tools button{background:var(--bg);font-size:12px}.map-tools button:first-child{font-size:21px}.map-bottom{position:absolute;z-index:400;bottom:29px;left:22px;right:22px;background:#101610ed;border:1px solid var(--line);padding:14px;display:flex;align-items:center;gap:12px;font-size:12px}.map-bottom>span{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--muted)}#mode-message{line-height:1.6}.tile-warning{position:absolute;left:22px;right:22px;bottom:105px;z-index:399;background:var(--surface);padding:10px;color:var(--muted);font-size:11px}.inspector{border-left:1px solid var(--line);background:var(--bg);min-height:0;display:flex;flex-direction:column;z-index:450}.panel-title{padding:24px 22px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-title small{font-size:9px;letter-spacing:.12em;display:block;margin-bottom:10px}.panel-title h1{font:600 23px/1.3 system-ui,sans-serif;letter-spacing:-.04em}.panel-title button{border:0;font-size:24px;min-width:42px;color:var(--muted)}.panel-body{overflow-y:auto;overscroll-behavior:contain;padding:20px 22px;flex:1}.panel-body h2{font:600 16px/1.5 system-ui,sans-serif;margin:22px 0 10px}.panel-body h2:first-child{margin-top:0}.panel-body h3{font-size:14px;font-weight:500;line-height:1.5}.panel-body p{font-size:12px;line-height:1.9;color:var(--muted);margin:8px 0 14px;overflow-wrap:anywhere}.panel-body .large-stat{font-size:44px;color:var(--accent);line-height:1.2;letter-spacing:-.06em}.panel-body .subheading{font-size:10px;color:var(--muted);margin-bottom:16px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.action-row button{flex:1;white-space:nowrap;font-size:12px}.full{width:100%;margin:8px 0}.data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #263329;font-size:12px}.data-row>span{color:var(--muted)}.data-row strong{font-weight:400;text-align:right;overflow-wrap:anywhere}.data-row button{text-align:left;width:100%;border:0;display:flex;justify-content:space-between;align-items:center;padding:0;gap:10px}.data-row small{font-size:10px}.data-row strong small{display:block;margin-top:5px}.entry{padding:18px 0;border-bottom:1px solid var(--line)}.entry:first-child{padding-top:0}.entry>button{margin-top:10px;width:100%;font-size:12px}.entry .cost{font-size:11px;line-height:1.9;color:var(--muted);margin-top:8px}.entry small{display:block;font-size:10px;margin-top:6px}.entry input,.entry select{margin:10px 0}.notice{border-left:2px solid var(--accent);background:var(--surface);padding:13px 15px;margin:10px 0 20px;color:var(--muted);font-size:12px;line-height:1.9}.empty{padding:25px 0;color:var(--muted);font-size:12px;line-height:1.9}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.resource-grid div{padding:14px 0;border-bottom:1px solid var(--line)}.resource-grid small{display:block;font-size:10px;margin-bottom:8px}.resource-grid strong{font-size:19px;font-weight:400}.record{font-size:12px;line-height:1.9;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap}.inline-form{margin:16px 0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.check-grid label{font-size:11px}.login-screen{position:fixed;z-index:700;inset:84px 0 0;background:linear-gradient(90deg,#101610 0%,#101610 31%,#101610ec 45%,#10161035 75%);padding:clamp(35px,8vh,90px) 8vw;overflow-y:auto}.login-box{max-width:355px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.17em;margin-bottom:23px}.login-box h2{font:600 clamp(36px,4.2vw,60px)/1.15 system-ui,sans-serif;letter-spacing:-.07em;margin-bottom:20px}.login-box h2 span{color:var(--accent)}.login-description{font:14px/1.9 system-ui,sans-serif;color:var(--muted);margin-bottom:30px}.login-box form>button{width:100%;text-align:left;display:flex;justify-content:space-between;margin-top:16px}.login-box .error{font-size:12px;line-height:1.7;color:var(--alert);margin:8px 0;overflow-wrap:anywhere}.login-note{font:11px/1.9 system-ui,sans-serif;color:var(--muted);margin-top:25px}.token-access{margin-top:20px;font-size:11px;color:var(--muted)}.token-access summary{cursor:pointer;padding:6px 0}.token-access form{margin-top:12px}.login-map-label{position:absolute;right:7vw;bottom:60px;font-size:13px;line-height:2;letter-spacing:.08em;text-align:right}.login-map-label span{color:var(--muted);font-size:11px;letter-spacing:0}dialog{background:var(--surface);border:1px solid var(--accent);padding:28px;max-width:440px;width:calc(100% - 36px);color:var(--ink)}dialog::backdrop{background:#0009}dialog h2{font:600 22px/1.5 system-ui,sans-serif;margin-bottom:16px}dialog p{font-size:13px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;color:var(--muted)}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions button{flex:1}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(600px,90vw);z-index:900;padding:15px 22px;background:var(--accent);color:#15210c;font-size:13px;line-height:1.6;box-shadow:0 4px 20px #0005;overflow-wrap:anywhere}.map-marker{border:1px solid var(--accent);background:#15210f;color:var(--accent);text-align:center;font:19px/30px monospace}.map-marker.enemy{border-color:var(--alert);color:var(--alert);background:#2c1a17}.map-marker.unit{border-style:dashed}.map-marker.dead{opacity:.4}.leaflet-tooltip{background:var(--bg);border:1px solid var(--line);color:var(--ink);box-shadow:none;border-radius:0;font:10px/1.5 monospace}.leaflet-tooltip:before{display:none}.leaflet-control-zoom{margin-bottom:110px!important}.leaflet-control-scale{margin-bottom:100px!important}.leaflet-control-scale-line{border-color:var(--muted)!important;color:var(--ink)!important;background:var(--bg)!important;text-shadow:none!important}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:1600px){.workspace{grid-template-columns:90px minmax(0,1fr) 390px}.panel-body{padding:24px 28px}}@media(max-width:1100px){.header{gap:16px;padding:0 16px}.telemetry{gap:24px}.wordmark{font-size:15px}.workspace{grid-template-columns:72px minmax(0,1fr) 310px}.map-bottom>span{display:none}.map-caption{top:16px;left:16px}.map-tools{top:89px;right:16px}.wide-only{display:none}}@media(max-width:760px){.header{height:67px;padding:0 12px;gap:10px}.brand-mark{font-size:21px;padding:4px 12px 4px 4px;line-height:26px}.wordmark{gap:8px;font-size:11px}.wordmark small{font-size:7px;letter-spacing:.06em}.telemetry{gap:16px;justify-content:flex-end}.telemetry small{font-size:9px;margin-bottom:4px}.telemetry strong{font-size:14px}.account{font-size:10px;max-width:80px;padding:7px;min-height:36px}.workspace{height:calc(100dvh - 67px);min-height:300px;display:block;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.map-space{height:100%}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:row;border-right:0;border-top:1px solid var(--line);height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);overflow-x:auto;overflow-y:hidden;z-index:600}.nav button{flex:1 0 64px;min-height:64px;border-bottom:0;border-right:1px solid #253127;padding:7px 4px}.nav button span{font-size:21px;line-height:23px;margin-bottom:5px}.nav button.selected{box-shadow:inset 0 2px var(--accent)}.inspector{position:fixed;bottom:calc(66px + env(safe-area-inset-bottom));left:0;right:0;height:49dvh;border-left:0;border-top:1px solid var(--accent);display:none;box-shadow:0 -10px 25px #0004}.inspector.open{display:flex}.panel-title{padding:14px 18px 12px}.panel-title h1{font-size:19px}.panel-title small{font-size:8px;margin-bottom:5px}.panel-body{padding:16px 18px}.map-caption{top:14px;left:14px;padding:10px 12px}.map-caption small{font-size:9px}.map-tools{top:14px;right:14px;flex-direction:column;align-items:flex-end}.map-tools button{font-size:10px;padding:8px;min-height:36px}.map-tools button:first-child{font-size:19px;min-width:36px}.map-bottom{bottom:26px;left:12px;right:12px;font-size:10px;padding:10px;gap:8px}.login-screen{inset:67px 0 0;padding:40px 25px;background:#101610ef}.login-box{max-width:420px;margin:auto}.login-box h2{font-size:42px}.login-map-label{display:none}.login-description{font-size:13px;margin-bottom:24px}.login-box label{margin-bottom:12px}.login-note{margin-top:20px}#toast{bottom:85px;font-size:12px}.tile-warning{left:12px;right:12px;font-size:10px}.leaflet-control-zoom{margin-bottom:95px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.data-row button>span{min-width:0;overflow-wrap:anywhere;line-height:1.6}.data-row button>strong{flex-shrink:0;white-space:nowrap;line-height:1.6;font-size:11px}.data-row button small{display:block;font-size:10px;margin-top:4px}.data-row button>span{max-width:66%}
@media(min-width:761px){.panel-title button{display:none}}
.map-caption{max-width:calc(100% - 44px)}.map-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.map-caption{max-width:calc(100% - 145px)}}
@media(max-width:480px){.wordmark>span:last-child{display:none}.wordmark{gap:0}.telemetry{gap:14px}.account{max-width:75px}.header{gap:12px}}

.auth-help{font:12px/1.8 system-ui,sans-serif;color:var(--muted);margin-top:14px}.login-box #signup-button{justify-content:center;background:var(--surface);margin-top:10px}.login-box #signup-button:hover{background:var(--raised)}