:root{color-scheme:dark;--bg:#06090a;--panel:#0c1011;--panel-2:#111617;--line:#2a3233;--line-strong:#455052;--text:#f4f2ea;--muted:#919c9a;--yellow:#f4c63f;--teal:#50cbb8;--red:#e45c5c;--blue:#5fa8ff;--green:#68cf8b}*{box-sizing:border-box}body,html{width:100%;min-width:320px;height:100%;overflow:hidden}body{margin:0;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}[hidden]{display:none!important}.topbar{position:relative;z-index:50;height:58px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:14px;padding:7px 12px;border-bottom:1px solid var(--line);background:rgba(7,10,11,.97);box-shadow:0 8px 24px rgba(0,0,0,.28)}.brand{min-width:0;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #756321;color:var(--yellow);background:#17180f;font-size:21px;font-weight:900}.brand-copy{min-width:0}.brand-copy span,.brand-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy strong{font-size:12px}.brand-copy span{margin-top:3px;color:var(--muted);font-size:8px;text-transform:uppercase}.view-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--line);background:#090d0e}.view-switch a,.view-switch span{min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;color:#c8cfcd;font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}.view-switch a:hover{color:var(--yellow)}.view-switch span{color:#11120e;background:var(--yellow)}.top-actions{display:flex;justify-content:flex-end;gap:5px}.tool-button{min-width:34px;height:34px;display:inline-grid;place-items:center;padding:0 9px;border:1px solid var(--line);border-radius:3px;color:#d9dfdd;background:#0d1213;cursor:pointer;font-size:13px;font-weight:900}.tool-button:hover,.tool-button[aria-pressed=true]{border-color:var(--yellow);color:#11120e;background:var(--yellow)}.tool-button.menu{display:none}.map-shell{height:calc(100dvh - 58px);display:grid;grid-template-columns:336px minmax(0,1fr);overflow:hidden}.sidebar{position:relative;z-index:40;min-width:0;height:100%;overflow-y:auto;border-right:1px solid var(--line);background:rgba(11,15,16,.98);scrollbar-width:thin}.sidebar-head{position:sticky;z-index:4;top:0;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:rgba(11,15,16,.98)}.sidebar-head p{margin:0 0 5px;color:var(--yellow);font-size:8px;font-weight:900;text-transform:uppercase}.sidebar-head h1{margin:0 0 12px;font-size:19px}.map-select{width:100%;height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;color:var(--text);background:#080c0d;font-size:11px;font-weight:800}.sidebar-body{padding:14px 18px 24px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px}.search-row input{width:100%;height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;color:var(--text);background:#080c0d;font-size:10px}.search-row button{height:38px;border:1px solid var(--line);border-radius:3px;background:#111718;cursor:pointer}.search-results{max-height:190px;display:grid;gap:4px;margin-top:6px;overflow-y:auto}.search-result{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;overflow:hidden;border:1px solid var(--line);border-radius:2px;background:#090d0e;cursor:pointer;text-align:left}.search-result strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.search-result span{flex:0 0 auto;color:var(--muted);font-size:7px}.visibility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.visibility-actions button{min-height:36px;border:1px solid var(--line);border-radius:3px;background:#0f1516;cursor:pointer;font-size:9px;font-weight:900}.visibility-actions button:hover{border-color:var(--teal);color:var(--teal)}.map-summary{margin-top:14px;padding:12px;border:1px solid var(--line);background:#090d0e}.map-summary h2{margin:0;color:var(--yellow);font-size:13px;line-height:1.25}.map-summary p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.layer-group{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.layer-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;color:#d9dfdd;cursor:pointer;font-size:10px;font-weight:900}.layer-group summary::-webkit-details-marker{display:none}.layer-group summary::after{color:var(--muted);content:'−';font-size:15px}.layer-group:not([open]) summary::after{content:'+'}.layer-list{display:grid;grid-template-columns:1fr;gap:5px;margin-top:9px}.layer-toggle{--layer:var(--teal);min-width:0;min-height:34px;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border:1px solid transparent;border-radius:2px;color:#c6cecc;background:#090d0e;cursor:pointer}.layer-toggle:hover{border-color:var(--line)}.layer-toggle input{position:absolute;opacity:0;pointer-events:none}.layer-toggle i{width:9px;height:9px;border:1px solid color-mix(in srgb,var(--layer) 80%,#fff 20%);border-radius:50%;background:var(--layer);box-shadow:0 0 8px color-mix(in srgb,var(--layer) 46%,transparent)}.layer-toggle:not(:has(input:checked)){opacity:.43}.layer-toggle:not(:has(input:checked)) i{background:0 0;box-shadow:none}.layer-toggle span{min-width:0;font-size:8px;font-weight:800;line-height:1.25}.layer-toggle b{color:var(--muted);font-size:8px}.sidebar-note{margin:17px 0 0;padding:11px 12px;border-left:2px solid var(--yellow);color:var(--muted);background:#101617;font-size:8px;line-height:1.55}.map-help{margin-top:12px;border:1px solid var(--line);background:#090d0e}.map-help summary{padding:11px 12px;color:var(--text);cursor:pointer;font-size:12px;font-weight:900}.map-help div{padding:0 12px 12px;color:var(--muted);font-size:12px;line-height:1.55}.map-help p{margin:8px 0 0}.map-stage{min-width:0;position:relative;overflow:hidden;background:#030505;touch-action:none;user-select:none}.map-stage.is-dragging{cursor:grabbing}.map-stage.is-measuring{cursor:crosshair}.map-stage::after{position:absolute;z-index:20;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 52%,rgba(0,0,0,.34) 100%);content:''}.map-canvas{--inverse-scale:1;position:absolute;top:50%;left:50%;width:max(100%,calc(100dvh - 58px));aspect-ratio:1;transform:translate(-50%,-50%);transform-origin:center;will-change:transform}.map-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(.86) contrast(1.26) brightness(.78)}.map-grid{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.21;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:6.25% 6.25%}.map-overlay{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible}.zone{vector-effect:non-scaling-stroke;cursor:pointer;stroke-width:1.1;transition:fill-opacity .12s ease,stroke .12s ease}.zone.is-selected,.zone:hover{fill-opacity:.38;stroke:var(--yellow);stroke-width:2.2}.zone.towers-active{fill:rgba(244,198,63,.18);stroke:#f4c63f}.zone.towers-inactive{fill:rgba(145,156,154,.09);stroke:#7c8785;stroke-dasharray:4 3}.zone.settlements{fill:rgba(80,203,184,.09);stroke:#50cbb8}.zone.industry{fill:rgba(219,145,64,.11);stroke:#db9140}.zone.terrain{fill:rgba(117,145,139,.04);stroke:#71827f}.safe-zone{fill:rgba(95,168,255,.08);stroke:#5fa8ff;stroke-width:1.5;stroke-dasharray:7 4;vector-effect:non-scaling-stroke}.control-zone{fill:rgba(244,198,63,.09);stroke:#f4c63f;stroke-width:2;stroke-dasharray:9 6;vector-effect:non-scaling-stroke}.playable{fill:none;stroke:rgba(255,255,255,.38);stroke-width:1.5;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.zone-label{pointer-events:none;fill:#f6f3e9;paint-order:stroke;stroke:rgba(0,0,0,.95);stroke-width:3px;font:800 8px Arial,sans-serif;text-anchor:middle}.measure-line{stroke:#ffeb86;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.measure-point{fill:var(--yellow);stroke:#0a0a0a;stroke-width:1;vector-effect:non-scaling-stroke}.marker{--marker:var(--teal);position:absolute;z-index:8;width:28px;height:28px;display:grid;place-items:center;padding:3px;border:1px solid var(--marker);border-radius:50%;color:#080b0c;background:color-mix(in srgb,var(--marker) 88%,#fff 12%);box-shadow:0 5px 13px rgba(0,0,0,.68);cursor:pointer;transform:translate(-50%,-50%) scale(var(--inverse-scale));transform-origin:center}.marker.is-selected,.marker:hover{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}.marker img{width:18px;height:18px;object-fit:contain}.marker span{font-size:8px;font-weight:900}.marker.tower{--marker:var(--yellow)}.marker.garage{--marker:#db9140}.marker.deploy{--marker:#50cbb8}.marker.manticore{--marker:var(--red)}.marker.valkyra{--marker:var(--blue)}.marker.lonestar{--marker:var(--green)}.floating-tools{position:absolute;z-index:35;top:12px;right:12px;display:flex;gap:5px}.faction-tools{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:4px;background:rgba(8,12,13,.93)}.faction-button{--faction:var(--muted);width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:3px;color:#080b0c;background:var(--faction);cursor:pointer;font-size:10px;font-weight:900}.faction-button[aria-pressed=false]{color:var(--muted);background:0 0;opacity:.6}.faction-button.manticore{--faction:var(--red)}.faction-button.valkyra{--faction:var(--blue)}.faction-button.lonestar{--faction:var(--green)}.zoom-tools{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:4px;background:rgba(8,12,13,.93)}.zoom-tools button{width:32px;height:32px;border:0;border-radius:2px;background:0 0;cursor:pointer;font-size:15px;font-weight:900}.zoom-tools button:hover{color:#11120e;background:var(--yellow)}.compass{position:absolute;z-index:22;top:14px;left:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--yellow);background:rgba(8,12,13,.88);font-size:10px;font-weight:900}.compass::after{position:absolute;top:4px;width:0;height:0;border-right:4px solid transparent;border-bottom:8px solid var(--yellow);border-left:4px solid transparent;content:''}.coordinate{position:absolute;z-index:25;right:12px;bottom:12px;padding:7px 10px;border:1px solid var(--line);border-radius:3px;color:var(--muted);background:rgba(8,12,13,.9);font:9px Consolas,monospace}.selection{position:absolute;z-index:30;right:12px;bottom:48px;width:min(320px,calc(100% - 24px));padding:13px 14px;border:1px solid var(--line-strong);border-left:3px solid var(--yellow);background:rgba(8,12,13,.95);box-shadow:0 16px 34px rgba(0,0,0,.4)}.selection small,.selection span,.selection strong{display:block}.selection strong{padding-right:25px;font-size:12px}.selection span{margin-top:5px;color:var(--teal);font-size:8px;font-weight:900;text-transform:uppercase}.selection small{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.45}.selection button{position:absolute;top:7px;right:7px;width:25px;height:25px;border:0;color:var(--muted);background:0 0;cursor:pointer;font-size:17px}.map-status{position:absolute;z-index:24;left:14px;bottom:12px;max-width:calc(100% - 220px);padding:7px 10px;border-left:2px solid var(--teal);color:#cbd2d0;background:rgba(8,12,13,.88);font-size:8px;font-weight:800}.sidebar-backdrop{display:none}@media (max-width:860px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.view-switch{display:none}.brand-copy span{display:none}.top-actions .desktop-only{display:none}.tool-button.menu{display:inline-grid}.map-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:80;top:58px;bottom:0;left:0;width:min(336px,calc(100vw - 44px));height:auto;transform:translateX(-103%);transition:transform .18s ease}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:70;inset:58px 0 0;display:block;border:0;background:rgba(0,0,0,.56);opacity:0;pointer-events:none;transition:opacity .18s ease}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.floating-tools{top:8px;right:8px}.faction-tools{display:none}.compass{top:8px;left:8px}.map-status{left:8px;max-width:calc(100% - 16px);bottom:8px}.coordinate{display:none}.selection{right:8px;bottom:42px;width:calc(100% - 16px)}}@media (max-width:420px){.topbar{padding-right:7px;padding-left:7px}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:10px}.top-actions{gap:3px}.tool-button{min-width:32px;height:32px;padding:0 7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body{font-size:15px}.brand-copy strong{font-size:14px}.brand-copy span{font-size:12px}.tool-button,.view-switch a,.view-switch span{font-size:12px}.sidebar-head p{font-size:12px}.sidebar-head h1{font-size:22px}.map-select,.search-row input{font-size:13px}.layer-group summary,.layer-toggle b,.layer-toggle span,.search-result span,.search-result strong,.sidebar-note,.visibility-actions button{font-size:12px}.compass,.faction-button,.map-status,.marker span,.selection small,.selection span{font-size:12px}.selection strong{font-size:15px}@media (max-width:420px){.brand-copy strong{font-size:13px}}