/* EternalMU unified visual layer.
   Loaded last to align old page-specific patches under one dark fantasy style. */
:root {
  --emu-bg: #05020b;
  --emu-bg-2: #0c0615;
  --emu-panel: rgba(16, 8, 25, .97);
  --emu-panel-2: rgba(24, 11, 38, .97);
  --emu-panel-3: rgba(32, 14, 49, .96);
  --emu-line: rgba(245, 205, 120, .32);
  --emu-line-violet: rgba(157, 91, 255, .34);
  --emu-text: #fff7e9;
  --emu-muted: #c9b9d9;
  --emu-soft: #9d8dad;
  --emu-gold: #f8d883;
  --emu-gold-2: #fff0ad;
  --emu-orange: #ff7b26;
  --emu-orange-2: #ffb33e;
  --emu-violet: #9b5cff;
  --emu-violet-2: #4d1d86;
  --emu-green: #32f19b;
  --emu-danger: #ff5d8d;
  --emu-radius: 14px;
  --emu-radius-sm: 8px;
  --emu-shadow: 0 24px 70px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .055);
  --emu-shadow-soft: 0 14px 40px rgba(0, 0, 0, .42);
  --emu-font: Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

html,
body,
body.em-body {
  background:
    radial-gradient(circle at 50% 8%, rgba(149, 68, 255, .22), transparent 34rem),
    radial-gradient(circle at 80% 22%, rgba(255, 127, 36, .12), transparent 30rem),
    linear-gradient(180deg, var(--emu-bg) 0%, #07030f 45%, #030207 100%) !important;
  color: var(--emu-text);
  font-family: var(--emu-font);
}

body.em-body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(103, 38, 190, .16), transparent 34%, rgba(255, 126, 35, .11)),
    radial-gradient(circle at 50% 50%, rgba(37, 13, 58, .14), transparent 46rem);
}

a {
  color: var(--emu-gold);
}

.em-shell,
.em-md-shell,
.emd-donate,
.emrp-profile,
.em-info-page,
.em-account-premium,
.em-main {
  width: min(1420px, calc(100% - 28px));
  margin-inline: auto;
}

/* Header */
.em-topbar {
  padding: 12px 0;
  background: linear-gradient(180deg, rgba(6, 2, 12, .96), rgba(9, 3, 16, .88)) !important;
  border-bottom: 1px solid rgba(245, 205, 120, .16);
}

.em-topbar__inner {
  width: min(1420px, calc(100% - 28px)) !important;
  min-height: 72px !important;
  margin-inline: auto !important;
  padding: 10px 18px !important;
  border: 1px solid var(--emu-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(18, 8, 28, .98), rgba(10, 4, 17, .98) 58%, rgba(36, 18, 38, .94)) !important;
  box-shadow: var(--emu-shadow-soft), 0 0 34px rgba(155, 92, 255, .16) !important;
}

.em-brand img,
.em-logo img {
  max-height: 58px !important;
  object-fit: contain;
}

.em-nav {
  gap: 8px !important;
}

