:root{--city-paper: #f3ecdf;--city-paper-light: #faf6ed;--city-paper-deep: #e7decb;--city-ink: #343b31;--city-copy: #606553;--city-muted: #7a7c69;--city-pine: #486052;--city-pine-dark: #344c3e;--city-moss: #77856b;--city-brass: #a38d61}@font-face{font-family:Manrope;src:url(./Manrope-Variable-FzEoaBTQ.ttf) format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(./BarlowCondensed-Bold-v1X23fbx.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(./BarlowCondensed-Black-CRk7EgUb.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}html,body,#root{margin:0;width:100%;height:100%}body{background:var(--city-pine-dark)}.city-landing,.city-opening{--entry-cream: #f3edda;--entry-brass: #c8ac70;--entry-ink: #243c30;font-family:Manrope,Segoe UI,sans-serif}.city-landing *,.city-landing *:before,.city-landing *:after,.city-opening *,.city-opening *:before,.city-opening *:after{box-sizing:border-box}.city-wordmark{display:inline-flex;color:#f3ecdf;white-space:nowrap}.city-wordmark>span{font:900 31px/.9 Barlow Condensed,Arial Narrow,sans-serif;letter-spacing:-.015em}.city-wordmark b{font-weight:inherit}.city-wordmark.is-small>span{font-size:28px}.opening-keyart{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;overflow:hidden}.opening-keyart img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.city-landing{--landing-paper: var(--city-paper);--landing-ink: var(--city-pine-dark);--landing-muted: #c3bda0;--landing-accent: var(--city-paper-deep);--landing-gutter: clamp(24px, 5vw, 96px);--landing-content: 1312px;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;color:var(--landing-paper);background:var(--landing-ink);color-scheme:dark}.city-landing button,.city-landing a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.city-landing{scrollbar-width:thin;scrollbar-color:#a38d61 #344c3e}.city-landing button{cursor:pointer;font:inherit}.city-landing a{color:inherit;text-decoration:none}.city-landing :is(a,button):focus-visible{outline:3px solid var(--landing-accent);outline-offset:5px}.city-landing svg,.city-opening svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}.landing-header{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px;padding:0 var(--landing-gutter);border-bottom:1px solid #e7decb38}.landing-home{min-height:44px;display:inline-flex;align-items:center}.landing-header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.landing-header nav>a,.landing-header nav>button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;white-space:nowrap}.landing-header button{color:inherit;border:0;background:transparent;padding:0;font:inherit}.landing-header .landing-header-play{gap:24px;padding:0 20px;border:1px solid #e7decb80;font-size:12px}.landing-header-play svg{width:18px;height:18px}.landing-header nav :is(a,button):hover{color:var(--landing-accent)}.landing-updates-link{text-underline-offset:6px}.landing-updates-link:hover{text-decoration:underline!important}.landing-hero{position:relative;isolation:isolate;min-height:720px;height:min(100svh,1020px);display:flex;align-items:center;padding:132px var(--landing-gutter) 105px;background:#486052}.landing-hero>.opening-keyart{z-index:-3}.landing-hero>.opening-keyart img{object-position:62% center}.landing-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#243829c9,#273e2daa 25%,#344c3e40 54%,#344c3e05 78%),linear-gradient(0deg,#344c3e 0%,#344c3e66 14%,transparent 41%,#344c3e12 80%,#273e2dc2 100%)}.landing-hero-content{width:min(630px,100%);padding-top:12px}.landing-kicker{margin:0 0 20px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;line-height:1.6;font-weight:750}.landing-hero .landing-kicker{color:#e7decb;margin-bottom:14px}.landing-game-title{margin:0 0 25px -4px;font:900 clamp(112px,12.6vw,188px)/.8 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.032em;color:#faf6ed;white-space:nowrap;text-shadow:0 4px 35px #24382940}.landing-tagline{margin:0;font-size:clamp(23px,2.25vw,33px);line-height:1.22;letter-spacing:-.025em;font-weight:700}.landing-intro{margin:20px 0 28px;color:#eee8d8;font-size:14px;line-height:1.7}.city-landing .landing-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;min-height:58px;min-width:210px;max-width:100%;padding:16px 24px;border:0;border-radius:0;background:var(--city-paper);color:var(--city-ink);font-weight:800;font-size:14px;transition:background .15s}.landing-primary svg{flex:none;width:23px;height:23px;transition:transform .15s}.city-landing .landing-primary:hover{background:#faf6ed}.landing-primary:hover svg{transform:translate(3px)}.landing-play-note{margin:14px 0 0;color:#d2cdbb;font-size:10px;line-height:1.7}.landing-returning{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:12px;max-width:100%}.landing-returning>span{color:#e7decb;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-returning strong{font-weight:650}.landing-returning button{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 0;color:var(--landing-paper);background:none;border:0;font-size:12px}.landing-returning button:hover{color:var(--landing-accent)}.landing-returning button svg{width:17px;height:17px}.landing-storage-note{max-width:320px;margin:8px 0 0;font-size:11px;line-height:1.5;color:#e7decb}.landing-hero-bottom{position:absolute;inset:auto var(--landing-gutter) 29px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-hero-bottom a{display:flex;align-items:center;gap:26px;min-height:44px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.landing-hero-bottom a svg{width:19px;height:19px;transform:rotate(90deg);color:var(--landing-accent)}.landing-hero-bottom>span{color:#c3bda0;font-size:9px;letter-spacing:.04em}.landing-gameplay{padding:93px max(var(--landing-gutter),calc((100% - var(--landing-content)) / 2)) 88px;scroll-margin-top:24px}.landing-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:40px}.landing-gameplay .landing-kicker{color:var(--landing-accent)}.landing-section-intro h2,.landing-beginnings h2{margin:0;font:700 clamp(44px,4.8vw,70px)/.98 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.012em}.landing-section-intro h2 span{color:#c3bda0}.landing-section-intro>p{max-width:450px;margin:0 0 2px;color:#d2cdbb;font-size:15px;line-height:1.85}.landing-gameplay-frame{margin:0}.landing-live-city{position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden;background:#77856b}.landing-live-city canvas{display:block;width:100%;height:100%;pointer-events:none}.landing-live-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--city-pine-dark);color:var(--city-paper)}.landing-live-loading p{font-size:15px}.landing-live-loading progress{width:160px;height:3px;accent-color:var(--city-paper-deep);margin-top:15px}.landing-live-loading button{min-height:44px;padding:8px 20px;border:1px solid var(--city-paper-deep);background:transparent;color:var(--city-paper);cursor:pointer}.landing-live-caption{display:flex;align-items:center;gap:9px}.landing-live-caption i{width:5px;height:5px;border-radius:50%;background:#b2c795}.landing-live-caption>span{color:#c3bda0}.city-landing .landing-ambience{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 2px 8px 12px;border:0;background:transparent;color:var(--city-paper);font:inherit;cursor:pointer}.landing-ambience svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.landing-ambience:disabled{opacity:.45;cursor:default}.landing-ambience:hover:not(:disabled){color:#fff}.landing-sound-error{color:var(--city-paper-deep);font-size:11px;text-align:right}.landing-gameplay-frame figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:13px;color:#c3bda0;font-size:10px;line-height:1.7}.landing-gameplay-frame figcaption span:first-child{color:#e7decb}.landing-gameplay-notes{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:35px;padding-top:30px;border-top:1px solid #e7decb30}.landing-gameplay-notes h3{margin:0 0 10px;font-size:17px;line-height:1.4;font-weight:700;letter-spacing:-.025em}.landing-gameplay-notes p{margin:0;max-width:480px;color:#d2cdbb;font-size:13px;line-height:1.9}.landing-beginnings{color-scheme:light;background:var(--city-paper);color:var(--city-ink);padding:84px max(var(--landing-gutter),calc((100% - var(--landing-content)) / 2)) 88px;display:grid;grid-template-columns:.8fr 1.2fr;gap:88px;scroll-margin-top:0}.landing-beginnings-intro>.landing-kicker{color:#606553}.landing-beginnings h2{font-size:clamp(43px,4.2vw,61px)}.landing-beginnings-intro>p:not(.landing-kicker){max-width:310px;margin:24px 0 29px;color:#606553;font-size:13px;line-height:1.85}.landing-beginnings .landing-primary{background:var(--city-pine);color:var(--city-paper-light);min-width:220px}.landing-beginnings .landing-primary:hover{background:#344c3e}.landing-beginnings :is(a,button):focus-visible{outline-color:#486052}.landing-situations{list-style:none;margin:0;padding:0;align-self:center}.landing-situations li{display:grid;grid-template-columns:30px 1fr auto;gap:20px;padding:25px 0;border-bottom:1px solid #c3bda0}.landing-situations li:first-child{border-top:1px solid #c3bda0}.landing-situations li>span:first-child{font:700 21px/1.4 Barlow Condensed,sans-serif;color:#7a7c69}.landing-situations h3{margin:0 0 7px;font-size:16px;line-height:1.45;font-weight:750;letter-spacing:-.025em}.landing-situations p{margin:0;max-width:355px;color:#606553;font-size:12px;line-height:1.8}.landing-situation-type{padding-top:5px;color:#606553;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.landing-footer{display:grid;grid-template-columns:auto 1fr auto;gap:24px 40px;align-items:center;padding:40px max(var(--landing-gutter),calc((100% - var(--landing-content)) / 2)) 36px}.landing-footer p{color:#e7decb;font-size:12px;line-height:1.7;margin:0}.landing-footer>span:not(.city-wordmark){grid-column:1 / -1;padding-top:20px;border-top:1px solid #e7decb30;color:#c3bda0;font-size:10px;line-height:1.8}.landing-footer>a{display:flex;align-items:center;gap:17px;color:#e7decb;min-height:44px;font-size:11px}.landing-footer>a:hover{color:var(--landing-accent)}.landing-footer>a svg{width:17px;height:17px}.landing-skip{position:fixed;top:10px;left:12px;z-index:20;padding:15px;transform:translateY(-150%);color:#343b31!important;background:var(--landing-accent)}.landing-skip:focus{transform:none}@media(min-width:1800px){.landing-hero-content{margin-left:max(0px,calc((100vw - 1616px) / 2 - var(--landing-gutter)))}}@media(max-width:1050px){.landing-header nav{gap:23px}.landing-beginnings{gap:40px;grid-template-columns:.8fr 1.2fr}.landing-situation-type{display:none}.landing-situations li{grid-template-columns:24px 1fr;gap:13px}.landing-section-intro{gap:36px}.landing-gameplay-notes{gap:40px}}@media(max-width:700px){.landing-header{min-height:77px;gap:15px;padding-top:env(safe-area-inset-top,0px)}.landing-header nav{gap:17px;font-size:10px}.landing-header .landing-nav-link{display:none}.landing-header .landing-header-play{min-height:44px;padding:0 14px;gap:15px;font-size:10px}.city-wordmark>span{font-size:28px}.landing-hero{height:100svh;min-height:650px;max-height:920px;align-items:flex-start;padding-top:clamp(146px,22svh,196px);padding-bottom:110px}.landing-hero>.opening-keyart img{object-position:center 62%}.landing-hero-shade{background:linear-gradient(90deg,#273e2da6,#344c3e3b 90%),linear-gradient(0deg,#344c3e,#273e2d80 19%,#344c3e17 45%,#344c3e70 76%,#273e2de0)}.landing-hero-content{width:100%;padding-top:0}.landing-hero .landing-kicker{margin-bottom:17px;font-size:9px}.landing-game-title{font-size:clamp(96px,22vw,148px);margin-left:-2px;margin-bottom:23px}.landing-tagline{font-size:25px;line-height:1.25}.landing-intro{font-size:12px;margin:18px 0 24px}.city-landing .landing-primary{min-height:56px;font-size:13px;min-width:196px;padding-inline:21px}.landing-play-note{font-size:9px}.landing-hero-bottom{bottom:22px}.landing-hero-bottom a{font-size:9px;gap:17px}.landing-hero-bottom>span{font-size:8px}.landing-gameplay{padding-top:56px;padding-bottom:48px}.landing-section-intro{grid-template-columns:1fr;gap:23px;margin-bottom:29px}.landing-kicker{margin-bottom:15px;font-size:9px}.landing-section-intro h2{font-size:52px}.landing-section-intro>p{max-width:450px;font-size:13px;line-height:1.9}.landing-gameplay-frame{margin-inline:calc(-1 * var(--landing-gutter))}.landing-live-city{aspect-ratio:4 / 5}.landing-live-caption{gap:6px;flex-wrap:wrap}.landing-live-caption>span{display:none}.landing-gameplay-frame figcaption{margin:13px var(--landing-gutter) 0;font-size:8px;gap:10px}.landing-gameplay-notes{grid-template-columns:1fr;gap:26px;margin-top:26px;padding-top:25px}.landing-gameplay-notes h3{font-size:16px;margin-bottom:8px}.landing-gameplay-notes p{font-size:12px}.landing-beginnings{grid-template-columns:1fr;gap:38px;padding-block:51px}.landing-beginnings h2{font-size:49px}.landing-beginnings-intro>p:not(.landing-kicker){max-width:390px;margin-block:20px 24px;font-size:12px}.landing-situations li{grid-template-columns:25px 1fr auto;padding-block:20px}.landing-situations h3{font-size:15px}.landing-situations p{font-size:11px}.landing-situation-type{display:block;font-size:8px}.landing-footer{grid-template-columns:1fr auto;gap:22px;padding-block:31px max(27px,env(safe-area-inset-bottom,0px))}.landing-footer p{grid-column:1 / -1;grid-row:2;font-size:11px}.landing-footer>a{grid-column:2;grid-row:1;font-size:10px}.landing-footer>span:not(.city-wordmark){font-size:9px;padding-top:19px}}@media(max-width:360px){.city-landing{--landing-gutter: 20px}.landing-header{gap:10px}.landing-header nav{gap:12px}.landing-header .landing-header-play{gap:9px;padding-inline:10px}.landing-header-play svg{display:none}.city-wordmark>span{font-size:25px}.landing-hero{min-height:568px;padding-top:121px}.landing-game-title{font-size:89px;margin-bottom:23px}.landing-tagline{font-size:23px}.landing-hero .landing-kicker{margin-bottom:15px}.landing-intro{font-size:11px;margin-block:16px 21px}.landing-play-note{font-size:8px}.landing-hero-bottom>span{display:none}.landing-situation-type{display:none}.landing-situations li{grid-template-columns:22px 1fr}}@media(max-width:420px){.landing-header nav{gap:12px}.landing-header-play svg{display:none}}@media(orientation:landscape)and (max-height:560px){.landing-header{min-height:63px}.landing-header nav{gap:23px}.landing-hero{min-height:390px;height:100svh;max-height:none;padding-top:91px;padding-bottom:46px;align-items:flex-start}.landing-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start;width:min(710px,100%);padding:0}.landing-hero .landing-kicker{grid-column:1;font-size:9px;margin-bottom:14px}.landing-game-title{grid-column:1;font-size:88px;margin-bottom:17px}.landing-tagline{grid-column:1;font-size:21px}.landing-intro{display:none}.landing-play-block{grid-column:2;grid-row:2 / 4;align-self:center}.city-landing .landing-primary{min-width:190px;min-height:52px;padding:13px 18px;font-size:12px;gap:22px}.landing-play-note{max-width:220px;font-size:9px;margin-top:12px}.landing-hero-bottom{bottom:10px}.landing-returning{margin-top:9px}.landing-returning>span{font-size:9px}.landing-returning button{font-size:10px}.landing-hero-shade{background:linear-gradient(90deg,#273e2dc4,#344c3e65 66%,#344c3e20),linear-gradient(0deg,#344c3e,transparent 29%,transparent 77%,#273e2dad)}}@media(prefers-reduced-motion:reduce){.city-landing{scroll-behavior:auto}.city-landing *,.city-landing *:before,.city-landing *:after{animation:none!important;transition:none!important}}