.game-city{--accent:#c7ff75;background:radial-gradient(ellipse at 80% 6%,#234d4144,transparent 50%),#090f16}.city-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:24px;padding-block:76px 50px}.city-hero h1{font-size:clamp(44px,5.2vw,76px);letter-spacing:-3px;line-height:1.02}.city-lead{max-width:490px;color:#b6c7c9;font-size:17px;line-height:1.8;margin-bottom:28px}.city-illustration{margin:0;background:radial-gradient(ellipse,#51765d44,transparent 70%);animation:city-arrive .8s ease-out both}.city-illustration img{display:block;width:100%;height:auto}.city-illustration figcaption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#9cb7aa;padding:0 20px}.city-ribbon{display:flex;align-items:center;gap:28px;border-block:1px solid #d7eed31f;padding-block:24px}.city-ribbon>span:first-child{margin-right:auto;font-size:10px;letter-spacing:2px;color:#93b4a6}.city-ribbon b{font-size:20px;font-weight:500}.city-ribbon>span{color:var(--accent)}.city-section{padding-block:72px}.city-muted{color:#9fb1b4;font-size:14px}.city-buildings{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.city-building{padding:22px 16px;background:linear-gradient(155deg,#21382b55,#111d23);border:1px solid #bbdec622;border-radius:12px}.city-building-number{font-size:10px;color:#adc3ba}.city-building h3{font-size:17px;margin-top:20px}.city-building p{font-size:13px;line-height:1.7;color:#9fb1b4}.city-mini{height:100px;display:flex;align-items:flex-end;justify-content:center;gap:5px;transform:skewY(-8deg);padding:14px}.city-mini i{display:block;width:28px;height:50px;background:repeating-linear-gradient(0deg,transparent 0 11px,#fff8 12px 16px),#bf8b6b;box-shadow:8px 6px #7d5542;border-top:7px solid #3b615c}.city-mini i:nth-child(2){height:73px;background-color:#82ac9c}.city-mini i:nth-child(3){height:40px}.shops .city-mini i{background-color:#e7c075;border-color:#ad6a50}.works .city-mini i{background-color:#889ea3;border-color:#bccad0}.parks .city-mini i{background:#649c6b;border:0;border-radius:50% 50% 25% 25%;box-shadow:5px 7px #345d45}.civic .city-mini i{background-color:#ddd6b0;border-color:#557d77}.city-play-modes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.city-play-modes article{padding:36px;border-top:2px solid #b9e8a6;background:linear-gradient(135deg,#223b3155,#101a23)}.city-mode-label{font-size:10px;letter-spacing:2px;color:var(--accent)}.city-play-modes h3{font-size:30px;margin-top:22px}.city-play-modes p{color:#aabcbc;max-width:440px}.city-play-modes dl{margin:28px 0}.city-play-modes dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #ffffff15;font-size:12px}.city-play-modes dt{color:#e2eecf}.city-play-modes dd{margin:0;color:#9fb1b4;text-align:right}.city-invite{margin-block:10px 80px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:35px;border:1px solid #bde69b33;border-radius:18px;background:radial-gradient(ellipse at right,#44643866,transparent 80%)}.city-invite p:not(.eyebrow){max-width:530px;color:#aabcbc}.city-invite .actions{flex-direction:column;align-items:flex-start}.city-invite .actions>a:last-child{font-size:12px;color:#c7ddc1}@keyframes city-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.city-buildings{grid-template-columns:repeat(3,1fr)}.city-hero{grid-template-columns:1fr 1fr}.city-invite{display:block}.city-invite .actions{margin-top:25px}}@media(max-width:700px){.city-hero{grid-template-columns:1fr;padding-top:42px}.city-hero h1{letter-spacing:-2px}.city-illustration{max-width:520px;margin:auto}.city-ribbon{gap:12px;flex-wrap:wrap}.city-ribbon>span:first-child{width:100%}.city-ribbon b{font-size:16px}.city-buildings{grid-template-columns:1fr 1fr}.city-play-modes{grid-template-columns:1fr}.city-play-modes article{padding:24px}.city-section{padding-block:44px}.city-invite{padding:24px}.game-city .nav nav>a:first-child{display:inline}.city-illustration figcaption{letter-spacing:0}}@media(prefers-reduced-motion:reduce){.city-illustration{animation:none}}