.em-nav a,
.em-nav-link {
  min-height: 42px;
  padding: 0 16px !important;
  border-radius: 10px !important;
  color: #efe7f7 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.em-nav a:hover,
.em-nav a.active,
.em-nav-link:hover,
.em-nav-link.active {
  color: var(--emu-gold-2) !important;
  background: linear-gradient(180deg, rgba(255, 123, 38, .26), rgba(74, 31, 105, .55)) !important;
  border-color: rgba(248, 216, 131, .55) !important;
  box-shadow: inset 0 -2px 0 var(--emu-gold), 0 0 18px rgba(255, 123, 38, .22) !important;
}

.em-play,
.em-play-now,
.em-btn-primary,
.em-md-buy,
.em-md-sell,
.em-bank-sell-submit,
.emd-confirm,
.emd-add,
.emd-cart-btn,
.emd-buy-small,
.emd-buy-wide,
.em-account-logout {
  border: 1px solid rgba(255, 238, 178, .58) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff0ad 0%, #ffb547 45%, #f06f1f 100%) !important;
  color: #190b05 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  box-shadow: 0 12px 28px rgba(255, 122, 38, .30), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

.em-play:hover,
.em-play-now:hover,
.em-btn-primary:hover,
.em-md-buy:hover,
.em-md-sell:hover,
.em-bank-sell-submit:hover,
.emd-confirm:hover,
.emd-add:hover,
.emd-cart-btn:hover,
.emd-buy-small:hover,
.emd-buy-wide:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
}

button:disabled,
.em-md-buy:disabled,
.em-bank-sell-submit:disabled {
  filter: grayscale(.65);
  opacity: .58;
  cursor: not-allowed;
}

/* Shared panels and cards */
.em-panel,
.em-news-panel,
.em-news-card,
.em-feature-card,
.em-timers,
.em-top-players,
.em-top-guilds,
.em-download-card,
.em-mini-login,
.emd-wallet-widget,
.emd-goal-card,
.emd-vip-card,
.emd-service-card,
.emd-bundle-card,
.emd-modal__dialog,
.em-md-filterbox,
.em-md-items,
.em-md-item,
.em-md-tabs,
.em-md-walletbar,
.em-bank-panel,
.em-bank-sell-panel,
.em-info-sidebar,
.em-info-content,
.em-info-section,
.em-info-rate,
.em-info-system,
.em-info-mini,
.em-account-hero,
.em-account-tabs,
.em-account-content,
.em-account-content .em-panel,
.emrp-stats,
.emrp-gear-panel,
.emrp-inventory-panel,
.emrp-slot,
.emrp-inv-grid {
  border: 1px solid var(--emu-line) !important;
  border-radius: var(--emu-radius) !important;
  background:
    linear-gradient(180deg, rgba(24, 10, 37, .97), rgba(8, 4, 15, .98)) !important;
  box-shadow: var(--emu-shadow) !important;
  color: var(--emu-text);
}

.em-news-card,
.em-feature-card,
.em-md-item,
.em-info-rate,
.em-info-system,
.em-info-mini,
.em-account-content .em-panel,
.emd-service-card,
.emd-vip-card,
.emd-bundle-card {
  background:
    linear-gradient(145deg, rgba(32, 14, 50, .98), rgba(12, 6, 20, .98)) !important;
}

.em-panel-head,
.em-info-section__head,
.em-bank-title,
.em-account-hero h1,
.emd-donate-title h2,
.emrp-name {
  color: var(--emu-text) !important;
}

.em-panel-head span,
.em-panel__cap,
.emd-discount,
.em-info-navhead strong,
.em-bank-selected small,
.em-md-found b,
.em-account-status,
.emrp-label,
.emrp-pill strong {
  color: var(--emu-gold) !important;
}

.em-panel p,
.em-news-card p,
.em-feature-card p,
.em-info-content p,
.em-account-content p,
.emd-donate p,
.em-md-empty,
.emrp-muted {
  color: var(--emu-muted) !important;
}

/* Home blocks */
.em-news-panel {
  background:
    linear-gradient(180deg, rgba(24, 10, 36, .98), rgba(9, 4, 16, .98)) !important;
}

.em-news-card:hover,
.em-feature-card:hover {
  border-color: rgba(255, 216, 131, .55) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .48), 0 0 28px rgba(155, 92, 255, .18) !important;
}

.em-timer-hero,
.em-countdown,
.em-countdown-final {
  max-width: 760px !important;
  margin-inline: auto !important;
}

/* Donate */
.emd-donate {
  --donate-bg: var(--emu-panel);
  --donate-bg-2: var(--emu-panel-2);
  --donate-line: var(--emu-line);
  --donate-orange: var(--emu-orange);
  --donate-yellow: var(--emu-gold);
  --donate-text: var(--emu-text);
  --donate-muted: var(--emu-muted);
}

