html,body.map-page{min-height: 100%;overflow-x: hidden;} .map-shell{--map-panel-x: var(--sp-3);--map-panel-w: 330px;--map-header-h: var(--sp-8);height: calc(100dvh - var(--map-header-h));margin: var(--map-header-h) 0 0;max-width: none;padding: 0;position: relative;} .map-stage{height: 100%;overflow: hidden;position: relative;width: 100%;--map-panel-x: var(--sp-3);--map-panel-w: 330px;--map-panel-gap: var(--sp-4);--map-titlecard-h: 56px;--map-panel-row-2: calc(var(--map-panel-x) + var(--map-titlecard-h) + var(--map-panel-gap));} .map-titlecard,.map-status,.map-stage > .map-layers{backdrop-filter: blur(16px) saturate(1.15);background-image: linear-gradient(180deg,color-mix(in srgb,var(--umber) 24%,transparent),color-mix(in srgb,var(--umber) 6%,transparent) 62%,transparent),linear-gradient(180deg,color-mix(in srgb,var(--soot) 72%,transparent),color-mix(in srgb,var(--cinder) 84%,transparent));border: 1px solid var(--map-keyline);border-radius: var(--radius-2);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-dim) 40%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--gold-mid) 16%,transparent),0 10px 28px rgba(0,0,0,0.55);box-sizing: border-box;left: var(--map-panel-x);padding: var(--sp-2) var(--sp-3);position: absolute;width: var(--map-panel-w);z-index: 5;} .map-titlecard{top: var(--map-panel-x);} body.map-page{--ls-nav: 0.06em;--map-focus-ring: var(--gold-bright);--map-keyline: var(--border-bright);--map-keyline-dim: color-mix(in srgb,var(--gold-mid) 28%,transparent);--map-ink: #16120c;--map-creature: #b4442f;--map-creature-deep: #7d2a1c;--map-resource: #d4a336;--map-resource-deep: #8a6414;} .map-titlecard h1{--fs-plate-name: var(--fs-title);color: var(--text-bright);font-size: var(--fs-plate-name);letter-spacing: var(--ls-nav);line-height: 1.1;margin: 0;text-transform: uppercase;} .map-titlecard .map-cartouche{--fs-plate-series: var(--fs-step-5);align-items: baseline;color: var(--gold-2);display: flex;font-family: var(--ff-display);font-size: var(--fs-plate-series);gap: 0.25em;left: var(--sp-3,16px);line-height: 1;-webkit-mask-image: linear-gradient(90deg,#000 78%,transparent 97%);mask-image: linear-gradient(90deg,#000 78%,transparent 97%);max-width: 100%;opacity: 0.22;overflow: hidden;pointer-events: none;position: absolute;right: var(--sp-3,16px);text-transform: uppercase;top: 100%;user-select: none;white-space: nowrap;z-index: -1;} @media (max-width: 1279px){.map-titlecard .map-cartouche{display: none;}} .map-titlecard .map-cartouche-kicker{letter-spacing: 0.3em;} .map-titlecard .map-cartouche-name{font-size: var(--fs-h2);letter-spacing: -0.015em;} .map-stage > .map-layers{display: flex;flex-wrap: nowrap;align-items: stretch;flex-direction: column;gap: var(--map-panel-gap);inset-inline-start: var(--map-panel-x);margin: 0;max-height: calc(100% - var(--map-panel-row-2) - var(--map-panel-x));overflow: auto;padding-bottom: var(--sp-4);scrollbar-width: thin;scrollbar-color: var(--gold-mid) transparent;scrollbar-gutter: stable;-webkit-mask-image: linear-gradient(180deg,#000 calc(100% - var(--sp-2)),transparent 100%);mask-image: linear-gradient(180deg,#000 calc(100% - var(--sp-2)),transparent 100%);top: var(--map-panel-row-2);} .map-stage > .map-layers .map-layers-row,.map-stage > .map-layers .map-search-field{max-width: 100%;width: 100%;} .map-panel-toggle{display: none;} .map-status{bottom: var(--map-panel-x);color: var(--text-body);padding: var(--sp-3) var(--sp-4);font-size: var(--fs-small);margin: 0;} .map-caption-date{color: var(--text-bright);} .map-zoom{display: flex;flex-direction: column;position: absolute;z-index: 2;right: var(--map-panel-x);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-dim) 40%,transparent),0 10px 28px rgba(0,0,0,0.55);top: var(--map-panel-x);z-index: 4;} .map-zoom{backdrop-filter: blur(16px) saturate(1.15);background-image: linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 88%,transparent),color-mix(in srgb,var(--bg-deep) 93%,transparent));border: 1px solid var(--map-keyline);border-radius: var(--radius-2);overflow: hidden;padding: 0;} .map-zoom-btn{--fs-zoom-glyph: var(--fs-step-2);align-items: center;background: transparent;border: 0;border-radius: 0;block-size: 40px;color: var(--text-bright);cursor: pointer;display: flex;font-family: inherit;font-size: var(--fs-zoom-glyph);font-weight: 700;font-variant-numeric: tabular-nums;inline-size: 40px;justify-content: center;line-height: 1;padding: 0;position: relative;transition: background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out);} .map-zoom-btn + .map-zoom-btn::before{content: "";position: absolute;top: 0;left: var(--sp-2);right: var(--sp-2);border-top: 1px solid var(--map-keyline-dim);} @media (hover: hover){.map-zoom-btn:hover:not(:disabled){background: color-mix(in srgb,var(--gold-2) 14%,transparent);color: var(--gold-bright);}} .map-zoom-btn:active:not(:disabled){background: color-mix(in srgb,var(--gold-2) 26%,transparent);color: var(--gold-bright);} .map-zoom-btn:disabled{color: var(--parchment);cursor: default;} .map-zoom-btn:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: -3px;} @media (max-width: 1023px){.map-zoom{top: auto;bottom: var(--map-panel-x);right: var(--sp-2);}} @media (max-width: 1023px){.map-legend li::marker{content: none;} .map-legend{display: none;}} .map-status:empty{display: none;} .site-header .site-brand{font-size: var(--fs-h4);} .site-header .btn-gold{font-size: var(--fs-small);} .map-status{font-variant-numeric: tabular-nums;} .map-status-error{border-left: 3px solid var(--danger);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--danger) 30%,transparent),0 10px 28px rgba(0,0,0,0.55);color: var(--text-bright);padding-left: var(--sp-3);} .map-status-loading::before{content: "";display: inline-block;vertical-align: baseline;inline-size: var(--sp-2);block-size: var(--sp-2);margin-inline-end: var(--sp-2);border-radius: 50%;background: var(--gold-mid);animation: mapStatusPulse 1.4s var(--ease-in-out,ease-in-out) infinite;} @media (prefers-reduced-motion: reduce){.map-status-loading::before{animation: none;opacity: 1;}} @keyframes mapStatusPulse{0%,100%{opacity: 0.3;} 50%{opacity: 1;}} .map-scroller{background: var(--bg-2);cursor: grab;height: 100%;inset: 0;overflow: auto;overscroll-behavior: contain;position: absolute;scrollbar-width: none;width: 100%;} .map-scroller::-webkit-scrollbar{height: 0;width: 0;} .map-scroller.is-slippy{display: flex;touch-action: none;} .map-scroller.is-slippy .map-frame{margin: auto;} .map-scroller{isolation: isolate;} .map-scroller:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: -3px;} @media (hover: hover){.map-stage:hover::after{border: 1px solid color-mix(in srgb,var(--gold-mid) 45%,transparent);content: "";inset: var(--sp-2);pointer-events: none;position: absolute;z-index: 29;}} .map-stage:focus-visible,.map-stage:has(> .map-scroller:focus-visible){outline: 2px solid var(--gold-mid);outline-offset: -4px;} .map-scroller.is-dragging{cursor: grabbing;} .map-frame{display: inline-block;font-size: 0;line-height: 0;position: relative;} .map-basemap{display: block;user-select: none;-webkit-user-drag: none;background-repeat: no-repeat;background-size: 100% 100%;} .map-basemap[hidden]{display: none;} .map-note{color: var(--text-body);} .map-layers-list .map-layer{opacity: 0.78;} .map-layers-list .map-layer:has(.map-layer-box:checked){opacity: 1;} .map-layer-box{accent-color: var(--text-bright);} .map-layers .map-layer{display: flex;align-items: center;gap: var(--sp-2);} .map-layers .map-layer-box{flex: 0 0 auto;min-width: 14px;min-height: 14px;background: var(--bg-2);border: 1px solid var(--border);} .map-zone-labels{left: 0;pointer-events: none;position: absolute;top: 0;z-index: 2;} .map-zone-label{color: #f4ecd8;font-size: var(--fs-caption);font-weight: 700;left: 0;letter-spacing: 0.11em;line-height: 1.1;position: absolute;text-align: center;text-transform: uppercase;top: 0;text-shadow: 1px 1px 0 #100c07,-1px 1px 0 #100c07,1px -1px 0 #100c07,-1px -1px 0 #100c07,0 1px 0 #100c07,0 -1px 0 #100c07,1px 0 0 #100c07,-1px 0 0 #100c07,0 0 6px rgba(16,12,7,0.95),0 0 14px rgba(16,12,7,0.8);transform: translate(-50%,-50%);white-space: nowrap;} .map-tiles{position: relative;} .map-tile{display: block;position: absolute;user-select: none;-webkit-user-drag: none;} @media (max-width: 600px){.map-stage{--map-panel-x: var(--sp-2);--map-panel-w: calc(100% - var(--sp-2) * 2);} .map-titlecard{top: var(--map-panel-x);inset-inline-start: var(--map-panel-x)!important;} .map-stage > .map-layers{bottom: var(--map-panel-x);max-height: calc(38% - var(--map-panel-gap));top: auto;}} @media (max-width: 1023px){.map-panel-toggle{background: none;border: 0;color: var(--gold-mid);cursor: pointer;display: block;font: inherit;font-size: var(--fs-small);letter-spacing: var(--ls-caps);margin: 0;min-height: var(--sp-7);order: -1;padding: 0;text-align: left;text-transform: uppercase;width: 100%;} .map-panel-toggle::after{border: var(--sp-1) solid transparent;border-bottom-color: currentColor;content: "";display: inline-block;margin-left: var(--sp-2);transform: translateY(-2px);} .map-layers.is-collapsed .map-panel-toggle::after{border-bottom-color: transparent;border-top-color: currentColor;transform: translateY(3px);} .map-layers.is-collapsed{max-height: none;padding-block: 0;} .map-layers.is-collapsed .map-panel-toggle{align-items: center;display: flex;} .map-layers.is-collapsed > :not(.map-panel-toggle){display: none;}} @media (max-width: 600px){.map-status{display: block;left: var(--sp-2);right: var(--sp-2);bottom: calc(var(--map-panel-x) + 64px);font-size: var(--fs-caption);padding-bottom: var(--sp-3);height: auto;min-height: 0;max-height: none;} .map-status p{white-space: normal;overflow: visible;text-overflow: clip;} .map-status.map-status-error{bottom: auto;display: block;top: var(--map-panel-row-2);}} .map-floor-select{transition: border-color var(--dur-instant) var(--ease-out),background-color var(--dur-instant) var(--ease-out);} @media (hover: hover){.map-floor-select:hover:not(:disabled){border-color: color-mix(in srgb,var(--gold-2) 45%,transparent);background-color: color-mix(in srgb,var(--gold-2) 8%,transparent);}} .map-floor-select:active:not(:disabled){background-color: color-mix(in srgb,var(--gold-2) 16%,transparent);} .map-floor-select:disabled,.map-search-input:disabled,.map-search-retry:disabled,.map-layers-list .map-layer input[type="checkbox"]:disabled{cursor: default;opacity: 0.45;} .map-layer:has(input:disabled){color: var(--text-dim);cursor: default;} .map-layer{transition: color var(--dur-instant) var(--ease-out),background-color var(--dur-instant) var(--ease-out);} @media (hover: hover){.map-layer:hover{color: var(--text-bright);background-color: color-mix(in srgb,var(--gold-2) 12%,transparent);}} .map-layer:active{background-color: color-mix(in srgb,var(--gold-2) 20%,transparent);} .map-layer input{transition: box-shadow var(--dur-instant) var(--ease-out),accent-color var(--dur-instant) var(--ease-out);} .map-layer input:hover{accent-color: var(--gold-bright);box-shadow: 0 0 0 3px color-mix(in srgb,var(--gold-2) 18%,transparent);} .map-layer input:active{box-shadow: 0 0 0 3px color-mix(in srgb,var(--gold-2) 32%,transparent);} .map-search-input{transition: background-color var(--dur-instant) var(--ease-out);} .map-search-option{transition: background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out);} .map-search-retry{transition: border-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out);} @media (max-width: 1023px){.map-zoom-btn{inline-size: 44px;block-size: 44px;line-height: 1;} .map-layers-list .map-layer{min-height: var(--sp-7);} .map-zoom{height: auto;}} .map-search-input,.map-search-option,.map-search-retry{transition: background-color var(--dur-instant) var(--ease-out),border-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out);} .map-pin-layer{left: 0;pointer-events: none;position: absolute;top: 0;z-index: 1;} .map-pin{align-items: center;appearance: none;background: var(--map-creature);font-family: inherit;margin: 0;padding: 0;border: 1.5px solid var(--map-ink);border-radius: 50%;box-shadow: 0 0 0 1px color-mix(in srgb,#f4ecd8 55%,transparent),0 2px 5px rgba(16,12,7,0.7);color: var(--map-ink);cursor: pointer;display: flex;font-size: var(--fs-caption);font-weight: 700;height: 14px;justify-content: center;line-height: 1;pointer-events: auto;position: absolute;transform: translate(-50%,-50%);user-select: none;width: 14px;z-index: 2;} .map-pin::after{content: "";inset: -15px;position: absolute;} .map-pin,.map-cluster{outline: 2px solid transparent;outline-offset: 1px;transition: outline-color var(--dur-instant) var(--ease-out);} .map-pin:focus-visible,.map-cluster:focus-visible{outline-color: var(--map-focus-ring);} @media (hover: hover){.map-pin:hover,.map-cluster:hover{outline-color: var(--map-focus-ring);}} .map-pin:active,.map-cluster:active{outline-color: var(--text-bright);} .map-cluster{align-items: center;appearance: none;background: var(--map-creature);border: 1.5px solid var(--map-ink);border-radius: var(--radius-pill,999px);box-shadow: 0 0 0 1px color-mix(in srgb,#f4ecd8 55%,transparent),0 2px 6px rgba(16,12,7,0.7);color: #f7efdc;cursor: pointer;display: flex;font-family: inherit;font-size: var(--fs-caption);font-weight: 700;font-variant-numeric: tabular-nums;height: 28px;min-width: 28px;width: auto;padding: 0 var(--sp-2);box-sizing: border-box;justify-content: center;letter-spacing: 0;line-height: 1;margin: 0;pointer-events: auto;position: absolute;transform: translate(-50%,-50%);user-select: none;z-index: 2;} .map-cluster:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: 2px;} @media (hover: hover){.map-cluster:hover{outline: 2px solid var(--map-focus-ring);outline-offset: 2px;}} .map-cluster:empty{display: none;} .map-layer-box:focus-visible,.map-search-input:focus-visible,.map-floor-select:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: 2px;} .map-cluster::after{content: "";inset: calc(-1 * var(--sp-2));position: absolute;} .map-cluster-monster{background: linear-gradient(180deg,var(--map-creature),var(--map-creature-deep));} .map-cluster-resource{background: linear-gradient(180deg,var(--map-resource),var(--map-resource-deep));color: var(--map-ink);} .map-pin-tip-meta{display: block;} .map-pin-tip{background: color-mix(in srgb,var(--bg-dark) 95%,transparent);border: 1px solid var(--border);border-radius: var(--radius-2);box-shadow: 0 2px 8px color-mix(in srgb,var(--bg-dark) 65%,transparent);color: var(--text-body);font-size: var(--fs-caption);line-height: 1.35;max-width: 240px;padding: var(--sp-1) var(--sp-2);pointer-events: auto;position: absolute;transform: translate(-50%,calc(-100% - 44px));z-index: 3;} .map-pin-tip[hidden]{display: none;} .map-pin-tip-link{color: var(--gold-2);display: inline-block;font-size: var(--fs-caption);margin-top: var(--sp-1);} .map-pin-tip-link:hover{color: var(--gold-bright);} .map-pin-tip-link:focus-visible{color: var(--gold-bright);outline: 2px solid var(--gold-bright);outline-offset: 2px;} .map-pin-tip{animation: tipFade var(--dur-quick) var(--ease-out);} .map-tiles img{outline: 1px solid transparent;} @keyframes tipFade{from{opacity: 0;}} .map-pin-tip strong{color: var(--gold-2);display: block;} .map-pin-tip-meta{color: var(--text-dim);} .map-status p{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #map-status{right: var(--map-panel-x);max-inline-size: calc(100% - (2 * var(--map-panel-x)));padding-inline-end: var(--sp-4);} #map-status p{max-inline-size: 100%;min-width: 0;overflow-wrap: break-word;padding-inline: var(--sp-4);} .map-layers{align-items: center;display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-4);margin: 0 0 var(--sp-2);padding: var(--sp-2) var(--sp-3);} .map-layers-row{align-items: center;display: flex;gap: var(--sp-2);} .map-layer-emblem{flex: 0 0 auto;inline-size: 26px;block-size: 26px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--map-keyline);border-radius: var(--radius-1);background: color-mix(in srgb,var(--bg-deep) 70%,transparent);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-dim) 30%,transparent);overflow: hidden;} .map-layer-emblem img{inline-size: 22px;block-size: 22px;display: block;} .map-layer-swatch{flex: 0 0 auto;inline-size: 12px;block-size: 12px;border: 1.5px solid var(--map-ink);border-radius: 50%;box-shadow: 0 0 0 1px color-mix(in srgb,#f4ecd8 55%,transparent);} .map-layer-swatch[data-kind="monster"]{background: var(--map-creature);} .map-layer-swatch[data-kind="resource"]{background: var(--map-resource);border-radius: 2px;transform: rotate(45deg);inline-size: 10px;block-size: 10px;} .map-layer-heading{color: var(--text-bright);font-size: var(--fs-caption);letter-spacing: var(--ls-nav);text-transform: uppercase;} .map-search-input::placeholder{color: color-mix(in srgb,var(--text-bright) 80%,transparent);} .map-floor-select{appearance: none;background: var(--bg-2);border: 1px solid var(--border);border-radius: var(--radius-2);color: var(--text-body);font: inherit;font-size: var(--fs-small);padding: var(--sp-1) var(--sp-2);appearance: none;min-height: var(--sp-7);flex: 1 1 auto;min-width: 0;width: 100%;padding-right: var(--sp-6);background-image: linear-gradient(to top right,transparent calc(50% - 0.8px),var(--text-bright) calc(50% - 0.8px),var(--text-bright) calc(50% + 0.8px),transparent calc(50% + 0.8px)),linear-gradient(to top left,transparent calc(50% - 0.8px),var(--text-bright) calc(50% - 0.8px),var(--text-bright) calc(50% + 0.8px),transparent calc(50% + 0.8px));background-repeat: no-repeat;background-size: calc(var(--sp-3) / 2) var(--sp-3),calc(var(--sp-3) / 2) var(--sp-3);background-position: right calc(var(--sp-2) + var(--sp-3) / 2) center,right var(--sp-2) center;} .map-search-input{min-height: var(--sp-7);} .map-floor-select,.map-search-input{box-shadow: inset 0 1px 0 rgba(233,220,192,0.26),inset 0 -1px 0 rgba(8,6,4,0.55);} .map-layer-box,.map-floor-select,.map-search-input{color-scheme: dark;} @media (max-width: 1023px){.map-floor-select,.map-search-input{min-height: var(--sp-7);}} .map-search-row{align-items: flex-start;} .map-search-field{display: flex;flex: 1 1 220px;flex-direction: column;gap: var(--sp-1);min-width: 0;} .map-search-input{background: var(--bg-2);border: 1px solid var(--border);border-radius: var(--radius-2);color: var(--text-body);font: inherit;font-size: var(--fs-small);max-width: 100%;padding: var(--sp-1) var(--sp-2);} @media (hover: hover){.map-search-input:hover:not(:disabled){background: color-mix(in srgb,var(--gold-2) 8%,transparent);border-color: color-mix(in srgb,var(--gold-2) 45%,transparent);}} .map-layers :is(button,input,select,a):focus-visible,.map-search-input:focus-visible,.map-layer-box:focus-visible,.map-floor-select:focus-visible,.map-search-retry:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: 2px;} .map-search-input::placeholder{color: var(--text-dim);} .map-search-list{background: var(--bg-2);border: 1px solid var(--border);border-radius: var(--radius-2);color: var(--text-body);font-size: var(--fs-small);list-style: none;margin: 0;max-width: 100%;overflow-wrap: anywhere;padding: calc(var(--sp-1) / 2);} .map-search-list[hidden]{display: none;} .map-search-option{align-items: baseline;border-radius: var(--radius-2);cursor: pointer;display: flex;flex-wrap: wrap;gap: var(--sp-1) var(--sp-2);justify-content: space-between;padding: var(--sp-1) var(--sp-2);} .map-search-option:hover,.map-search-option.is-active{background: color-mix(in srgb,var(--gold-2) 14%,transparent);color: var(--gold-2);} .map-search-option mark{background: color-mix(in srgb,var(--gold-2) 22%,transparent);color: inherit;} .map-search-meta{color: var(--text-dim);font-size: var(--fs-caption);font-variant-numeric: tabular-nums;white-space: nowrap;} .map-search-floor{border: 1px solid var(--map-keyline);border-radius: var(--radius-1);color: var(--text-dim);font-size: var(--fs-caption);font-variant-numeric: tabular-nums;padding: 0 var(--sp-1);} .map-search-status{color: var(--text-body);font-size: var(--fs-small);padding: var(--sp-2);} .map-search-retry{background: var(--bg-2);border: 1px solid var(--border);border-radius: var(--radius-2);color: var(--text-body);cursor: pointer;font: inherit;font-size: var(--fs-caption);margin-left: var(--sp-2);padding: var(--sp-1) var(--sp-2);} @media (hover: hover){.map-search-retry:hover:not(:disabled){background: color-mix(in srgb,var(--gold-2) 10%,transparent);border-color: var(--gold-2);color: var(--gold-2);}} .map-search-retry:active:not(:disabled){background: color-mix(in srgb,var(--gold-2) 20%,transparent);} .map-search-retry{min-height: 44px;} .map-layers-list{display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-4);padding-bottom: var(--sp-4);} .map-stage > .map-layers,.map-stage > .map-layers .map-layers-list{scrollbar-color: transparent transparent;} .map-stage > .map-layers:hover,.map-stage > .map-layers:focus-within,.map-stage > .map-layers .map-layers-list:hover,.map-stage > .map-layers .map-layers-list:focus-within{scrollbar-color: var(--gold-mid) transparent;} .map-layer{align-items: center;color: var(--text-body);cursor: pointer;display: flex;font-size: var(--fs-small);gap: var(--sp-2);} .map-layer input{accent-color: var(--gold-2);cursor: pointer;margin: 0;} .map-layer input[type="checkbox"]{block-size: 18px;inline-size: 18px;} .map-layers-list .map-layer input[type="checkbox"]{appearance: none;background: transparent;border: 1px solid var(--gold-dim);block-size: 16px;cursor: pointer;flex-shrink: 0;inline-size: 16px;margin: 0;padding: 0;} @media (hover: hover){.map-layers-list .map-layer input[type="checkbox"]:hover:not(:disabled){border-color: var(--gold-mid);}} .map-layers-list .map-layer input[type="checkbox"]:checked{background-color: var(--gold-dim);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23e8ddc3' stroke-width='2'/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: 12px 12px;border-color: var(--gold-mid);} .map-layer{min-height: 44px;} .map-layers-list .map-layer:has(.map-layer-count){flex-basis: 100%;padding-right: var(--sp-1);} .map-layers-list .map-layer .map-layer-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .map-layer-count{color: var(--text-body);flex-shrink: 0;font-size: var(--fs-caption);font-variant-numeric: tabular-nums;margin-left: auto;white-space: nowrap;} .map-layer-count:empty{display: none;} .map-panel input:not([type="checkbox"]):not([type="radio"]),.map-panel select{appearance: none;border-radius: var(--radius-1,5px);color: inherit;font: inherit;height: var(--sp-7);} .map-territory{left: 0;pointer-events: none;position: absolute;top: 0;z-index: 0;} .map-zones{left: 0;opacity: 0.9;pointer-events: none;position: absolute;top: 0;z-index: 0;} .map-territory-area{fill: color-mix(in srgb,var(--gold-2) 9%,transparent);pointer-events: auto;stroke: color-mix(in srgb,var(--gold-2) 55%,transparent);} .map-blob{border-radius: 50%;pointer-events: auto;position: absolute;background: radial-gradient(circle,color-mix(in srgb,var(--blue) 75%,transparent) 0%,transparent 70%);z-index: 1;} .map-blob-resource{background: radial-gradient(circle,color-mix(in srgb,var(--map-resource) 88%,transparent) 0%,color-mix(in srgb,var(--map-resource) 46%,transparent) 46%,transparent 74%);} .map-blob-prop{background: radial-gradient(circle,color-mix(in srgb,var(--steel) 60%,transparent) 0%,transparent 70%);} .map-blob-structure{background: radial-gradient(circle,color-mix(in srgb,var(--parchment-dark) 65%,transparent) 0%,transparent 70%);} .map-pin-monster{background: var(--map-creature);} .map-pin-resource{background: var(--map-resource);border-radius: 2px;transform: translate(-50%,-50%) rotate(45deg);height: 12px;width: 12px;} .map-layer{color: var(--text-body);} .map-layer:has(input:checked){color: var(--text-bright);} .map-layer:has(input:checked) input{accent-color: var(--text-bright);} .map-layer:focus-within{outline: 2px solid var(--gold-mid);outline-offset: calc(var(--sp-1) / 2);} .site-header .site-brand,.site-header .btn,.skip-link{height: 44px;display: inline-flex;align-items: center;padding: 0 var(--sp-4);border-radius: var(--radius-2);letter-spacing: 2px;transition-duration: var(--dur-quick);} .map-tiles img,.map-basemap img,.map-frame > img,.map-overview img,#map-basemap{outline: 1px solid transparent;outline-offset: -1px;} @media (max-width: 1023px){.map-zoom{right: var(--sp-3);}} .map-key{border-top: 1px solid var(--map-keyline-dim);margin-top: var(--sp-2);padding-top: var(--sp-2);} .map-key-head{color: var(--gold-mid);font-size: var(--fs-caption);letter-spacing: var(--ls-caps);margin: 0 0 var(--sp-2);text-transform: uppercase;} .map-key-row{align-items: center;color: var(--text-body);display: flex;font-size: var(--fs-caption);gap: var(--sp-2);margin: 0 0 var(--sp-1);} .map-key-pin{align-items: center;border: 1.5px solid var(--map-ink);box-shadow: 0 0 0 1px color-mix(in srgb,#f4ecd8 55%,transparent);display: flex;flex: 0 0 auto;justify-content: center;} .map-key-pin-monster{background: var(--map-creature);border-radius: 50%;height: 14px;width: 14px;} .map-key-cluster{background: linear-gradient(180deg,var(--map-creature),var(--map-creature-deep));border-radius: var(--radius-pill,999px);color: #f7efdc;font-size: var(--fs-caption);font-variant-numeric: tabular-nums;font-weight: 700;height: 20px;line-height: 1;min-width: 24px;padding: 0 var(--sp-2);box-sizing: border-box;} .map-key-field{background: radial-gradient(circle,color-mix(in srgb,var(--map-resource) 88%,transparent) 0%,color-mix(in srgb,var(--map-resource) 46%,transparent) 46%,transparent 74%);border: 0;border-radius: 50%;box-shadow: none;height: 20px;width: 20px;} .map-key-text{line-height: 1.35;} .map-key-foot{color: var(--text-body);font-size: var(--fs-caption);line-height: 1.4;margin: var(--sp-2) 0 0;} .map-panel-toggle{align-items: center;display: flex;justify-content: space-between;} .map-panel-toggle::after{margin-left: auto;} @media (hover: hover){.map-panel-toggle:hover{color: var(--gold-bright);}} .map-panel-toggle:active{color: var(--gold-bright);} .map-panel-toggle:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: 2px;} @media (max-width: 1023px){.map-panel-toggle{min-height: 44px;} .map-status{font-size: var(--fs-small);} .map-status p{color: var(--text-bright);}} .map-cluster[data-rank="s"]{font-size: var(--fs-micro);height: 22px;min-width: 22px;opacity: 0.92;padding: 0 var(--sp-1);} .map-cluster[data-rank="m"]{font-size: var(--fs-caption);height: 26px;min-width: 26px;padding: 0 8px;} .map-cluster[data-rank="l"]{font-size: var(--fs-small);height: 32px;min-width: 32px;padding: 0 var(--sp-3);} .map-cluster[data-rank="xl"]{box-shadow: 0 0 0 1px color-mix(in srgb,#f4ecd8 70%,transparent),0 3px 10px rgba(16,12,7,0.8);font-size: var(--fs-small);height: 36px;min-width: 36px;padding: 0 var(--sp-3);} .map-key-row,.map-key-foot{font-size: var(--fs-small);} .map-titlecard,.map-status,.map-stage > .map-layers{box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-dim) 40%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--gold-mid) 16%,transparent),0 14px 34px rgba(12,8,4,0.62),0 2px 0 color-mix(in srgb,var(--umber) 30%,transparent);} .map-zoom{border-color: var(--gold-dim);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-bright) 30%,transparent),0 10px 26px rgba(12,8,4,0.7);} body.map-page{--map-parchment: #ead9b3;--map-parchment-deep: #cdb684;--map-oxblood: #6d2a1d;} .map-cluster,.map-cluster-monster{background: linear-gradient(180deg,var(--map-parchment),var(--map-parchment-deep));border: 1.5px solid var(--map-oxblood);color: var(--map-oxblood);box-shadow: inset 0 1px 0 rgba(255,252,244,0.6),0 2px 6px rgba(16,12,7,0.7);} .map-cluster-resource{background: linear-gradient(180deg,var(--map-resource),var(--map-resource-deep));border-color: var(--map-ink);color: var(--map-ink);} .map-pin-monster{background: var(--map-oxblood);box-shadow: 0 0 0 2px color-mix(in srgb,var(--map-parchment) 85%,transparent),0 2px 5px rgba(16,12,7,0.7);} .map-cluster[data-rank="s"]{font-size: var(--fs-micro);height: 20px;min-width: 20px;padding: 0 var(--sp-1);} .map-cluster[data-rank="m"]{height: 28px;min-width: 28px;padding: 0 8px;} .map-cluster[data-rank="l"]{font-size: var(--fs-small);height: 36px;min-width: 36px;padding: 0 var(--sp-3);} .map-cluster[data-rank="xl"]{font-size: var(--fs-body);height: 44px;min-width: 44px;padding: 0 13px;} .map-key-cluster{background: linear-gradient(180deg,var(--map-parchment),var(--map-parchment-deep));border-color: var(--map-oxblood);color: var(--map-oxblood);} .map-key-pin-monster{background: var(--map-oxblood);box-shadow: 0 0 0 2px color-mix(in srgb,var(--map-parchment) 85%,transparent);} .map-pin-tip{backdrop-filter: blur(16px) saturate(1.15);background-image: linear-gradient(180deg,color-mix(in srgb,var(--umber) 24%,transparent),color-mix(in srgb,var(--umber) 6%,transparent) 62%,transparent),linear-gradient(180deg,color-mix(in srgb,var(--soot) 84%,transparent),color-mix(in srgb,var(--cinder) 92%,transparent));background-color: transparent;border: 1px solid var(--map-keyline);border-radius: var(--radius-2);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-dim) 40%,transparent),0 14px 34px rgba(12,8,4,0.7);font-size: var(--fs-caption);max-width: 264px;padding: var(--sp-2) var(--sp-3);transform: translate(-50%,calc(-100% - 44px));} .map-pin-tip strong{border-bottom: 1px solid var(--map-keyline-dim);color: var(--gold-bright);font-size: var(--fs-small);letter-spacing: var(--ls-caps);margin-bottom: var(--sp-1);padding-bottom: var(--sp-1);text-transform: uppercase;} .map-pin-tip-meta{color: var(--text-body);font-variant-numeric: tabular-nums;} .map-pin-tip-summary{color: var(--text-secondary);display: block;font-style: italic;} .map-pin-tip-tail{background: var(--cinder);border: 1px solid var(--map-keyline);border-left: 0;border-top: 0;bottom: -7px;display: block;height: 12px;left: 50%;position: absolute;transform: translateX(-50%) rotate(45deg);width: 12px;} @media (max-width: 1023px){.map-zoom-btn{block-size: 44px;inline-size: 44px;}} .map-titlecard,.map-status,.map-stage > .map-layers,.map-pin-tip{border-radius: 6px;} .map-zoom{border-radius: 6px;} .map-status{border-top: 1px solid color-mix(in srgb,var(--gold-mid) 34%,transparent);max-width: 34ch;padding: var(--sp-2) var(--sp-3);} .map-status p{color: var(--text-body);font-size: var(--fs-caption);line-height: 1.45;} .map-caption-date{color: var(--gold-2);font-variant-numeric: tabular-nums;} @media (max-width: 1023px){.map-status{left: var(--sp-3);right: var(--sp-3);max-width: none;} .map-status p{color: var(--text-bright);font-size: var(--fs-small);}} .map-pin-tip-tail{border-color: var(--gold-dim);border-width: 2px;} @media (max-width: 1023px){.map-status p{color: var(--text-bright);font-size: var(--fs-small);line-height: 1.5;} .map-caption-date{color: var(--gold-bright);}} .map-cluster[data-rank="xs"]{font-size: var(--fs-micro);font-weight: 600;height: 18px;min-width: 18px;opacity: 0.78;padding: 0 4px;} .map-cluster[data-rank="s"]{font-size: var(--fs-micro);height: 20px;min-width: 20px;opacity: 0.92;padding: 0 var(--sp-1);} .map-cluster[data-rank="m"]{font-size: var(--fs-caption);height: 32px;min-width: 32px;opacity: 1;padding: 0 var(--sp-2);} .map-cluster[data-rank="l"]{font-size: var(--fs-small);height: 44px;min-width: 44px;opacity: 1;padding: 0 12px;} .map-cluster[data-rank="xl"]{font-size: var(--fs-body);height: 49px;min-width: 49px;opacity: 1;padding: 0 14px;} @media (hover: hover){.map-cluster:hover{opacity: 1;}} .map-cluster:focus-visible{opacity: 1;} .map-pin-tip-summary-first{border-top: 1px solid var(--map-keyline-dim);margin-top: var(--sp-2);padding-top: var(--sp-1);} body.map-page{--map-parchment: #d8c39b;--map-parchment-deep: #b69d71;} .map-cluster,.map-cluster-monster{transition: opacity var(--dur-instant) var(--ease-out);} .map-cluster[data-rank="xs"],.map-cluster[data-rank="s"]{background: color-mix(in srgb,var(--map-parchment) 72%,transparent);border-width: 1px;border-color: color-mix(in srgb,var(--map-oxblood) 45%,transparent);box-shadow: 0 1px 3px rgba(16,12,7,0.5);color: color-mix(in srgb,var(--map-oxblood) 88%,transparent);} .map-cluster[data-rank="xs"]{opacity: 0.62;} .map-cluster[data-rank="s"]{opacity: 0.76;} .map-cluster[data-rank="m"]{opacity: 0.9;} .map-cluster[data-rank="l"],.map-cluster[data-rank="xl"]{border-color: var(--map-oxblood);box-shadow: inset 0 1px 0 rgba(255,252,244,0.55),0 0 0 1px color-mix(in srgb,var(--gold-dim) 55%,transparent),0 3px 10px rgba(16,12,7,0.75);opacity: 1;} @media (hover: hover){.map-cluster:hover{opacity: 1;}} .map-cluster:focus-visible{opacity: 1;} .map-cluster,.map-cluster-monster,.map-cluster[data-rank="xs"],.map-cluster[data-rank="s"],.map-cluster[data-rank="m"],.map-cluster[data-rank="l"],.map-cluster[data-rank="xl"]{background: color-mix(in srgb,#1c1409 78%,transparent);border: 1px solid color-mix(in srgb,var(--gold-dim) 55%,transparent);color: var(--map-parchment);box-shadow: 0 2px 6px rgba(10,7,3,0.6);} .map-cluster[data-rank="xs"]{background: color-mix(in srgb,#1c1409 58%,transparent);border-color: color-mix(in srgb,var(--gold-dim) 30%,transparent);color: color-mix(in srgb,var(--map-parchment) 88%,transparent);opacity: 1;} .map-cluster[data-rank="s"]{background: color-mix(in srgb,#1c1409 66%,transparent);border-color: color-mix(in srgb,var(--gold-dim) 40%,transparent);color: color-mix(in srgb,var(--map-parchment) 94%,transparent);opacity: 1;} .map-cluster[data-rank="m"]{opacity: 0.94;} .map-cluster[data-rank="l"],.map-cluster[data-rank="xl"]{background: color-mix(in srgb,#1c1409 88%,transparent);border-color: var(--gold-mid);color: var(--gold-bright);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-dim) 45%,transparent),0 3px 10px rgba(10,7,3,0.75);opacity: 1;} @media (hover: hover){.map-cluster:hover{background: color-mix(in srgb,#1c1409 92%,transparent);border-color: var(--gold-bright);color: var(--gold-bright);opacity: 1;}} .map-cluster:focus-visible{opacity: 1;} .map-pin-monster{background: var(--map-oxblood);box-shadow: 0 0 0 1.5px color-mix(in srgb,var(--map-parchment) 80%,transparent),0 2px 4px rgba(10,7,3,0.7);} .map-key-cluster{background: color-mix(in srgb,#1c1409 88%,transparent);border-color: var(--gold-mid);color: var(--gold-bright);} .map-pin-tip-tail{background: none;border: 11px solid transparent;border-bottom: 0;border-top: 13px solid var(--gold-mid);bottom: -13px;box-shadow: none;height: 0;transform: translateX(-50%);width: 0;} .map-cluster[data-rank="l"],.map-cluster[data-rank="xl"]{border-color: color-mix(in srgb,var(--gold-dim) 80%,transparent);color: var(--map-parchment);} .map-cluster[data-rank="m"]{background: color-mix(in srgb,#1c1409 82%,transparent);border-color: color-mix(in srgb,var(--gold-dim) 48%,transparent);opacity: 1;} .map-cluster,.map-cluster-monster{--map-cluster-plate: #563f20;--map-cluster-keyline: color-mix(in srgb,var(--gold-dim) 70%,transparent);--map-cluster-glyph: var(--map-parchment);} .map-cluster,.map-cluster-monster,.map-cluster[data-rank="xs"],.map-cluster[data-rank="s"],.map-cluster[data-rank="m"],.map-cluster[data-rank="l"],.map-cluster[data-rank="xl"]{background: color-mix(in srgb,var(--map-cluster-plate) 95%,transparent);border: 1px solid var(--map-cluster-keyline);color: var(--map-cluster-glyph);box-shadow: 0 2px 6px rgba(10,7,3,0.6);opacity: 1;} .map-cluster[data-rank="xs"]{--map-cluster-plate: #1f1509;--map-cluster-keyline: color-mix(in srgb,var(--gold-dim) 22%,transparent);--map-cluster-glyph: #a89670;opacity: 1;} .map-cluster[data-rank="s"]{--map-cluster-plate: #342616;--map-cluster-keyline: color-mix(in srgb,var(--gold-dim) 42%,transparent);--map-cluster-glyph: #b3a081;opacity: 1;} .map-cluster[data-rank="m"]{--map-cluster-plate: #563f20;--map-cluster-keyline: color-mix(in srgb,var(--gold-dim) 70%,transparent);--map-cluster-glyph: var(--map-parchment);opacity: 1;} .map-cluster[data-rank="l"]{--map-cluster-plate: #6c522b;--map-cluster-keyline: color-mix(in srgb,var(--gold-mid) 95%,transparent);--map-cluster-glyph: #f7edd6;box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-mid) 40%,transparent),0 3px 10px rgba(10,7,3,0.75);opacity: 1;} .map-cluster[data-rank="xl"]{--map-cluster-plate: #7d5f32;--map-cluster-keyline: var(--gold-mid);--map-cluster-glyph: #fdf6e6;box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-mid) 55%,transparent),0 4px 14px rgba(10,7,3,0.8);opacity: 1;} @media (hover: hover){.map-cluster:hover{--map-cluster-keyline: var(--gold-bright);background: color-mix(in srgb,var(--map-cluster-plate) 95%,transparent);color: var(--map-cluster-glyph);opacity: 1;}} .map-cluster:focus-visible{--map-cluster-keyline: var(--gold-bright);opacity: 1;} .map-key-cluster{background: color-mix(in srgb,#6c522b 95%,transparent);border-color: color-mix(in srgb,var(--gold-mid) 95%,transparent);color: #f7edd6;} .map-panel-toggle{background: none;border: 0;color: var(--gold-mid);cursor: pointer;display: flex;font: inherit;font-size: var(--fs-small);letter-spacing: var(--ls-caps);margin: 0;min-height: var(--sp-7);order: -1;padding: 0;text-align: left;text-transform: uppercase;width: 100%;} .map-panel-toggle::after{border: var(--sp-1) solid transparent;border-bottom-color: currentColor;content: "";display: inline-block;margin-left: auto;transform: translateY(-2px);} .map-layers.is-collapsed .map-panel-toggle::after{border-bottom-color: transparent;border-top-color: currentColor;transform: translateY(3px);} .map-layers.is-collapsed{max-height: none;padding-block: 0;} .map-layers.is-collapsed .map-panel-toggle{align-items: center;display: flex;} .map-layers.is-collapsed > :not(.map-panel-toggle){display: none;} @media (min-width: 1024px){#map-status{inset-inline-start: auto;left: auto;right: var(--map-panel-x);bottom: var(--map-panel-x);width: var(--map-panel-w);}} .map-layers .map-panel-toggle{align-items: center;background: linear-gradient(180deg,color-mix(in srgb,var(--gold-2) 20%,transparent),color-mix(in srgb,var(--gold-2) 9%,transparent));border: 1px solid color-mix(in srgb,var(--gold-mid) 78%,transparent);border-radius: var(--radius-1);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-bright) 34%,transparent),0 1px 2px rgba(0,0,0,0.5);box-sizing: border-box;color: var(--gold-bright);display: flex;font-weight: 700;gap: var(--sp-2);justify-content: space-between;min-height: 44px;padding: var(--sp-2) var(--sp-3);transition: background-color var(--dur-instant) var(--ease-out),border-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out);width: 100%;} .map-layers .map-panel-toggle::after{content: none;} .map-panel-toggle-label{letter-spacing: 0;text-transform: none;} .map-panel-toggle-verb{align-items: center;background: color-mix(in srgb,var(--gold-2) 24%,transparent);border: 1px solid transparent;border-radius: 999px;display: inline-flex;flex: none;font-size: var(--fs-caption);font-weight: 600;gap: 6px;letter-spacing: 0;line-height: 1;margin-left: auto;padding: 5px 9px 5px 11px;text-transform: none;} .map-panel-toggle-verb::after{border: 5px solid transparent;border-bottom-color: currentColor;content: "";display: block;transform: translateY(-2px);} .map-layers.is-collapsed .map-panel-toggle-verb::after{border-bottom-color: transparent;border-top-color: currentColor;transform: translateY(3px);} .map-panel-toggle-verb-closed{display: none;} .map-layers.is-collapsed .map-panel-toggle-verb-open{display: none;} .map-layers.is-collapsed .map-panel-toggle-verb-closed{display: inline;} @media (hover: hover){.map-layers .map-panel-toggle:hover{background: linear-gradient(180deg,color-mix(in srgb,var(--gold-2) 30%,transparent),color-mix(in srgb,var(--gold-2) 15%,transparent));border-color: var(--gold-bright);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-bright) 48%,transparent),0 2px 4px rgba(0,0,0,0.55);color: var(--white);}} .map-layers .map-panel-toggle:focus-visible{background: linear-gradient(180deg,color-mix(in srgb,var(--gold-2) 30%,transparent),color-mix(in srgb,var(--gold-2) 15%,transparent));border-color: var(--gold-bright);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-bright) 48%,transparent),0 2px 4px rgba(0,0,0,0.55);color: var(--white);} .map-layers .map-panel-toggle:active{background: color-mix(in srgb,var(--gold-2) 34%,transparent);border-color: var(--gold-bright);box-shadow: none;color: var(--white);} @media (min-width: 1024px) and (max-height: 800px){body.map-page .map-stage > .map-layers{gap: 10px;padding-bottom: var(--sp-2);padding-top: 6px;} .map-stage > .map-layers > .map-key{margin-top: 0;}} @media (max-width: 1023px){.map-page .map-zoom{box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-bright) 30%,transparent),0 0 0 2px color-mix(in srgb,var(--soot) 82%,transparent),0 10px 26px rgba(12,8,4,0.7);}} .map-compass{color: var(--gold-2);} .map-scalebar{display: flex;align-items: center;gap: var(--sp-2);padding: var(--sp-2) var(--sp-3);border-top: thin solid var(--map-keyline-dim);} .map-scalebar[hidden]{display: none;} .map-scalebar-track{position: relative;flex: 1 1 auto;block-size: 0.25rem;background: color-mix(in srgb,var(--gold-mid) 30%,transparent);overflow: hidden;} .map-scalebar-fill{position: absolute;inset-block: 0;inset-inline-start: 0;inline-size: 0;background: var(--gold-bright);} .map-scalebar-label{color: var(--text-body);font-size: var(--fs-caption);font-variant-numeric: tabular-nums;white-space: nowrap;} .map-region-line{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 var(--sp-2);margin: var(--sp-1) 0 0;font-size: var(--fs-caption);} .map-region-line-name{color: var(--gold-bright);letter-spacing: var(--ls-caps);text-transform: uppercase;} .map-region-line-head{color: var(--text-bright);font-weight: 700;} .map-region-line-sub{color: var(--text-body);} .map-key-static{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-1) var(--sp-2);margin: var(--sp-2) 0 0;font-size: var(--fs-caption);color: var(--text-body);} .map-key-static a{color: var(--link);} .map-zoom{clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);} .map-link-target{position: absolute;width: 54px;height: 54px;margin-left: -27px;margin-top: -27px;border: 3px solid var(--gold-bright);border-radius: 50%;box-shadow: inset 0 0 0 1px rgba(22,18,12,0.85),0 0 0 2px rgba(22,18,12,0.7),0 0 16px 3px color-mix(in srgb,var(--gold-bright) 55%,transparent);pointer-events: none;z-index: 3;animation: map-link-target-pulse 2.4s ease-in-out infinite;} @keyframes map-link-target-pulse{0%,100%{opacity: 1;transform: scale(1);} 50%{opacity: 0.72;transform: scale(1.09);}} @media (prefers-reduced-motion: reduce){.map-link-target{animation: none;}} .map-search-type{align-items: center;color: var(--text-dim);display: inline-flex;flex: 0 0 auto;font-size: var(--fs-caption);gap: var(--sp-1);letter-spacing: 0.02em;order: -1;text-transform: uppercase;white-space: nowrap;} .map-search-type-mark{background: var(--map-creature);block-size: 9px;border: 1px solid var(--map-ink);border-radius: 50%;display: inline-block;flex: 0 0 auto;inline-size: 9px;} .map-search-type-resource .map-search-type-mark{background: var(--map-resource);border-radius: 1px;transform: rotate(45deg);} .map-search-type-zone .map-search-type-mark{background: color-mix(in srgb,var(--gold-2) 70%,transparent);border-radius: 1px;transform: none;} .map-search-option:hover .map-search-type,.map-search-option.is-active .map-search-type{color: inherit;} .map-noscript{align-items: center;display: flex;flex-direction: column;gap: var(--sp-3);inset: 0;justify-content: center;padding: var(--sp-4);position: absolute;} .map-noscript img{block-size: auto;border: 1px solid color-mix(in srgb,var(--gold-2) 28%,transparent);border-radius: var(--radius-2);inline-size: 100%;max-block-size: 78%;object-fit: contain;} .map-noscript p{color: var(--text-primary);margin: 0;max-inline-size: 60ch;text-align: center;text-wrap: balance;} .map-markerlist{background: var(--bg-2);border-block-start: 1px solid var(--map-keyline);margin: 0;} .map-markerlist-inner{margin-inline: auto;max-inline-size: 1200px;padding: 16px 20px 20px;} .map-markerlist-heading{font-size: var(--fs-body);letter-spacing: 0.04em;margin: 0 0 4px;text-transform: uppercase;} .map-markerlist-summary{color: var(--text-primary);margin: 0 0 12px;} .map-markerlist-toggle{cursor: pointer;min-block-size: 44px;padding-block: 12px;} .map-markerlist-rows{display: grid;gap: 4px;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));list-style: none;margin: 0;max-block-size: 320px;overflow-y: auto;padding: 0;} .map-markerlist-row{background: transparent;border: 1px solid transparent;border-radius: var(--radius-1,4px);color: var(--text-primary);cursor: pointer;block-size: 44px;line-height: 20px;overflow: hidden;padding: 12px;text-overflow: ellipsis;white-space: nowrap;} .map-markerlist-row:hover{border-color: var(--map-keyline);} .map-markerlist-row[aria-selected="true"]{border-color: var(--map-keyline);} .map-markerlist-more{color: var(--text-dim);margin: 12px 0 0;} .map-markerlist-row:focus-visible,.map-markerlist-toggle:focus-visible{outline: 2px solid var(--map-focus-ring);outline-offset: 2px;} @media (max-width: 599px){.map-markerlist-inner{padding: 12px 16px 16px;} .map-markerlist-rows{grid-template-columns: 1fr;max-block-size: 240px;}} @media (max-width: 1023px){.map-stage{--map-tap: 44px;--map-dock-zoom-w: calc(var(--map-tap) * 4 + 2px);display: grid;grid-template-columns: minmax(0,1fr) auto;grid-template-rows: auto minmax(0,1fr) auto auto;grid-template-areas: "title title" "map map" "status status" "dock dock";} .map-stage > .map-titlecard{grid-area: title;position: static;inset: auto!important;inline-size: auto;max-inline-size: none;margin: var(--sp-2) var(--sp-2) 0;padding: var(--sp-1) var(--sp-3);display: flex;flex-wrap: wrap;align-items: baseline;column-gap: var(--sp-3);row-gap: 0;} .map-stage > .map-titlecard .map-key-static{flex: 1 1 auto;margin: 0;} .map-stage > .map-scroller{grid-area: map;position: relative;inset: auto;block-size: auto;inline-size: auto;min-block-size: 0;min-inline-size: 0;} .map-stage > .map-status{grid-area: status;position: static;inset: auto;inline-size: auto;max-inline-size: none;margin: var(--sp-1) var(--sp-2) 0;padding: var(--sp-1) var(--sp-3);border-top: 0;} .map-stage > .map-zoom{grid-area: dock;position: static;inset: auto;justify-self: end;flex-direction: row;margin: var(--sp-2);height: auto;} .map-stage > .map-zoom .map-scalebar{display: none;} .map-stage > .map-layers{top: auto;bottom: var(--sp-2);inset-inline-start: var(--sp-2);inline-size: auto;max-inline-size: calc(100% - var(--sp-2) * 2);z-index: 6;} .map-stage > .map-layers.is-collapsed{inline-size: calc(100% - var(--map-dock-zoom-w) - var(--sp-2) * 3);max-block-size: none;min-block-size: var(--map-tap);padding-block: 0;} .map-stage > .map-layers:not(.is-collapsed){inset-inline: 0;bottom: 0;border-radius: var(--radius-2) var(--radius-2) 0 0;max-block-size: calc(100% - var(--map-titlecard-h) - var(--sp-4));overflow: auto;}} @media (max-width: 600px){.map-stage > .map-titlecard h1{--fs-plate-name: var(--fs-h5);} .map-stage > .map-titlecard .map-region-line{display: none;}} .map-tiles{overflow: hidden;}