.town-page,.town-surface{color:var(--town-element);font-family:var(--font-sans);letter-spacing:0}.town-page{background:var(--town-bg);min-height:100svh}.town-page *,.town-surface *{letter-spacing:0}.town-page .font-hand,.town-page .font-bangbang,.town-surface .font-hand,.town-surface .font-bangbang{font-family:var(--font-hand)}.town-content{min-width:0}.town-page-heading{border-bottom:1px solid #23402f24;padding-bottom:1.5rem}.town-map-section{background:0 0;border:0;padding:0}.town-map-frame{background:#fff;border:1px solid #23402f2b;border-radius:8px;overflow:hidden}.town-map-viewport{outline-offset:3px;isolation:isolate}.town-map-viewport:focus-visible,.town-icon-button:focus-visible{outline:2px solid #326e51}.town-icon-button{color:#326e51;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.town-icon-button:hover{background:#e9f2ed}.town-topic-chip{cursor:pointer;border-radius:8px;min-height:40px}.town-resident-panel{background:#fcfefe;border:1px solid #23402f26;border-radius:8px;overflow:hidden}.town-resident-heading{background:#edf5f8}.town-page .rounded-2xl,.town-page .rounded-xl,.town-surface .rounded-2xl,.town-surface .rounded-xl{border-radius:8px}.town-page .doodle-card,.town-market-view .doodle-card{background:#fff;border:1px solid #23402f26;border-radius:8px;position:relative;box-shadow:0 8px 24px #23402f14}.town-page .doodle-card:before,.town-market-view .doodle-card:before{content:"";background:#e9a83b52;border:1px solid #23402f2e;border-radius:2px 5px 3px 6px/4px 3px 5px 2px;width:86px;height:22px;position:absolute;top:-11px;left:24px;transform:rotate(-2.4deg);box-shadow:0 1px 2px #23402f0f}.town-map-frame svg g[role=button]:focus-visible{outline-offset:2px;outline:2px solid #2fa36b}.town-market-view>section,.town-market-view>header{box-shadow:none;background:0 0;border:0;border-radius:0;padding-inline:0}.town-surface{background:#f8fcfe;border:1px solid #23402f2b;border-radius:8px;max-height:calc(100svh - 2rem)}.town-resident-drawer{inset-block:1rem;width:min(360px,100% - 2rem);top:1rem;left:auto;right:1rem;transform:none}.town-resident-drawer .town-resident-panel{border:0;border-radius:0}.town-input{color:#23402f;outline-offset:2px;background:#fff;border:1px solid #23402f30;border-radius:6px;padding:.6rem .75rem;font-size:14px}.town-input:focus-visible{outline:2px solid #326e51}.town-topic-dialog{height:min(760px,100svh - 2rem)}.town-map-hud>div{max-width:100%}.town-map-location{max-width:calc(100% - 6rem)}.town-map-location>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes town-drift{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.town-page .animate-drift{animation:12s ease-in-out infinite town-drift}@media (max-width:760px){.town-map-viewport{min-height:420px!important}.town-map-hud{scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.town-map-hud>div{flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:max-content;max-width:none}.town-map-hud button{flex-shrink:0;min-height:48px;padding:8px}.town-map-hud>div:not(:has(button)){padding:12px}.town-map-hud>div>div{min-width:0}.town-map-hud .text-xl{font-size:16px}.town-surface{width:calc(100% - 1rem);max-width:calc(100% - 1rem);max-height:calc(100svh - 1rem)}.town-resident-drawer{inset-block:.5rem;left:auto;right:.5rem}.town-topic-dialog{height:calc(100svh - 1rem)}.town-page .town-page-heading{margin-bottom:16px}.town-page .town-page-heading .h-16{width:44px;height:44px}.town-page .town-page-heading h1{font-size:24px;line-height:1.3}.town-page .town-page-heading p.text-sm{display:none}.town-page .town-map-section{flex-direction:column;display:flex}.town-page .town-map-section>.town-map-workspace{order:3}.town-page .town-map-section>.town-mobile-actions{order:4}.town-page .town-map-section>.town-topic-strip{order:5}}@media (prefers-reduced-motion:reduce){.town-page .animate-drift,.town-page .animate-ping,.town-page .animate-bob{animation:none}}