/* City theme layout; shared catalog controls, surfaces and rarity gradients. */
.city-theme-columns,.city-theme-row{display:grid;grid-template-columns:minmax(215px,1.4fr) 88px 105px 110px minmax(175px,1.1fr) 88px minmax(135px,.85fr) 44px;gap:14px;align-items:center;padding:16px 20px}
.city-theme-columns{color:var(--catalog-meta);font-size:10px;border-bottom:1px solid var(--line)}
.city-theme-row{border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}
.city-theme-row:last-child{border-bottom:0}
.city-theme-row:hover{background:#1a1b20}
.city-theme-identity,.city-theme-cell{min-width:0}
.city-theme-identity h2{font-size:15px;line-height:1.5}
.city-theme-identity .decoration-image{width:64px;height:64px;object-fit:cover}
.city-theme-cell .catalog-badge{font-size:11px;white-space:normal}
.city-theme-mobile-label{display:none}
.city-theme-bonuses{margin:0;color:var(--catalog-body);font-size:12px;line-height:1.7}
.city-theme-bonuses>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;align-items:baseline;margin:5px 0}
.city-theme-bonuses dt{min-width:0}
/* Natural wrapping keeps a short bonus on one line; long bonuses break after the troop type. */
.city-theme-catalog .city-theme-bonuses>div{margin:0}
.city-theme-catalog .city-theme-bonuses>div+div{margin-top:4px}
.city-theme-catalog .city-theme-catalog-bonus{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0}
.city-theme-catalog-bonus dt{flex:0 0 auto;max-width:100%;white-space:nowrap}
.city-theme-catalog .city-theme-catalog-bonus dd{flex:0 0 auto;color:var(--catalog-body);white-space:nowrap}
.city-theme-catalog .city-theme-bonus-value{color:var(--gold)}
.city-theme-bonuses dd{margin:0;color:var(--gold);white-space:nowrap}
.city-theme-missing{color:var(--catalog-meta)}
.city-theme-number{display:block;color:var(--gold);white-space:nowrap}
.city-theme-activation,.city-theme-columns>[data-sort-heading=activation]{text-align:center}
.city-theme-centered-missing{display:block;text-align:center;width:100%}
.city-theme-filters{flex-direction:column;align-items:stretch}
.city-theme-filters .hero-search{width:100%;max-width:none}
.city-theme-filters .hero-filter-options{width:100%}
.city-theme-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.city-theme-profile .decoration-profile-top{display:grid;grid-template-columns:80px minmax(0,1fr) max-content;gap:18px;align-items:center;padding:20px}
.city-theme-profile .decoration-profile-top>.decoration-image{width:80px;height:80px;object-fit:cover}
.city-theme-profile .decoration-profile-actions{width:auto;max-width:260px;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}
.city-theme-profile-check{min-height:44px;gap:9px;font-size:13px;cursor:pointer}
.city-theme-profile-dialog .city-theme-profile-check{margin:20px 0 12px}
.city-theme-dialog-adornment{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px}
.city-theme-dialog-adornment h3{font-size:14px;line-height:1.6;font-weight:400;color:var(--gold);margin:0 0 6px}
.city-theme-profile-check input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--gold);margin:0}
.city-theme-detail-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;align-items:start}
.city-theme-art{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}
.city-theme-portrait{display:block;width:100%;height:auto}
.city-theme-sections{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:20px}
.city-theme-buff-group+.city-theme-buff-group{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.city-theme-buff-group h2{font-size:14px;line-height:1.5;color:var(--gold);font-weight:400;margin:0 0 8px}
.city-theme-detail .city-theme-bonuses{font-size:14px;line-height:1.7}
.city-theme-detail .city-theme-bonuses>div{margin:4px 0}
.city-theme-description{font-size:14px;line-height:1.8;color:var(--catalog-body);max-width:none;margin:0}
.city-theme-adornment{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}
.city-theme-adornment-image{width:56px;height:56px;border:1px solid var(--line);border-radius:8px;object-fit:cover}
@media(max-width:1750px){
 .city-theme-columns{display:none}
 .city-theme-catalog .catalog-sort-controls{display:flex}
 .city-theme-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}
 .city-theme-identity{grid-column:1/-1}
 .city-theme-details{grid-column:1/-1;justify-self:end}
 .city-theme-details .catalog-view{width:auto;padding:0 12px}
 .city-theme-details .catalog-view-label{display:inline}
 .city-theme-mobile-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--catalog-meta);margin-bottom:7px}
 .city-theme-activation{text-align:left}
}
@media(max-width:1000px){
 .city-theme-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .city-theme-row>.city-theme-role,.city-theme-row>.city-theme-adornments{grid-column:1/-1}
 .city-theme-row>.city-theme-active{grid-column:1}
 .city-theme-row>.city-theme-activation{grid-column:2}
 .city-theme-detail-grid{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:18px}
 .city-theme-profile .decoration-profile-top>.decoration-image{width:72px;height:72px}
 .city-theme-profile .decoration-profile-top{grid-template-columns:72px minmax(0,1fr)}
 .city-theme-profile .decoration-profile-actions{grid-column:1/-1;justify-self:end;flex-direction:row;align-items:center;max-width:none}
 .city-theme-sections{padding:18px}
}
@media(max-width:620px){
 .city-theme-row{grid-template-columns:minmax(0,1fr);padding:16px 14px;gap:14px}
 .city-theme-row>.city-theme-role,.city-theme-row>.city-theme-active,.city-theme-row>.city-theme-activation,.city-theme-row>.city-theme-adornments{grid-column:1}
 .city-theme-identity,.city-theme-details{grid-column:1}
 .city-theme-identity h2{font-size:16px}
 .city-theme-filters .hero-filter-options{grid-template-columns:minmax(0,1fr)}
 .city-theme-profile .decoration-profile-top{padding:18px;gap:14px}
 .city-theme-profile .decoration-profile-copy{display:contents}
 .city-theme-profile .decoration-title{grid-column:2}
 .city-theme-meta{grid-column:1/-1;margin:0}
 .city-theme-profile .decoration-profile-actions{width:100%;justify-self:stretch;flex-direction:column;align-items:stretch}
 .city-theme-profile-check{justify-content:flex-start}
 .city-theme-detail-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .city-theme-art{width:100%;max-width:360px;justify-self:center}
 .city-theme-sections{padding:16px}
 .city-theme-buff-group+.city-theme-buff-group{margin-top:14px;padding-top:14px}
 .city-theme-detail .city-theme-bonuses,.city-theme-description{font-size:13px}
}
@media(max-width:360px){.city-theme-profile .decoration-profile-top>.decoration-image{width:60px;height:60px}.city-theme-profile .decoration-title{grid-column:1/-1}.city-theme-profile .decoration-profile-top>.decoration-image{grid-row:auto}.city-theme-profile .decoration-title h1{font-size:24px}}