.emd-donate-tabs {
  border: 1px solid var(--emu-line) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(42, 18, 67, .98), rgba(16, 7, 28, .98)) !important;
  box-shadow: var(--emu-shadow-soft) !important;
}

.emd-donate-tabs button {
  color: var(--emu-muted) !important;
  border-radius: 10px !important;
  letter-spacing: 0 !important;
}

.emd-donate-tabs button.is-active,
.emd-donate-tabs button:hover {
  color: #1b0b05 !important;
  background: linear-gradient(180deg, var(--emu-gold-2), var(--emu-orange)) !important;
}

.emd-vip-card__icon,
.emd-service-icon img,
.emd-scroll-card img {
  filter: drop-shadow(0 10px 18px rgba(154, 77, 255, .32));
}

.emd-bonus-tip,
.emd-modal {
  background: rgba(5, 2, 10, .72) !important;
}

.emd-bonus-tip,
.emd-modal__dialog {
  border-color: var(--emu-line) !important;
}

/* Market and warehouse */
.em-md-market {
  color: var(--emu-text);
}

.em-md-filterbox {
  padding: 14px !important;
  background: linear-gradient(180deg, rgba(13, 7, 23, .98), rgba(7, 3, 13, .98)) !important;
}

.em-md-tabs {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 4px !important;
  gap: 4px !important;
}

.em-md-tab,
.em-md-seg button,
.em-md-rarity button,
.em-md-options2 button,
.em-md-lvlbtn,
.em-md-clear,
.em-md-filterbtn,
.em-md-view button,
.em-bank-price-tabs button {
  border: 1px solid rgba(245, 205, 120, .18) !important;
  border-radius: 9px !important;
  background: rgba(15, 8, 26, .92) !important;
  color: var(--emu-muted) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.em-md-tab.active,
.em-md-tab:hover,
.em-md-seg button.active,
.em-md-rarity button.active,
.em-md-options2 button.active,
.em-md-lvlbtn.active,
.em-md-view button.active,
.em-bank-price-tabs button.active {
  background: linear-gradient(180deg, var(--emu-gold-2), var(--emu-orange)) !important;
  color: #1b0903 !important;
  border-color: rgba(255, 238, 178, .7) !important;
}

.em-md-class,
.em-md-iconfilter {
  background: rgba(18, 8, 30, .96) !important;
  border: 1px solid rgba(157, 91, 255, .28) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 22px rgba(88, 30, 160, .25);
}

.em-md-class.active,
.em-md-iconfilter.active,
.em-md-class:hover,
.em-md-iconfilter:hover {
  border-color: var(--emu-gold) !important;
  background: radial-gradient(circle, rgba(255, 202, 93, .24), rgba(41, 18, 67, .96)) !important;
}

.em-md-hero-icon,
.em-md-armory-icon,
.em-md-tab-icon {
  opacity: 1 !important;
  filter: drop-shadow(0 0 8px rgba(155, 92, 255, .9)) drop-shadow(0 0 4px rgba(255, 216, 131, .45)) !important;
}

.em-md-item {
  border-radius: 0 !important;
  border-inline: 0 !important;
  border-color: rgba(245, 205, 120, .14) !important;
}

.em-md-item-name strong {
  color: var(--emu-green) !important;
}

.em-md-opt,
.emrp-option-row,
.emrp-tip__option {
  border-color: rgba(245, 205, 120, .30) !important;
  background: rgba(21, 11, 34, .9) !important;
  color: #f4edff !important;
}

.em-md-price strong,
.em-md-price small,
.em-bank-balance b {
  color: var(--emu-gold) !important;
}

.em-bank-layout {
  gap: 10px !important;
}

.em-bank-panel {
  background: linear-gradient(180deg, rgba(20, 12, 35, .98), rgba(9, 5, 17, .98)) !important;
}

.em-bank-grid,
.em-bank-slot {
  border-color: rgba(126, 92, 174, .42) !important;
}

.em-bank-slot {
  background: rgba(17, 13, 29, .82) !important;
}

.em-bank-slot.is-filled,
.em-bank-slot:hover {
  border-color: rgba(255, 216, 131, .58) !important;
  box-shadow: inset 0 0 18px rgba(155, 92, 255, .22), 0 0 16px rgba(255, 216, 131, .12) !important;
}

.em-bank-sell-panel {
  background: linear-gradient(180deg, rgba(28, 13, 48, .99), rgba(10, 4, 18, .99)) !important;
}

.em-bank-preview-tooltip,
.em-mu-tip,
.emrp-tip {
  border: 1px solid rgba(245, 205, 120, .32) !important;
  background: linear-gradient(180deg, rgba(7, 3, 12, .98), rgba(18, 8, 31, .98)) !important;
  color: var(--emu-text) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .62), 0 0 26px rgba(155, 92, 255, .18) !important;
}

