.map-page{padding-top:22px;padding-bottom:24px}.map-head{margin:0 0 18px}.map-head h1{margin-bottom:6px}.map-head .lead{margin:0}.wmap{scroll-margin-top:calc(var(--top-h) + 10px);margin:0}.wmap-stage{aspect-ratio:16/9;isolation:isolate;box-shadow:inset 0 0 0 1px var(--hair), var(--drop);background:radial-gradient(at 30% 80%,#d9532c29,#0000 50%),radial-gradient(at 75% 20%,#96bee61a,#0000 45%),#0d0d10;border-radius:12px;position:relative;overflow:hidden}.wmap-stage>picture,.wmap-stage>picture img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.wmap-stage:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 60px 10px #09090b8c}.wmap-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.wmap-lines.tall{display:none}.road{fill:none;stroke:#f6d696e6;stroke-width:2.5px;stroke-dasharray:9 7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.road-glow{fill:none;stroke:#09090b8c;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gate{fill:#f6d696;stroke:#2a1d10;stroke-width:2px;vector-effect:non-scaling-stroke}.mk.den circle{fill:#050506d9;stroke:#ff7a3a;stroke-width:2.5px;vector-effect:non-scaling-stroke}.mk.den circle.in{fill:#ff7a3a;stroke:none;opacity:.55}.mk.wp{fill:#8fd8ff;stroke:#0b2433;stroke-width:1.5px;vector-effect:non-scaling-stroke}.mk.mvp path{fill:#ff4d5e;stroke:#2a070b;stroke-width:1.5px;vector-effect:non-scaling-stroke}.leader{fill:none;stroke:#c99cffd9;stroke-width:2px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.mk.stairs path{fill:#c99cff;stroke:#1b1024;stroke-width:1.5px;vector-effect:non-scaling-stroke}.spots{z-index:2;margin:0;padding:0;list-style:none;position:absolute;inset:0}.spot{left:var(--wx);top:var(--wy);--pc:#e6be6c;position:absolute;transform:translate(-50%,-11px)}.spot a{min-width:44px;color:var(--ink-1);border-radius:10px;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.spot a:hover{text-decoration:none}.spot a:focus-visible{outline-offset:4px}.pin{background:radial-gradient(circle at 36% 30%, #fff8e8 0 12%, var(--pc) 46%, color-mix(in srgb, var(--pc) 40%, #000) 100%);width:22px;height:22px;box-shadow:0 0 0 2px #09090bd9, 0 0 0 3.5px var(--pc), 0 0 16px 2px color-mix(in srgb, var(--pc) 60%, transparent);border-radius:50%;flex:none;transition:transform .15s cubic-bezier(.22,1,.36,1)}.label{text-align:center;box-shadow:inset 0 0 0 1px var(--hair-2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09090bcc;border-radius:7px;padding:2px 9px 3px;line-height:1.25;transition:box-shadow .15s,background .15s;display:block}.label b{white-space:nowrap;font-size:14px;font-weight:600;display:block}.label i{color:var(--gold-c);white-space:nowrap;font-size:12px;font-style:normal;display:block}.spot a:hover .pin,.spot a:focus-visible .pin,.spot.on .pin{transform:scale(1.3)}.spot a:hover .label,.spot a:focus-visible .label,.spot.on .label{background:#1c0e09eb;box-shadow:inset 0 0 0 1px #ff8a5cbf}.spot.up-w{transform:translate(-50%,calc(11px - 100%))}.spot.up-w a{flex-direction:column-reverse}.spot.crypt.up-w{transform:translate(-50%,calc(8px - 100%))}.spot.crypt .pin{border-radius:4px;width:16px;height:16px;transform:rotate(45deg)}.spot.crypt a:hover .pin,.spot.crypt.on .pin{transform:rotate(45deg)scale(1.3)}.spot.safe .pin{border-radius:6px}.l-meadow{--pc:#d8c25a}.l-forest{--pc:#6cc77a}.l-barrow{--pc:#b8c0a0}.l-marsh{--pc:#4fc9b6}.l-frost{--pc:#bfe6ff}.l-ash{--pc:#ff6a3a}.l-camp{--pc:#ff9a4a}.crypt{--pc:#c99cff}.motion .spot .pin{animation:3.2s ease-in-out infinite pin-glow}.motion .spot:nth-child(2n) .pin{animation-delay:-1.6s}@keyframes pin-glow{50%{box-shadow:0 0 0 2px #09090bd9, 0 0 0 3.5px var(--pc), 0 0 26px 6px color-mix(in srgb, var(--pc) 55%, transparent)}}.wmap figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;margin-top:12px;display:flex}.wmap figcaption .hint{margin:0}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.lg{flex:none;width:24px;height:24px}.lg .road{stroke-width:2.5px}.peek{z-index:3;pointer-events:none;width:268px;box-shadow:inset 0 0 0 1px var(--hair-2), 0 12px 30px #0009;background:#131316f5;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.4;position:absolute}.peek[hidden]{display:none}.pk-head{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.pk-head h3{margin:0;font-size:17px}.pk-head .en{color:var(--ink-3);font-size:12px;font-weight:400}.pk-head .band{color:var(--gold-c);margin:0;font-weight:500}.peek .tags{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.peek .tag{font-size:12px}.pk-mons{gap:4px;margin:8px 0 0;display:flex}.pk-mons .pic{object-fit:contain;background:radial-gradient(circle at 50% 35%,#2a2a31,#141417 75%);border-radius:6px;width:36px;height:36px}.pk-boss{color:#ff9aa4;margin:6px 0 0;font-size:13px}.pk-hint{color:var(--ink-3);margin:6px 0 0;font-size:12px}.detail{background:var(--panel);box-shadow:inset 0 0 0 1px #ff8a5c59, var(--drop);scroll-margin-top:calc(var(--top-h) + 12px);border-radius:12px;margin:20px 0 0}.detail[hidden]{display:none}.detail-bar{justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 0 18px;display:flex}.detail-up{font-size:14px}.detail-close{cursor:pointer;width:36px;height:36px;font:400 22px/1 var(--font-body);color:var(--ink-2);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--hair-2);border:0;border-radius:8px;flex:none}.detail-close:hover{color:var(--ink-1);box-shadow:inset 0 0 0 1px #ff8a5c99}.detail-body{outline:none}.detail .place{box-shadow:none;background:0 0;padding-top:6px}@media (min-width:1000px){.detail .place{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 32px;display:grid}.detail .place-head{grid-column:1/-1}.detail .pc-b>h4:first-child{margin-top:0}}.detail-empty{color:var(--ink-2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);border-radius:12px;margin:16px 0 0;padding:14px 18px;display:none}.map-js .detail-empty:not([hidden]){display:block}.map-js .places{display:none}.places{margin-top:32px}.pc-a>:first-child{margin-top:0}.place-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));align-items:start;gap:16px;display:grid}.place{background:var(--panel);box-shadow:inset 0 0 0 1px var(--hair);scroll-margin-top:calc(var(--top-h) + 16px);border-radius:12px;padding:16px 18px 14px}.place:target{box-shadow:inset 0 0 0 1px #ff8a5cb3}.place-head{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 10px;display:flex}.place-head h3:before{content:"";vertical-align:middle;background:var(--pc);width:10px;height:10px;box-shadow:0 0 10px color-mix(in srgb, var(--pc) 70%, transparent);border-radius:50%;margin:0 9px 2px 0;display:inline-block}.place-head h3{margin:0;font-size:20px}.place-head .en{color:var(--ink-2);margin-left:4px;font-size:14px;font-weight:400}.place-head .band{color:var(--gold-c);margin:0;font-weight:500}.place-head .tags{flex-wrap:wrap;flex-basis:100%;gap:6px;margin:4px 0 0;display:flex}.tag{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--ink-2);border-radius:99px;padding:0 9px;font-size:13px;font-weight:500;line-height:1.7;display:inline-block}.tag.wp{color:#8fd8ff}.tag.den{color:#ffb08f}.tag.mvp{color:#ff8a96}.tag.safe{color:#8fe0a8}.place .blurb{color:var(--ink-2);margin:0 0 10px}.place h4{color:var(--ink-1);margin:14px 0 6px;font-size:15px;font-weight:600}.place h4 .dim,.place h5 .dim{font-size:13px}.place h5{color:var(--ink-2);margin:10px 0 4px;font-size:14px;font-weight:500}.place-facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 16px;display:grid}.place-facts p{margin:0}.ways{margin:0;padding:0;list-style:none}.ways li{margin:0 0 2px}.mons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.mons a{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink-1);border-radius:9px;align-items:center;gap:8px;padding:4px 8px 4px 4px;line-height:1.25;display:flex}.mons a:hover{text-decoration:none;box-shadow:inset 0 0 0 1px #ff8a5c80}.mons .pic{object-fit:contain;background:radial-gradient(circle at 50% 35%,#2a2a31,#141417 75%);border-radius:7px;flex:none;width:44px;height:44px}.mons b{font-size:14px;font-weight:500;display:block}.mons i{color:var(--ink-3);font-size:12px;font-style:normal;display:block}.mons.boss{grid-template-columns:1fr}.mons.boss a{box-shadow:inset 0 0 0 1px #ff4d5e4d}.mons.hell a{box-shadow:inset 0 0 0 1px #c99cff40}.ilvl{color:var(--ink-2);margin:0 0 4px;font-size:14px}.drops{gap:4px;margin:0;padding:0;list-style:none;display:grid}.drops li{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;line-height:1.35;display:flex}.drops .ico{object-fit:contain;flex:none;width:26px;height:26px}.drops .drop{padding:0 8px;font-size:12px}.drops i{color:var(--ink-3);font-size:12px;font-style:normal}.drops li.u a{color:#e6be6c}.place .more{margin:10px 0 0;font-size:14px}.shaft{gap:6px;margin:0;padding:0;list-style:none;display:grid}.detail .shaft{grid-template-columns:1fr 1fr 1fr 3fr;align-items:stretch}.detail .place.crypt{display:block}.zone{background:linear-gradient(180deg, var(--zc), transparent 140%);box-shadow:inset 0 0 0 1px var(--hair);border-radius:10px;padding:8px 10px}.z-crypt{--zc:#96785a38}.z-cave{--zc:#6e786438}.z-abyss{--zc:#d9532c3d}.z-glacier{--zc:#78b4e633}.zone-head{justify-content:space-between;gap:8px;margin:0 0 6px;font-size:14px;display:flex}.zone-head span{color:var(--ink-3)}.boss-floors{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.boss-floors li{align-items:center;gap:6px;font-size:13px;display:flex}.boss-floors .depth{text-align:right;width:26px;color:var(--gold-c);flex:none;font-weight:600}.boss-floors a{color:var(--ink-1);align-items:center;gap:6px;min-width:0;display:inline-flex}.boss-floors a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.boss-floors .pic{object-fit:contain;background:#0000004d;border-radius:6px;flex:none;width:30px;height:30px}@media (max-width:999px){.detail .shaft{grid-template-columns:1fr}.detail{z-index:40;max-height:60vh;box-shadow:0 -1px 0 var(--hair-2), 0 -18px 40px #0009;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0}.detail[hidden]{display:none}.detail-bar{padding-top:14px;position:relative}.detail-bar:before{content:"";background:var(--hair-2);border-radius:4px;width:44px;height:4px;margin-left:-22px;position:absolute;top:6px;left:50%}.detail-up{visibility:hidden}.detail-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.motion .detail:not([hidden]){animation:.22s cubic-bezier(.22,1,.36,1) sheet-up}@keyframes sheet-up{0%{opacity:.4;transform:translateY(24px)}}.peek{display:none}}@media (max-width:700px) and (orientation:portrait){.wmap-stage{aspect-ratio:9/16;margin:0 calc(-1 * var(--gutter));box-shadow:none;border-radius:0}.wmap-lines.wide{display:none}.wmap-lines.tall{display:block}.spot,.spot.up-w{left:var(--tx);top:var(--ty);transform:translate(-50%,-9px)}.spot a,.spot.up-w a{flex-direction:column}.spot.up-t{transform:translate(-50%,calc(9px - 100%))}.spot.up-t a{flex-direction:column-reverse}.spot.crypt.up-t{transform:translate(-50%,calc(7px - 100%))}.pin{width:18px;height:18px}.spot.crypt .pin{width:13px;height:13px}.label{max-width:72px;padding:1px 5px 2px}.label b{white-space:normal;font-size:11px;line-height:1.2}.label i{font-size:10px}.wmap figcaption{padding:0}.legend{gap:4px 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.motion .spot .pin,.motion .detail:not([hidden]){animation:none}.pin,.label{transition:none}}