.zh-island-map{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;color:#e5f6f9;background:radial-gradient(ellipse at top,#28576a,#081e34);overflow:hidden}
.zh-island-map[hidden]{display:none!important}
.zh-island-map header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;flex-shrink:0}
.zh-island-map h1{margin:0;color:#ffe7ac;font-size:30px}.zh-island-map small{color:#add2dc;font-size:11px}.zh-island-map header button{border-radius:50%;width:44px;height:44px;background:#143b50;border:1px solid #8ac0ce;color:white;font-size:25px;padding:0}
.zh-world-nav{display:flex;overflow-x:auto;gap:8px;padding:0 24px 12px;flex-shrink:0}
.zh-world-nav button{white-space:nowrap;border-radius:18px;border:1px solid #739ba65c;background:#123b50;color:#e2f4f4;padding:8px 14px;font-size:12px}
.zh-map-board{flex:1;min-height:100px;overflow:auto;padding:8px 24px 24px;scrollbar-color:#548d9b #132d43}
.zh-map-world{--land:#4b9174;position:relative;isolation:isolate;overflow:hidden;border:1px solid #add3ce50;border-radius:28px;margin:0 0 22px;padding:22px;background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--land) 65%,transparent),transparent 70%),linear-gradient(135deg,#123d51,#122c42);box-shadow:0 15px 30px #06172666}
.zh-map-world:before{content:"";position:absolute;z-index:-1;inset:80px -20px -5px;background:var(--land);opacity:.15;clip-path:polygon(0 60%,15% 30%,30% 65%,48% 10%,64% 70%,82% 35%,100% 65%,100% 100%,0 100%)}
.zh-map-world h2{margin:0;color:#fff0c2;font-size:23px}.zh-map-world>p{color:#c5e1df;margin:5px 0 20px;font-size:12px}
.world-1{--land:#427845}.world-2{--land:#9a75d1}.world-3{--land:#d6a45a}.world-4{--land:#ca6750}.world-5{--land:#82c9dc}.world-6{--land:#7585bd}.world-7{--land:#a86fb1}.world-8{--land:#659baf}.world-9{--land:#7675d5}
.zh-world-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;position:relative}
.zh-map-level{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:142px;padding:14px 8px 10px;border:1px solid #a8d4d62e;border-radius:18px;background:#08263980;color:#eaf6f6;cursor:pointer}
.zh-map-level:after{content:"";position:absolute;top:49px;left:100%;width:20px;border-top:2px dashed #e3cf8e70}
.zh-map-level:nth-child(5n):after{display:none}
.zh-map-gate{display:flex;align-items:center;justify-content:center;width:48px;height:60px;border:4px solid #81b7b5;border-bottom:6px solid #c2d4b0;border-radius:25px 25px 9px 9px;background:radial-gradient(ellipse,#57afaf,#173a62);box-shadow:0 0 16px #71e7d82b,inset 0 0 10px #b8ffe530;color:#fff0b3;font-weight:800;font-size:22px}
.zh-map-level strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.zh-map-level small{font-size:10px}
.zh-map-level[data-locked=true] .zh-map-gate{filter:saturate(.35);opacity:.65}
.zh-map-level[data-boss=true]{border-color:#d9b76c80;background:#58472d30}.zh-map-level[data-boss=true] .zh-map-gate{border-color:#dbb35e;box-shadow:0 0 15px #ffe37c30}
.zh-map-level[aria-current=true]{border:2px solid #ffdf87;background:#41666080;box-shadow:0 0 16px #ffdf8730}
.zh-map-level:focus-visible,.zh-world-nav button:focus-visible{outline:3px solid #ffe39a;outline-offset:2px}
.zh-map-avatar{position:absolute;top:20px;left:calc(50% - 62px);width:45px;height:60px;pointer-events:none}
.zh-island-map footer{display:grid;grid-template-columns:1fr auto;gap:5px 18px;flex-shrink:0;padding:12px 24px;background:#092338f5;border-top:1px solid #8bb5c650}
.zh-island-map footer h2{font-size:19px;margin:2px 0;color:#ffebb5}.zh-island-map footer p{margin:0;font-size:12px;color:#b7d7df}
.zh-island-map [data-map-start]{align-self:center;border:1px solid #fff0b4;border-radius:14px;background:linear-gradient(#ffdf86,#dfac49);color:#253d49;padding:12px 18px;font-weight:800}.zh-island-map [data-map-start]:disabled{opacity:.4}
.zh-map-hint{grid-column:1/-1;font-size:10px}
[data-map-open]>.zh-input-overlay{display:none!important}
@media(max-width:600px){.zh-world-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zh-map-level:nth-child(5n):after{display:block}.zh-map-level:nth-child(2n):after{display:none}.zh-map-board{padding:8px 12px}.zh-map-world{padding:16px}.zh-island-map header{padding:12px 16px}.zh-island-map footer{padding:10px 16px;grid-template-columns:1fr}.zh-island-map footer h2{font-size:16px}}
@media(max-height:500px){.zh-island-map header{padding:6px 18px}.zh-island-map h1{font-size:23px}.zh-world-nav{padding-bottom:6px}.zh-island-map footer{padding:7px 18px}.zh-map-hint{display:none}}
.zh-island-map .zh-map-level{background:linear-gradient(145deg,#133f4dcc,#0b243899);border-color:#96c5c43b}
.zh-island-map .zh-map-level[aria-current=true]{background:linear-gradient(145deg,#477864cc,#214957);border-color:#ffdf87}
.zh-island-map .zh-map-level[data-boss=true]{background:linear-gradient(145deg,#60523499,#173446);border-color:#d9b76c80}

.zh-map-stars{display:flex;align-items:center;justify-content:center;gap:5px;min-height:26px}
.zh-map-stars .zh-map-rating-star{width:25px;height:25px;filter:grayscale(1);opacity:.25}
.zh-map-stars .zh-map-rating-star.is-earned{filter:drop-shadow(0 1px 4px #ffd45e55);opacity:1}