.od-map-page{padding-top:45px;padding-bottom:68px}.od-map-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:34px 0 36px}.od-map-heading h1{font-size:clamp(30px,3.5vw,48px);line-height:1.13;letter-spacing:-1.5px;margin:16px 0}.od-map-heading h1 em{font-style:normal;color:var(--amber)}.od-map-heading p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.od-map-heading-icon{color:#715231;transform:rotate(-18deg);padding-right:30px}.od-map-heading-icon .icon{width:86px;height:86px;stroke-width:.65}.od-map-explorer{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid #343638;border-radius:16px;overflow:hidden;box-shadow:0 16px 50px #0002;background:#191b1d}.od-map-sidebar{padding:28px 16px 22px;display:flex;flex-direction:column;border-right:1px solid #333638;min-width:0}.od-map-sidebar-title{display:grid;gap:9px;padding:0 10px 23px}.od-map-kicker{font-size:9px;letter-spacing:2px;color:#bda783;font-weight:700}.od-map-sidebar-title>span:last-child{font-size:17px;font-weight:600}.od-map-worlds{display:grid;gap:9px}.od-map-world{display:flex;align-items:center;gap:10px;padding:15px 10px;text-align:left;border:1px solid transparent;border-radius:9px;color:#a6aaae;background:transparent;cursor:pointer;min-width:0;font-family:inherit;transition:background .15s,border-color .15s}.od-map-world:hover{background:#232629}.od-map-world.selected{background:#f3a44910;border-color:#f3a44942;color:var(--amber)}.od-map-world-icon{font-size:10px;letter-spacing:1px;border:1px solid #45433c;border-radius:7px;padding:10px 7px;color:#aaa499}.od-map-world.selected .od-map-world-icon{background:#f3a4491a;border-color:#b37a304d;color:var(--amber)}.od-map-world strong{display:block;font-size:13px}.od-map-world small{display:block;font-size:9px;color:#8d949b;line-height:1.5;margin-top:4px}.od-map-world>.icon{margin-left:auto;width:14px;height:14px;flex-shrink:0;opacity:0}.od-map-world.selected>.icon{opacity:1}.od-map-about{margin:34px 10px 35px;padding-top:24px;border-top:1px solid #333638}.od-map-about>.icon{width:20px;height:20px;color:#9eb491;display:block;margin-bottom:12px}.od-map-about strong{font-size:11px;font-weight:600;color:#c2c6c7}.od-map-about p{font-size:11px;line-height:1.8;color:#92989d;margin-top:7px}.od-map-signature{margin:auto 10px 0;display:flex;gap:10px;align-items:center}.od-map-signature>span{font-size:11px;font-weight:700;letter-spacing:2px}.od-map-signature small{display:block;font-size:6px;letter-spacing:.8px;font-weight:500;color:#8f969b;margin-top:6px}.od-map-main{min-width:0;display:flex;flex-direction:column}.od-map-topbar{min-height:77px;padding:17px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #333638}.od-map-topbar h2{font-size:17px;line-height:1.4;margin:0}.od-map-topbar>div>span{font-size:10px;color:#9bA0a4}.od-map-tool{border:1px solid #4b4c45;background:#202324ed;color:#e4e7e5;border-radius:7px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font:inherit}.od-map-tool:hover{background:#333831;border-color:#ad9264}.od-map-expand{gap:8px;padding:0 12px;font-size:10px;min-height:36px}.od-map-tool .icon{width:16px;height:16px}.od-map-viewport{position:relative;height:500px;min-height:340px;background:#1c2421;isolation:isolate;overflow:hidden}.od-map-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}.od-map-viewport canvas:active{cursor:grabbing}.od-map-north{position:absolute;left:21px;top:20px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#d1d6ca;pointer-events:none;text-shadow:0 1px 5px #000;font-size:11px;font-weight:700}.od-map-north span:last-child{font-size:27px;font-weight:300}.od-map-view-controls{position:absolute;right:16px;top:16px;display:grid;gap:6px}.od-map-view-controls .od-map-tool{font-size:24px;box-shadow:0 3px 9px #0002}.od-map-empty{position:absolute;inset:0;padding:90px 65px 80px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;pointer-events:none;background:radial-gradient(ellipse at center,#27332b55,transparent 70%)}.od-map-empty>.icon{width:42px;height:42px;color:#b8a584;stroke-width:1;margin-bottom:20px}.od-map-empty h3{font-size:20px;line-height:1.4;margin:0 0 12px;color:#dbe1d8}.od-map-empty p{font-size:12px;max-width:340px;color:#a5b1a5;line-height:1.8;margin:0}.od-map-empty[hidden],.od-map-tile-warning[hidden]{display:none}.od-map-coordinates,.od-map-scale{position:absolute;bottom:15px;font-size:10px;color:#dce5d7;background:#171d1ce3;border-radius:5px;padding:7px 10px;pointer-events:none;max-width:70%;white-space:nowrap}.od-map-coordinates{right:16px;font-variant-numeric:tabular-nums}.od-map-scale{left:16px;border-bottom:2px solid #c5cdbb;border-radius:4px 4px 0 0;text-align:center;padding:5px 0}.od-map-tile-warning{position:absolute;bottom:55px;left:16px;right:16px;background:#332e20f2;color:#f4cf93;padding:10px 12px;font-size:11px;line-height:1.6;border:1px solid #b18b4255;border-radius:7px}.od-map-tile-warning button{font:inherit;color:inherit;text-decoration:underline;cursor:pointer;background:none;border:0;padding:4px}.od-map-statusbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;min-height:75px;border-top:1px solid #333638}.od-map-status-copy{min-width:0;display:grid;gap:6px}.od-map-status{display:block;font-size:11px;color:#c8ceca}.od-map-status:before{content:'';display:inline-block;width:6px;height:6px;background:#8d979d;border-radius:50%;margin-right:8px;vertical-align:1px}.od-map-status[data-state=fresh]:before{background:#94bd83;box-shadow:0 0 8px #94bd8333}.od-map-status[data-state=stale]:before{background:var(--amber)}.od-map-status[data-state=error]:before{background:#d18c78}.od-map-status-copy>span:last-child{font-size:9px;color:#969fa0;line-height:1.5;padding-left:14px}.od-map-refresh{display:flex;align-items:center;gap:6px;color:#c5b18f;font:inherit;font-size:10px;border:1px solid #454139;background:#252522;padding:9px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;min-height:36px}.od-map-refresh:disabled{opacity:.5;cursor:wait}.od-map-refresh .icon{width:13px;height:13px}.od-map-bottom{display:flex;justify-content:space-between;gap:40px;margin:18px 0 26px}.od-map-bottom p{font-size:10px;color:#919a9c;line-height:1.8;margin:0;max-width:48%}.od-map-bottom strong{display:block;font-weight:500;color:#c8cecc}.od-map-archive{border-top:1px solid #333638;padding-top:19px;color:#929a9c;font-size:11px;line-height:1.8}.od-map-archive summary{cursor:pointer;color:#b6bcb9;padding:5px 0}.od-map-archive a{color:var(--amber)}.od-map-explorer:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0}.od-map-explorer:fullscreen .od-map-viewport{flex:1;height:auto}.od-map-explorer:fullscreen .od-map-main{height:100dvh}.od-map-page button:focus-visible,.od-map-page summary:focus-visible,.od-map-page canvas:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.od-map-page canvas:focus-visible{outline-offset:-4px}.od-map-page button:disabled{opacity:.45;cursor:default}
@media(max-width:1050px){.od-map-explorer{grid-template-columns:205px minmax(0,1fr)}.od-map-sidebar{padding-inline:10px}.od-map-world{gap:7px;padding-inline:8px}.od-map-world small{font-size:8px}.od-map-world>.icon{display:none}.od-map-signature small{font-size:5px}.od-map-viewport{height:470px}}
@media(max-width:700px){.od-map-page{padding-top:26px;padding-bottom:40px}.od-map-heading{margin:25px 0 26px;gap:12px}.od-map-heading h1{font-size:32px;letter-spacing:-1px;margin:13px 0}.od-map-heading p{font-size:12px}.od-map-heading-icon{display:none}.od-map-explorer{display:flex;flex-direction:column;border-radius:12px}.od-map-sidebar{padding:16px 12px;border-right:0;border-bottom:1px solid #333638}.od-map-sidebar-title{padding:0 2px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.od-map-sidebar-title>span:last-child{font-size:10px;color:#a3aaa6}.od-map-kicker{font-size:8px;letter-spacing:1.4px}.od-map-worlds{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.od-map-world{padding:12px 5px;justify-content:center;gap:4px}.od-map-world-icon,.od-map-world small,.od-map-about,.od-map-signature{display:none}.od-map-world strong{font-size:11px;white-space:nowrap}.od-map-topbar{padding:13px 16px;min-height:65px}.od-map-topbar h2{font-size:16px}.od-map-topbar>div>span{font-size:9px}.od-map-expand{font-size:9px;padding:0 9px}.od-map-viewport{height:55svh;min-height:340px;max-height:550px}.od-map-view-controls{right:12px;top:12px}.od-map-empty{padding:70px 55px}.od-map-empty h3{font-size:17px}.od-map-empty p{font-size:11px}.od-map-north{left:16px;top:17px}.od-map-coordinates{right:12px}.od-map-scale{left:12px}.od-map-statusbar{padding:14px 12px;gap:7px;align-items:flex-start}.od-map-status{font-size:10px;line-height:1.5}.od-map-status-copy>span:last-child{font-size:8px}.od-map-refresh{font-size:9px;padding:8px;min-width:36px}.od-map-refresh .icon{display:none}.od-map-bottom{display:block;margin:15px 0 22px}.od-map-bottom p{font-size:10px;max-width:none;margin-bottom:10px}.od-map-archive{font-size:10px}.od-map-explorer:fullscreen .od-map-sidebar{flex:none}.od-map-explorer:fullscreen .od-map-main{flex:1;min-height:0;height:auto}.od-map-explorer:fullscreen .od-map-viewport{max-height:none;min-height:0}}
@media(prefers-reduced-motion:reduce){.od-map-world{transition:none}}

.od-map-no-area{position:absolute;inset:45% 20%;text-align:center;color:#b7c4b6;font-size:12px;line-height:1.7;pointer-events:none}.od-map-no-area[hidden]{display:none}

.od-map-playerbar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#1b2022;flex-wrap:wrap;font-size:11px}.od-map-playerbar label{display:flex;align-items:center;gap:10px}.od-map-playerbar select{max-width:210px;background:#272d30;color:#e5e8e9;border:1px solid #4b514f;border-radius:6px;padding:10px;font:inherit}.od-map-playerbar button{font-size:11px;padding:0 10px}.od-map-playerbar>span{color:#9ca9a4;font-size:10px}.od-map-player-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.od-map-player{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:#1c2327ee;color:#f2d29a;border:1px solid #e3aa51;border-radius:5px;padding:5px 8px;font:600 11px inherit;cursor:pointer;white-space:nowrap}.od-map-player:after{content:'';display:block;position:absolute;bottom:-7px;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#e3aa51;border-bottom:0}.od-map-player.selected{background:#e7aa50;color:#151a1a}.od-map-playerbar button[aria-pressed=true]{border-color:#e7aa50;color:#e7aa50}@media(max-width:700px){.od-map-playerbar{gap:8px;padding:10px 12px}.od-map-playerbar select{max-width:155px}.od-map-playerbar>span{width:100%}}

.od-map-modebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #343638;font-size:11px}.od-map-modebar button{font-size:11px;padding:0 12px}.od-map-modebar button[aria-pressed=true]{border-color:#dda44e;color:#f1be72;background:#483823}.od-map-modebar span{font-size:10px;color:#a1ada6;line-height:1.5}