.map-page{height:100vh;overflow:hidden;background:#080808}
.dedicated-map-main{height:calc(100vh - 76px);display:flex;flex-direction:column;padding-top:14px;background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.055),transparent 42%)}
.dedicated-map-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:12px 0 16px}
.map-title{min-width:0}.dedicated-map-head h1{margin:5px 0 0;font:800 clamp(30px,4.3vw,52px)/.95 Oxanium,sans-serif;letter-spacing:-.04em;text-transform:uppercase}
.map-mode{display:flex;padding:4px;border:1px solid var(--border);border-radius:11px;background:rgba(13,19,19,.92);box-shadow:0 10px 35px rgba(0,0,0,.2)}
.map-mode button{display:grid;grid-template-columns:auto;gap:2px;min-width:94px;padding:9px 15px;border:0;border-radius:7px;background:transparent;color:#78827e;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.map-mode button span{font:800 11px/1 Inter,sans-serif;letter-spacing:.09em}.map-mode button small{font:600 9px/1.2 Inter,sans-serif;letter-spacing:.03em;opacity:.72}
.map-mode button:hover{color:#d0d0d0}.map-mode button:active{transform:scale(.98)}.map-mode button.active{background:#f2f2f2;color:#090909;box-shadow:0 5px 18px rgba(255,255,255,.12)}
.dedicated-map-shell{position:relative;flex:1;min-height:0;margin:0 20px 20px;border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;background:#0b1110;box-shadow:0 22px 65px rgba(0,0,0,.34)}
.dedicated-map-shell iframe{position:relative;z-index:1;width:100%;height:100%;border:0;display:block;background:#0b1110}
.map-loading{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#0b1110;color:#84918c;font:700 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:opacity .35s ease,visibility .35s ease}
.map-loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.map-loading-mark{width:13px;height:13px;border:2px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:map-spin .8s linear infinite}@keyframes map-spin{to{transform:rotate(360deg)}}
.map-hint{position:absolute;z-index:2;left:16px;bottom:14px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(6,10,9,.78);backdrop-filter:blur(9px);color:#8a9691;font:600 9px/1 Inter,sans-serif;letter-spacing:.04em;pointer-events:none}.map-hint span{color:#dbe4e0}.map-hint i{width:1px;height:10px;background:rgba(255,255,255,.16)}
.dedicated-map-error{position:absolute;z-index:4;inset:0;margin:0;display:grid;place-items:center;padding:30px;background:#101615;color:#c8d0cd}
@media(max-width:980px){.dedicated-map-main{height:calc(100vh - 68px)}}
@media(max-width:760px){.dedicated-map-main{height:calc(100vh - 68px);padding-top:4px}.dedicated-map-head{align-items:center;padding:7px 0 10px;gap:12px}.dedicated-map-head h1{font-size:25px}.dedicated-map-head .eyebrow{font-size:8px}.dedicated-map-shell{margin:0 7px 7px;border-radius:10px}.map-mode{padding:3px}.map-mode button{min-width:53px;padding:8px 10px;text-align:center}.map-mode button small{display:none}.map-hint{display:none}}
@media(max-width:430px){.dedicated-map-head h1{font-size:21px}.dedicated-map-head .eyebrow{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-mode button{min-width:47px;padding:8px}}
@media(prefers-reduced-motion:reduce){.map-mode button,.map-loading{transition:none}.map-loading-mark{animation:none}}