*{box-sizing:border-box}html,body{margin:0;background:#f4f6f7;color:#12222e;font-family:Arial,Helvetica,sans-serif}
.page{max-width:1320px;margin:auto;padding:44px 24px 80px}.hero{max-width:820px;margin-bottom:34px}.kicker,.micro{font-size:11px;letter-spacing:.16em;font-weight:800;color:#356784}
.hero h1{font-size:clamp(3rem,7vw,6.3rem);line-height:.9;letter-spacing:-.055em;margin:8px 0 18px}.hero>p:last-child{font-size:18px;line-height:1.55;color:#61717c}
.atlas{background:#06111d;border:1px solid #153653;box-shadow:0 18px 50px #00101f26;color:#d9efff}.atlas-head{min-height:96px;padding:22px 26px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(90deg,#071522,#0a1c2b)}
.atlas-head h2{margin:5px 0 0;font-size:20px;font-weight:500;letter-spacing:.03em}.micro{color:#53c7ff}.counter{text-align:right;border-left:1px solid #214763;padding-left:22px}.counter b{font:28px Consolas,monospace;display:block;color:#7bd6ff}.counter span{font:9px Consolas,monospace;letter-spacing:.16em;color:#7298af}
.map-viewport{height:min(66vw,650px);min-height:390px;position:relative;overflow:hidden;background:#020b13;touch-action:none;cursor:grab}.map-viewport.dragging{cursor:grabbing}
.map-stage{position:absolute;inset:0;width:100%;height:100%}#worldMap{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none}
.controls{position:absolute;right:18px;top:18px;display:flex;flex-direction:column;border:1px solid #2c6688;background:#04111dcc;z-index:8}.controls button{width:42px;height:42px;border:0;border-bottom:1px solid #234b65;background:transparent;color:#aee5ff;font-size:23px;cursor:pointer}.controls button:last-child{border-bottom:0}.controls button:hover{background:#0d2b3e}
.hud{position:absolute;left:18px;top:18px;z-index:4;border-left:2px solid #43c7ff;padding:5px 9px;background:#03101bbd}.hud span{display:block;font:12px Consolas,monospace;letter-spacing:.13em}.hud small{font:9px Consolas,monospace;color:#6998b3;letter-spacing:.1em}
.legend{position:absolute;left:18px;bottom:17px;display:flex;gap:18px;z-index:4;padding:8px 11px;background:#03101bd9;border:1px solid #173c55;font:9px Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#86a9bd}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.single{background:#72d7ff;box-shadow:0 0 8px #45c8ff}.dot.cluster{background:#b6ecff;box-shadow:0 0 9px #45c8ff}.dot.selected{background:#c75b61;box-shadow:0 0 7px #b94c55}
.detail{position:absolute;z-index:10;right:74px;top:18px;width:min(320px,calc(100% - 110px));padding:18px 19px 17px;background:#061624ed;border:1px solid #2d7197;box-shadow:0 14px 35px #0009}.close{position:absolute;right:8px;top:6px;background:none;border:0;color:#8fb6ca;font-size:20px;cursor:pointer}.detail-country{font:10px Consolas,monospace;letter-spacing:.14em;color:#65cfff}.detail h3{font-size:18px;margin:5px 25px 7px 0;color:#eefaff}.detail p{font-size:13px;color:#9eb5c3;margin:0 0 10px}.coords{font:10px Consolas,monospace;color:#6f9bb4;border-top:1px solid #183b51;padding-top:9px}.tag{display:inline-block;margin:11px 0;padding:5px 7px;border:1px solid #285b78;color:#91c8e6;font:9px Consolas,monospace;text-transform:uppercase}.detail a{display:block;margin-top:5px;color:#78d8ff;text-decoration:none;font:700 11px Consolas,monospace;letter-spacing:.07em}
.hint{margin:0;padding:11px 18px;background:#06111d;border-top:1px solid #14334a;color:#628ba3;font:10px Consolas,monospace;text-align:center}
.marker{cursor:pointer}.marker .halo{fill:#52cfff;opacity:.14}.marker .ring{fill:none;stroke:#72d9ff;stroke-width:1.35;opacity:.9;vector-effect:non-scaling-stroke}.marker .core{fill:#bdeeff;stroke:#fff;stroke-width:1.1;vector-effect:non-scaling-stroke}.marker.active .halo{fill:#b64e58;opacity:.22}.marker.active .ring{stroke:#c96870}.marker.active .core{fill:#c75b61;stroke:#ffd7d9}
.cluster-g{cursor:pointer}.cluster-g .halo{fill:#4ccaff;opacity:.14}.cluster-g .ring{fill:#071827;stroke:#8ce2ff;stroke-width:1.35;vector-effect:non-scaling-stroke}.cluster-g text{fill:#dff8ff;font:700 10px Consolas,monospace;text-anchor:middle;dominant-baseline:central;pointer-events:none}
@media(max-width:650px){.page{padding:22px 0 50px}.hero{padding:0 16px}.hero h1{font-size:3.5rem}.atlas{border-left:0;border-right:0}.atlas-head{padding:17px 16px;min-height:82px}.atlas-head h2{font-size:15px}.counter{padding-left:12px}.map-viewport{height:64vh;min-height:430px}.controls{right:10px;top:10px}.controls button{width:39px;height:39px}.hud{left:10px;top:10px}.legend{left:10px;bottom:10px;right:10px;gap:10px;justify-content:center}.detail{left:0;right:0;top:auto;bottom:0;width:100%;border-left:0;border-right:0;border-bottom:0;padding:18px 20px 22px}.hint{font-size:9px}}
/* ODA home embed override */
body{background:#020b13!important}.page{max-width:none!important;margin:0!important;padding:0!important}.hero{display:none!important}.atlas{margin:0!important;border:0!important}.atlas-head{display:none!important}.map-viewport{min-height:560px!important;height:100vh!important;border:0!important}.hint{display:none!important}
/* V3 home embed: viewport follows iframe instead of browser viewport */
html,body,.page,.atlas{height:100%!important;min-height:0!important;overflow:hidden!important}
.page{display:block!important}
.atlas{display:block!important}
.map-viewport{height:100%!important;min-height:0!important;max-height:none!important}