@layer quartz-base{.town-masthead{min-width:0}.town-masthead canvas{width:100%;image-rendering:pixelated;display:block}.town-banner{aspect-ratio:1040/270;border:1px solid var(--dark);border-radius:50% 50% 0 0/100% 100% 0 0;position:relative;overflow:hidden}.town-sky{position:absolute;bottom:0;left:0}.town-title{text-align:center;white-space:nowrap;pointer-events:none;color:var(--banner-ink,#1e2152);font:400 clamp(52px,7vw,88px)/1 var(--town-display,var(--headerFont));text-shadow:6px 0px 0 var(--banner-paper,#b2b9f9),5.5px 2.3px 0 var(--banner-paper,#b2b9f9),4.2px 4.2px 0 var(--banner-paper,#b2b9f9),2.3px 5.5px 0 var(--banner-paper,#b2b9f9),0px 6px 0 var(--banner-paper,#b2b9f9),-2.3px 5.5px 0 var(--banner-paper,#b2b9f9),-4.2px 4.2px 0 var(--banner-paper,#b2b9f9),-5.5px 2.3px 0 var(--banner-paper,#b2b9f9),-6px 0px 0 var(--banner-paper,#b2b9f9),-5.5px -2.3px 0 var(--banner-paper,#b2b9f9),-4.2px -4.2px 0 var(--banner-paper,#b2b9f9),-2.3px -5.5px 0 var(--banner-paper,#b2b9f9),-0px -6px 0 var(--banner-paper,#b2b9f9),2.3px -5.5px 0 var(--banner-paper,#b2b9f9),4.2px -4.2px 0 var(--banner-paper,#b2b9f9),5.5px -2.3px 0 var(--banner-paper,#b2b9f9),3px 0px 0 var(--banner-paper,#b2b9f9),2.1px 2.1px 0 var(--banner-paper,#b2b9f9),0px 3px 0 var(--banner-paper,#b2b9f9),-2.1px 2.1px 0 var(--banner-paper,#b2b9f9),-3px 0px 0 var(--banner-paper,#b2b9f9),-2.1px -2.1px 0 var(--banner-paper,#b2b9f9),-0px -3px 0 var(--banner-paper,#b2b9f9),2.1px -2.1px 0 var(--banner-paper,#b2b9f9);margin:0;position:absolute;top:30%;left:0;right:0;transform:translateY(-50%)}@keyframes town-title-drop{0%{transform:translateY(-350%)}}@media (min-width:801px) and (prefers-reduced-motion:no-preference){:root:not(.town-arrived) .town-title{animation:1.1s cubic-bezier(.3,1.3,.45,1) .15s backwards paused town-title-drop}:root.town-named:not(.town-arrived) .town-title{animation-play-state:running}}.town-street-scroll{scrollbar-width:none;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden}.town-street-scroll::-webkit-scrollbar{display:none}.town-street-inner{box-sizing:border-box;width:max(100%,900px);position:relative}.town-street-inner canvas{height:180px}.town-lots{grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}.town-lots>*{display:block;background:0 0!important;border-radius:0!important;padding:0!important}.town-plates{margin-top:var(--gap,8px);border-bottom:var(--rule);grid-template-columns:repeat(6,1fr);align-items:end;gap:4px;display:grid}@property --tab-bg{syntax:"<color>";inherits:false;initial-value:#0000}.town-plates{--tab-down:polygon(0 10px,2px 10px,2px 8px,4px 8px,4px 6px,6px 6px,6px 4px,calc(100% - 6px) 4px,calc(100% - 6px) 6px,calc(100% - 4px) 6px,calc(100% - 4px) 8px,calc(100% - 2px) 8px,calc(100% - 2px) 10px,100% 10px,100% 100%,0 100%);--tab-half:polygon(0 8px,2px 8px,2px 6px,4px 6px,4px 4px,6px 4px,6px 2px,calc(100% - 6px) 2px,calc(100% - 6px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 6px,calc(100% - 2px) 6px,calc(100% - 2px) 8px,100% 8px,100% 100%,0 100%);--tab-up:polygon(0 6px,2px 6px,2px 4px,4px 4px,4px 2px,6px 2px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 4px) 2px,calc(100% - 4px) 4px,calc(100% - 2px) 4px,calc(100% - 2px) 6px,100% 6px,100% 100%,0 100%)}.town-masthead .town-plates>*{--tab-bg:var(--side);text-align:center;background:var(--tab-bg);clip-path:var(--tab-down);border-radius:0;padding:9px 2px 5px;line-height:1.2;text-decoration:none;transition:clip-path .2s ease-out,--tab-bg .2s}.town-plates>:focus-visible{outline-offset:-8px}@media (hover:hover){.town-plates>a:hover{--tab-bg:var(--highlight);clip-path:var(--tab-half)}.town-plates>a:not(.on):hover :is(b,i){top:-2px}.town-plates>a:not(.on):hover i{color:var(--dark)}}.town-plates>.on,.town-plates>a.on:hover{--tab-bg:var(--town-warm);clip-path:var(--tab-up)}.town-masthead .town-plates.still>*,.town-masthead .town-plates.still :is(b,i){transition:none}@media (prefers-reduced-motion:reduce){.town-masthead .town-plates>*,.town-masthead .town-plates :is(b,i){transition:none}}.town-plates b{color:var(--dark);font:400 21px/1 var(--town-display,var(--headerFont));display:block}.town-plates i{font:9px/1.3 var(--pixel);text-transform:uppercase;letter-spacing:.04em;color:var(--gray);font-style:normal}.town-plates :is(b,i){transition:top .2s ease-out,color .2s;position:relative;top:0}.town-plates .on b,.town-plates .on i{color:var(--town-ink);top:-2px}.town-plates .soon{opacity:.55}@media (max-width:800px){.town-banner{aspect-ratio:auto;border-radius:50% 50% 0 0/44px 44px 0 0;height:152px}.town-title{font-size:clamp(40px,14vw,58px);top:41px}.town-street-inner{width:max(100%,540px);padding:0 10px}.town-street-inner canvas{height:90px}.town-lots{inset:0 10px}.town-plates{justify-content:space-between;gap:3px;display:flex}.town-masthead .town-plates>*{flex:auto;padding:11px 2px 6px}.town-plates b{display:none}.town-plates i{color:var(--dark);font:400 10px/1.7 var(--pixel);letter-spacing:.03em;text-transform:uppercase}}}