.global-search {
  display: flex;
  align-items: center;
  gap: 8px;
  width: clamp(190px, 29vw, 360px);
  height: 36px;
  padding: 0 10px;
  color: #8b94a2;
  background: #151820;
  border: 1px solid #292f39;
  border-radius: 7px;
}

.global-search > span { font-size: 20px; line-height: 1; }
.global-search input { width: 100%; min-width: 0; padding: 0; color: #e9ebef; background: transparent; border: 0; outline: 0; font-size: 10px; }
.global-search input::placeholder { color: #727b88; }
.global-search:focus-within { border-color: #586b49; box-shadow: 0 0 0 2px #a8fa6010; }
.global-search button { flex: none; width: 20px; height: 20px; padding: 0; color: #aeb5c0; background: #292f39; border: 0; border-radius: 5px; font-size: 16px; line-height: 1; }
.catalog-total { flex: none; text-align: right; }
.catalog-total span, .catalog-total small { display: block; }
.catalog-total span { color: var(--accent); font: 600 23px var(--display); }
.catalog-total small { color: #818a97; font-size: 7px; letter-spacing: .7px; }
.catalog-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 18px; }
.catalog-type-tabs { display: flex; gap: 6px; margin: 0 0 14px; padding: 5px; overflow-x: auto; background: #11141b; border: 1px solid #222731; border-radius: 8px; scrollbar-width: thin; }
.catalog-type-tabs button { flex: none; padding: 8px 11px; color: #8d95a2; background: transparent; border: 0; border-radius: 5px; font-size: 9px; white-space: nowrap; }
.catalog-type-tabs button:hover { color: #e9ebef; background: #1b2028; }
.catalog-type-tabs button.active { color: #11150e; background: var(--accent); font-weight: 700; }
.catalog-toolbar > label { display: grid; gap: 7px; width: min(240px, 35%); color: #aab1bd; font-size: 10px; }
.catalog-rarity-tabs { display: flex; gap: 4px; max-width: 100%; padding: 4px; overflow-x: auto; background: #14171e; border: 1px solid #222731; border-radius: 7px; }
.catalog-rarity-tabs button { flex: none; padding: 7px 10px; color: #858d9a; background: transparent; border: 0; border-radius: 5px; font-size: 9px; }
.catalog-rarity-tabs button:hover { color: #e9ebef; }
.catalog-rarity-tabs button.active { color: #e9ebef; background: #292f38; }
.catalog-item-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.catalog-item-card { overflow: hidden; background: #11141b; border: 1px solid #252b35; border-radius: 9px; transition: transform .18s, border-color .18s; }
.catalog-item-card:hover { transform: translateY(-2px); border-color: #46523e; }
.catalog-item-art { position: relative; display: grid; place-items: center; height: 142px; overflow: hidden; color: var(--rarity-color); background: radial-gradient(ellipse, #263626 0%, #171c20 52%, #12151b 100%); }
.catalog-item-art::before, .catalog-item-art::after { position: absolute; content: ''; border: 1px solid #ffffff0b; border-radius: 50%; transform: rotate(-28deg); }
.catalog-item-art::before { width: 155px; height: 55px; }
.catalog-item-art::after { width: 115px; height: 95px; transform: rotate(32deg); }
.catalog-item-art span { z-index: 1; font: 500 48px var(--display); text-shadow: 0 0 24px currentColor; }
.catalog-item-art small { position: absolute; right: 8px; bottom: 8px; padding: 4px 6px; color: var(--rarity-color); background: #0c0e12a8; border: 1px solid #ffffff10; border-radius: 4px; font-size: 7px; letter-spacing: .6px; text-transform: uppercase; }
.catalog-item-art i { position: absolute; top: 8px; left: 8px; max-width: calc(100% - 16px); overflow: hidden; padding: 4px 6px; color: #c0c7d2; background: #0c0e12a8; border: 1px solid #ffffff10; border-radius: 4px; font-size: 7px; font-style: normal; letter-spacing: .3px; text-overflow: ellipsis; white-space: nowrap; }
.catalog-item-art.rarity-common { --rarity-color: #a8fa60; }
.catalog-item-art.rarity-rare { --rarity-color: #75c6ff; background: radial-gradient(ellipse, #243b4d, #171b1f 68%); }
.catalog-item-art.rarity-epic { --rarity-color: #bb91ff; background: radial-gradient(ellipse, #392b4c, #191a1c 68%); }
.catalog-item-art.rarity-legendary { --rarity-color: #ffc267; background: radial-gradient(ellipse, #493820, #191a1c 68%); }
.catalog-item-content { padding: 11px 12px 12px; }
.catalog-item-content > strong, .catalog-item-content > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-item-content > strong { color: #edf0f5; font: 600 12px var(--display); }
.catalog-item-content > small { margin-top: 4px; color: #777f8c; font-size: 9px; }
.catalog-item-chance { display: flex; justify-content: space-between; gap: 8px; margin-top: 11px; padding-top: 9px; color: #7d8694; border-top: 1px solid #252b35; font-size: 8px; }
.catalog-item-chance b { color: var(--rarity-color); font-size: 9px; }
.catalog-item-card button { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; padding: 7px 8px; color: var(--accent); background: #20281e; border: 1px solid #46513e; border-radius: 5px; font-size: 9px; font-weight: 700; }
.catalog-item-card button:hover { background: #2c3927; }
.case-kind { position: absolute; left: 9px; bottom: 9px; z-index: 1; padding: 5px 7px; color: #d2d8df; background: #0d1016cc; border: 1px solid #ffffff16; border-radius: 5px; font-size: 8px; letter-spacing: .3px; }
.admin-type-label { display: inline-block; margin-left: 5px; padding: 3px 6px; color: #a8fa60; background: #a8fa6010; border: 1px solid #a8fa6022; border-radius: 4px; font: 600 8px var(--font); vertical-align: middle; }
.catalog-item-value { display: flex; justify-content: space-between; gap: 8px; margin-top: 9px; color: #858d9a; font-size: 8px; }
.catalog-item-value b, .admin-wolf-value { color: #c7eeb0; font-size: 9px; white-space: nowrap; }
.economy-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.economy-metrics article { display: grid; align-content: start; gap: 9px; min-height: 136px; padding: 17px; background: #11141b; border: 1px solid #252b35; border-radius: 9px; }
.economy-metrics article > small { color: #858d9a; font-size: 8px; font-weight: 700; letter-spacing: .8px; }
.economy-metrics article > strong { color: #edf0f5; font: 600 24px var(--display); }
.economy-metrics article > strong em { color: #89919e; font: 600 9px var(--font); letter-spacing: .7px; }
.economy-metrics article > span { color: #858d9a; font-size: 10px; }
.economy-metrics .secondary-button { justify-self: start; padding: 8px 10px; font-size: 9px; }
.economy-notice { display: grid; gap: 5px; margin-bottom: 18px; padding: 13px 15px; color: #aab1bd; background: #171b20; border: 1px solid #30382d; border-radius: 8px; font-size: 10px; line-height: 1.5; }
.economy-notice strong { color: #c7eeb0; font-size: 11px; }
.ledger-amount.positive { color: #a8fa60; }
.ledger-amount.negative { color: #ffb28f; }
.collection-total strong { display: block; margin-top: 7px; color: #c7eeb0; font: 600 11px var(--font); }
.inventory-item-value { display: flex; justify-content: space-between; gap: 5px; margin-top: 8px; color: #858d9a; font-size: 8px; }
.inventory-item-value b { color: #c7eeb0; white-space: nowrap; }
.inventory-sell { width: 100%; margin-top: 9px; padding: 8px; color: #11150e; background: var(--accent); border: 0; border-radius: 5px; font-size: 9px; font-weight: 700; }
.inventory-sell:hover { background: #bcff81; }
.inventory-sell:disabled { color: #838b98; background: #282d36; cursor: not-allowed; }
.form-help { display: block; margin: -4px 0 7px; color: #7f8794; font-size: 9px; }
.user-search-label { display: grid; gap: 8px; max-width: 460px; margin: 0 0 18px; color: #aab1bd; font-size: 10px; }
.users-table-wrap { margin-bottom: 22px; }
.users-table { min-width: 700px; }
.users-table td strong { color: #e9edf3; }
.users-table .user-email { display: block; margin-top: 4px; color: #7f8794; font-size: 9px; }
.users-table td[colspan] { padding: 16px; color: #89919d; text-align: center; }
.users-ledger-title { margin: 30px 0 13px; color: #e9edf3; font: 600 17px var(--display); }
#wallet-reason { resize: vertical; min-height: 68px; }
#wallet-submit:disabled { opacity: .6; cursor: wait; }

@media (max-width: 1050px) {
  .topbar-left { display: none; }
  .mobile-brand { display: flex; align-items: center; gap: 5px; border: 0; background: none; padding: 0; font: 700 12px var(--display); }
  .global-search { flex: 1; width: auto; max-width: 340px; margin-left: 10px; margin-right: auto; }
  .catalog-item-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .global-search { flex: 1; width: auto; min-width: 70px; height: 31px; margin: 0 5px; padding: 0 7px; }
  .global-search input { font-size: 9px; }
  .mobile-brand { width: 27px; overflow: hidden; font-size: 0 !important; }
  .mobile-brand .brand-mark { flex: none; }
  .catalog-toolbar { display: grid; gap: 10px; }
  .catalog-type-tabs { margin-right: -4px; }
  .catalog-toolbar > label { width: 100%; }
  .catalog-rarity-tabs { width: 100%; }
  .catalog-rarity-tabs button { padding: 7px 8px; font-size: 8px; }
  .catalog-item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .economy-metrics { grid-template-columns: 1fr; gap: 8px; }
  .economy-metrics article { min-height: 0; }
  .catalog-item-art { height: 108px; }
  .catalog-item-art span { font-size: 39px; }
  .catalog-item-content { padding: 9px; }
  .catalog-item-content > strong { font-size: 10px; }
  .catalog-item-content > small { font-size: 8px; }
}