.city-life-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;color:#daceb2;font:12px/1.5 monospace}.city-life-bar>div{display:grid;gap:2px;margin-right:auto}.city-life-bar b{font-size:16px}.city-life-bar [data-city-save]{color:#acaaa5;font-size:11px}.city-life-bar label{display:flex;gap:8px;align-items:center}.city-life-bar select{max-width:280px;background:#26212e;color:#eee0c0;border:1px solid #786778;padding:9px;font:inherit}.city-life-bar button{background:#c5bc8b;color:#241b29;border:1px solid #dccfa4;font:bold 12px monospace;padding:10px;cursor:pointer}.city-resident-profile{position:fixed;z-index:90;right:18px;bottom:18px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;padding:23px;background:#241e2bec;border:2px solid #baa682;box-shadow:7px 7px 0 #0e0c1680;color:#eee0c0;font:13px/1.5 monospace;backdrop-filter:blur(10px)}.city-resident-profile[hidden]{display:none}.city-resident-profile h2{font:bold 26px/1.1 monospace;margin:10px 25px 7px 0;color:#eee0c0;text-transform:uppercase}.city-resident-profile h3{font:bold 13px monospace;color:#c2ce94;margin-top:20px}.city-resident-profile [data-profile-close]{position:absolute;right:8px;top:8px;background:none;border:0;color:#eddec0;font:26px monospace;width:36px;height:36px;cursor:pointer}.city-profile-eyebrow{font-size:10px;letter-spacing:2px;color:#c2ce94}.city-resident-profile dl{display:grid;grid-template-columns:100px 1fr;gap:7px 12px;margin:20px 0}.city-resident-profile dt{color:#a69aa9}.city-resident-profile dd{margin:0;overflow-wrap:anywhere}.city-resident-profile ol{padding-left:19px;font-size:11px}.city-resident-profile li{margin:7px 0}.city-profile-save{font-size:10px;color:#a69aa9;border-top:1px solid #675969;padding-top:12px}.city-life-bar select:focus-visible,.city-life-bar button:focus-visible,.city-resident-profile button:focus-visible{outline:3px solid #c2ce94;outline-offset:3px}@media(max-width:600px){.city-life-bar label{flex:1;min-width:0}.city-life-bar select{width:100%;max-width:210px}.city-life-bar>div{width:100%}.city-resident-profile{bottom:10px;right:10px;max-height:68dvh;width:330px}.city-life-bar{gap:8px}.city-life-bar [data-city-population]{width:100%;font-size:11px}}

.city-life-bar{max-width:1536px;margin-inline:auto}.city-life-bar select{min-width:0}.city-resident-profile dt{overflow-wrap:anywhere}