@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{background:#f4f4f4}body{background:#f4f4f4;min-width:320px;min-height:100dvh;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit}#root{min-height:100dvh}:root{--ink:#0a3aab;--paper:#f4f4f4;--line:#0a3aab4d;--font-sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem}.city-app{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans)}.page-shell{min-height:1px}.meta-text{text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:600;line-height:1.2}.display-text{letter-spacing:-.04em;margin-left:-.04em;font-size:clamp(4rem,16vw,8rem);font-weight:900;line-height:.85}.sub-display{letter-spacing:-.03em;margin:0 0 2rem;font-size:clamp(2rem,8vw,4rem);font-weight:900;line-height:.9}.label{letter-spacing:-.01em;font-size:.75rem;font-weight:600}.data-value{letter-spacing:-.03em;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:900}.topbar{z-index:20;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--ink);background:color-mix(in srgb, var(--paper) 92%, white 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.header-center{margin:0 var(--spacing-md);padding:0 var(--spacing-md);text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line)}.header-nav{scrollbar-width:none;justify-content:center;align-items:center;gap:clamp(.55rem,1.5vw,1rem);display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;color:inherit;opacity:.68;text-decoration:none;position:relative}.nav-link.active{opacity:1}.nav-link.active:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-.25rem;left:0;right:0}.hero-section{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--ink)}.hero-kicker{margin-bottom:1rem}.hero-summary{letter-spacing:-.01em;max-width:38rem;margin-top:1.5rem;font-size:.96rem;line-height:1.7}.section-hero{flex-direction:column;justify-content:flex-end;min-height:min(48vh,28rem);display:flex}.page-title{max-width:14ch}.split-panel{border-bottom:1px solid var(--ink);grid-template-columns:1fr;display:grid}@media (width>=600px){.split-panel{grid-template-columns:1fr 1fr}}.split-left{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--ink)}@media (width>=600px){.split-left{border-right:1px solid var(--ink);border-bottom:none}}.split-right{grid-template-rows:1fr auto;display:grid}.data-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.data-cell{padding:var(--spacing-md);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:.5rem;display:flex}.data-cell:nth-child(2n){border-right:none}.status-note{opacity:.6;margin-top:2rem}.creature-viewport{aspect-ratio:1;border-bottom:1px solid var(--line);background:radial-gradient(circle,#0a3aab14 0%,#0000 70%),linear-gradient(#0a3aab05,#0000 70%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.skyline-viewport:before,.skyline-viewport:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.skyline-viewport:before{border:1px solid #0a3aab29;width:78%;height:78%;bottom:-22%;right:-18%}.skyline-viewport:after{border:1px solid #0a3aab1f;width:92%;height:92%;top:-34%;left:-28%}.creature-svg{width:60%;height:60%;fill:var(--ink);animation:4s ease-in-out infinite float}.skyline-svg{overflow:visible}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}.creature-eye{transform-origin:50%;animation:4s infinite blink}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.ar-badge{top:var(--spacing-md);right:var(--spacing-md);color:inherit;border:1px solid var(--ink);background:var(--paper);cursor:pointer;align-items:center;gap:4px;padding:4px 6px;transition:background-color .2s,color .2s,transform .2s;display:flex;position:absolute}.ar-badge:hover{color:var(--paper);background:var(--ink);transform:translateY(-1px)}.ar-icon{border:1px solid;border-radius:50%;width:10px;height:10px;position:relative}.ar-icon:after{content:"";background:currentColor;border-radius:50%;position:absolute;inset:2px}.viewport-caption{left:var(--spacing-md);bottom:var(--spacing-md);border-top:1px solid var(--line);padding-top:.45rem;position:absolute}.index-list{padding:var(--spacing-md);flex-direction:column;gap:.2rem;display:flex}.index-item{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;display:flex}.index-item.active{font-weight:900}.index-item.active:before{content:"→";margin-right:.5rem}.index-arrow{opacity:.45}.action-grid{grid-template-columns:1fr;display:grid}.action-btn{padding:var(--spacing-lg) var(--spacing-md);color:var(--ink);text-align:left;border:none;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;justify-content:space-between;align-items:flex-end;gap:1rem;font-family:inherit;transition:background-color .2s,color .2s;display:flex}.action-btn:hover,.action-btn:active{color:var(--paper);background-color:var(--ink)}.action-title{letter-spacing:-.02em;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900;line-height:1;display:block}.action-desc{max-width:32rem;margin-top:.9rem;font-size:.92rem;line-height:1.55;display:block}.action-meta{letter-spacing:0;opacity:.7;flex-shrink:0;font-family:SFMono-Regular,Consolas,monospace;font-size:.6rem}.footer-deco{height:20vh;min-height:8rem;padding-bottom:var(--spacing-sm);border-top:1px solid var(--ink);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.footer-deco-text{z-index:2;width:100%;padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;display:flex;position:absolute;bottom:0}.geo-curve{z-index:1;background:var(--ink);opacity:.05;border-radius:50%;width:150%;height:150%;position:absolute;bottom:-50%}.geo-curve-inner{z-index:1;border:1px solid var(--ink);opacity:.2;border-radius:50%;width:120%;height:120%;position:absolute;bottom:-40%;left:-10%}.info-grid{border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.info-card{min-height:15rem;padding:clamp(1.25rem, 2vw, 2rem) var(--spacing-md);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg, #0a3aab06, transparent 55%), var(--paper)}.info-card:nth-child(3n){border-right:none}.info-card h2{letter-spacing:-.03em;margin-top:.75rem;font-size:clamp(1.35rem,3.5vw,2rem);line-height:1}.info-card p{max-width:32rem;margin-top:1rem;font-size:.95rem;line-height:1.7}.fact-strip{border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fact-cell{padding:1.25rem var(--spacing-md);border-right:1px solid var(--line);flex-direction:column;gap:.55rem;display:flex}.fact-cell:last-child{border-right:none}.visual-story{border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.visual-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.visual-card:nth-child(3n){border-right:none}.visual-art{border-bottom:1px solid var(--line);background:radial-gradient(circle at 30% 30%,#0a3aab1f,#0000 38%),linear-gradient(#0a3aab14,#0a3aab04);min-height:15rem;position:relative;overflow:hidden}.visual-art-river:before,.visual-art-street:before,.visual-art-tower:before,.visual-art-grid:before,.visual-art-arc:before{content:"";position:absolute;inset:auto}.visual-art-river:before{border-top:1px solid #0a3aab80;border-bottom:1px solid #0a3aab33;height:20%;bottom:18%;left:-8%;right:-8%;transform:skewY(-5deg)}.visual-art-street:before{border:1px solid #0a3aab47;width:64%;height:64%;top:16%;left:18%;box-shadow:-1.4rem 1.4rem 0 -1px #0a3aab2e,1.6rem -1.2rem 0 -1px #0a3aab24}.visual-art-tower:before{clip-path:polygon(50% 0%,64% 12%,58% 30%,68% 46%,54% 70%,60% 100%,40% 100%,46% 70%,32% 46%,42% 30%,36% 12%);background:linear-gradient(#0a3aab24,#0a3aab6b);width:18%;height:82%;bottom:0;left:50%;transform:translate(-50%)}.visual-art-grid:before{background-image:linear-gradient(#0a3aab2e 1px,#0000 1px),linear-gradient(90deg,#0a3aab2e 1px,#0000 1px);background-size:2.4rem 2.4rem;inset:16% 14%}.visual-art-arc:before{border:1px solid #0a3aab4d;border-radius:50%;height:78%;bottom:-28%;left:-12%;right:-12%}.visual-code{position:absolute;top:1rem;left:1rem}.visual-rings span{border:1px solid #0a3aab29;border-radius:50%;position:absolute}.visual-rings span:first-child{width:10rem;height:10rem;top:-10%;right:-8%}.visual-rings span:last-child{width:12rem;height:12rem;bottom:-18%;left:-14%}.visual-copy{padding:1.15rem var(--spacing-md) 1.35rem}.visual-copy h2{letter-spacing:-.03em;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.04}.visual-copy p{margin-top:.85rem;font-size:.94rem;line-height:1.7}.experience-shell{border-bottom:1px solid var(--ink)}.experience-nav{border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.experience-chip{padding:1.15rem var(--spacing-md);color:inherit;text-align:left;border:none;border-right:1px solid var(--line);cursor:pointer;background:0 0;flex-direction:column;gap:.65rem;transition:background-color .2s,color .2s;display:flex}.experience-chip:last-child{border-right:none}.experience-chip strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.experience-chip.active,.experience-chip:hover{color:var(--paper);background:var(--ink)}.experience-panel{grid-template-columns:minmax(18rem,.92fr) minmax(0,1.08fr);display:grid}.experience-summary{padding:clamp(1.5rem, 2vw, 2rem) var(--spacing-md);border-right:1px solid var(--ink)}.experience-summary h2{letter-spacing:-.04em;margin-top:.8rem;font-size:clamp(1.9rem,4vw,3rem);line-height:.96}.experience-summary p{max-width:34rem;margin-top:1rem;font-size:.96rem;line-height:1.75}.experience-metrics{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem;display:grid}.experience-metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:.45rem;padding:1rem .9rem;display:flex}.experience-metric strong{letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.timeline{padding:.5rem 0}.timeline-item{padding:1.1rem var(--spacing-md);border-bottom:1px solid var(--line);grid-template-columns:7rem 1fr;gap:1rem;display:grid}.timeline-item:last-child{border-bottom:none}.timeline-pin{position:relative}.timeline-pin:after{content:"";background:var(--ink);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:1rem;right:-.25rem}.timeline-content h3,.taste-item h3{letter-spacing:-.02em;font-size:1.18rem;line-height:1.05}.timeline-content p,.taste-item p{margin-top:.7rem;font-size:.94rem;line-height:1.65}.food-panel{grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr)}.history-panel,.guide-panel{grid-template-columns:minmax(18rem,.92fr) minmax(0,1.08fr)}.district-tags{flex-wrap:wrap;gap:.55rem;margin-top:1.25rem;display:flex}.district-tag{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;padding:.4rem .65rem;font-size:.72rem;font-weight:700}.taste-list{grid-template-columns:1fr;display:grid}.taste-item{padding:1.2rem var(--spacing-md);border-bottom:1px solid var(--line)}.taste-item:last-child{border-bottom:none}@media (width<=640px){.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.header-center{min-width:0;margin:0}.footer-deco-text{flex-wrap:wrap;gap:.75rem}.action-btn{flex-direction:column;align-items:flex-start}.info-grid,.visual-story,.fact-strip,.experience-nav,.experience-panel,.food-panel{grid-template-columns:1fr}.info-card,.fact-cell,.visual-card{border-right:none}.experience-summary{border-right:none;border-bottom:1px solid var(--ink)}.timeline-item{grid-template-columns:1fr}.timeline-pin:after{display:none}.experience-chip{border-right:none;border-bottom:1px solid var(--line)}.experience-chip:last-child{border-bottom:none}.header-nav{justify-content:flex-start;padding-bottom:.1rem}}