#game-ingame-money-exchanger { color:#182b45; }
.exchanger-eyebrow { margin:0; color:#2563eb; font-size:11px; font-weight:800; letter-spacing:.12em; }
.exchanger { overflow:hidden; border:1px solid #dfe6ef; border-radius:16px; background:#fff; box-shadow:0 8px 28px rgba(31,55,88,.06); }
.exchanger-controls { display:grid; grid-template-columns:minmax(170px,.75fr) minmax(230px,1.25fr) minmax(190px,1fr); gap:14px; padding:22px; background:#f6f9fd; border-bottom:1px solid #e3e9f0; }
.exchanger-field { min-width:0; }
.exchanger-field label { display:block; margin-bottom:6px; color:#43536a; font-size:13px; font-weight:700; }
.exchanger-field input,.exchanger-field select { width:100%; min-height:46px; padding:10px 12px; border:1px solid #cbd6e3; border-radius:9px; background:#fff; color:#172033; font:inherit; }
.exchanger-field input:focus,.exchanger-field select:focus { border-color:#2563eb; outline:3px solid rgba(37,99,235,.14); }
.exchanger-field input[aria-invalid="true"] { border-color:#dc3545; }
.exchanger-error { min-height:1.35em; margin:4px 0 -1.35em; color:#b42332; font-size:12px; }
.exchanger-error:empty { visibility:hidden; }
.exchanger-rate-help { display:flex; align-items:flex-start; gap:7px; margin:0; padding:13px 22px; border-bottom:1px solid #e7ecf2; color:#64748b; font-size:13px; }
.exchanger-rate-help .material-icons { margin-top:1px; color:#52749c; font-size:17px; }
.exchanger-results-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; padding:22px 22px 14px; }
.exchanger-results-heading h2 { margin:1px 0 0; font-size:20px; }
.exchanger-results-heading>p { margin:0; color:#2563eb; font-size:14px; font-weight:700; }
.exchanger-table-wrap { overflow-x:auto; }
.exchanger-table { width:100%; border-collapse:collapse; }
.exchanger-table th { padding:11px 22px; background:#eef3f9; color:#52657d; font-size:12px; font-weight:750; letter-spacing:.02em; text-align:start; }
.exchanger-table th:last-child { text-align:end; }
.exchanger-table td { padding:14px 22px; border-top:1px solid #e8edf3; font-size:14px; }
.exchanger-table tbody tr:hover { background:#f8fbff; }
.exchanger-table tr.is-source { background:#eef5ff; }
.exchanger-table tr.is-source:hover { background:#e8f1ff; }
.row-appname span { display:flex; align-items:center; gap:8px; font-weight:650; }
.row-appname small { padding:2px 6px; border-radius:5px; background:#edf1f6; color:#66758a; font-size:10px; font-weight:700; }
.is-source .row-appname small { background:#dbeaff; color:#1259b1; }
.row-currency { color:#5d6879; }
.row-price { font-size:15px!important; font-variant-numeric:tabular-nums; font-weight:750; text-align:end; }

@media (max-width:760px) {
  .exchanger-controls { grid-template-columns:1fr; padding:18px; }
  .exchanger-error { margin-bottom:0; }
  .exchanger-rate-help { padding:13px 18px; }
  .exchanger-results-heading { align-items:flex-start; padding:20px 18px 12px; }
  .exchanger-table,.exchanger-table tbody { display:block; }
  .exchanger-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .exchanger-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:14px 18px; border-top:1px solid #e8edf3; }
  .exchanger-table td { display:block; padding:0; border:0; }
  .exchanger-table td::before { display:block; margin-bottom:2px; color:#7a8798; content:attr(data-label); font-size:10px; font-weight:650; }
  .row-appname { grid-column:1/-1; margin-bottom:10px; }
  .row-currency { align-self:end; }
  .row-price { align-self:end; padding-inline-start:12px; }
}