:root{color-scheme:dark;--bg:#000;--surface:#00000080;--line:#00cf00;--ink:#2bff00;--muted:#2bff00;--accent:#2bff00;--info:#ffea00;--alert:#ff0000;font-family:Roboto,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#000;color:var(--ink);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:48px;background:#000000a0;border:1px solid var(--line);color:var(--ink);padding:8px 16px;border-radius:0}button:hover{background:#001f00dd}button:active{background:#004000}button:disabled{opacity:.5;cursor:default}button.danger{color:var(--alert)}button.primary{color:var(--ink);background:#000000a0}a{color:var(--ink)}:focus-visible{outline:2px solid var(--info);outline-offset:2px}input,textarea,select{width:100%;min-width:0;color:var(--ink);font-size:18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#00000050;padding:4px 2px;min-height:32px}select{cursor:pointer;min-height:48px}select option{background:#000}input::placeholder,textarea::placeholder{color:var(--ink);opacity:.85}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:#2bff00}label{display:block;line-height:1.5;margin:8px 0}label>input,label>textarea,label>select{display:block;margin-top:4px}label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}input[type=number]{appearance:textfield}h1,h2,h3,p{margin:0}small{font-size:14px;color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.workspace{position:relative;width:100%;height:100dvh;min-height:280px}.map-space,#map{position:absolute;inset:0;background:#000;z-index:0}.map-space{isolation:isolate}.header{position:absolute;top:0;left:0;right:0;height:46px;z-index:410;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) 38px;border:1px solid var(--line);background:#000000a0;gap:2px;padding:2px}.header>button{padding:2px 4px;min-height:0;text-align:left;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;border:1px solid var(--line)}.header strong{font-size:14px}.hud-health small{display:block;min-height:12px;font-size:11px;line-height:12px}.hud-money{display:flex;align-items:center}.hud-position{display:flex;flex-direction:column;justify-content:center;gap:1px}.hud-position>span{display:flex;align-items:center;gap:4px;line-height:16px;font-size:12px;overflow:hidden}.hud-position b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.hud-position img{height:13px;width:13px;object-fit:contain}.header .hud-select{border:0;padding:0}.hud-select img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 0 #2bff00)}.map-caption{position:absolute;top:52px;left:16px;right:16px;z-index:400;color:var(--info);font-size:13px;line-height:1.5;pointer-events:none;text-shadow:0 1px 2px #000,1px 0 2px #000}.map-caption #coordinates{display:inline-block;color:var(--ink);background:#000b;padding:1px 4px;margin-bottom:2px;font-size:12px}.map-caption #recent-events span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav{position:absolute;bottom:env(safe-area-inset-bottom,0);left:0;right:0;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;height:84px;z-index:420;scrollbar-width:none;background:transparent;overscroll-behavior-x:contain}.nav::-webkit-scrollbar{display:none}.nav button{position:relative;flex:0 0 64px;width:64px;height:64px;min-height:64px;margin:10px;padding:10px;display:flex;align-items:center;justify-content:center}.nav button img{width:42px;height:42px;object-fit:contain}.nav i{position:absolute;right:2px;top:0;color:var(--info);font-size:12px;font-style:normal}.nav button.selected{background:#001f00}.map-bottom{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom,0));left:0;right:0;z-index:430;text-align:center;background:#000000a0;padding:8px 16px;border-top:1px solid var(--line);color:var(--info)}.map-bottom #mode-message{font-weight:700;font-size:16px;line-height:1.5;margin-bottom:8px}.map-bottom button{min-width:128px}.tile-warning{position:absolute;z-index:350;bottom:110px;left:16px;right:16px;color:var(--info);font-size:13px;pointer-events:none}.inspector{display:none;position:absolute;inset:0;z-index:500;background:#00000080;flex-direction:column;min-height:0}.inspector.open{display:flex}.panel-title{flex-shrink:0;text-align:center;padding:8px 16px 0;min-height:32px}.panel-title h1{font-size:16px;font-weight:400;line-height:24px}.panel-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:8px 16px 16px;min-height:0}.close-panel{display:block;flex-shrink:0;min-height:48px;margin:0 0 env(safe-area-inset-bottom,0);width:100%;text-align:center;background:#000000b0;border-top:2px solid var(--line)}body.page-open .header,body.page-open .nav,body.page-open .map-caption{display:none}body.selection-open .nav{display:none}body.selection-open .inspector{top:auto;height:44.444%;border-top:1px solid var(--line)}.panel-body h2{text-align:center;font-weight:400;font-size:24px;margin:16px 0 8px}.panel-body h2:first-child{margin-top:4px}.panel-body h3{font-size:18px;font-weight:400;line-height:1.4}.panel-body p{font-size:16px;line-height:1.5;margin:8px 0;color:var(--ink);overflow-wrap:anywhere}.panel-body .notice,.notice{color:var(--info);line-height:1.5;margin:8px 0 16px}.empty{color:var(--info);font-size:16px;padding:16px 0;line-height:1.5}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.action-row button{flex:1;min-width:80px}.full{display:block;width:100%;margin:8px 0}.data-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font-size:16px;min-height:40px}.data-row strong{font-weight:400;color:var(--info);text-align:right}.data-row>button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:1.5}.data-row small{display:block;font-size:12px}.data-row strong small{color:var(--ink)}.data-row button>span{min-width:0;overflow-wrap:anywhere}.data-row button>strong{white-space:nowrap;flex-shrink:0}.entry{padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--line)}.entry>button{width:100%;margin-top:8px}.entry small{display:block;font-size:14px;margin:4px 0}.entry .cost{margin:8px 0;color:var(--info);line-height:1.5}.entry input,.entry select{margin:8px 0}.record{color:var(--info);font-size:16px;line-height:1.5;padding:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #00cf0060}.inline-form{margin:16px 0}.resource-list{display:flex;flex-direction:column;gap:8px}.resource-row{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:8px;padding:0 8px 0 0;min-height:40px;background:#003f0080;border:1px solid var(--line)}.resource-row .resource-name{padding-left:8px}.resource-row strong{color:var(--info);font-size:18px;font-weight:400;text-align:right}.resource-row img{height:32px;width:32px;object-fit:contain}.category-select{position:sticky;top:0;z-index:2;display:block;width:100%;text-align:center;min-height:48px;background:#000000e0;border:1px solid var(--line);font-size:18px;margin:0 0 8px;padding:8px}.build-entry{margin:8px 0 16px}.build-description{color:var(--info)!important;font-weight:700;margin:0 0 8px!important;line-height:1.4!important}.build-row{display:flex;width:100%;min-height:80px;align-items:center;justify-content:space-between;gap:12px;padding:8px;background:#000000a0}.build-row>.building-icon{width:96px;height:56px;object-fit:contain;flex-shrink:0}.purchase-costs{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px}.purchase-cost{display:flex;align-items:center;gap:4px;font-size:20px;white-space:nowrap}.purchase-cost img{width:28px;height:28px;object-fit:contain}.purchase-cost.insufficient{color:var(--alert)}.purchase-name{font-size:14px;margin:4px 0;color:var(--ink)}.build-subtitle{margin-bottom:8px!important;color:var(--info)!important}.filter-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0 16px}.filter-icons button{padding:8px;min-height:48px;background:#001f00a0}.filter-icons button.off{background:#2f0000a0}.filter-icons img{width:32px;height:32px;object-fit:contain}.settings-section{font-size:24px!important;text-align:center;border-bottom:2px solid var(--line);padding:8px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-grid label{font-size:14px}.login-screen{position:absolute;inset:0;z-index:600;overflow:auto;padding:16px;background:transparent}.login-logo{display:block;width:64px;height:64px;object-fit:contain;margin:0 auto 32px}.login-screen>h1{text-align:center;font-weight:400;font-size:24px;line-height:1.4;padding:0 0 8px;border-bottom:2px solid var(--line);margin-bottom:16px}.login-box{max-width:none;margin:0}.login-description{font-size:20px;line-height:1.4;margin:8px 0}.login-fields{display:flex;align-items:center;gap:16px}.avatar{border:1px solid var(--line);width:64px;height:64px;object-fit:contain;padding:16px;flex-shrink:0;background:#000000a0}.credentials{flex:1;min-width:0}.credentials label{margin:0 0 12px}.credentials input{font-size:18px;min-height:32px;padding:4px 0;background:transparent}.auth-actions{display:flex;justify-content:flex-end;gap:24px;margin:16px 0}.auth-actions>button{width:auto;min-width:96px;min-height:64px;padding:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px}.auth-actions img{width:32px;height:32px;object-fit:contain}.auth-help{color:var(--info);font-size:14px;line-height:1.5;margin:12px 0}.error{color:var(--alert);font-size:16px;line-height:1.5;margin:8px 0}.token-access{font-size:14px;margin-top:20px}.token-access summary{cursor:pointer;min-height:32px;padding:6px 0}.token-access form{margin:8px 0}.token-access input{max-width:600px}.token-access button{margin:8px 0}body:not(.authenticated) .header,body:not(.authenticated) .nav,body:not(.authenticated) .map-caption,body:not(.authenticated) .map-bottom{display:none}dialog{max-width:480px;width:calc(100% - 32px);padding:16px;border:1px solid var(--line);background:#000;color:var(--ink);border-radius:0}dialog::backdrop{background:#0008}dialog h2{font-size:22px;font-weight:400;margin-bottom:16px}dialog p{white-space:pre-line;line-height:1.5;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:8px;margin-top:16px}.dialog-actions button{flex:1}#toast{position:fixed;z-index:900;bottom:calc(92px + env(safe-area-inset-bottom,0));left:16px;right:16px;text-align:center;pointer-events:none;color:var(--info);font-size:16px;line-height:1.5;background:#000c;border:1px solid var(--line);padding:10px;text-shadow:0 1px 1px #000}.map-marker{background:transparent;border:0;color:var(--ink);position:absolute}.map-marker img{width:40px;height:40px;object-fit:contain}.map-marker.enemy img{filter:sepia(1) saturate(10000%) hue-rotate(325deg)}.map-marker.dead{opacity:.35}.marker-name{position:absolute;left:50%;top:40px;transform:translateX(-50%);font:12px/1.3 Roboto,Arial,sans-serif;white-space:nowrap;color:#2bff00;background:#000a;padding:1px 2px}.map-marker.enemy .marker-name{color:#f00}.leaflet-container{background:#000;font:inherit}.leaflet-control-zoom{display:none}.leaflet-tooltip{color:var(--ink);background:#000b;border:0;border-radius:0;box-shadow:none;font:12px/1.4 Roboto,Arial,sans-serif}.leaflet-tooltip:before{display:none}.leaflet-control-attribution{font-size:9px!important;color:#ccc!important;background:#0008!important}.leaflet-control-attribution a{color:#ccc!important}.leaflet-control-scale{margin-bottom:94px!important}.leaflet-control-scale-line{background:#0009!important;color:var(--ink)!important;border-color:var(--line)!important;text-shadow:none!important}.maplibregl-control-container{display:none}.leaflet-maplibre-gl{z-index:0}.maplibregl-canvas{outline:0}.select-list button{margin:8px 0}.profile-avatar{display:block;width:64px;height:64px;object-fit:contain;margin:auto}.resource-grid{display:flex;flex-direction:column}.large-stat,.subheading{display:none}@media(min-width:900px){.header{height:48px}.header strong{font-size:16px}.login-screen{padding:16px}.login-logo{margin-bottom:32px}.login-screen>h1{font-size:24px}.login-fields{gap:16px}.credentials input{font-size:20px}.build-row>.building-icon{width:128px;height:64px}.filter-icons{grid-template-columns:repeat(6,64px)}.panel-body{padding-left:16px;padding-right:16px}}@media(max-width:380px){.header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 34px}.header strong{font-size:12px}.hud-position b{font-size:10px}.purchase-cost{font-size:16px}.build-row>.building-icon{width:72px}.filter-icons{gap:4px}.filter-icons button{padding:5px}.auth-actions{gap:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.build-screen .panel-body{padding-top:0}.build-screen .category-select{margin-left:-16px;width:calc(100% + 32px)}

.commander-marker{pointer-events:none;background:#000d;border:2px solid #2bff00;border-radius:50%;box-shadow:0 0 0 2px #000;display:flex;align-items:center;justify-content:center}.commander-marker img{width:28px;height:28px;object-fit:contain}.leaflet-tooltip.commander-label{color:#2bff00;background:#000e;border:1px solid #00cf00;padding:3px 8px;font-size:13px;font-weight:700;pointer-events:none}

.auth-fields{border:0;padding:0;margin:0;min-width:0}.auth-fields:disabled{opacity:.65}