@font-face{font-family:ArcanaMapSans;src:url('assets/world-map/map-sans-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:ArcanaMapSans;src:url('assets/world-map/map-sans-bold.woff') format('woff');font-weight:700;font-display:swap}
.world-map{position:absolute;inset:0;width:1672px;height:941px;overflow:hidden;background:#156e88;color:#fff9e6;font-family:ArcanaMapSans,'Noto Sans KR','Malgun Gothic',sans-serif;isolation:isolate;--wm-ivory:#fff4d3;--wm-line:#daca9e;--wm-dark:#172124;--wm-shadow:0 5px 18px #07171950}
.world-map *{box-sizing:border-box}.world-map button{font-family:inherit;-webkit-tap-highlight-color:transparent}.wm-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none;overscroll-behavior:contain}.wm-viewport.wm-dragging{cursor:grabbing}.wm-viewport:focus-visible{box-shadow:inset 0 0 0 3px var(--wm-ivory)}
.wm-canvas{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none}.wm-terrain{position:absolute;display:block;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}.wm-regions{position:absolute;inset:0;pointer-events:none}.world-map[data-world-ready="false"] .wm-canvas,.world-map[data-world-ready="false"] .wm-regions{visibility:hidden}
.wm-region{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:380px;min-width:38px;padding:0 0 var(--wm-pin-height,47px);border:0;background:transparent;color:var(--wm-ivory);cursor:pointer;user-select:none;touch-action:none;pointer-events:auto;text-align:center;line-height:1.35}
.wm-region-label{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;max-width:380px;padding:7px 15px 8px 12px;border:1.4px solid #e3d7b6;border-radius:22px;background:linear-gradient(160deg,#26302eed,#121d21ed);box-shadow:0 4px 8px #0b172743;font-size:16px;font-weight:700;line-height:1.4;white-space:nowrap}.wm-region-label b{color:#e9d2a1}.wm-region-label>.wm-status-icon{width:23px;height:23px;flex:0 0 23px;stroke-width:2.2}
.wm-status-icon{display:inline-block;width:28px;height:28px;flex:0 0 28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.wm-region.wm-locked .wm-status-icon{width:19px;flex-basis:19px}.wm-region.wm-locked .wm-region-label{color:#e9e7df;border-color:#bebca7;background:linear-gradient(160deg,#303632ec,#1b2527ee)}.wm-region.wm-completed .wm-status-icon{stroke:#ded9ae}.wm-region.wm-selected{z-index:4}.wm-region.wm-selected .wm-region-label{background:linear-gradient(150deg,#fff7d8,#edcf8d);border-color:#fff2c7;color:#251f18;box-shadow:0 4px 16px #57421a40}.wm-region.wm-selected .wm-region-label b{color:#8e621f}.wm-region.wm-selected .wm-status-icon{stroke:#705220}
.wm-anchor{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:2px;height:var(--wm-pin-height,47px);background:#f4e4b7;box-shadow:0 0 2px #17302370}.wm-anchor:after{content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:8px;height:8px;border-radius:50%;background:#fff3ce;box-shadow:0 1px 4px #1118}.wm-selected .wm-anchor:after{width:13px;height:13px;background:#fff2ca;box-shadow:0 0 0 8px #f9e5ac42,0 2px 7px #201a1880}.wm-selected .wm-anchor span{position:absolute;left:50%;bottom:29px;width:22px;height:22px;transform:translateX(-50%) rotate(45deg);border:3px solid #fff6d7;background:linear-gradient(135deg,#ead9a2,#3b3222);box-shadow:2px 2px 9px #8b754e75}
.wm-region:hover .wm-region-label{filter:brightness(1.12)}.wm-region:focus-visible{outline:0;z-index:5}.wm-region:focus-visible .wm-region-label{outline:3px solid #fff5cb;outline-offset:4px}.world-map button:focus-visible,.wm-detail-nav button:focus-visible{outline:3px solid #fff1b8;outline-offset:4px}
.wm-header{position:absolute;left:36px;top:28px;z-index:10;display:flex;align-items:center;gap:32px;pointer-events:none}.wm-header>*{pointer-events:auto}.wm-lobby,.wm-locate{display:flex;align-items:center;justify-content:center;gap:12px;min-width:126px;min-height:52px;padding:7px 19px;border:1.4px solid #e6d8b1;border-radius:18px;background:linear-gradient(140deg,#25302ddc,#101b22ed);box-shadow:var(--wm-shadow);color:var(--wm-ivory);font-size:18px;font-weight:700;cursor:pointer}.wm-lobby>span{font-size:38px;line-height:.6;font-family:Arial,sans-serif;font-weight:400}.wm-heading{display:flex;flex-direction:column;text-shadow:0 2px 8px #10344a85}.wm-heading>span{font:13px/1.2 Georgia,serif;letter-spacing:5px;color:#f3dfb4}.wm-heading h1{margin:4px 0 0;font:700 32px/1.2 ArcanaMapSans,sans-serif;letter-spacing:.5px;color:#fff8df}.wm-locate{position:absolute;right:36px;top:28px;z-index:10;min-width:144px;border-radius:18px;font-size:17px}.wm-locate .wm-status-icon{color:#ecd29c;width:27px;height:32px}
.wm-footer{position:absolute;left:50%;bottom:41px;transform:translateX(-50%);width:804px;min-height:146px;padding:24px 24px 22px 30px;display:flex;align-items:center;gap:24px;z-index:12;border:1.7px solid #e9d7a4;border-radius:24px;background:linear-gradient(145deg,#2c332ce8,#182321eb);box-shadow:0 8px 30px #10211f50,inset 0 1px 0 #fff5dc35;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.wm-selection{display:flex;align-items:center;gap:28px;min-width:0;flex:1}.wm-card-emblem{display:flex;align-items:center;justify-content:center;width:68px;height:70px;flex:0 0 68px;border:1px solid #d9c18d;border-radius:13px;background:#18201f70;color:#f2d498}.wm-card-emblem .wm-status-icon{width:38px;height:42px;stroke-width:2.8}.wm-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}.wm-selection-state{color:#d8be88;font-size:14px;line-height:1.4}.wm-card-copy strong{color:#fff9e6;font-size:31px;line-height:1.25;font-weight:700;letter-spacing:-.8px;overflow-wrap:anywhere}.wm-stage-line{display:block;margin-top:4px;padding-top:7px;border-top:1px solid #bba47350;color:#c9d1cf;font-size:16px;line-height:1.45;overflow-wrap:anywhere}.wm-open{width:225px;min-height:70px;flex:0 0 225px;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border:1.5px solid #fff1c4;border-radius:18px;background:linear-gradient(145deg,#fff0c2,#dfbd7c);box-shadow:inset 0 1px 0 #fff8df80,0 3px 10px #10170e30;color:#292010;font-weight:700;font-size:23px;cursor:pointer}.wm-open b{font:34px/1 Arial,sans-serif}.wm-open:disabled{background:linear-gradient(145deg,#a9a591,#858777);color:#29312b;border-color:#c9c3ab;cursor:not-allowed;box-shadow:none}.wm-open:not(:disabled):hover{filter:brightness(1.06)}.wm-open:not(:disabled):active{transform:translateY(1px)}
.wm-gesture-hint{position:absolute;left:36px;bottom:42px;z-index:10;display:flex;align-items:center;gap:11px;margin:0;padding:9px 15px;border:1px solid #ceceb980;border-radius:25px;background:#162b35d9;color:#f2f4e8;font-size:15px;pointer-events:none;box-shadow:0 2px 8px #16313d35}.wm-gesture-hint svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wm-navigation{position:absolute;right:27px;bottom:48px;display:flex;gap:8px;align-items:center;z-index:10}.wm-minimap{position:relative;width:234px;height:144px;padding:0;border:1.4px solid #d2d1bb;border-radius:16px;overflow:hidden;background:#112b33;box-shadow:var(--wm-shadow);cursor:crosshair;touch-action:manipulation}.wm-minimap img{display:block;width:100%;height:100%;object-fit:fill;opacity:.38;filter:saturate(.48) brightness(.73);pointer-events:none}.wm-minimap:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 18px #0c1f2a90;pointer-events:none}.wm-camera-window{position:absolute;z-index:1;border:2px solid #fff1be;background:#fce5a92e;box-shadow:0 0 0 1px #252c2655;pointer-events:none}.wm-tools{display:flex;flex-direction:column;gap:6px}.wm-tools button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.2px solid #d1cfb9;border-radius:9px;background:linear-gradient(150deg,#28332eed,#14242aee);color:#f8f4e3;font:30px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 3px 8px #16232b50}.wm-tools button:disabled{color:#969d94;border-color:#7d8982;cursor:not-allowed}.wm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The host game preserves a landscape 1672×941 canvas. Compact mode is based on
   its actual rendered width, not on CSS pixels inside that scaled canvas. */
.wm-mobile .wm-region{max-width:540px;padding-bottom:calc(var(--wm-pin-height,47px) + 5px)}.wm-mobile .wm-region-label{max-width:540px;min-height:58px;border-radius:30px;font-size:25px;padding:11px 20px}.wm-mobile .wm-region-label>.wm-status-icon{width:29px;height:29px;flex-basis:29px}.wm-mobile .wm-anchor{height:calc(var(--wm-pin-height,47px) + 5px)}.wm-mobile .wm-header{left:30px;top:28px;gap:24px}.wm-mobile .wm-lobby,.wm-mobile .wm-locate{min-height:72px;font-size:26px;min-width:155px}.wm-mobile .wm-heading h1{font-size:39px}.wm-mobile .wm-heading>span{font-size:15px}.wm-mobile .wm-locate{right:30px;min-width:190px}.wm-mobile .wm-locate .wm-status-icon{width:34px;height:39px;flex-basis:34px}.wm-mobile .wm-footer{width:calc(100% - 60px);bottom:28px;min-height:174px;padding:24px 32px;gap:36px}.wm-mobile .wm-card-emblem{width:85px;height:91px;flex-basis:85px}.wm-mobile .wm-card-copy strong{font-size:39px;letter-spacing:-.6px}.wm-mobile .wm-selection-state{font-size:23px}.wm-mobile .wm-stage-line{font-size:24px}.wm-mobile .wm-open{width:285px;min-height:102px;flex-basis:285px;font-size:32px}.wm-mobile .wm-gesture-hint{display:none}.wm-mobile .wm-navigation{right:30px;top:126px;bottom:auto;align-items:flex-start}.wm-mobile .wm-minimap{width:226px;height:130px}.wm-mobile .wm-tools button{width:66px;height:62px;font-size:38px}
.wm-detail-nav{position:absolute;left:44px;top:289px;width:815px;height:62px;display:flex;gap:20px;align-items:center;z-index:12;font:26px ArcanaJua,sans-serif;color:#fff0cb;text-shadow:0 2px 3px #10243b}.wm-detail-nav span{margin-right:auto}.wm-detail-nav button{font:24px ArcanaJua,sans-serif;color:#ffe7b8;background:#102f4be8;min-width:158px;min-height:48px;padding:7px 20px;border-radius:12px;border:2px solid #c99c56;cursor:pointer}
.tower-story-tabs.wm-story-tabs{position:absolute;left:50%;right:auto;top:30px;bottom:auto;transform:translateX(-50%);height:48px;display:flex;gap:7px;z-index:14;background:#172327b8;border:1px solid #cfc6a269;border-radius:15px;padding:4px}.tower-story-tabs.wm-story-tabs button{font:700 16px/1.3 ArcanaMapSans,sans-serif;min-width:126px;width:auto;height:38px;padding:7px 14px;border:0;border-radius:10px;background:transparent;color:#e4e3d6;box-shadow:none;text-shadow:none}.tower-story-tabs.wm-story-tabs button[aria-current]{background:#ecdaaa;color:#343024}.tower-story-tabs.wm-story-tabs button:disabled{color:#a4ada8}.tower-story-tabs.wm-story-tabs button:focus-visible{outline:3px solid #fff0b1;outline-offset:3px}
@media(max-width:1000px){.tower-story-tabs.wm-story-tabs{top:32px;height:68px;left:56%}.tower-story-tabs.wm-story-tabs button{font-size:24px;min-width:170px;height:58px;padding:8px 18px}}
@media(prefers-reduced-motion:reduce){.wm-canvas{will-change:auto}.wm-footer{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Upper-world landmarks place their pill below the pin, away from the fixed header. */
.wm-region.wm-label-below{transform:translate(-50%,0);padding-top:var(--wm-pin-height,47px);padding-bottom:0}.wm-label-below .wm-anchor{top:0;bottom:auto}.wm-label-below .wm-anchor:after{top:0;bottom:auto;transform:translate(-50%,-50%)}.wm-label-below .wm-anchor span{top:29px;bottom:auto}.wm-mobile .wm-region.wm-label-below{padding-top:calc(var(--wm-pin-height,47px) + 5px);padding-bottom:0}

/* At wider zoom levels use act-number pills; the selected full title stays in its detail card. */
.wm-overview .wm-region .wm-region-label>span{font-size:0}.wm-overview .wm-region .wm-region-label b{font-size:16px}.wm-mobile.wm-overview .wm-region .wm-region-label b{font-size:25px}

/* Approved champagne diamond pin, with a separate readable label beside it. */
.wm-selected-marker{display:none;position:absolute;left:50%;bottom:38px;transform:translateX(-50%);width:48px;height:76px;overflow:visible;filter:drop-shadow(0 2px 7px #65502165);pointer-events:none}.wm-selected .wm-selected-marker{display:block}.wm-selected .wm-anchor span{display:none}.wm-selected .wm-region-label{transform:translateX(calc(50% + 20px))}.wm-selected.wm-label-left .wm-region-label{transform:translateX(calc(-50% - 20px))}.wm-label-below .wm-selected-marker{top:20px;bottom:auto;transform:translateX(-50%) rotate(180deg)}.wm-mobile .wm-selected-marker{width:60px;height:95px;bottom:40px}.wm-mobile .wm-label-below .wm-selected-marker{top:20px;bottom:auto}