html,body,#out{margin:0;width:100%;height:100%;overflow:hidden;background:#101922;color:#edf1f5;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}.splash{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.splash strong{letter-spacing:.24em;color:#a9ced5;font-size:23px}.splash span{font-size:13px;color:#90a2ae}/* Online DP map is a browser-native modal above the Avalonia WebGL canvas. */
.vektor-map-overlay{position:fixed;inset:0;z-index:9999;display:grid;grid-template-rows:auto 1fr auto;background:#101922;color:#edf1f5;font:14px system-ui,Segoe UI,sans-serif}
.vektor-map-bar,.vektor-map-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#192730;padding:9px 15px;z-index:1}
.vektor-map-bar strong{letter-spacing:.06em}
.vektor-map-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.vektor-map-actions button{cursor:pointer;border:1px solid #415765;border-radius:5px;color:#e7f4f7;background:#243943;padding:7px 12px;font:inherit;min-height:35px}
.vektor-map-actions button:hover,.vektor-map-actions button:focus-visible{background:#345967;outline:2px solid #8ce1f0;outline-offset:1px}
.vektor-map-viewport{min-height:0;position:relative;overflow:hidden;touch-action:none;cursor:grab;background:#b7cad1}
.vektor-map-viewport:active{cursor:grabbing}
.vektor-map-tiles{position:absolute;inset:0;pointer-events:none}
.vektor-map-tiles img{position:absolute;width:256px;height:256px;max-width:none;user-select:none}
.vektor-map-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:28px;color:#e4282f;text-shadow:0 0 3px white;pointer-events:none}
.vektor-map-footer{color:#c4d2d9;font-size:12px;flex-wrap:wrap}
.vektor-map-footer a{color:#9fd2ee}
@media(max-width:640px){.vektor-map-bar{flex-wrap:wrap}.vektor-map-footer{padding:7px 12px}}