/* Phone-first MC City: bright collectible portraits, readable progress, calm dark stage. */
.signup-button{border:1px solid #191d19;padding:10px 15px;border-radius:9px;min-height:44px;font-weight:700;white-space:nowrap;font-size:14px}.header-row{gap:16px}.city-mobile{max-width:1260px;padding-top:28px}.mobile-city-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.mobile-city-head h1{font-size:clamp(26px,3vw,38px);line-height:1.4;letter-spacing:-.035em;margin:12px 0;color:#fff5d9}.city-identity{color:#f5d581;border:1px solid #a7997055;padding:12px 16px;min-height:44px;white-space:nowrap;border-radius:12px}.city-view-status{font-size:13px;color:#aabec6;margin:12px 0 18px}.mobile-city-hero{position:relative;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:20px;background:radial-gradient(ellipse at 53% 75%,#35626866,transparent 63%),linear-gradient(115deg,#223b48,#132631);border:1px solid #b6cbcc30;border-radius:26px;overflow:hidden;padding:24px 32px}.mobile-city-rank{position:relative;z-index:1}.mobile-city-rank>span,.mobile-city-next>span:first-child{font-size:13px;letter-spacing:.09em;color:#bcd2d3}.mobile-city-rank>strong{font-size:74px;line-height:1.2;display:block;color:#ffe398;margin:10px 0}.mobile-city-rank>strong small{font-size:19px;color:#b2c5c7}.mobile-city-rank h2{font-size:25px;margin:0 0 8px;color:#fff7df}.mobile-city-rank p{font-size:14px;color:#b7ccd0}.mobile-city-rank button{font-size:14px;color:#ffe398;min-height:44px;margin-top:14px}.mobile-city-avatar{min-width:0}.city-mobile .mobile-city-avatar .city-avatar{width:100%;max-width:430px;aspect-ratio:1;margin:auto;background:none;filter:none;transform:none;animation:none}.city-mobile .mobile-city-avatar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px #0004);animation:none;transform:none}.mobile-city-avatar .city-avatar-label{display:none}.mobile-city-next{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:18px;background:#071c2460;border:1px solid #d9c58a30}.mobile-city-next b{font-size:22px;color:#f9e6b0}.mobile-city-next>span{font-size:14px;line-height:1.6;color:#c7d7d8}.mobile-city-next progress{width:100%;height:7px;accent-color:#f2d37d;border:0;border-radius:8px}.city-mobile .community-meters{gap:18px;margin:24px 0}.city-mobile .community-meter-ring{max-width:155px}.city-mobile .community-meter-ring span>span{font-size:13px}.city-mobile .community-meter>small{font-size:12px}.city-quick-actions{display:flex;gap:12px;justify-content:center;margin:16px 0 30px}.city-mobile .cc-tabs{border-radius:14px;padding:6px;background:#243c49;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:4px}.city-mobile .cc-tabs button{padding:12px 6px;min-width:0;font-size:15px;border:0;border-radius:9px;white-space:normal;line-height:1.4}.city-mobile .cc-tabs button[aria-pressed=true]{background:#f4db8d;color:#152832}.city-collection{padding:24px 0}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.collection-heading h2,.board-heading h2{font-size:30px;line-height:1.4;color:#fff1ca;margin:10px 0}.collection-heading .eyebrow{font-size:12px;color:#adc8cb}.wardrobe-switch{display:flex;flex-shrink:0;padding:4px;border-radius:24px;background:#213b48;gap:4px}.wardrobe-switch button{font-size:14px;min-width:60px;min-height:42px;padding:8px 12px;border-radius:20px;color:#cadde0}.wardrobe-switch button[aria-pressed=true]{background:#f8e8af;color:#1c333c}.community-portrait{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding:28px 4px 22px;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#4c727f60,transparent 70%),linear-gradient(180deg,#18323e,#0e202c);border:1px solid #aec5cf25;margin:20px 0}.portrait-person{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;padding:5px 1px 12px;border:1px solid transparent;border-radius:18px;color:#dce8e7}.portrait-person img{width:130%;max-width:none;height:auto;aspect-ratio:1;object-fit:contain;filter:none!important;opacity:1!important;position:relative;pointer-events:none}.portrait-person>b{font-size:16px;line-height:1.5;color:#e5cb85}.portrait-person>span{font-size:12px;line-height:1.5;margin-top:5px;text-align:center}.portrait-person.is-current{background:linear-gradient(#f4d68508,#f4d68522);border-color:#f5dd9477}.portrait-person.is-current>span{color:#ffeb9c;font-weight:700}.portrait-person:hover{background:#b3e6ed10}.collection-hint,.city-rules p{font-size:14px;line-height:1.8;color:#bccfd2}.city-rules{margin-top:22px;border-top:1px solid #abc7c733;padding-top:10px}.city-rules summary{min-height:44px;cursor:pointer;font-size:15px;line-height:1.7;color:#eedda8;padding:8px 0}.city-mobile .city-people .resident-detail-button{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px}.city-people .resident-detail-button img{width:58px;height:64px;object-fit:contain}.city-people .resident-detail-button strong{font-size:17px}.city-people .resident-detail-button small{font-size:13px;line-height:1.6;color:#aec9cf;display:block}.city-people .resident-detail-button>span:last-child{font-size:13px;color:#f1d68e}.city-board{padding:24px 0}.board-heading p{font-size:16px;line-height:1.7;color:#b9cfd1}.board-mode{display:inline-block;margin:14px 0;padding:8px 13px;border:1px solid #a5dbe54d;border-radius:20px;font-size:13px;color:#afe2e6}.city-podium{display:flex;align-items:end;gap:14px;margin:20px 0 28px}.podium-person{flex:1;min-width:0;text-align:center;padding:20px 8px;border:1px solid #d8c89540;border-radius:20px;background:linear-gradient(#234755,#172d38)}.podium-0{order:2;background:linear-gradient(#605638,#243b40);padding-top:30px}.podium-1{order:1}.podium-2{order:3}.podium-person>span{display:inline-block;color:#ffdf8a;font-size:22px;font-weight:800}.podium-person img{width:100%;height:190px;object-fit:contain}.podium-person h3{font-size:20px;margin:8px 0;overflow-wrap:anywhere}.podium-person>small{font-size:13px;color:#c0d4d6}.podium-person>strong{display:block;font-size:31px;color:#f5dc97;margin-top:16px}.podium-person strong small{display:block;font-size:12px;color:#b8d0d4;font-weight:400}.board-list{padding:0;margin:0;list-style:none}.board-list li{display:flex;align-items:center;gap:20px;padding:18px 4px;border-bottom:1px solid #c4d9d529}.board-list li>b{color:#b5d8df;font-size:20px;min-width:40px}.board-list li>span{flex:1}.board-list strong{font-size:18px}.board-list small{display:block;font-size:13px;line-height:1.7;color:#a9c4c9}.board-list li>strong{text-align:right;color:#f4df9c}.board-empty{padding:40px 24px!important;background:#233e4955;border:1px dashed #7fabb25e;border-radius:20px}.board-empty>span{display:block;font-size:42px;color:#f3dd9b;margin-bottom:14px}.city-board .text-link{margin:20px 0;min-height:44px}.city-mobile .city-heart{border-radius:24px}.city-mobile .city-demo-tools{padding:20px;border-top:1px solid #adc7cd30}.city-demo-tools button{padding:14px;color:#eedda8}.skill-thumb{position:relative;height:100%;min-height:310px;overflow:hidden;background:linear-gradient(145deg,#f9dd51,#e7ad49);color:#192730;isolation:isolate}.skill-thumb-2{background:linear-gradient(145deg,#b5eddf,#4ebfb6)}.skill-thumb-3{background:linear-gradient(145deg,#9acdf9,#698cdf)}.skill-thumb-4{background:linear-gradient(145deg,#d2bbfa,#a485d4)}.skill-thumb-5{background:linear-gradient(145deg,#f9b68f,#dc777c)}.skill-thumb-6{background:linear-gradient(145deg,#bedac7,#5eaa99)}.skill-thumb-7{background:linear-gradient(145deg,#8fc6da,#457b99);color:#fff}.skill-thumb-8{background:linear-gradient(145deg,#475985,#252d51);color:#fff0b9}.skill-episode{position:absolute;top:20px;left:20px;font-size:13px;font-weight:700;letter-spacing:.06em}.skill-thumb>strong{position:absolute;top:56px;left:20px;right:14px;z-index:2;font-size:25px;line-height:1.3;max-width:210px;letter-spacing:-.03em}.skill-thumb>img{position:absolute;width:100%;height:73%;object-fit:contain;right:-20%;bottom:5%;transform:rotate(-6deg);opacity:1}.skill-caption{position:absolute;bottom:66px;left:16px;right:16px;font-size:12px;line-height:1.6;z-index:3}.choice-card .card-cover{border:0}.choice-card .card-play{z-index:4}.city-mobile .city-card small{line-height:1.7}.home-city-preview .cp-stage{min-height:350px}
@media(max-width:760px){.header-row{gap:8px}.signup-button{font-size:13px;padding:8px 10px}.header .login-button{padding:8px;min-height:44px}.header .login-button .icon{display:none}.header .login-button span{display:inline;font-size:13px}.header .brand span{font-size:14px}.header .brand small{font-size:8px}.header .brand img{width:34px}.header .cc-language{padding:8px;font-size:13px;min-width:0}.city-mobile{padding-top:18px}.mobile-city-head{display:block}.mobile-city-head h1{font-size:27px;margin:8px 0 12px;max-width:360px}.mobile-city-head .city-identity{font-size:13px;padding:8px 12px;min-height:40px}.city-view-status{font-size:12px;line-height:1.6;margin:12px 0}.mobile-city-hero{grid-template-columns:1fr 1.4fr;gap:0;padding:18px 18px 0;border-radius:22px;min-height:290px}.mobile-city-rank>strong{font-size:49px;margin:5px 0}.mobile-city-rank>strong small{font-size:15px}.mobile-city-rank h2{font-size:20px;line-height:1.4}.mobile-city-rank>span{font-size:12px}.mobile-city-rank p{font-size:13px}.mobile-city-rank button{font-size:13px;margin-top:2px}.mobile-city-avatar{align-self:center;margin-right:-14px;margin-left:-15px}.city-mobile .mobile-city-avatar .city-avatar{width:125%;max-width:none;margin-left:-8%}.mobile-city-next{grid-column:1/-1;border:0;border-top:1px solid #e6d6a72f;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:6px 12px;border-radius:0;background:none}.mobile-city-next>span:first-child{font-size:12px}.mobile-city-next b{font-size:16px;grid-column:2;grid-row:1/3;align-self:center}.mobile-city-next>span:nth-of-type(2){font-size:13px}.mobile-city-next progress{grid-column:1/-1;margin-top:6px}.city-mobile .community-meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px;margin:24px 0}.city-mobile .community-meter-ring{max-width:112px;padding:3px}.city-mobile .community-meter strong{font-size:27px}.city-mobile .community-meter-ring span>span{font-size:12px;max-width:84px;line-height:1.4}.city-mobile .community-meter>small{font-size:12px;line-height:1.5}.city-quick-actions{display:grid;grid-template-columns:1fr;margin:20px 0}.city-quick-actions .button{min-height:48px;font-size:15px;justify-content:center}.city-mobile .cc-tabs{gap:0;padding:5px}.city-mobile .cc-tabs button{font-size:13px;padding:12px 3px}.collection-heading{display:block}.collection-heading h2{font-size:26px}.wardrobe-switch{width:max-content;margin-top:16px}.community-portrait{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px;padding:18px 8px;border-radius:20px}.portrait-person img{width:125%}.portrait-person>span{font-size:12px;min-height:36px;padding:0 2px}.portrait-person>b{font-size:15px}.portrait-person{padding-bottom:9px;border-radius:12px}.collection-hint{font-size:14px}.city-mobile .city-people{padding:20px 14px}.city-people .resident-detail-button{gap:8px!important;grid-template-columns:46px minmax(0,1fr) auto!important;padding:10px 0}.city-people .resident-detail-button img{width:46px;height:56px}.city-people .resident-detail-button strong{font-size:16px}.city-people .resident-detail-button small{font-size:12px}.city-people .resident-detail-button>span:last-child{font-size:12px}.city-podium{gap:6px;margin-top:20px}.podium-person{padding:15px 3px;border-radius:13px}.podium-0{padding-top:25px}.podium-person img{height:123px;width:120%;max-width:none;margin-left:-10%}.podium-person h3{font-size:15px;line-height:1.4}.podium-person>small{font-size:12px;line-height:1.4;display:block;min-height:32px}.podium-person>strong{font-size:25px}.podium-person strong small{font-size:12px}.podium-person>span{font-size:18px}.board-heading h2{font-size:27px}.city-board .micro{font-size:13px;line-height:1.9}.board-list li{gap:12px}.board-list strong{font-size:16px}.board-list small{font-size:12px}.skill-thumb{min-height:230px;height:230px}.choice-card .card-cover{height:230px;min-height:230px}.skill-thumb>strong{font-size:29px;max-width:190px;right:35%;top:52px}.skill-thumb>img{right:-15%;height:112%;width:84%;bottom:-13%}.skill-caption{max-width:165px;bottom:24px;left:20px;font-size:12px}.skill-episode{top:20px}.city-mobile .city-heart{padding:25px 20px}.city-mobile .city-heart h2{font-size:28px}.home-city-preview .cp-stage{min-height:300px}}
@media(max-width:370px){.header .brand span{display:none}.signup-button{padding:8px}.city-mobile .community-meter strong{font-size:24px}.city-mobile .community-meter-ring span>span{font-size:12px}.portrait-person>span{font-size:12px}.skill-thumb>strong{font-size:25px}}
.city-mobile #cc-panel>.city-collection{border:0;background:none;padding:24px 0;box-shadow:none}.collection-heading .eyebrow{font-family:inherit;text-transform:none;letter-spacing:.04em}.mobile-city-next progress::-webkit-progress-bar{background:#45616b;border-radius:8px}.mobile-city-next progress::-webkit-progress-value{background:#f4d984;border-radius:8px}.mobile-city-next progress::-moz-progress-bar{background:#f4d984;border-radius:8px}.portrait-person>span{overflow-wrap:anywhere}.skill-thumb>img{z-index:0}.skill-thumb>strong{z-index:2}
@media(max-width:760px){.header .brand{gap:6px;flex-shrink:0}.header .brand span{font-size:13px}.header .brand small{letter-spacing:.12em}.header-row .cc-language{flex:0 0 auto;padding:8px;font-size:12px}.header-row .signup-button{padding:8px 9px;font-size:13px}.header-row .login-button{flex-shrink:0;padding:8px}.skill-thumb>strong{max-width:43%;font-size:26px;right:auto;line-height:1.35}.skill-thumb>img{width:75%;right:-19%;height:106%;bottom:-12%}.community-portrait{row-gap:14px}.collection-heading h2{font-size:26px}.portrait-person>span{font-size:12px}}
.city-mobile #cc-panel{padding:0;border:0;border-radius:0;background:transparent}.city-mobile .city-collection .community-portrait{padding-left:4px;padding-right:4px}.city-mobile .portrait-person img{min-height:0}

.city-requirement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.city-requirement-grid>div{padding:18px;border:1px solid #ddd;border-radius:18px}.city-requirement-grid strong{display:block;font-size:30px;margin:10px 0}.city-requirement-grid progress{width:100%;accent-color:#b99a00}.city-requirement-grid small{display:block}.city-purchase-progress select{display:block;padding:10px;min-width:100px}.portrait-person small{font-size:12px;line-height:1.5;white-space:normal}@media(max-width:480px){.city-requirement-grid{gap:8px}.city-requirement-grid>div{padding:12px}.city-requirement-grid b{font-size:14px}}

.city-mobile .city-purchase-progress{margin:20px 0;background:#132b38;color:#e4eef0;border:1px solid #b6cbcc30}.city-mobile .city-purchase-progress h2{color:#ffe398;font-size:24px}.city-mobile .city-purchase-progress p{font-size:16px;line-height:1.7}.city-mobile .city-purchase-progress .micro{font-size:14px;color:#bed0d3}.city-requirement-grid>div{border-color:#b6cbcc40}.city-requirement-grid strong{color:#ffe398}.city-purchase-progress summary{min-height:44px;cursor:pointer}.city-purchase-progress select{color:#132b38;background:#fff;min-height:44px}.city-requirement-grid progress{accent-color:#f2d37d}