/* Scoped WEB 2D window only. Existing desktop/mobile map chrome is untouched. */
#atlasWebDialog{box-sizing:border-box;width:min(1280px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:960px;max-width:none;margin:auto;padding:0;overflow:hidden;border:1px solid #3a586b;border-radius:14px;background:#0c202d;color:#e8f4fa;font:13px/1.4 system-ui}
#atlasWebDialog:not([open]){display:none}
#atlasWebDialog[open]{display:flex;flex-direction:column}
#atlasWebDialog::backdrop{background:#03111bd1}
#atlasWebDialog .web2d-head{display:flex;align-items:center;gap:10px;padding:6px 9px 6px 13px;min-height:58px;flex:0 0 auto;background:#0a1b29}
#atlasWebDialog .web2d-identity{min-width:0;flex:1}
#atlasWebTitle{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:650 14px/1.4 system-ui}
#atlasWebOrigin{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b4d0df;font-size:11px}
#atlasWebDialog .web2d-actions{display:flex;gap:5px;flex:0 0 auto}
#atlasWebDialog button{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:44px;min-height:44px;border:1px solid #416176;border-radius:9px;background:#123245;color:#eaf7ff;cursor:pointer;font:650 19px/1 system-ui}
#atlasWebDialog button:focus-visible{outline:2px solid #b9eaff;outline-offset:1px}
#atlasWebDialog button:hover{background:#234f68}
#atlasWebStatus{flex:0 0 auto;margin:0;padding:5px 12px;font-size:11px;line-height:1.4;color:#c0d4df;overflow-wrap:anywhere;border-top:1px solid #3e596740}
#atlasWebViewport{flex:1 1 auto;min-width:0;min-height:140px;position:relative;background:#f2f4f5}
#atlasWebFrame{width:100%;height:100%;border:0;display:block;background:#fff}
#atlasWebDetails[hidden]{display:none!important}
#atlasWebDetails{flex:0 1 auto;max-height:38dvh;overflow:auto;padding:11px 13px;background:#122f40;border-block:1px solid #486879}
#atlasWebFacts{display:grid;grid-template-columns:minmax(90px,29%) minmax(0,1fr);gap:6px 10px;margin:0}
#atlasWebFacts dt{font-weight:600;color:#a7c8d9;font-size:11px}
#atlasWebFacts dd{margin:0;overflow-wrap:anywhere;font-size:12px}
#atlasWebDetails .web2d-caveat{font-size:11px;color:#e0c997;margin:10px 0 0}
#atlasWebDialog .web2d-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:3px 9px 3px 12px;flex:0 0 auto;font-size:11px;color:#b8ccda}
#atlasWebDialog #atlasWebProblem{font-size:12px;min-height:36px;padding:5px 9px;white-space:nowrap}
#atlasWebViewport .web2d-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#102a3b;color:#e2f1fa}
#atlasWebViewport .web2d-empty strong{font-size:17px}
#atlasWebViewport .web2d-empty p{max-width:500px;font-size:13px;line-height:1.6}
@media(max-width:760px){#atlasWebDialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);max-height:none;border-radius:11px}#atlasWebDialog .web2d-head{padding:4px 6px 4px 9px;gap:5px;min-height:54px}#atlasWebDialog .web2d-actions{gap:3px}#atlasWebTitle{font-size:12px}#atlasWebOrigin{font-size:10px}#atlasWebStatus{padding:4px 9px;font-size:10px}#atlasWebDialog .web2d-footer>span{font-size:10px}#atlasWebDetails{max-height:32dvh}}
@media(max-height:420px){#atlasWebDialog{width:calc(100vw - 8px);height:calc(100dvh - 8px)}#atlasWebStatus{display:none}#atlasWebDialog .web2d-head{min-height:48px;padding-block:2px}#atlasWebDialog .web2d-footer{padding-block:1px}#atlasWebDialog #atlasWebProblem{min-height:30px}#atlasWebDetails{position:absolute;inset:50px 3px 35px;max-height:none;z-index:2}}