/* Account cabinet */
.em-account-premium {
  padding-block: 28px 56px !important;
}

.em-account-hero {
  padding: 22px 28px !important;
}

.em-account-premium .em-wallet-strip,
.em-account-premium .em-tab-panel,
.em-account-premium .em-overview-card,
.em-account-premium .em-panel,
.em-account-premium .em-character-card,
.em-account-premium .em-wallet-big,
.em-account-premium .em-warehouse-grid {
  border-color: var(--emu-line) !important;
  background: linear-gradient(180deg, rgba(24, 10, 38, .96), rgba(9, 4, 16, .97)) !important;
  box-shadow: var(--emu-shadow-soft) !important;
}

.em-account-premium .em-wallet-card {
  border-color: rgba(245, 205, 120, .26) !important;
  background: linear-gradient(180deg, rgba(39, 17, 60, .94), rgba(14, 6, 24, .95)) !important;
}

.em-account-premium .em-wallet-card strong,
.em-account-premium .em-overview-card strong,
.em-account-premium .em-wallet-big strong,
.em-account-premium .em-market-row strong,
.em-account-premium .em-character-row em {
  color: var(--emu-gold) !important;
}

.em-account-premium .em-wallet-card small,
.em-account-premium .em-overview-card small,
.em-account-premium .em-wallet-big small {
  color: rgba(230, 213, 244, .74) !important;
}

.em-account-tabs a,
.em-account-tabs button {
  border-radius: 10px !important;
  color: var(--emu-muted) !important;
}

.em-account-tabs a.active,
.em-account-tabs button.active,
.em-account-tabs a:hover,
.em-account-tabs button:hover {
  background: linear-gradient(90deg, rgba(255, 123, 38, .28), rgba(91, 37, 167, .58)) !important;
  color: var(--emu-gold-2) !important;
  border-color: rgba(245, 205, 120, .45) !important;
}

.em-cabinet-summary {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.em-cabinet-card,
.em-wallet-total,
.em-service-card,
.em-security-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--emu-line) !important;
  border-radius: 12px;
  background:
    radial-gradient(circle at 12% 0%, rgba(155, 92, 255, .20), transparent 42%),
    linear-gradient(180deg, rgba(28, 12, 44, .96), rgba(9, 4, 16, .98)) !important;
  box-shadow: var(--emu-shadow-soft);
  color: var(--emu-text);
}

.em-cabinet-card {
  min-height: 86px;
  padding: 14px;
}

.em-cabinet-card--wide {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) 1fr;
  align-items: center;
  gap: 12px;
}

