.town-screen{width:min(1480px,100%);min-height:min(76vh,760px);display:grid;gap:0;position:relative;padding:0;border:1px solid var(--c-oxblood-4-a20);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 16% 0%,var(--oxblood-a12),transparent 22%),radial-gradient(circle at 84% 16%,var(--c-amber-7-a12),transparent 24%),linear-gradient(180deg,var(--c-ink-a90),var(--c-ink-a95));box-shadow:0 24px 60px var(--color-scrim-40),var(--shadow-inset-04)}#appRoot[data-phase=safe_zone]{gap:0;overflow:hidden}#appRoot[data-phase=safe_zone] .town-screen{flex:1 1 auto;width:100%;min-height:0;border-width:0;border-radius:0 0 30px 30px}.town-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--c-ink-a08),var(--c-ink-a48)),var(--town-backdrop-image) center / cover no-repeat;opacity:.18;filter:blur(10px) saturate(.76) brightness(.72);transform:scale(1.04);pointer-events:none}.town-screen__veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--c-ink-a70) 0%,var(--c-ink-a56) 22%,var(--c-ink-a16) 52%,var(--c-ink-a44) 100%),linear-gradient(180deg,var(--color-veil-04),transparent 18%,var(--color-scrim-22) 100%);pointer-events:none;z-index:1}.town-screen>:not(.town-screen__veil){position:relative;z-index:2}.town-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:end}.town-hero__copy{max-width:37rem}.town-hero__copy h1{font-family:var(--font-display);font-size:clamp(1.56rem,3vw,2.28rem);font-weight:900;margin:0;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,var(--cream-15) 0%,var(--ember-100) 22%,var(--c-gold-8) 54%,var(--c-oxblood-4) 82%,var(--oxblood-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 3px 14px var(--c-oxblood-4-a24))}.town-hero__intro{margin:var(--space-xs) 0 0;color:var(--c-parch-4);font-size:.79rem;line-height:1.44;max-width:35rem}.town-status{display:flex;align-items:baseline;gap:var(--space-18);flex-wrap:wrap;padding:var(--space-sm) var(--space-base);margin-bottom:var(--space-10);border-radius:var(--radius-pill);border:1px solid var(--c-oxblood-4-a20);background:var(--c-ink-a54)}.town-status__zone{font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-35)}.town-status__stats{font-size:.76rem;letter-spacing:.04em;color:var(--c-parch-2)}.town-status__card{display:grid;gap:var(--space-3xs);min-width:0;padding:var(--space-sm) var(--space-md) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--c-oxblood-4-a20);background:linear-gradient(180deg,var(--color-veil-04),rgba(255,255,255,0)),var(--oxblood-900-a54);box-shadow:var(--shadow-inset-04),0 8px 16px var(--color-scrim-22)}.town-status__label{font-family:var(--font-display);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-clay-4)}.town-status__value{font-family:var(--font-display);font-size:.74rem;color:var(--cream-35);letter-spacing:.04em}.town-status__meta{font-size:.64rem;line-height:1.35;color:var(--c-parch-2)}.town-map-shell{display:grid;gap:0}.town-map-container{position:relative;width:100%;min-height:min(76vh,760px);aspect-ratio:2.12 / 1;background:radial-gradient(circle at 50% 72%,var(--c-amber-7-a16),transparent 26%),radial-gradient(circle at 18% 24%,rgba(114,54,34,.14),transparent 24%),radial-gradient(circle at 84% 26%,var(--c-bark-4-a85),transparent 22%),linear-gradient(180deg,var(--c-ink-a95),var(--c-ink));border:0;border-radius:32px;overflow:hidden;box-shadow:0 24px 44px var(--color-scrim-34),var(--shadow-inset-04)}#appRoot[data-phase=safe_zone] .town-map-container{height:100%;min-height:0;aspect-ratio:auto;border-radius:0 0 30px 30px}.town-map-container:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--color-veil-04),rgba(255,255,255,0) 22%),radial-gradient(circle at 50% 84%,var(--c-amber-7-a18),transparent 30%),radial-gradient(circle at 50% 62%,var(--c-bark-4-a85),transparent 42%),radial-gradient(circle at 50% 54%,var(--color-scrim-22),transparent 54%);pointer-events:none;z-index:1}.town-map-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 54%;pointer-events:none;opacity:1;mix-blend-mode:normal;filter:brightness(1.12) contrast(1.08) saturate(.98) drop-shadow(0 18px 32px var(--color-scrim-dim))}#appRoot[data-phase=safe_zone] .town-map-bg{object-fit:cover}.town-npc-layer{position:absolute;inset:0;z-index:3}.town-npc-layer:before{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--color-scrim-34) 35%,var(--color-scrim-55) 100%);pointer-events:none;z-index:0}.town-map-container:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 44px var(--color-scrim-medium),inset 0 -30px 70px var(--color-scrim-dim);z-index:2}.town-map-note{margin:0;padding:0 var(--space-sm);color:var(--c-parch-2);font-size:.78rem;letter-spacing:.02em}.town-map-plaque{position:absolute;left:18px;bottom:16px;z-index:4;display:grid;gap:var(--space-3xs);max-width:250px;padding:var(--space-10) var(--space-md) var(--space-10);border-radius:var(--radius-base);border:1px solid var(--c-oxblood-4-a20);background:linear-gradient(180deg,var(--c-ink-a85),var(--c-ink-a85));box-shadow:0 12px 24px var(--color-scrim-dim),var(--shadow-inset-04)}.town-map-plaque__label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-clay-4)}.town-map-plaque__title{font-family:var(--font-display);font-size:.92rem;line-height:1.08;color:var(--cream-35);letter-spacing:.04em;text-transform:uppercase}.town-map-plaque__trail{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-clay-5)}.town-npc-icon{position:absolute;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;display:grid;justify-items:center;gap:var(--space-2xs);padding:0;z-index:4;color:var(--c-neutralgray-op);transition:transform var(--transition-base),filter var(--transition-base)}.town-npc-icon:hover,.town-npc-icon:focus-visible{transform:translate(-50%,-50%) scale(1.12);z-index:5}.town-npc-icon:focus-visible{outline:none}.town-npc-icon__dot{position:relative;width:108px;height:108px;border-radius:50%;overflow:hidden;background-color:var(--c-ink-a90);background-image:var(--npc-icon, none);background-size:72%;background-position:center;background-repeat:no-repeat;border:3px solid var(--npc-color, rgba(186, 169, 147, .9));box-shadow:0 0 0 3px var(--color-scrim-40),0 14px 28px var(--color-scrim-55),inset 0 0 14px var(--color-scrim-heavy);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.town-npc-icon__portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;pointer-events:none}.town-npc-icon__portrait+*{display:none}.town-npc-icon:hover .town-npc-icon__dot,.town-npc-icon:focus-visible .town-npc-icon__dot{border-color:color-mix(in srgb,var(--npc-color, var(--parchment-50)) 88%,white 12%);box-shadow:0 0 0 3px var(--color-scrim-40),0 0 18px color-mix(in srgb,var(--npc-color, #000) 55%,transparent),0 0 32px color-mix(in srgb,var(--npc-color, #000) 22%,transparent),inset 0 0 10px var(--color-scrim-heavy)}@keyframes town-npc-pulse{0%,to{box-shadow:0 0 0 3px var(--color-scrim-medium),0 0 14px var(--color-scrim-55),0 0 color-mix(in srgb,var(--npc-color, #000) 50%,transparent),inset 0 0 10px var(--color-scrim-heavy)}50%{box-shadow:0 0 0 3px var(--color-scrim-medium),0 0 14px var(--color-scrim-55),0 0 0 8px color-mix(in srgb,var(--npc-color, #000) 0%,transparent),inset 0 0 10px var(--color-scrim-heavy)}}.town-npc-icon--active .town-npc-icon__dot{animation:town-npc-pulse 2.4s var(--ease-standard, ease-out) infinite}.town-npc-icon--disabled{cursor:not-allowed;filter:grayscale(.85);opacity:.42}.town-npc-icon--disabled:hover,.town-npc-icon--disabled:focus-visible{transform:translate(-50%,-50%)}.town-npc-icon--disabled:hover .town-npc-icon__dot,.town-npc-icon--disabled:focus-visible .town-npc-icon__dot{border-color:var(--npc-color, rgba(186, 169, 147, .9));box-shadow:0 0 0 3px var(--color-scrim-40),0 14px 28px var(--color-scrim-55),inset 0 0 14px var(--color-scrim-heavy)}[data-npc-id=healer],[data-npc-id=naima]{--npc-icon: url(../assets/curated/town-vendor-icons/healer.webp)}[data-npc-id=blacksmith]{--npc-icon: url(../assets/curated/town-vendor-icons/blacksmith.webp)}[data-npc-id=vendor],[data-npc-id=sabir]{--npc-icon: url(../assets/curated/town-vendor-icons/vendor.webp)}[data-npc-id=mercenary]{--npc-icon: url(../assets/curated/town-vendor-icons/mercenary.webp)}[data-npc-id=stash]{--npc-icon: url(../assets/curated/town-vendor-icons/stash.webp)}[data-npc-id=corven-vale]{--npc-icon: url(../assets/curated/town-vendor-icons/corven-vale.webp)}[data-npc-id=travel]{--npc-icon: url(../assets/curated/town-vendor-icons/travel.webp)}[data-npc-id=healer],[data-npc-id=naima]{--npc-color: var(--c-amber-7)}[data-npc-id=blacksmith]{--npc-color: var(--c-verdant-3)}[data-npc-id=vendor],[data-npc-id=sabir]{--npc-color: var(--ember-400)}[data-npc-id=mercenary]{--npc-color: var(--c-teal-4)}[data-npc-id=stash]{--npc-color: var(--c-slate-2)}[data-npc-id=corven-vale]{--npc-color: var(--c-verdant-1)}[data-npc-id=travel]{--npc-color: var(--charge-lightning-tint)}.town-npc-icon--focused .town-npc-icon__dot{border-color:var(--parchment-50);box-shadow:0 0 0 4px var(--color-scrim-24),0 0 18px var(--ember-a40),0 0 30px var(--c-amber-3-a18)}.town-npc-icon__label{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--c-neutralgray-op);padding:var(--space-xs) var(--space-base);border-radius:var(--radius-pill);border:1px solid var(--c-oxblood-4-a24);background:var(--c-ink-a90);box-shadow:0 8px 20px var(--color-scrim-55),var(--shadow-inset-04);white-space:nowrap;letter-spacing:.1em;text-transform:uppercase}.town-npc-icon__role{font-size:.64rem;color:var(--cream-60);padding:var(--space-3xs) var(--space-10);border-radius:var(--radius-pill);background:var(--c-ink-a70);white-space:nowrap;letter-spacing:.12em;text-transform:uppercase}.town-npc-icon__badge{position:absolute;top:-2px;right:50%;transform:translate(calc(100% + 4px),-4px);background:linear-gradient(135deg,var(--ember-300),var(--c-amber-7));color:#fff;font-size:.55rem;font-weight:700;min-width:18px;height:18px;padding:0 var(--space-2xs);border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;border:1px solid var(--color-veil-14);box-shadow:0 2px 10px var(--color-scrim-strong),0 0 12px var(--c-ember-a24)}.town-npc-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-md),2vw,var(--space-2xl));overflow-y:auto;background:radial-gradient(circle at center,var(--oxblood-a14),transparent 36%),var(--color-scrim-55);backdrop-filter:blur(8px);animation:town-overlay-in var(--duration-fast) ease-out;cursor:pointer}@keyframes town-overlay-in{0%{opacity:0}to{opacity:1}}.town-exit-gate{--exit-gate-color: #d85260;position:absolute;z-index:5;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:var(--space-xs);border:none;background:none;padding:0;font-family:inherit;color:var(--cream-15);cursor:pointer;transition:transform var(--transition-base),filter var(--transition-base)}.town-exit-gate:hover,.town-exit-gate:focus-visible{transform:translate(-50%,-50%) scale(1.12);z-index:6;outline:none}.town-exit-gate__icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;background-color:var(--c-ink-a90);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4d4cc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 20V7a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v13'/><path d='M4 20h16'/><circle cx='14.5' cy='13' r='0.9' fill='%23f4d4cc'/></svg>");background-size:66%;background-position:center;background-repeat:no-repeat;border:2px solid var(--exit-gate-color);box-shadow:0 0 0 3px var(--color-scrim-medium),0 0 14px var(--color-scrim-55),inset 0 0 10px var(--color-scrim-heavy);animation:town-exit-pulse 2.4s var(--ease-standard, ease-out) infinite;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.town-exit-gate:hover .town-exit-gate__icon,.town-exit-gate:focus-visible .town-exit-gate__icon{border-color:color-mix(in srgb,var(--exit-gate-color) 88%,white 12%);box-shadow:0 0 0 3px var(--color-scrim-40),0 0 18px color-mix(in srgb,var(--exit-gate-color) 55%,transparent),0 0 32px color-mix(in srgb,var(--exit-gate-color) 22%,transparent),inset 0 0 10px var(--color-scrim-heavy)}@keyframes town-exit-pulse{0%,to{box-shadow:0 0 0 3px var(--color-scrim-medium),0 0 14px var(--color-scrim-55),0 0 color-mix(in srgb,var(--exit-gate-color) 50%,transparent),inset 0 0 10px var(--color-scrim-heavy)}50%{box-shadow:0 0 0 3px var(--color-scrim-medium),0 0 14px var(--color-scrim-55),0 0 0 8px color-mix(in srgb,var(--exit-gate-color) 0%,transparent),inset 0 0 10px var(--color-scrim-heavy)}}.town-exit-gate__label{font-family:var(--font-display);font-size:.66rem;font-weight:700;color:var(--c-neutralgray-op);padding:var(--space-2xs) var(--space-10);border-radius:var(--radius-pill);border:1px solid var(--c-oxblood-4-a24);background:var(--c-ink-a90);box-shadow:0 8px 20px var(--color-scrim-55),var(--shadow-inset-04);white-space:nowrap;letter-spacing:.08em;text-transform:uppercase}.town-return-portal{--return-portal-color: var(--charge-cold-tint);position:absolute;z-index:5;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:var(--space-2xs);border:none;background:none;padding:0;font-family:inherit;color:var(--c-whiteish-op);cursor:pointer;transition:transform var(--transition-base),filter var(--transition-base)}.town-return-portal:hover,.town-return-portal:focus-visible{transform:translate(-50%,-50%) scale(1.1);z-index:6;outline:none}.town-return-portal__icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--teal-a16),rgba(20,59,73,.12) 68%),var(--c-dark-azure-1-a90);border:2px solid var(--return-portal-color);box-shadow:0 0 0 3px var(--color-scrim-40),0 0 18px var(--c-blue-a22),inset 0 0 14px var(--color-scrim-strong)}.town-return-portal:focus-visible .town-return-portal__icon{border-color:color-mix(in srgb,var(--return-portal-color) 88%,white 12%);box-shadow:0 0 0 3px var(--color-scrim-40),0 0 18px color-mix(in srgb,var(--return-portal-color) 55%,transparent),0 0 32px color-mix(in srgb,var(--return-portal-color) 22%,transparent),inset 0 0 10px var(--color-scrim-heavy)}.town-return-portal__icon-art{width:30px;height:30px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(103,206,225,.26))}.town-return-portal__label,.town-return-portal__route{padding:var(--space-2xs) var(--space-10);border-radius:var(--radius-pill);background:var(--c-dark-azure-1-a90);box-shadow:0 8px 18px var(--color-scrim-40),var(--shadow-inset-04);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.town-return-portal__label{border:1px solid rgba(88,184,206,.32);font-family:var(--font-display);font-size:.66rem;color:var(--c-whiteish-op)}.town-return-portal__route{border:1px solid rgba(88,184,206,.22);font-size:.68rem;color:var(--c-teal-op)}.town-map-legend{margin:var(--space-md) 0 0;padding:var(--space-10) var(--space-base);list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);border-radius:var(--radius-pill);border:1px solid var(--c-oxblood-4-a20);background:var(--c-ink-a54)}.town-map-legend__item{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.74rem;line-height:1.3;color:var(--parchment-200)}.town-map-legend__dot{width:22px;height:22px;border-radius:50%;background-color:var(--c-ink-a90);background-image:var(--npc-icon, none);background-size:82%;background-position:center;background-repeat:no-repeat;border:1px solid var(--npc-color, rgba(186, 169, 147, .9));box-shadow:0 0 0 2px var(--color-scrim-dim);flex-shrink:0}.town-map-legend__name{font-weight:600;color:var(--cream-35);letter-spacing:.04em}.town-map-legend__role{font-size:.68rem;color:var(--c-parch-3);letter-spacing:.04em}.town-action--suggested,.town-npc-icon--suggested .town-npc-icon__dot{outline:2px solid var(--ember-300);outline-offset:var(--space-3xs);box-shadow:var(--shadow-drop-soft)}.town-ev-badge-host{position:relative}.town-ev-badge{position:absolute;top:var(--space-2xs);right:var(--space-2xs);z-index:4;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);background:var(--panel-strong);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-ui);font-size:var(--text-eyebrow);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);pointer-events:none}.town-ev-badge--best{border-color:var(--ember-300)}