:root{color-scheme:dark;--bg:#0c0d1b;--panel:#111321;--ink:#eeedf7;--dim:#9293aa;--line:rgba(182,179,221,.13);--cyan:#88e3e0;--pink:#e499c9;--violet:#b7a3ef;--warm:#f3c996;--sans:"Space Grotesk","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,textarea:focus-visible,#city-art:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:#5c5486;color:white}.skip{position:fixed;top:-100px;left:20px;background:var(--cyan);color:var(--bg);z-index:100;padding:10px 18px}.skip:focus{top:10px}.sky-noise{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{height:98px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:1.4px;line-height:1.5}.brand svg{width:37px;fill:none;stroke:var(--cyan);stroke-width:1.2}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--dim);margin-top:5px}.site-header nav{display:flex;gap:36px;font-size:12px;color:var(--dim)}.site-header nav a:hover{color:var(--ink)}.site-header .nav-active{color:var(--ink);position:relative}.nav-active:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan);bottom:-12px;left:50%;box-shadow:0 0 12px var(--cyan)}.header-actions{display:flex;align-items:center;gap:26px;font-size:11px}.text-button{background:none;font-size:11px;padding:12px 5px}.parent-link{border:1px solid var(--line);padding:9px 15px;border-radius:4px;letter-spacing:1px}.parent-link span{margin-left:16px;color:var(--cyan)}.intro{position:relative;text-align:center;padding:58px 24px 31px;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#29204055,transparent 64%)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:2.5px;color:var(--dim)}.live-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 13px #88e3e075}h1{font-size:clamp(65px,8.3vw,126px);font-weight:500;letter-spacing:-7px;line-height:1.1;margin:17px 0 19px}h1>span:first-child{position:relative;color:#c9b7ee}.title-period{color:var(--cyan)}.title-star{position:absolute;right:-15px;top:-3px;font-size:27px;color:var(--warm);font-weight:400;transform:rotate(10deg)}.intro-copy{color:#b4b1c7;font-size:13px;letter-spacing:2px;margin:0}.enter-link{display:inline-flex;gap:21px;align-items:center;font-size:10px;color:var(--cyan);margin-top:26px;letter-spacing:1px}.enter-link>span:last-child{border:1px solid #88e3e03b;width:26px;height:26px;border-radius:50%;line-height:24px}.coordinate{position:absolute;bottom:44px;left:5%;text-align:left;line-height:1.9;font-size:7px;letter-spacing:1.4px;color:#66647f}.orbit{position:absolute;right:7%;top:80px;font-size:43px;font-family:serif;color:#9986be40;border:1px solid #77629520;width:91px;height:91px;border-radius:50%;line-height:90px;transform:rotate(-15deg)}.orbit:after{content:"";position:absolute;border:1px solid #77629530;width:124px;height:42px;border-radius:50%;left:-18px;top:23px;transform:rotate(-18deg)}.city-section{margin:0 5%;border:1px solid var(--line);border-radius:5px;overflow:hidden;isolation:isolate}.map-topline,.map-bottomline{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;color:#aaa5bd;font-size:9px;letter-spacing:1.5px;gap:15px}.map-topline{border-bottom:1px solid var(--line)}.map-version{color:#5f5d79;margin-left:8px}.tiny-cross{color:var(--cyan);margin-right:10px;font-size:14px}.weather{display:flex;gap:12px;align-items:center;letter-spacing:1px;font-size:9px}.weather-dot{color:var(--cyan)}.city-world{position:relative;height:clamp(480px,44vw,660px);overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#241e40 0,#111323 65%,#0d0e1e 100%);transition:background 1s}.world-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 25%,#673b6930,transparent 45%);pointer-events:none}#city-art{position:absolute;inset:0;touch-action:none;cursor:grab;outline-offset:-4px}#city-art:active{cursor:grabbing}#city-art canvas{display:block;width:100%;height:100%;transition:opacity .8s}.loading-message{position:absolute;inset:0;display:flex;gap:20px;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:var(--dim);z-index:2;pointer-events:none}.loading-orbit{font:40px serif;color:var(--violet);animation:loading 2s ease-in-out infinite}@keyframes loading{50%{opacity:.3;transform:translateY(-5px)}}.scene-caption{position:absolute;left:28px;top:28px;color:#80798d;font-size:8px;letter-spacing:2px;line-height:1.8;pointer-events:none}.place-pin{position:absolute;left:50%;top:40%;transform:translate(-50%,-100%);background:none;padding:8px 8px 0;display:flex;flex-direction:column;align-items:center;z-index:3;opacity:0;transition:opacity .5s;white-space:nowrap}.city-ready .place-pin{opacity:1}.place-pin.offscreen{opacity:0;pointer-events:none}.pin-label{background:#101421dd;border:1px solid #b7a3ef45;box-shadow:0 5px 30px #0005;backdrop-filter:blur(12px);border-radius:4px;display:flex;align-items:center;gap:11px;padding:9px 12px;font-size:11px;transition:background .25s,transform .25s,border-color .25s}.pin-label i{color:var(--pin-color,var(--cyan));font-size:9px;font-style:normal}.pin-label b{font-size:12px;color:var(--dim);font-weight:400}.place-pin:hover .pin-label,.place-pin:focus-visible .pin-label,.place-pin.is-hover .pin-label{transform:translateY(-4px);border-color:var(--pin-color,var(--cyan));background:#202037}.pin-stem{width:1px;height:25px;background:linear-gradient(var(--pin-color,var(--cyan)),transparent);opacity:.55}.pin-point{width:5px;height:5px;background:var(--pin-color,var(--cyan));box-shadow:0 0 13px var(--pin-color,var(--cyan));border-radius:50%}.pin-square{--pin-color:var(--pink)}.pin-garden{--pin-color:var(--cyan)}.pin-post{--pin-color:var(--warm)}.pin-library{--pin-color:var(--violet)}.world-note{position:absolute;bottom:25px;left:27px;font-size:10px;color:#aaa4bc;display:flex;gap:10px;align-items:center;pointer-events:none}.note-spark{font-size:24px;color:var(--violet)}.theme-button{position:absolute;bottom:25px;right:23px;display:flex;align-items:center;gap:11px;background:#121222cd;border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:10px;z-index:4}.theme-button>span:first-child{font-size:16px;color:var(--warm)}.switch-track{height:12px;width:23px;border:1px solid #56516d;border-radius:10px;padding:2px;display:flex}.switch-track span{height:6px;width:6px;border-radius:50%;background:var(--violet);transition:transform .3s}[data-theme="dawn"] .switch-track span{transform:translateX(10px)}[data-theme="dawn"] .city-world{background:radial-gradient(ellipse at 50% 10%,#62435d,#272840 65%,#151827)}.map-controls{position:absolute;right:23px;top:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden;z-index:4}.map-controls button{background:#111421d9;width:34px;height:34px;font-size:18px;border-bottom:1px solid var(--line);line-height:1}.map-controls button:last-child{border-bottom:0;font-size:13px}.map-controls button:hover{background:#303047;color:var(--cyan)}.map-bottomline{border-top:1px solid var(--line);font-size:9px;letter-spacing:1px}.map-bottomline>span:first-child{display:flex;align-items:center}.districts{padding:67px 5% 68px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.section-heading .eyebrow,.about-copy .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:2px;color:#7d7a92}h2{font-size:26px;letter-spacing:.5px;font-weight:500;margin:10px 0 0}.section-heading>p{color:var(--dim);font-size:11px;margin-bottom:5px}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.district-card{background:linear-gradient(135deg,#18172744,transparent);text-align:left;min-width:0;padding:22px 24px 18px;border-right:1px solid var(--line);transition:background .25s}.district-card:last-child{border:0}.district-card:hover{background:#1d1b30}.district-card:focus-visible{outline-offset:-4px}.card-top{display:flex;justify-content:space-between;color:#7e7c96;font-size:8px;letter-spacing:1.3px}.card-top>span:last-child{font-size:16px;line-height:1;color:var(--dim)}.district-icon{display:block;font-size:39px;font-weight:400;line-height:1;margin:25px 0 21px}.library-icon{color:var(--violet)}.square-icon{color:var(--pink)}.garden-icon{color:var(--cyan)}.post-icon{color:var(--warm)}.district-card h3{font-size:16px;font-weight:500;margin:0 0 8px}.district-card p{color:var(--dim);font-size:11px;margin:0;min-height:38px}.card-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:19px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;letter-spacing:1px;color:#8e859e}.card-bottom>span{font-size:9px;color:#b4a9cb;letter-spacing:0}.district-card.visited .card-top>span:last-child{color:var(--cyan)}.about{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:61px 9%;display:flex;gap:75px;align-items:center;position:relative;background:radial-gradient(ellipse at 20% 50%,#4d36601c,transparent 60%)}.about-mark{font:89px serif;color:#ad97c8;position:relative;line-height:1.3}.about-mark:before{content:"";position:absolute;inset:-14px -31px 9px;border:1px solid #8e79a92b;border-radius:50%;transform:rotate(-20deg)}.about-mark span{display:block;font:8px var(--sans);letter-spacing:2px;text-align:center;color:var(--dim);margin-top:8px}.about-copy{max-width:620px}.about-copy h2{font-size:25px}.about-copy p{font-size:12px;color:var(--dim);line-height:2.1;margin:18px 0}.about-copy>a{color:var(--violet);font-size:10px}.about-star{position:absolute;right:5%;top:36px;font-size:46px;color:#b29bce5e}footer{margin:0 5%;padding:31px 0 34px;display:flex;align-items:center;gap:28px;color:#79778e;font-size:9px;letter-spacing:.6px}.footer-wordmark{color:#c5bddb;letter-spacing:1.2px;font-size:11px;display:flex;gap:16px;align-items:center}.footer-wordmark span{color:var(--violet);font-size:18px}footer p{flex:1}footer>a:last-child{color:#b7a7c8}.noscript{margin:20px;padding:20px;background:#211d36;text-align:center}
dialog{padding:0;border:1px solid #7f709858;background:#141321;color:var(--ink);width:min(570px,calc(100% - 30px));max-height:85dvh;border-radius:12px;box-shadow:0 30px 150px #0008;overflow:auto}dialog::backdrop{background:#050613dc}.dialog-shell{position:relative;padding:45px 40px 32px;background:radial-gradient(ellipse at 0 0,#56366b30,transparent 70%)}.close-button{position:absolute;right:15px;top:13px;width:33px;height:33px;border-radius:50%;background:#ffffff08;border:1px solid var(--line);font-size:23px;line-height:1;color:var(--dim)}.close-button:hover{background:#ffffff16;color:white}.dialog-eyebrow{font-size:9px;letter-spacing:2px;color:var(--violet)}.dialog-icon{font-size:44px;margin:15px 0 0;color:var(--violet);line-height:1.5}.dialog-title{font-size:29px;font-weight:500;margin:5px 0 12px}.dialog-description{font-size:13px;color:#b1a8c2;line-height:1.95}.experience{margin:25px 0;border:1px solid var(--line);padding:24px;border-radius:6px;background:#0e102155}.experience-label{font-size:9px;color:var(--dim);letter-spacing:1px;margin:0 0 12px}.question{font-size:19px;line-height:1.8;margin:0 0 20px;min-height:66px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border:1px solid #a992cb66;border-radius:4px;background:#b7a3ef18;color:#d7c7f2;font-size:11px}.primary-button:hover{background:#b7a3ef30}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--dim);font-size:10px}.dialog-footer a{color:var(--cyan)}.echo-options{display:flex;flex-wrap:wrap;gap:8px}.echo-options button{padding:9px 12px;border:1px solid var(--line);border-radius:30px;background:#212033;font-size:11px}.echo-options button[aria-pressed="true"]{border-color:var(--pink);color:var(--pink)}.echo-response{font-size:13px;color:#d1b3cf;min-height:58px;line-height:1.9;margin-top:20px;margin-bottom:0}.breathing{display:flex;align-items:center;flex-direction:column}.breath-orb{width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b1e6d963,#499aa122 60%,#1b343700);border:1px solid #88e3e04d;box-shadow:0 0 50px #88e3e016;margin:23px 0 27px;font-size:12px;color:var(--cyan);transition:transform 4s ease-in-out,box-shadow 4s ease-in-out}.breath-orb.inhale{transform:scale(1.28);box-shadow:0 0 65px #88e3e02a}.breath-caption{font-size:10px;color:var(--dim);margin-bottom:16px}.postcard{position:relative;background:#252236;border:1px solid #b5a0c733;padding:24px 20px 16px;margin:24px 0 15px;border-radius:5px}.postcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:11px;color:#d4c1db}.post-stamp{border:1px dashed #aa8eaf77;padding:6px 10px;font-size:20px;color:var(--warm);transform:rotate(9deg)}textarea{resize:vertical;min-height:140px;width:100%;border:0;border-bottom:1px solid var(--line);padding:0 0 10px;background:transparent;color:#eee1f0;font-size:13px;line-height:2;outline-offset:5px}textarea::placeholder{color:#8f819e}.postcard-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--dim);margin-top:9px}.post-actions{display:flex;gap:10px;flex-wrap:wrap}.save-status{font-size:10px;color:var(--cyan);min-height:20px;margin:12px 0}.local-note{font-size:10px;line-height:1.8;color:var(--dim)}body.modal-open{overflow:hidden}.fallback-note{max-width:280px;text-align:center;line-height:1.8;padding:20px}.city-failed .place-pin{display:none}.city-failed .loading-message{pointer-events:auto}
@media(min-width:1700px){main,.site-header,footer{max-width:1530px;margin-left:auto;margin-right:auto}.intro{padding-top:75px}}
@media(max-width:1000px){.coordinate{display:none}.orbit{right:5%;font-size:33px;width:70px;height:70px;line-height:70px;top:62px}.orbit:after{width:100px;height:30px;top:20px}.district-card{padding:20px 18px}.card-bottom{font-size:7px}.card-bottom>span{font-size:8px}.about{padding:50px 7%;gap:60px}.scene-caption{font-size:7px}.site-header nav{gap:23px}}
@media(max-width:700px){.site-header{height:78px;margin:0 5%;gap:10px}.brand{font-size:12px;gap:8px}.brand svg{width:28px}.brand small{font-size:6px;letter-spacing:1.1px}.site-header nav{display:none}.header-actions{gap:13px}.parent-link{font-size:9px;padding:7px 9px}.parent-link span{margin-left:8px}.intro{padding:45px 16px 31px}h1{letter-spacing:-4px;font-size:clamp(55px,12vw,84px);margin:22px 0 19px}.title-star{font-size:17px;right:-8px;top:-7px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.intro-copy{font-size:11px;letter-spacing:1px;max-width:310px;margin:auto;line-height:1.9}.orbit{display:none}.enter-link{font-size:9px;margin-top:22px}.city-section{margin:0 3%}.city-world{height:510px}.map-topline,.map-bottomline{padding:12px 12px;font-size:8px;letter-spacing:.5px}.weather{font-size:8px}.weather>span:last-child,.weather-dot{display:none}.scene-caption{left:16px;top:17px;font-size:6px;letter-spacing:1.2px}.map-controls{right:12px;top:14px}.map-controls button{height:32px;width:32px}.pin-label{font-size:9px;gap:7px;padding:7px 8px}.pin-label i{font-size:8px}.pin-stem{height:17px}.world-note{bottom:64px;left:15px;font-size:8px;right:15px}.theme-button{bottom:16px;right:13px;font-size:9px;padding:7px 12px}.map-bottomline{gap:8px;font-size:7px}.tiny-cross{margin-right:6px}.districts{padding:42px 5%}.section-heading{display:block;margin-bottom:21px}h2{font-size:22px}.section-heading>p{font-size:10px;margin-top:10px}.district-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-card{padding:18px 16px}.district-card:nth-child(2){border-right:0}.district-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.district-card h3{font-size:14px}.district-card p{font-size:10px;line-height:1.8}.district-icon{font-size:33px;margin:22px 0 17px}.card-bottom{font-size:6px;letter-spacing:.6px;gap:5px}.card-bottom>span{font-size:8px}.about{padding:39px 20px;gap:28px;align-items:flex-start}.about-mark{font-size:47px;margin-top:20px}.about-mark:before{inset:-10px -15px 8px}.about-mark span{font-size:6px;letter-spacing:.6px}.about-copy h2{font-size:20px}.about-copy p{font-size:11px}.about-copy .eyebrow{font-size:6px;letter-spacing:1px}.about-star{font-size:25px;right:10px;top:5px}footer{display:flex;flex-wrap:wrap;gap:9px 25px;padding:26px 0}footer p{flex-basis:60%;margin:0;font-size:8px}.footer-wordmark{font-size:9px;gap:8px}.footer-wordmark span{font-size:16px}footer>span,footer>a:last-child{font-size:8px}footer>a:last-child{margin-left:auto}.dialog-shell{padding:39px 23px 24px}.dialog-title{font-size:25px}.experience{padding:20px}.dialog-footer{font-size:9px}.question{font-size:17px}}
@media(max-width:700px){.pin-library .pin-stem{height:70px}.pin-square .pin-stem{height:42px}.pin-post .pin-stem{height:55px}.pin-garden .pin-stem{height:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}