.em-cabinet-card small,
.em-wallet-total small,
.em-service-card small,
.em-security-card small {
  display: block;
  color: var(--emu-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.em-cabinet-card strong,
.em-wallet-total strong,
.em-service-card strong,
.em-security-card strong {
  display: block;
  margin-top: 5px;
  color: var(--emu-gold-2);
  font-size: 18px;
  line-height: 1.1;
}

.em-cabinet-card span,
.em-wallet-total span {
  display: block;
  margin-top: 6px;
  color: var(--emu-muted);
  font-size: 12px;
}

.em-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.em-quick-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(245, 205, 120, .30);
  border-radius: 999px;
  background: rgba(12, 5, 20, .82);
  color: var(--emu-text);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.em-quick-actions a:hover,
.em-service-card:hover {
  border-color: rgba(255, 230, 160, .70) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .45), 0 0 24px rgba(255, 123, 38, .16);
  transform: translateY(-1px);
}

.em-wallet-total {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 16px;
}

.em-wallet-total strong {
  margin: 0;
  font-size: 28px;
}

.em-wallet-total span {
  grid-column: 1 / -1;
}

.em-service-grid,
.em-security-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.em-service-card {
  min-height: 132px;
  padding: 16px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.em-service-card span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  border: 1px solid rgba(245, 205, 120, .34);
  border-radius: 12px;
  background: radial-gradient(circle, rgba(155, 92, 255, .46), rgba(15, 6, 26, .92));
  color: var(--emu-gold-2);
  font-weight: 950;
}

.em-security-card {
  min-height: 92px;
  padding: 15px;
}

.em-security-card strong {
  word-break: break-word;
  font-size: 16px;
}

.em-security-note {
  margin-top: 12px;
}

.em-account-item-icon img,
.em-market-item-icon-img,
.emrp-real-icon img {
  image-rendering: auto;
  filter: drop-shadow(0 3px 7px rgba(0, 0, 0, .7));
}

/* Rankings and character profile */
.emd-rankings,
.emrp-profile {
  color: var(--emu-text);
}

.emd-ranking-panel,
.emd-filter-card,
.emd-rankings table,
.emrp-summary,
.emrp-equip,
.emrp-tabs,
.emrp-top-card {
  border: 1px solid var(--emu-line) !important;
  border-radius: var(--emu-radius) !important;
  background: linear-gradient(180deg, rgba(21, 9, 34, .97), rgba(7, 3, 13, .98)) !important;
  box-shadow: var(--emu-shadow-soft) !important;
}

.emd-gold,
.emrp-value,
.emrp-score-value {
  color: var(--emu-gold) !important;
}

.emrp-slot {
  background: radial-gradient(circle at 50% 45%, rgba(28, 136, 119, .32), rgba(15, 7, 25, .96) 64%) !important;
}

.emrp-empty-slot {
  border-color: rgba(245, 205, 120, .18) !important;
  background: rgba(14, 7, 24, .78) !important;
}

/* Info page */
.em-info-page {
  gap: 18px !important;
}

.em-info-sidebar {
  overflow: hidden;
}

.em-info-navhead {
  background: linear-gradient(90deg, rgba(43, 17, 68, .96), rgba(14, 6, 24, .98)) !important;
  color: var(--emu-text) !important;
}

.em-info-navgroup.is-open .em-info-navhead,
.em-info-subnav a.active,
.em-info-subnav a:hover {
  background: linear-gradient(90deg, rgba(255, 123, 38, .32), rgba(79, 30, 124, .68)) !important;
  color: var(--emu-gold-2) !important;
}

.em-info-navicon img,
.em-info-section__head img {
  filter: drop-shadow(0 0 10px rgba(155, 92, 255, .45));
}

.em-info-hero {
  border: 1px solid var(--emu-line) !important;
  border-radius: var(--emu-radius) !important;
  overflow: hidden;
  box-shadow: var(--emu-shadow) !important;
}

/* Forms */
input,
select,
textarea,
.em-md-search input,
.em-bank-price-input,
.em-bank-transfer input {
  border: 1px solid rgba(245, 205, 120, .24) !important;
  border-radius: 10px !important;
  background: rgba(8, 4, 15, .88) !important;
  color: var(--emu-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(201, 185, 217, .72) !important;
}

/* Compact, readable responsive layout */
@media (max-width: 1180px) {
  .em-shell,
  .em-md-shell,
  .emd-donate,
  .emrp-profile,
  .em-info-page,
  .em-account-premium,
  .em-main {
    width: min(100% - 20px, 1040px);
  }

  .em-bank-layout,
  .emd-donate-layout,
  .em-account-shell,
  .em-info-page,
  .emrp-main {
    grid-template-columns: 1fr !important;
  }

  .emd-donate-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 860px) {
  .em-topbar {
    padding: 8px 0;
  }

  .em-topbar__inner {
    min-height: 62px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
  }

  .em-brand img,
  .em-logo img {
    max-height: 48px !important;
    max-width: 190px !important;
  }

  .em-nav {
    border: 1px solid var(--emu-line) !important;
    background: rgba(10, 4, 18, .98) !important;
    border-radius: 14px !important;
    padding: 10px !important;
  }

  .em-nav a,
  .em-nav-link {
    justify-content: center;
    width: 100%;
  }

  .em-md-tabs,
  .emd-donate-tabs {
    width: 100% !important;
    overflow-x: auto;
    justify-content: flex-start !important;
  }

  .em-md-filterbox,
  .em-account-hero,
  .em-info-content,
  .em-bank-panel,
  .em-bank-sell-panel {
    padding: 14px !important;
  }

  .em-md-row,
  .em-md-walletbar,
  .em-md-toolbar,
  .em-bank-sell-body,
  .em-bank-sell-grid,
  .em-info-two,
  .em-info-three,
  .emd-donate-side,
  .emd-vip-grid,
  .emd-services-grid,
  .emd-bundle-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }

  .em-md-toolbar,
  .em-md-walletbar {
    gap: 10px !important;
  }

  .em-md-item {
    grid-template-columns: 54px 1fr !important;
    gap: 10px !important;
  }

  .em-md-item-options,
  .em-md-item-price,
  .em-md-actions {
    grid-column: 1 / -1;
    justify-content: flex-start !important;
  }

  .em-bank-actions {
    position: static !important;
    transform: none !important;
    flex-direction: row !important;
    justify-content: center !important;
    margin: 12px 0 !important;
  }

  .em-bank-grid {
    max-width: 100%;
    overflow: auto;
  }

  .em-account-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .em-cabinet-summary,
  .em-service-grid,
  .em-security-grid {
    grid-template-columns: 1fr !important;
  }

  .em-cabinet-card--wide,
  .em-wallet-total {
    grid-template-columns: 1fr !important;
  }

  .em-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .em-info-sidebar {
    position: static !important;
  }
}

@media (max-width: 560px) {
  .em-shell,
  .em-md-shell,
  .emd-donate,
  .emrp-profile,
  .em-info-page,
  .em-account-premium,
  .em-main {
    width: calc(100% - 14px);
  }

  h1,
  .em-account-hero h1,
  .em-info-hero h1,
  .emrp-name {
    font-size: clamp(26px, 9vw, 40px) !important;
    line-height: 1.05 !important;
  }

  h2,
  .emd-donate-title h2,
  .em-panel-head span {
    font-size: clamp(18px, 6vw, 26px) !important;
  }

  .em-play,
  .em-play-now {
    min-width: 120px !important;
    padding-inline: 14px !important;
  }

  .em-md-class-icons,
  .compact-icons,
  .em-md-rarity,
  .em-md-options2,
  .em-md-currencies {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .em-md-class,
  .em-md-iconfilter {
    width: 42px !important;
    height: 42px !important;
  }

  .em-account-tabs {
    grid-template-columns: 1fr !important;
  }

  .em-quick-actions {
    grid-template-columns: 1fr;
  }

  .emd-modal__dialog {
    width: calc(100% - 20px) !important;
    max-height: calc(100vh - 28px);
    overflow: auto;
  }
}