.town-shell{z-index:2;--district-accent:var(--coral);position:absolute;inset:0;overflow:hidden}.town-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.town-status{z-index:12;min-width:9rem;color:var(--navy);backdrop-filter:blur(14px);letter-spacing:.08em;text-transform:uppercase;background:#fff9e8cc;border:1px solid #102f472e;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;font-size:.62rem;font-weight:750;display:flex;position:absolute;bottom:1.25rem;right:clamp(1rem,3vw,3.5rem);box-shadow:0 8px 24px #102f471a}.town-status strong{margin-left:auto}.town-status--error{border-color:var(--coral)}.town-status button{color:#fff;background:var(--coral);cursor:pointer;min-height:2rem;font:inherit;border:0;border-radius:999px}.town-status>i{width:var(--load);background:var(--district-accent);height:2px;position:absolute;inset:auto 0 0}.status-dot{background:var(--mint);border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 4px #4fcbb833}.town-map{z-index:9;color:#fff;backdrop-filter:blur(16px);background:#0b20319e;border:1px solid #fff3;border-radius:1.15rem;width:12.5rem;padding:.75rem;position:absolute;top:clamp(5.2rem,10vh,7.3rem);right:clamp(1rem,3vw,3.5rem);box-shadow:0 18px 55px #07182638}.town-map__label{letter-spacing:.14em;opacity:.68;text-transform:uppercase;margin:0 .45rem .5rem;font-size:.58rem;font-weight:800;display:block}.town-map ol{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.town-map button{width:100%;min-height:2.2rem;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.65rem;grid-template-columns:1.65rem 1fr .4rem;align-items:center;gap:.45rem;padding:.35rem .45rem;display:grid}.town-map button:hover,.town-map button.is-current{color:var(--navy);background:#fff9e8eb}.town-map button:disabled{cursor:wait}.town-map button span{font:700 .62rem var(--display);opacity:.72}.town-map button b{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.town-map button>i{opacity:.55;border:1px solid;border-radius:50%;width:.35rem;height:.35rem}.town-map button>i.is-visited{background:var(--district-accent);box-shadow:0 0 8px var(--district-accent);opacity:1;border:0}.district-panel{z-index:8;color:#fff;backdrop-filter:blur(18px);scrollbar-width:thin;background:#0b1f2fb8;border:1px solid #ffffff38;border-radius:1.6rem;width:min(30rem,100% - 16rem);max-height:min(70vh,42rem);padding:clamp(1.25rem,2.5vw,2.2rem);animation:.42s ease-out both panel-enter;position:absolute;top:50%;left:clamp(1rem,5vw,5.5rem);overflow:auto;transform:translateY(-46%);box-shadow:0 30px 90px #05141f47}.town-shell--central-plaza .district-panel{display:none}@keyframes panel-enter{0%{opacity:0;transform:translate(-14px,-46%)}}.district-panel--dark{color:var(--navy);background:#fff9e8e0;border-color:#102f4726}.district-panel__eyebrow{color:var(--district-accent);letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin:0 0 .65rem!important;font-size:.64rem!important}.district-panel h2{font:700 clamp(2.6rem, 4.6vw, 5rem)/.9 var(--display);letter-spacing:-.055em;margin:0}.district-panel>p{margin:1rem 0;font-size:.9rem;line-height:1.62}.district-panel__links{border-top:1px solid color-mix(in srgb, currentColor, transparent 76%);flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.district-panel__links a{text-underline-offset:.25rem;min-height:2.4rem;font-size:.72rem;font-weight:750}.plaza-actions{gap:.5rem;display:flex}.plaza-actions button,.recipe-builder button,.constellation button{border:1px solid color-mix(in srgb, currentColor, transparent 72%);min-height:2.5rem;color:inherit;cursor:pointer;font:700 .68rem var(--sans);background:0 0;border-radius:999px;padding:.55rem .8rem}.project-peek{border-left:3px solid var(--district-accent);background:#ffffff1a;border-radius:0 .9rem .9rem 0;padding:1rem}.project-peek>span{letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:.58rem;font-weight:800}.project-peek h3{font:700 1.55rem var(--display);margin:.45rem 0}.project-peek p{font-size:.78rem;line-height:1.45}.project-peek a{font-size:.72rem;font-weight:750}.recipe-builder{gap:.8rem;display:grid}.recipe-builder>div{flex-wrap:wrap;gap:.35rem;display:flex}.recipe-builder button[aria-pressed=true]{color:var(--navy);background:var(--district-accent)}.recipe-builder>p{background:#ffffff1a;border-radius:.75rem;margin:0;padding:.85rem;font-size:.75rem;line-height:1.5}.article-peek{gap:0;margin:0;padding:0;list-style:none;display:grid}.article-peek li{border-top:1px solid #ffffff2e;justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}.article-peek a{font:650 .82rem var(--display)}.article-peek span{opacity:.7;white-space:nowrap;font-size:.6rem}.constellation>p{font-size:.72rem}.constellation>div{gap:.65rem;margin:.8rem 0;display:flex}.constellation i{opacity:.45;border:1px solid;border-radius:50%;width:.55rem;height:.55rem}.constellation i.is-lit{opacity:1;background:#ffe49a;border:0;box-shadow:0 0 12px #ffe49a}.constellation.is-celebrating i.is-lit{animation:.8s ease-in-out infinite alternate star-pop}@keyframes star-pop{to{transform:translateY(-5px)scale(1.45);box-shadow:0 0 24px #fff2b9}}.district-callout{z-index:8;width:min(24rem,100% - 2rem);color:var(--navy);backdrop-filter:blur(14px);background:#fff9e8e6;border:1px solid #102f4729;border-radius:1.1rem;grid-template-columns:auto minmax(10rem,1fr) auto;align-items:center;gap:.8rem;padding:.75rem;transition:transform .18s ease-out;display:grid;position:absolute;bottom:4.6rem;right:clamp(14rem,17vw,17rem);box-shadow:0 18px 55px #102f4729}.district-callout.is-active{transform:translateY(-4px)}.district-number{color:#fff;background:var(--navy);width:2.5rem;height:3.2rem;font:700 .85rem var(--display);border-radius:.75rem;place-items:center;display:grid}.district-callout p{font:700 1rem var(--display);margin:0 0 .15rem}.district-callout div span{font-size:.68rem;line-height:1.35;display:block}.district-callout button{width:2.8rem;height:2.8rem;color:var(--navy);background:var(--yellow);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1rem;display:grid;box-shadow:0 4px #d99d37}.experience-controls{z-index:11;gap:.35rem;display:flex;position:absolute;bottom:1.25rem;right:14.5rem}.experience-controls button,.opening-utilities button{min-height:2.4rem;color:var(--navy);backdrop-filter:blur(12px);cursor:pointer;font:750 .58rem var(--sans);letter-spacing:.07em;text-transform:uppercase;background:#fff9e8cc;border:1px solid #102f472e;border-radius:999px;padding:.45rem .7rem}.guide-controls{z-index:14;color:#fff;backdrop-filter:blur(16px);background:#0a1e2edb;border:1px solid #ffffff2e;border-radius:1rem;grid-template-columns:minmax(9rem,1fr) minmax(6rem,12rem) repeat(3,auto);align-items:center;gap:.55rem;width:min(45rem,100% - 2rem);padding:.65rem;display:grid;position:absolute;bottom:1rem;right:50%;transform:translate(50%);box-shadow:0 18px 50px #07182638}.guide-controls div{gap:.12rem;display:grid}.guide-controls span{letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-size:.55rem}.guide-controls strong{font:700 .82rem var(--display)}.guide-controls progress{width:100%;height:.35rem;accent-color:var(--district-accent)}.guide-controls button{color:#fff;cursor:pointer;min-height:2.1rem;font:700 .58rem var(--sans);background:0 0;border:1px solid #fff3;border-radius:999px}.opening-cinematic{z-index:40;color:var(--navy);isolation:isolate;background:#d6ebec2e;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}body:has(.opening-cinematic) .site-header,body:has(.opening-cinematic) .hero-copy,body:has(.opening-cinematic) .scroll-cue,body:has(.opening-cinematic) .town-status,body:has(.opening-cinematic) .town-map,body:has(.opening-cinematic) .experience-controls,body:has(.opening-cinematic) .district-callout{visibility:hidden;opacity:0}.opening-wash{z-index:-2;backdrop-filter:blur(7px);background:linear-gradient(105deg,#d6eceb 0%,#fff9e8c2 48%,#92cdd947 100%);position:absolute;inset:0}.opening-orbit{z-index:-1;aspect-ratio:1;border:1px solid #102f4733;border-radius:48% 52% 44% 56%;width:min(70vw,50rem);position:absolute}.opening-orbit:before,.opening-orbit:after{content:"";background:var(--coral);border-radius:50%;width:.55rem;height:.55rem;position:absolute;box-shadow:0 0 0 8px #bd3b4b1f}.opening-orbit:before{top:12%;left:14%}.opening-orbit:after{background:var(--mint);bottom:20%;right:10%}.opening-content{text-align:center;width:min(50rem,100% - 2rem)}.opening-kicker{letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.68rem;font-weight:800}.opening-title{font:700 clamp(4rem, 10vw, 9rem)/.72 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0;display:grid}.opening-title span:last-child{color:var(--coral);font-style:italic}.opening-summary{margin:2rem auto;font-size:clamp(.85rem,1.2vw,1.05rem)}.opening-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.opening-actions button,.opening-actions a{min-height:2.8rem;color:var(--navy);cursor:pointer;font:750 .68rem var(--sans);background:#fff9e8b3;border:1px solid #102f4738;border-radius:999px;align-items:center;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.opening-actions .opening-primary{color:#fff;background:var(--navy)}.opening-utilities{gap:.4rem;display:flex;position:absolute;bottom:1.2rem;right:1.2rem}@media (width<=900px){.town-map{width:auto;padding:.5rem .7rem max(.5rem, env(safe-area-inset-bottom));border:0;border-radius:0;inset:auto 0 0}.town-map__label{display:none}.town-map ol{scrollbar-width:none;display:flex;overflow-x:auto}.town-map li{flex:none}.town-map button{grid-template-columns:1.4rem .35rem;width:auto;min-height:2.5rem}.town-map button b{display:none}.town-map button.is-current{grid-template-columns:1.4rem minmax(5rem,auto) .35rem}.town-map button.is-current b{display:block}.town-status{bottom:4.1rem;right:1rem}.experience-controls{bottom:4.1rem;left:1rem;right:auto}.district-callout{bottom:7.1rem;right:1rem}.district-panel{width:min(30rem,100% - 2rem);max-height:54vh;padding:1.2rem;top:auto;bottom:7.2rem;left:1rem;transform:none}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px)}}.district-panel h2{font-size:clamp(2.4rem,11vw,4rem)}.guide-controls{grid-template-columns:1fr repeat(3,auto);bottom:4.2rem}.guide-controls progress{display:none}.opening-title{font-size:clamp(3.3rem,17vw,6rem)}}@media (width<=600px){.town-shell{background-image:linear-gradient(#081b2914, #081b2947), var(--district-image);background-position:50%;background-size:cover}.town-canvas,.town-status{display:none}.experience-controls{bottom:3.8rem}.experience-controls button{padding-inline:.58rem}.district-callout{grid-template-columns:auto 1fr auto;bottom:6.9rem}.district-panel{max-height:52vh;bottom:6.8rem}.district-panel__links{gap:.55rem}.guide-controls{grid-template-columns:1fr repeat(2,auto);bottom:3.8rem}.guide-controls button:nth-of-type(2){display:none}.opening-content{margin-top:-3rem}.opening-summary{max-width:20rem}.opening-actions{width:min(20rem,100%);margin:0 auto;display:grid}.opening-actions>*{justify-content:center}.opening-utilities{white-space:nowrap;bottom:.8rem;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.district-panel{animation:none}.constellation.is-celebrating i.is-lit{animation:none;box-shadow:0 0 18px #ffe49a}}