/* Reuse MC typography, buttons and brand palette; only the new member surface. */
.city-page{font-size:16px;max-width:1120px}.city-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.city-title h1{font-size:clamp(28px,3.5vw,42px);margin:10px 0}.city-demo-note{font-size:13px;margin:8px 0 24px;color:#6a684f}.city-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;background:#ffd900;border:1px solid #e7c700;border-radius:28px;padding:32px;align-items:center}.city-avatar{position:relative;width:min(100%,360px);margin:auto;isolation:isolate}.city-avatar img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:28px}.city-avatar-label{position:relative;display:table;margin:-8px auto 0;border-radius:30px;background:#171918;color:#ffd900;padding:9px 19px;font-size:14px;font-weight:600;text-align:center}.city-avatar-large{width:100%;max-width:440px}.city-avatar-large .city-avatar-label{font-size:16px}.city-hero-info>p:first-child{color:#49431c;font-size:18px}.city-hero-info h2{font-size:clamp(28px,3vw,40px);margin:7px 0 20px}.city-key-stats{display:flex;gap:45px;margin-bottom:20px}.city-key-stats>div{display:flex;flex-direction:column}.city-key-stats strong{font-size:44px;line-height:1.2;letter-spacing:-.035em}.city-key-stats span{font-size:14px;margin-top:5px}.city-next{padding:17px 0;border-top:1px solid #17191830}.city-next strong{font-size:19px}.city-next p{color:#4c481d}.city-next progress{display:block;width:100%;height:10px;margin:16px 0 10px;border:0;border-radius:10px;overflow:hidden;background:#fff8c0;accent-color:#171918}.city-next progress::-webkit-progress-bar{background:#fff8c0}.city-next progress::-webkit-progress-value{background:#171918;border-radius:10px}.city-progress-caption{display:flex;justify-content:space-between;font-size:14px}.city-progress-caption>span:last-child{display:flex;gap:6px;align-items:center}.city-progress-caption i{width:9px;height:9px;border:1px solid #171918;border-radius:50%}.city-progress-caption i.done{background:#171918}.city-hero-earning{color:#34321f;font-size:14px;margin-bottom:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.city-hero-earning b{font-size:22px}.city-hero-earning small{font-size:12px}.city-hero-info>.button{width:100%}.city-hero-info>.text-link{margin-top:10px}.city-card{background:#fffefb;border:1px solid var(--line);box-shadow:0 5px 18px #17191804;border-radius:22px;padding:30px;margin-top:24px;scroll-margin-top:110px}.city-card h2{font-size:25px;margin:7px 0 12px}.city-card p{line-height:1.8}.city-overview{display:flex;gap:25px;justify-content:space-between;align-items:center}.city-overview-stats{display:flex;gap:35px;flex-shrink:0}.city-overview-stats p{display:flex;flex-direction:column;font-size:14px}.city-overview-stats strong{font-size:36px;color:var(--ink)}.city-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.city-section-head>span{font-size:14px;color:var(--muted)}.city-residents,.city-transactions{list-style:none;margin:12px 0;padding:0}.city-residents li,.city-transactions li{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.city-resident-initial{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:#fff2a0;border:1px solid #e6d779;border-radius:50%;font-size:18px}.city-residents li>div,.city-transactions li>div{flex:1;min-width:0}.city-residents strong,.city-transactions strong{display:block;font-size:16px;overflow-wrap:anywhere}.city-residents small,.city-transactions small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.city-resident-status{font-size:13px;color:#47653f;background:#eef4e9;padding:4px 10px;border-radius:20px}.city-empty{padding:24px 0 10px}.city-empty p{max-width:620px;margin:8px 0 14px}.city-details{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.city-details summary,.city-demo-tools summary{font-size:16px;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:12px 0;list-style:none}.city-details summary::-webkit-details-marker{display:none}.city-details>p{padding:10px 0}.city-vault-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.city-vault-grid article{border-radius:16px;padding:24px;min-width:0}.city-cash{background:#fff4b0;border:1px solid #e9d86a}.city-credits{background:#f1f2ed;border:1px solid #dcdfd4}.city-vault-grid article>span{font-size:14px}.city-vault-grid article>strong{display:block;font-size:35px;letter-spacing:-.04em;margin:8px 0}.city-vault-grid article>strong small{font-size:15px;letter-spacing:0}.city-vault-grid p{font-size:14px;margin:8px 0 20px}.city-vault-grid article>div{display:flex;flex-wrap:wrap;gap:9px}.city-vault-grid .button{font-size:14px;min-height:46px;padding:10px 16px}.city-invite{background:#171918;color:#fff}.city-invite .eyebrow{color:#ffd900}.city-invite p,.city-invite small{color:#dadacd}.city-invite label{display:block;margin:22px 0 8px;font-size:14px}.city-link-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.city-link-row input{flex:1;min-width:100px;width:100%;background:#fffefb;border:0;border-radius:10px;padding:13px 15px;color:#171918;font-size:15px}.city-invite .primary{background:#ffd900;color:#171918;border-color:#ffd900}.city-invite .secondary{border-color:#ddd;color:#fff}.city-invite small{font-size:13px;display:block;margin-top:8px}.city-how{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:15px 0 0;list-style:none}.city-how li>b{font-size:15px;background:#ffd900;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;margin-bottom:15px}.city-how h3{font-size:20px;margin-bottom:8px}.city-how p{font-size:14px}.city-map{list-style:none;padding:10px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.city-map li{display:flex;align-items:center;gap:12px;padding:18px 15px;border:1px solid var(--line);border-radius:12px;color:#75786f;min-width:0}.city-map li>span{font-size:18px;width:30px;flex-shrink:0}.city-map li>div{flex:1}.city-map strong{font-size:16px;display:block}.city-map small{display:block;font-size:12px;margin-top:3px}.city-map li>b{font-size:12px;font-weight:500;white-space:nowrap}.city-map li.current{background:#ffd900;border-color:#d3b400;color:#171918}.city-map li.complete{color:#354e31;background:#f1f5ed}.city-shop{text-align:center;background:#fff7d2;border-style:dashed}.city-pill{display:inline-flex;background:#171918;color:#ffd900;padding:8px 16px;border-radius:25px;margin-top:20px;font-size:13px}.city-demo-tools{background:transparent;box-shadow:none}.city-demo-tools>p{font-size:14px}.city-tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.city-gate{max-width:650px;margin:auto;text-align:center}.city-gate>img{width:260px;margin:auto}.city-gate>.button{display:flex;margin:14px auto;max-width:340px}.city-form{display:grid;gap:20px;margin-top:20px}.city-form>label{display:grid;gap:8px;font-size:15px}.city-form input:not([type=radio]):not([type=checkbox]){width:100%;padding:13px;border:1px solid #c6c8bd;border-radius:10px;background:#fff;font-size:16px}.city-form fieldset{border:1px solid #d9dbd1;border-radius:12px;padding:14px;display:flex;gap:25px}.city-form fieldset label{display:flex;gap:10px;align-items:center;min-height:40px}.city-form legend{font-size:14px;padding:0 7px}.city-form input[type=radio],.city-form input[type=checkbox]{accent-color:#171918;width:20px;height:20px;flex-shrink:0}.city-form .city-checkbox{display:flex;align-items:flex-start;gap:10px}.city-upgrade .city-avatar{width:200px;animation:city-celebrate 1.5s ease-out}.city-upgrade>p{margin:20px 0}.city-demo-login{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.city-demo-login p{font-size:14px;margin:8px 0 15px}.city-avatar-home{max-width:440px;margin:auto}.city-avatar-home .city-avatar-label{background:#171918}.city-avatar-home .city-avatar img{mix-blend-mode:multiply}.city-avatar-large img{mix-blend-mode:multiply}.city-transactions b{font-size:14px;white-space:nowrap}.mobile-nav.city-mobile-nav{grid-template-columns:repeat(5,1fr)}
@keyframes city-celebrate{0%{transform:scale(.93);filter:brightness(1)}40%{transform:scale(1.03);filter:brightness(1.15)}100%{transform:scale(1);filter:brightness(1)}}
@media(max-width:1000px){.desktop-nav{gap:16px}.desktop-nav a{font-size:14px}}
@media(max-width:700px){.city-title{display:block}.city-title>.text-link{margin:5px 0 12px}.city-hero{grid-template-columns:1fr;padding:22px;gap:20px}.city-avatar-large{max-width:300px}.city-hero-info h2{font-size:30px}.city-key-stats{gap:45px}.city-key-stats strong{font-size:38px}.city-overview{display:block}.city-overview-stats{margin-top:15px;gap:55px}.city-vault-grid{grid-template-columns:1fr}.city-card{padding:22px;margin-top:18px}.city-card h2{font-size:23px}.city-section-head{align-items:flex-start;flex-wrap:wrap}.city-how{grid-template-columns:1fr 1fr;gap:25px 20px}.city-map{grid-template-columns:1fr}.city-link-row input{flex-basis:100%;min-width:0}.city-link-row .button{flex:1}.city-resident-status{font-size:12px;padding:3px 7px}.city-residents li{gap:10px}.city-residents small{font-size:12px}.city-transactions li{align-items:flex-start}.city-transactions b{font-size:13px}.city-tool-actions .button{width:100%}.city-page .eyebrow{font-size:12px}.city-gate .page-heading h1{font-size:30px}.city-page{padding-bottom:40px}.mobile-nav.city-mobile-nav>a{padding:7px 0;font-size:11px}.city-demo-note{font-size:12px}.city-avatar-home{max-width:330px}}
@media(prefers-reduced-motion:reduce){.city-upgrade .city-avatar{animation:none}}

.city-invite .secondary{background:transparent;color:#fff;border-color:#cfd0c6}.city-invite .secondary:hover{background:#30322b;color:#ffd900}
@media(max-width:700px){.mobile-nav.city-mobile-nav>a{font-size:12px}}
.city-hero[data-city-rank="4"],.city-hero[data-city-rank="5"]{background:radial-gradient(circle at 20% 40%,#fff4a0,#ffd900 65%)}
.city-hero[data-city-rank="6"],.city-hero[data-city-rank="7"],.city-hero[data-city-rank="8"]{background:linear-gradient(125deg,#fff1a0,#ffd900 55%,#e9bf28);border-color:#bfa028}