@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)}.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)}.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}.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%}@media (width<=640px){.footer-deco-text{flex-wrap:wrap;gap:.75rem}.action-btn{flex-direction:column;align-items:flex-start}}