/* Monarch 46: clearer account controls, map navigation and inventory. */
.header-level-controls{display:flex;align-items:flex-end;gap:12px;flex-shrink:0}
.header-level-controls .sound-button{flex:none;width:27px;height:22px;padding:3px 5px;margin:0;background:transparent;color:#a9bdcf;border-radius:6px}
.header-level-controls .sound-button .icon{width:18px;height:18px}
.header .profile-sound .profile-button{width:56px;height:56px;padding:12px;border-radius:10px}
.header .profile-sound .profile-button .icon{width:30px;height:30px}
/* Retain the exact legend colors, including when a category is selected. */
.purchase-v3 .city-toolbar .map-category.legend-properties{--location-color:#a5c3dd}
.purchase-v3 .city-toolbar .map-category.legend-cars{--location-color:#b6d596}
.purchase-v3 .city-toolbar .map-category.legend-watches{--location-color:#dabe82}
.purchase-v3 .city-toolbar .map-category.legend-style{--location-color:#bda5d7}
.purchase-v3 .city-toolbar .map-category.legend-marine{--location-color:#80dffa}
.purchase-v3 .city-toolbar .map-category.legend-aviation{--location-color:#b4c7ff}
.purchase-v3 .city-toolbar .map-category.legend-bank{--location-color:#78ffbd}
.purchase-v3 .city-toolbar .map-category:not(.legend-all){color:var(--location-color)}
.purchase-v3 .city-toolbar .map-category:not(.legend-all).active{background:color-mix(in srgb,var(--location-color) 16%,#0b141d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--location-color) 45%,transparent)}
.purchase-v3 .city-toolbar .map-category:not(.legend-all):hover{background:color-mix(in srgb,var(--location-color) 10%,#0b141d)}
.purchase-v3 .map-compass,.purchase-v3 .map-compass small{color:#e1eadf}
.purchase-v3 .map-compass i{background:#e1eadf}
.purchase-v3 .district{color:#e3ededd9;z-index:2;text-shadow:0 1px 5px #061018,0 0 2px #061018}
.purchase-v3 .district-coast{transform:rotate(-52deg)}
.purchase-v3 .map-plane>.district-airport{left:77%;top:63%;white-space:nowrap}
/* One shared grid aligns both money icons and amount columns without changing type sizes. */
.inventory-v3 .profile-stats{display:grid;grid-template-columns:minmax(0,1fr) 16px max-content;align-items:center;column-gap:10px;row-gap:15px}
.inventory-v3 .profile-stats>div,.inventory-v3 .profile-stats>div>.money{display:contents}
.inventory-v3 .profile-stats .money>.icon{width:16px;height:16px;justify-self:center}
.inventory-v3 .profile-stats .stat-amount{text-align:right;font-variant-numeric:tabular-nums;line-height:1.4}
.inventory-v3 .collection-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.inventory-v3 .collection-top h2{margin-bottom:6px}
.inventory-v3 .collection-top p{margin-bottom:0}
.inventory-sort-control{display:flex;flex-direction:column;gap:6px;max-width:100%;color:#a9bdcf;font-size:12px}
.inventory-sort-control select{width:230px;max-width:100%;min-height:40px;padding:9px 30px 9px 12px;border:1px solid #385167;border-radius:8px;background:#142334;color:#e8eff5;font:inherit;font-size:14px;cursor:pointer;color-scheme:dark}
.inventory-v3 .equipment-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:13px;--equip-height:36px}
.inventory-v3 .equipment-actions.has-equipped{grid-template-columns:minmax(0,1fr) var(--equip-height)}
.inventory-v3 .item-copy .equipment-actions>.full{margin:0;min-height:var(--equip-height);min-width:0}
.inventory-v3 .equipment-actions>.equipped-button:disabled{opacity:1;cursor:default}
.inventory-v3 .unequip-button{display:flex;align-items:center;justify-content:center;width:var(--equip-height);height:var(--equip-height);padding:0;border:1px solid #a35a646b;border-radius:7px;background:#42242c66;color:#ff7d88}
.inventory-v3 .unequip-button>.icon{width:18px;height:18px;stroke-width:2}
.inventory-v3 .unequip-button:hover{background:#71343d;color:#ffa2aa;border-color:#ee7e8b}
@media(max-width:760px){
 .header-level-controls{gap:7px}
 .header .profile-sound .profile-button{width:44px;height:44px;padding:9px}
 .header .profile-sound .profile-button .icon{width:25px;height:25px}
 .header-right{flex-wrap:wrap;row-gap:12px}
 .inventory-v3 .collection-top{gap:14px}
 .inventory-sort-control{flex:1 1 210px}
 .inventory-sort-control select{width:100%}
}

@media(max-width:370px){.header-level-controls{gap:5px}.header .profile-sound .profile-button{width:40px;height:44px;padding:8px}.header .profile-sound .profile-button .icon{width:24px;height:24px}}