:root{--space:#02050a;--panel:#070c12;--panel-2:#0c131c;--blue:#70d9ff;--gold:#edc84b;--text:#d9e5eb;--dim:#6d7c88;--line:#283b4a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--space);color:var(--text);font-family:"Courier New","DejaVu Sans Mono",monospace}.map-console{height:100dvh;display:grid;grid-template-rows:auto auto auto 1fr auto;background:radial-gradient(circle at 50% -20%,#142232 0,transparent 42%),var(--space)}.console-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:12px clamp(14px,3vw,42px);border-bottom:1px solid var(--line);background:rgba(2,5,10,.96)}.console-brand{display:flex;align-items:center;gap:15px}.target-mark{width:38px;height:38px;border:2px solid var(--gold);border-radius:50%;background:linear-gradient(90deg,transparent 46%,var(--gold) 47% 53%,transparent 54%),linear-gradient(transparent 46%,var(--gold) 47% 53%,transparent 54%);box-shadow:0 0 16px rgba(237,200,75,.16)}.console-brand p{margin:0;color:var(--blue);font-size:9px;letter-spacing:.15em}.console-brand h1{margin:2px 0 0;color:var(--gold);font-size:clamp(20px,3vw,34px);line-height:1;text-transform:uppercase;letter-spacing:.04em}.console-header nav{display:flex;gap:20px}.console-header a{color:var(--blue);font-size:10px;text-decoration:none}.console-header a:hover{color:var(--gold)}.telemetry{display:flex;gap:10px 30px;flex-wrap:wrap;padding:8px clamp(14px,3vw,42px);border-bottom:1px solid var(--line);background:var(--panel);color:var(--dim);font-size:9px;letter-spacing:.08em}.telemetry .status{margin-left:auto;color:var(--blue)}.map-toolbar{display:flex;align-items:center;gap:7px;padding:9px clamp(14px,3vw,42px);border-bottom:1px solid var(--line);background:var(--panel-2)}.map-toolbar button{height:32px;border:1px solid var(--line);background:#07111a;color:var(--blue);padding:0 12px;font:700 10px "Courier New",monospace;cursor:pointer}.map-toolbar button:hover{border-color:var(--blue);background:var(--blue);color:var(--space)}.map-toolbar button:first-child,.map-toolbar button:nth-of-type(2){width:34px;padding:0;font-size:18px}.map-toolbar output{min-width:50px;text-align:center;color:var(--gold);font-size:10px}.map-toolbar span{margin-left:auto;color:var(--dim);font-size:9px}.map-viewport{min-height:0;overflow:auto;padding:22px;background-image:linear-gradient(rgba(112,217,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(112,217,255,.025) 1px,transparent 1px);background-size:28px 28px;scrollbar-color:var(--blue) var(--panel)}.map-frame{width:100%;min-width:100%;padding:7px;border:1px solid var(--blue);background:#bfc4c5;box-shadow:0 0 0 5px #081019,0 0 32px rgba(112,217,255,.15)}.map-frame img{display:block;width:100%;max-width:none;height:auto;user-select:none}footer{display:flex;justify-content:space-between;gap:20px;padding:7px clamp(14px,3vw,42px);border-top:1px solid var(--line);background:var(--panel);color:var(--dim);font-size:8px;letter-spacing:.1em}.map-console:fullscreen{width:100vw;height:100vh}.map-console:fullscreen .map-viewport{padding:12px}@media(max-width:700px){.console-header{align-items:flex-start}.console-header nav{display:grid;text-align:right;gap:7px}.target-mark{width:30px;height:30px}.console-brand p{display:none}.console-brand h1{font-size:18px}.telemetry span:nth-child(2),.telemetry span:nth-child(3){display:none}.telemetry .status{margin-left:0}.map-toolbar{flex-wrap:wrap}.map-toolbar span{display:none}.map-toolbar button{padding-inline:8px}.map-viewport{padding:10px}footer span:nth-child(2){display:none}}
