@property --cx{syntax:"<number>";inherits:true;initial-value:500}@property --cy{syntax:"<number>";inherits:true;initial-value:230}@property --s{syntax:"<number>";inherits:true;initial-value:1}@keyframes map-fade{0%{opacity:0}}@keyframes map-ripple{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(3.2)}}@layer components{.map-cam{transform-origin:0 0;transform:translate(50%, 50%) scale(var(--s)) translate(calc(var(--cx) * -0.1%), calc(var(--cy) * -0.217391%));transition:--cx .75s var(--ease-dora), --cy .75s var(--ease-dora), --s .75s var(--ease-dora)}.map-cam[data-drag]{transition:none}.map-pin{transform:translate(-50%, -50%) scale(calc(1 / var(--s)))}.map-arc{stroke-width:calc(.9px / var(--s))}.map-arc-hi{stroke-width:calc(1.7px / var(--s));stroke-dasharray:calc(6px / var(--s)) calc(8px / var(--s))}.map-section{padding-bottom:64px}.map-layout{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.map-col{display:contents}.map-title{flex-direction:column;order:1}.map-main,.map-listview{order:2}.map-selected{order:3}.map-search{order:4}.map-list{order:5}.map-stats{order:6}.map-box{aspect-ratio:1000/640}@media (min-width:768px){.map-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.map-title,.map-main,.map-listview,.map-stats{grid-column:span 2}.map-stats{order:3}.map-selected{order:5;grid-row:span 2;align-self:start}.map-list{order:6}.map-box{aspect-ratio:1000/600}.map-stats{height:88px}}@media (min-width:1440px){.map-section{padding-bottom:28px}.map-layout{grid-template-columns:minmax(0,1fr) 400px;column-gap:20px}.map-col{flex-direction:column;gap:14px;min-width:0;display:flex}.map-layout .map-col>*{order:0}.map-title{flex-direction:row;justify-content:space-between;align-items:flex-end}.map-main:not(.hidden){flex-direction:column;flex-grow:1;display:flex}.map-list,.map-box{flex-grow:1}.map-box{aspect-ratio:auto;min-height:440px}.map-selected{align-self:auto}}.map-land{background:var(--color-rule-dark);-webkit-mask:url(/community/map/land.svg) 0 0/100% 100% no-repeat;mask:url(/community/map/land.svg) 0 0/100% 100% no-repeat}.map-arcs{stroke:var(--color-map-node);opacity:0;transition:opacity var(--transition-duration-slow) var(--ease-dora)}.map-arcs[data-on]{opacity:.3}.map-arc{transition:opacity var(--transition-duration-slow) var(--ease-dora)}.map-arc[data-off]{opacity:0}.map-arc-hi{stroke:var(--color-map-node-hi);animation:map-fade var(--transition-duration-slow) var(--ease-dora)}.map-home{background:var(--color-surface);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-map-node-hi);border-radius:50%;display:block}.map-dot{background:var(--color-map-node-hi);width:13px;height:13px;box-shadow:0 0 14px color-mix(in srgb, var(--color-map-node-hi) 50%, transparent);transition:transform var(--transition-duration-slow) var(--ease-dora), background-color var(--transition-duration-slow) var(--ease-dora), box-shadow var(--transition-duration-slow) var(--ease-dora), opacity var(--transition-duration-slow) var(--ease-dora);border-radius:50%;display:block}.map-dot[data-big]{width:19px;height:19px}.map-dot[data-on]{background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-surface) 85%, transparent), 0 0 22px color-mix(in srgb, var(--color-map-node-hi) 90%, transparent)}:disabled>.map-dot{opacity:.15}.map-ripple{border:1px solid var(--color-map-node-hi);width:20px;height:20px;animation:map-ripple 2.6s var(--ease-dora) infinite;border-radius:50%;position:absolute}.map-tip{border:1px solid color-mix(in srgb, var(--color-accent-inverse) 40%, transparent);background:color-mix(in srgb, var(--color-surface-darker) 95%, transparent);box-shadow:var(--shadow-lift);text-align:left;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-duration-base) var(--ease-dora), transform var(--transition-duration-base) var(--ease-dora);border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex;position:absolute;bottom:56%;left:50%;transform:translate(-50%,-6px)scale(.96)}@media (hover:hover){.map-pin:enabled:hover .map-dot{transform:scale(1.35)}.map-pin:enabled:hover .map-tip{opacity:1;transform:translate(-50%,-14px)scale(1)}}.map-controls{align-items:flex-start;gap:8px;margin-top:12px;display:flex}.map-zoom{border:1px solid var(--color-rule-dark);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface-darker) 85%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;overflow:hidden}.map-zoom>button{width:44px;height:44px;color:var(--color-fg-inverse);transition:background-color var(--transition-duration-base) var(--ease-dora), color var(--transition-duration-base) var(--ease-dora);justify-content:center;align-items:center;display:flex}.map-zoom>button+button{border-left:1px solid var(--color-rule-dark)}.map-zoom>button:enabled:hover{background:var(--color-surface);color:var(--color-midnight)}.map-zoom>button:disabled{opacity:.4}.map-routes{height:44px}.map-line{background:currentColor;width:16px;height:1px;display:block}@media (min-width:768px){.map-controls{flex-direction:column;align-items:flex-end;margin-top:0;position:absolute;top:18px;right:18px}.map-zoom{flex-direction:column}.map-zoom>button+button{border-left:0;border-top:1px solid var(--color-rule-dark)}.map-routes{height:40px}}.map-stage{inset-inline:0;aspect-ratio:1000/460;-webkit-user-select:none;user-select:none;touch-action:pan-y;position:absolute;top:50%;translate:0 -50%}.map-stage[data-zoomed]{cursor:grab;touch-action:none}.map-stage[data-zoomed]:active{cursor:grabbing}.map-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-globe{inset-block:12px;aspect-ratio:1;max-width:100%;position:absolute;left:50%;translate:-50%}.map-badge,.map-legend{border:1px solid var(--color-rule-dark);background:color-mix(in srgb, var(--color-surface-darker) 85%, transparent);position:absolute;left:18px}.map-badge{padding:8px 14px;top:18px}.map-legend{padding:12px 16px;bottom:18px}.map-script{position:absolute;bottom:20px;right:20px}.map-dot-sm{width:8px;height:8px;box-shadow:none}.map-row{transition:background-color var(--transition-duration-base) var(--ease-dora), border-color var(--transition-duration-base) var(--ease-dora);border-left:3px solid #0000;padding:11px 14px}.map-row>*{transition:translate var(--transition-duration-base) var(--ease-dora)}.map-row:hover>*{translate:4px}.map-row:hover,.map-row[aria-pressed=true]{background:var(--color-surface-muted)}.map-row[aria-pressed=true]{border-left-color:var(--color-accent-rule)}.map-row-dot{background:var(--color-map-node-hi);opacity:.35;width:10px;height:10px;transition:opacity var(--transition-duration-base) var(--ease-dora);border-radius:50%;flex-shrink:0}[aria-pressed=true]>.map-row-dot{opacity:1}.map-statgrid{row-gap:20px;padding:20px 8px}.map-statgrid>:nth-child(2n){border-left:1px solid var(--color-rule-soft)}@media (min-width:768px){.map-statgrid{padding-block:0}.map-statgrid>:nth-child(3){border-left:1px solid var(--color-rule-soft)}}.map-list-card{padding:6px}.map-routes{background:color-mix(in srgb, var(--color-surface-darker) 85%, transparent)}.map-routes[aria-pressed=true]{background:var(--color-rule-dark)}.map-fade{animation:map-fade var(--transition-duration-slow) var(--ease-dora)}.map-chapters{border-block:1px solid var(--color-rule-dark)}.map-chapters>li{padding-block:10px}.map-chapters>li+li{border-top:1px solid var(--color-rule-dark)}.map-glyph-land{background:color-mix(in srgb, var(--color-haze) 70%, transparent)}.map-glyph-dot{background:var(--color-map-node-hi);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;translate:-50% -50%}}