*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d1729;color:#eef5ff;font:16px system-ui,sans-serif}main{width:min(1400px,96vw);margin:24px auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h1{margin:0;color:#ffd66b;font-size:clamp(2rem,5vw,3.5rem)}p{margin:0;color:#9eb2cc}.tools{display:flex;align-items:center;gap:8px}.tools button{background:#263e60;color:#fff;border:1px solid #46658b;border-radius:8px;padding:8px 14px;font-size:1.1rem;cursor:pointer}.tools button:hover{background:#35567e}#zoomLabel{min-width:54px;text-align:center}.tools #reset{font-size:.9rem}#viewport{position:relative;height:calc(100vh - 150px);min-height:420px;overflow:hidden;background:#8ed4ed;border:2px solid #29496d;border-radius:16px;cursor:grab;box-shadow:0 15px 35px #0005;touch-action:none}#viewport.dragging{cursor:grabbing}#map{position:absolute;left:50%;top:50%;width:min(1100px,90vw);transform-origin:center center}#map img{display:block;width:100%;height:auto;user-select:none;pointer-events:none;-webkit-user-drag:none}.country-label{font:700 10px system-ui,sans-serif;fill:#17314f;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-opacity:.75;text-anchor:middle;pointer-events:none}.hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#12233dcc;padding:7px 13px;border-radius:20px;color:#dbe9f8;font-size:.85rem;white-space:nowrap}@media(max-width:600px){main{margin:12px auto}header{align-items:flex-end}.hint{font-size:.72rem}.tools{gap:3px}}