.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px}.city-grid button{display:flex;flex-direction:column;gap:6px;text-align:left;background:#263b31;padding:12px}.city-grid b{font-size:16.25px}.city-grid span,.city-grid small{font:13.75px 'Microsoft JhengHei';letter-spacing:0;color:#c6b993}.city-balance{padding:10px 12px!important;background:#2c3427;border-block:1px solid #9c885944}.city-header{display:flex;align-items:center;gap:8px;margin:12px}.city-header button{font-size:12.5px;padding:6px}.city-header h2{margin:0}.city-header h2 small{display:block;margin-top:4px}.city-mode{display:flex;gap:5px;margin:12px}.city-mode button{font-size:13.75px;padding:8px}.city-mode button.active{background:#6b5738;border-color:#cbaa6d}.trade-form{margin:12px;padding:12px;border:1px solid #a6905c66;background:#17251e}.trade-form p{font-size:13.75px;line-height:1.7}.trade-form label{display:flex;align-items:center;gap:7px;font-size:13.75px;margin:9px 0}.trade-form select{max-width:100%;font-size:13.75px;padding:6px;min-width:0}.trade-preview{display:flex;gap:10px;align-items:center;margin:15px 0}.trade-preview img{width:64px;height:64px}.trade-preview span{font-size:15.0px;line-height:1.8}.trade-form>small{display:block;font:12.5px 'Microsoft JhengHei';letter-spacing:0;color:#b7ae91;line-height:1.6;margin-top:10px}