:root {
  --electric-blue: #1f8fff;
  --electric-cyan: #25d6ff;
  --blue-violet: #5865ff;
  --deep-panel: rgba(4, 15, 31, .96);
}

body {
  background:
    radial-gradient(900px 540px at 12% 8%, rgba(19, 111, 255, .20), transparent 68%),
    radial-gradient(760px 520px at 91% 28%, rgba(45, 73, 255, .15), transparent 72%),
    linear-gradient(155deg, #020814 0%, #061326 48%, #030914 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  opacity: .3;
  background-image: linear-gradient(rgba(53, 144, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(53, 144, 255, .045) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

.navbar {
  background: rgba(3, 13, 28, .9) !important;
  border-bottom-color: rgba(57, 144, 255, .28) !important;
  box-shadow: 0 14px 50px rgba(0, 57, 150, .18);
}
.brand-word { text-shadow: 0 0 28px rgba(37, 214, 255, .36); }
.brand span:first-child, .eyebrow { color: #54ddff !important; }
.tab-btn.active {
  background: linear-gradient(135deg, rgba(22, 126, 255, .32), rgba(61, 74, 255, .24)) !important;
  border-color: #278fff !important;
  box-shadow: inset 0 0 18px rgba(55, 166, 255, .13), 0 0 24px rgba(35, 128, 255, .18) !important;
}
.card, .fair-panel, .trade-assurance {
  border-color: rgba(54, 137, 226, .27) !important;
  box-shadow: inset 0 1px rgba(119, 208, 255, .04), 0 22px 70px rgba(0, 20, 60, .18);
}
.page-intro h1 {
  background: linear-gradient(105deg, #f5fbff 10%, #8ee7ff 54%, #76a7ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.btn-action, .btn-deposit, .btn-upgrade:not(:disabled) {
  background: linear-gradient(135deg, #168cff, #26c5ef) !important;
  border-color: #5bddff !important;
  color: #02101d !important;
  box-shadow: 0 10px 30px rgba(20, 126, 255, .2) !important;
}
.skin-card:hover { border-color: rgba(57, 164, 255, .7) !important; box-shadow: 0 15px 38px rgba(0, 88, 210, .18) !important; }
.liquidity-console { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 16px; border: 1px solid rgba(48, 137, 225, .26); background: rgba(48, 137, 225, .26); }
.liquidity-console > div { min-height: 102px; padding: 16px; display: grid; align-content: center; gap: 4px; background: linear-gradient(145deg, rgba(7, 28, 54, .96), rgba(3, 14, 28, .96)); }
.liquidity-console span { color: #4d7794; font: 600 8px var(--mono, monospace); letter-spacing: .09em; }
.liquidity-console strong { color: #c9f2ff; font-size: 13px; }
.liquidity-console small { color: #68869a; font-size: 9px; line-height: 1.5; }

.event-rail {
  width: min(1420px, calc(100% - 48px));
  margin: 15px auto 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 22px;
  padding: 13px 16px;
  border: 1px solid color-mix(in srgb, var(--event-accent, #238bff) 58%, transparent);
  background: linear-gradient(105deg, color-mix(in srgb, var(--event-accent, #238bff) 16%, #061426), rgba(3, 13, 28, .96) 58%);
  box-shadow: 0 16px 55px color-mix(in srgb, var(--event-accent, #238bff) 12%, transparent), inset 0 1px rgba(255,255,255,.04);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.event-rail[hidden] { display: none; }
.event-signal { display: flex; align-items: center; gap: 8px; color: #bcecff; font: 700 9px var(--mono, monospace); letter-spacing: .1em; }
.event-signal i, .chat-head i, .chat-launcher > span { width: 8px; height: 8px; border-radius: 50%; background: var(--event-accent, #2bcfff); box-shadow: 0 0 14px var(--event-accent, #2bcfff); animation: livePulse 1.8s ease-in-out infinite; }
.event-copy { min-width: 0; display: grid; gap: 3px; }
.event-copy strong { color: #f3fbff; font-size: 14px; letter-spacing: .02em; }
.event-copy span { color: #84a4bb; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-stats { display: flex; gap: 18px; }
.event-stats span { display: grid; gap: 2px; color: #53778f; font: 600 7px var(--mono, monospace); letter-spacing: .09em; }
.event-stats b { color: #bcecff; font-size: 10px; }
.event-join { padding: 10px 16px; border: 1px solid #54d8ff; background: linear-gradient(135deg, #168cff, #34d8ff); color: #011421; font: 800 9px var(--mono, monospace); letter-spacing: .08em; cursor: pointer; }
.event-join:disabled { opacity: .55; cursor: default; }

.chat-launcher {
  position: fixed; left: 22px; right: auto; bottom: 22px; z-index: 900;
  display: flex; align-items: center; gap: 8px; padding: 11px 14px;
  border: 1px solid #278fff; background: rgba(5, 22, 44, .96); color: #d7f4ff;
  box-shadow: 0 14px 42px rgba(0, 84, 200, .28); font: 700 9px var(--mono, monospace); letter-spacing: .08em; cursor: pointer;
}
.chat-launcher b { display: none; min-width: 17px; padding: 2px 4px; border-radius: 9px; background: #218cff; color: #fff; }
.community-chat {
  position: fixed; left: 22px; right: auto; bottom: 74px; z-index: 901; width: min(390px, calc(100vw - 28px)); height: min(610px, calc(100vh - 130px));
  display: grid; grid-template-rows: auto auto 1fr auto; border: 1px solid rgba(51, 153, 255, .48); background: var(--deep-panel);
  box-shadow: 0 30px 100px rgba(0,0,0,.62), 0 0 55px rgba(31, 125, 255, .15); backdrop-filter: blur(20px);
}
.community-chat[hidden] { display: none; }
.chat-head { display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid rgba(52, 137, 220, .22); }
.chat-head > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 8px; }
.chat-head i { grid-row: 1 / 3; }
.chat-head strong { font: 700 10px var(--mono, monospace); color: #d8f5ff; letter-spacing: .09em; }
.chat-head small { color: #54788f; font-size: 8px; }
.chat-head button { border: 0; background: transparent; color: #8aacbf; font-size: 23px; cursor: pointer; }
.chat-guideline { padding: 9px 14px; color: #607f94; background: rgba(18, 82, 142, .1); border-bottom: 1px solid rgba(52, 137, 220, .15); font-size: 9px; line-height: 1.5; }
.chat-messages { overflow-y: auto; padding: 10px 13px; display: flex; flex-direction: column; gap: 10px; }
.chat-empty { margin: auto; color: #527287; font-size: 10px; text-align: center; }
.chat-message { display: grid; grid-template-columns: 30px 1fr; gap: 9px; }
.chat-avatar { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #23577a; background: #0a2942; color: #7edfff; font-weight: 700; object-fit: cover; }
.chat-body { min-width: 0; }
.chat-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.chat-meta strong { color: #9ee8ff; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-role-badge { flex: 0 0 auto; padding: 2px 5px; border-radius: 3px; font: 800 7px/1 var(--mono, monospace); letter-spacing: .05em; }
.chat-role-badge.admin { border: 1px solid rgba(239, 68, 68, .4); color: #ff6b76; background: rgba(127, 29, 29, .18); }
.chat-role-badge.system { border: 1px solid rgba(148, 163, 184, .24); color: #9aa6b9; background: rgba(71, 85, 105, .13); }
.chat-meta time { color: #47677c; font: 500 7px var(--mono, monospace); white-space: nowrap; }
.chat-meta-actions { display: flex; align-items: center; gap: 7px; }
.chat-report { border: 0; padding: 0; background: transparent; color: #42677f; font: 600 7px var(--mono, monospace); cursor: pointer; }
.chat-report:hover { color: #ff93ae; }
.chat-body p { margin-top: 3px; color: #aebfca; font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.chat-message.role-admin .chat-avatar { border-color: rgba(239, 68, 68, .5); color: #ff7b84; background: rgba(89, 20, 28, .35); }
.chat-message.role-admin .chat-meta strong,
.chat-message.role-admin .chat-body p { color: #ff737d; }
.chat-message.role-system .chat-avatar { border-color: #364155; color: #a3adbd; background: #141b27; }
.chat-message.role-system .chat-meta strong { color: #b8c0cd; }
.chat-message.role-system .chat-body p { color: #909bad; }
.chat-compose { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px; border-top: 1px solid rgba(52, 137, 220, .22); }
.chat-compose input { min-width: 0; margin: 0 !important; border-color: #1e4d70 !important; background: #06182a !important; }
.chat-compose button { border: 1px solid #36c7ff; background: #168cff; color: #02111d; font: 800 8px var(--mono, monospace); padding: 0 12px; cursor: pointer; }

.admin-community-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; margin-top: 18px; }
.admin-community-card { padding: 17px; border: 1px solid rgba(53, 139, 226, .24); background: rgba(3, 14, 28, .68); }
.admin-community-card .section-title small { color: #54778e; font-size: 8px; }
.admin-chat-title { grid-template-columns: auto 1fr auto; }
.admin-clear-chat { border: 1px solid #7c3850; background: #321321; color: #ff93ae; font: 800 8px var(--mono, monospace); letter-spacing: .05em; padding: 7px 9px; cursor: pointer; }
.admin-clear-chat:hover { border-color: #ff6b83; color: #ffd0d7; }
.admin-chat-compose { display: grid; gap: 7px; margin-top: 12px; padding: 11px; border: 1px solid rgba(239, 68, 68, .2); background: rgba(58, 14, 23, .14); }
.admin-chat-compose label { color: #ef8a91; font: 700 8px var(--mono, monospace); letter-spacing: .08em; }
.admin-chat-compose > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.admin-chat-compose input { min-width: 0; margin: 0 !important; border-color: #3a2a35 !important; background: #090d15 !important; }
.admin-chat-compose button { border: 1px solid #8d3542; background: #41151e; color: #ff9da4; font: 800 8px var(--mono, monospace); letter-spacing: .05em; padding: 0 10px; cursor: pointer; }
.admin-chat-compose button:disabled { opacity: .5; cursor: wait; }
.admin-chat-compose > small { color: #6f6670; font-size: 8px; }
.admin-community-wide { grid-column: 1 / -1; }
.admin-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.admin-form-grid label { color: #64849a; font: 600 8px var(--mono, monospace); letter-spacing: .07em; }
.admin-form-grid .wide { grid-column: 1 / -1; }
.admin-form-grid input, .admin-form-grid select { margin: 5px 0 0 !important; width: 100%; }
.admin-event-list, .admin-chat-list, .admin-payout-list { display: grid; gap: 8px; margin-top: 14px; max-height: 320px; overflow-y: auto; }
.admin-list-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; padding: 10px; border: 1px solid rgba(57, 122, 180, .2); background: rgba(7, 26, 44, .65); }
.admin-list-row strong { display: block; color: #bdefff; font-size: 10px; }
.admin-list-row small { color: #5f8095; font-size: 8px; }
.admin-list-actions { display: flex; gap: 6px; }
.admin-list-actions button { padding: 5px 7px; border: 1px solid #295f84; background: #0a2a44; color: #85dfff; font: 700 7px var(--mono, monospace); cursor: pointer; }
.admin-list-actions .danger { border-color: #7c3850; color: #ff93ae; background: #321321; }
.readiness-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.readiness-item { padding: 11px; border: 1px solid rgba(54, 130, 191, .22); background: rgba(5, 24, 42, .7); }
.readiness-item span { display: block; color: #5f8095; font: 600 7px var(--mono, monospace); letter-spacing: .08em; }
.readiness-item strong { display: block; margin-top: 5px; color: #ffbf72; font-size: 10px; }
.readiness-item.ready { border-color: rgba(58, 218, 167, .3); }
.readiness-item.ready strong { color: #62e2b6; }
@keyframes livePulse { 50% { opacity: .35; transform: scale(.78); } }

@media (max-width: 900px) {
  .event-rail { width: calc(100% - 24px); grid-template-columns: auto 1fr auto; gap: 12px; }
  .event-stats { grid-column: 1 / -1; justify-content: space-between; }
  .admin-community-grid { grid-template-columns: 1fr; }
  .readiness-grid { grid-template-columns: repeat(2, 1fr); }
  .liquidity-console { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .event-rail { grid-template-columns: 1fr auto; }
  .event-signal { display: none; }
  .event-copy span { white-space: normal; }
  .chat-launcher { left: 12px; right: auto; bottom: 12px; }
  .community-chat { left: 14px; right: auto; bottom: 64px; }
  .readiness-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .event-signal i, .chat-head i, .chat-launcher > span { animation: none; } }

/* Clean marketplace pass — strong color, less decorative UI noise. */
body {
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(19, 112, 255, .16), transparent 62%),
    linear-gradient(180deg, #071425 0%, #050c17 100%) !important;
}
body::before,
.ambient-layer { display: none !important; }

.navbar {
  min-height: 70px;
  padding: 0 24px !important;
  background: rgba(5, 16, 30, .96) !important;
  border-bottom: 1px solid #173454 !important;
  box-shadow: 0 8px 28px rgba(0, 22, 55, .24) !important;
}
.brand-mark {
  clip-path: none !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.brand-word { text-shadow: none !important; }
.brand .brand-tag {
  padding-left: 10px;
  border-left: 1px solid #23425f !important;
  color: #6e8da8 !important;
}
.nav-tabs { border-radius: 9px !important; background: #071221 !important; }
.tab-btn { border-radius: 7px !important; letter-spacing: .03em !important; }
.tab-btn.active {
  background: #12345b !important;
  border-color: #248bff !important;
  box-shadow: none !important;
}
.market-status {
  min-height: 34px;
  padding-top: 0 !important;
  border-bottom: 1px solid rgba(36, 94, 145, .18);
  background: rgba(4, 12, 23, .72);
}
.market-status i { animation: none !important; box-shadow: none !important; }

.page-intro,
.page-intro.compact {
  min-height: 0;
  padding: 34px 8px 22px !important;
  align-items: center !important;
  gap: 28px !important;
}
.page-intro h1,
.page-intro.compact h1 {
  max-width: none;
  color: #f2f8ff !important;
  background: none !important;
  -webkit-text-fill-color: initial;
  font-size: clamp(30px, 3.3vw, 46px) !important;
  font-weight: 650 !important;
  letter-spacing: -.04em !important;
  line-height: 1.05 !important;
}
.page-intro p { max-width: 560px; margin-top: 10px !important; color: #8198ab !important; line-height: 1.55 !important; }
.eyebrow { margin-bottom: 8px !important; color: #38bdf8 !important; letter-spacing: .11em !important; }
.terminal-metrics {
  overflow: hidden;
  border: 1px solid #1c3a58 !important;
  border-radius: 10px;
  background: #071424 !important;
}
.terminal-metrics > div { padding: 13px 16px !important; border-color: #1c3a58 !important; }

.card,
.fair-panel,
.admin-community-card {
  border: 1px solid #193a59 !important;
  border-radius: 12px !important;
  background: #091726 !important;
  box-shadow: 0 14px 38px rgba(0, 17, 42, .18) !important;
  clip-path: none !important;
}
.card::before { display: none !important; }
.section-title {
  min-height: 0 !important;
  margin-bottom: 16px !important;
  padding-bottom: 13px;
  border-bottom: 1px solid #18344f;
  color: #d9e8f4 !important;
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}
.section-title > span:first-child::before,
.section-title:not(:has(> span))::before,
.filter-search label::before { content: none !important; }

.upgrade-disclosure { justify-content: flex-end !important; margin-top: 8px !important; }
.upgrade-disclosure span { color: #71899b !important; }

.btn-action,
.btn-deposit,
.event-join {
  border-radius: 8px !important;
  background: #1687f8 !important;
  border-color: #359dff !important;
  color: #fff !important;
  box-shadow: none !important;
}
.btn-action:hover,
.btn-deposit:hover { background: #2b98ff !important; box-shadow: none !important; }

.btn-upgrade:not(:disabled) {
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f5c400 0%, #d49b00 100%) !important;
  border: 1px solid #ffe066 !important;
  color: #1a1300 !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.8px !important;
  padding: 16px 32px !important;
  box-shadow: 0 8px 24px rgba(245, 196, 0, 0.35) !important;
}
.btn-upgrade:hover:not(:disabled) {
  background: linear-gradient(180deg, #ffcf10 0%, #e5a700 100%) !important;
  box-shadow: 0 10px 30px rgba(245, 196, 0, 0.5) !important;
  transform: translateY(-2px);
}

.filter-search,
.filter-group,
.liquidity-console,
.coinflip-arena,
.coinflip-ledger { border-radius: 10px !important; overflow: hidden; }
.filter-btn,
.mult-btn,
.search-input { border-radius: 7px !important; }

.coinflip-arena::before { display: none !important; }
.coinflip-arena .side-btn {
  border-radius: 18px !important;
  clip-path: none !important;
  min-height: 200px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.coinflip-arena .side-btn:hover { transform: translateY(-4px) scale(1.01); }
.coinflip-arena .side-btn.red.active {
  border-color: #ef4444 !important;
  box-shadow: 0 0 30px rgba(239,68,68,0.4), inset 0 0 25px rgba(239,68,68,0.2) !important;
}
.coinflip-arena .side-btn.black.active {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 30px rgba(56,189,248,0.4), inset 0 0 25px rgba(56,189,248,0.2) !important;
}
.event-rail,
.age-card { border-radius: 12px !important; clip-path: none !important; }
.fair-panel { margin-bottom: 18px; }
.site-footer { margin-top: 12px !important; border-top: 1px solid #142c43; }

.filter-group {
  border-color: #173450 !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--group-accent) 9%, #081625), #081625 48%) !important;
}
.filter-btn.active { box-shadow: inset 0 0 0 1px rgba(255,255,255,.035); }
.skin-card img { filter: drop-shadow(0 14px 15px rgba(0, 5, 15, .34)); transition: transform .2s ease; }
.skin-card:hover img { transform: scale(1.04); }
.catalog-meta { color: #5f7d94 !important; }

@media (max-width: 600px) {
  .coinflip-arena .side-btn {
    min-height: 120px;
    padding: 16px !important;
  }
  .coinflip-arena .side-btn strong { font-size: 22px !important; }
  .coinflip-arena .side-btn:hover { transform: none; }
}

/* Advanced trade surface: real state, stronger hierarchy, restrained motion. */
.navbar::after {
  content: "";
  position: absolute;
  inset: auto 0 -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(45, 175, 255, .72), transparent);
  pointer-events: none;
}
.page-intro { position: relative; }
.page-intro::after {
  content: "";
  position: absolute;
  right: 8%;
  bottom: 0;
  width: 280px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #238bff, transparent);
  box-shadow: 0 0 25px rgba(35, 139, 255, .36);
}
.terminal-metrics strong { color: #edf8ff !important; font-size: 13px !important; }
.terminal-metrics span { color: #5f7f98 !important; }

.skin-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, rgba(15, 36, 57, .98), rgba(6, 19, 33, .98)) !important;
  border-color: color-mix(in srgb, var(--rarity-color, #2b78a7) 32%, #193a59) !important;
}
.skin-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(180px 90px at 50% 26%, color-mix(in srgb, var(--rarity-color, #238bff) 13%, transparent), transparent 72%);
}
.skin-card > * { position: relative; z-index: 1; }
.skin-card.selected { border-color: #3fc8ff !important; box-shadow: inset 0 0 0 1px rgba(63, 200, 255, .28) !important; }

.modal-box {
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  border-radius: 14px !important;
  border-color: #225070 !important;
  background: linear-gradient(155deg, #0b1d2f, #07121f 72%) !important;
  box-shadow: 0 36px 120px rgba(0, 5, 15, .72), 0 0 0 1px rgba(66, 190, 255, .05) !important;
}
.transfer-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-bottom: 12px;
  padding: 1px;
  border-radius: 9px;
  overflow: hidden;
  background: #1d4665;
}
.transfer-trust-grid span {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 3px 8px;
  padding: 11px 12px;
  color: #64849a;
  background: #071827;
  font: 700 8px var(--mono, monospace);
  letter-spacing: .08em;
}
.transfer-trust-grid i {
  grid-row: 1 / 3;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #31c6ff;
  box-shadow: 0 0 12px rgba(49, 198, 255, .72);
}
.transfer-trust-grid b { color: #c8efff; font-size: 9px; }
.transfer-actions { display: grid; grid-template-columns: 1fr 1.35fr; gap: 8px; margin-bottom: 12px; }
.transfer-actions .btn-action { margin: 0 !important; min-height: 42px; }
.deposit-selectable { cursor: pointer; }
.deposit-select-state {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #17334d;
  color: #6e8ba0;
  font: 700 8px var(--mono, monospace);
  letter-spacing: .1em;
  text-align: center;
}
.skin-card.selected .deposit-select-state { color: #58d7ff; }

@media (max-width: 700px) {
  .transfer-trust-grid,
  .transfer-actions { grid-template-columns: 1fr; }
  .page-intro::after { display: none; }
  .navbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    padding: 9px 12px 0 !important;
  }
  .user-actions { min-width: 0; margin-left: 0 !important; justify-content: flex-end; }
  .user-actions .bal-pill { display: none; }
  .user-actions .btn-deposit { padding: 8px 10px !important; font-size: 0; }
  .user-actions .btn-deposit::after { content: "TRANSFER"; font-size: 9px; letter-spacing: .05em; }
  #authContainer { width: auto !important; order: initial !important; }
  #authContainer .btn-steam,
  #authContainer .btn-signout { margin-top: 0 !important; padding: 8px 10px !important; font-size: 9px !important; }
  .nav-tabs { grid-column: 1 / -1; }
}

/* Multi-game shell: one product, two clearly separated Steam economies. */
.game-switcher {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  min-width: 292px;
  padding: 3px;
  border: 1px solid #183752;
  border-radius: 11px;
  background: rgba(3, 14, 27, .82);
}
.game-choice {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #68839a;
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.game-choice > span:last-child { min-width: 0; display: grid; gap: 2px; }
.game-choice b { overflow: hidden; color: inherit; font: 800 8px var(--mono, monospace); letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
.game-choice small { color: #43647d; font: 600 6px var(--mono, monospace); letter-spacing: .1em; }
.game-choice-img {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}
.game-choice-mark { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #285775; border-radius: 7px; color: #69dfff; background: #09233a; font: 900 9px var(--mono, monospace); }
.rust-mark { border-color: #744823; color: #ffae5b; background: #2b190d; }
.game-choice.active { border-color: #277fbc; color: #e8f8ff; background: linear-gradient(135deg, rgba(25, 123, 204, .3), rgba(9, 35, 59, .72)); box-shadow: inset 0 0 22px rgba(36, 149, 225, .08); }
.game-choice[data-game="rust"].active { border-color: #a55f28; background: linear-gradient(135deg, rgba(166, 82, 22, .34), rgba(52, 29, 12, .76)); box-shadow: inset 0 0 22px rgba(237, 132, 49, .09); }
.game-choice.active .game-choice-mark { box-shadow: 0 0 18px rgba(51, 177, 255, .2); }
.game-choice[data-game="rust"].active .game-choice-mark { box-shadow: 0 0 18px rgba(242, 137, 52, .22); }

body[data-game="rust"] {
  --electric-blue: #e87b2e;
  --electric-cyan: #ffb55f;
  --blue-violet: #bd4e2c;
  background:
    radial-gradient(920px 560px at 12% 8%, rgba(211, 92, 27, .2), transparent 68%),
    radial-gradient(760px 520px at 91% 28%, rgba(146, 57, 31, .16), transparent 72%),
    linear-gradient(155deg, #0d0805 0%, #1a0e08 48%, #070604 100%) !important;
}
body[data-game="rust"] .navbar { border-bottom-color: rgba(231, 119, 48, .32) !important; box-shadow: 0 14px 50px rgba(102, 39, 8, .2); }
body[data-game="rust"] .navbar::after { background: linear-gradient(90deg, transparent, rgba(245, 139, 61, .78), transparent); }
body[data-game="rust"] .brand span:first-child,
body[data-game="rust"] .eyebrow { color: #ffad61 !important; }
body[data-game="rust"] .brand-word { text-shadow: 0 0 28px rgba(255, 136, 59, .3); }
body[data-game="rust"] .tab-btn.active { border-color: #d87332 !important; background: linear-gradient(135deg, rgba(186, 77, 23, .34), rgba(110, 47, 26, .25)) !important; box-shadow: inset 0 0 18px rgba(255, 139, 61, .1), 0 0 24px rgba(149, 64, 19, .18) !important; }
body[data-game="rust"] .btn-action,
body[data-game="rust"] .btn-deposit,
body[data-game="rust"] .btn-upgrade:not(:disabled) { border-color: #ffc071 !important; background: linear-gradient(135deg, #db6a27, #f5a345) !important; color: #1b0b03 !important; box-shadow: 0 10px 30px rgba(167, 69, 18, .24) !important; }
body[data-game="rust"] .card,
body[data-game="rust"] .fair-panel,
body[data-game="rust"] .trade-assurance { border-color: rgba(184, 92, 40, .3) !important; }
body[data-game="rust"] .skin-card { background: linear-gradient(165deg, rgba(49, 27, 16, .98), rgba(21, 12, 8, .98)) !important; border-color: color-mix(in srgb, var(--rarity-color, #c87435) 34%, #5d321c) !important; }
body[data-game="rust"] .page-intro h1 { background: linear-gradient(105deg, #fff8ef 10%, #ffc77f 54%, #e67838); -webkit-background-clip: text; background-clip: text; }

@media (max-width: 1180px) {
  .game-switcher { margin-left: auto; }
}
@media (max-width: 700px) {
  .game-switcher { grid-column: 1 / -1; width: 100%; min-width: 0; margin: 7px 0 0; order: 2; }
  .nav-tabs { order: 3 !important; }
  .game-choice { grid-template-columns: 26px 1fr; padding: 6px 8px; }
  .game-choice-mark { width: 24px; height: 24px; }
}

/* Marketplace system v4 — compact hierarchy, game accents, reward surface. */
:root {
  --game-accent: #2997ff;
  --game-accent-rgb: 41, 151, 255;
  --surface-0: #050a10;
  --surface-1: #08111b;
  --surface-2: #0b1723;
  --surface-3: #0e1d2b;
  --line-soft: #172b3d;
  --line-strong: #234866;
  --copy-muted: #71879a;
}

body,
body[data-game="rust"] {
  min-height: 100vh;
  color: #e9f2f8;
  background:
    radial-gradient(900px 520px at 15% -8%, rgba(var(--game-accent-rgb), .12), transparent 64%),
    radial-gradient(700px 480px at 100% 16%, rgba(81, 100, 140, .07), transparent 68%),
    linear-gradient(180deg, #07101a 0%, #050a10 52%, #070d14 100%) !important;
}
body[data-game="rust"] { --game-accent: #eb873b; --game-accent-rgb: 235, 135, 59; }

.market-status { display: none !important; }

.navbar,
body[data-game="rust"] .navbar {
  position: sticky;
  top: 0;
  z-index: 800;
  min-height: 74px;
  display: grid !important;
  grid-template-columns: auto auto minmax(300px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 10px max(20px, calc((100vw - 1480px) / 2)) !important;
  border-bottom: 1px solid rgba(var(--game-accent-rgb), .24) !important;
  background: rgba(5, 11, 18, .92) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(18px) saturate(130%);
}
.navbar::after,
body[data-game="rust"] .navbar::after {
  background: linear-gradient(90deg, transparent 12%, rgba(var(--game-accent-rgb), .7) 50%, transparent 88%);
  opacity: .55;
}
.brand { min-width: max-content; }
.brand .brand-mark,
body[data-game="rust"] .brand .brand-mark {
  width: auto !important;
  height: 44px !important;
  max-width: 170px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}
.brand-word { display: none !important; }
.brand .brand-tag { display: none; }

.game-switcher {
  min-width: 166px;
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  background: #050d16;
}
.game-choice {
  flex: 1;
  grid-template-columns: 22px auto;
  gap: 6px;
  padding: 7px 9px;
  border-radius: 7px;
}
.game-choice-mark { width: 22px; height: 22px; border-radius: 6px; }
.game-choice b { font-size: 8px; }
.game-choice small { display: none; }
.game-choice.active,
.game-choice[data-game="rust"].active {
  border-color: rgba(var(--game-accent-rgb), .55);
  color: #f3f9fc;
  background: rgba(var(--game-accent-rgb), .14);
  box-shadow: none;
}

.nav-tabs {
  min-width: 0;
  justify-self: center;
  display: flex;
  align-items: stretch;
  gap: 2px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.nav-tabs .tab-btn {
  position: relative;
  min-height: 42px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #7890a3;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: .035em !important;
}
.nav-tabs .tab-btn:hover { color: #e6f1f7; background: rgba(255,255,255,.035) !important; }
.nav-tabs .tab-btn.active,
body[data-game="rust"] .nav-tabs .tab-btn.active {
  color: #fff !important;
  background: rgba(var(--game-accent-rgb), .1) !important;
  box-shadow: none !important;
}
.nav-tabs .tab-btn::after {
  left: 14px;
  right: 14px;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: var(--game-accent) !important;
  box-shadow: 0 0 10px rgba(var(--game-accent-rgb), .5);
}

.user-actions { min-width: 0; display: flex; align-items: center; gap: 7px !important; }
.sound-toggle { width: 36px; height: 36px; border-radius: 8px !important; }
.upoin-balance { height: 38px; padding: 0 11px !important; border-radius: 8px !important; }
.btn-deposit { min-height: 38px; padding: 0 13px !important; border-radius: 8px !important; font-size: 9px !important; }
.btn-steam, .btn-signout { min-height: 38px; display: inline-flex; align-items: center; border-radius: 8px !important; }

.daily-reward-trigger {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(89, 222, 173, .35);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(32, 116, 91, .22), rgba(7, 23, 25, .88));
  color: #dffef1;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.daily-reward-trigger:hover { transform: translateY(-1px); border-color: rgba(89, 222, 173, .68); background: rgba(25, 105, 80, .3); }
.daily-trigger-dot { width: 7px; height: 7px; border-radius: 50%; background: #52e2ad; box-shadow: 0 0 13px rgba(82,226,173,.7); }
.daily-reward-trigger > span:last-child { display: grid; gap: 1px; text-align: left; }
.daily-reward-trigger small { color: #6ba58f; font: 650 7px var(--mono, monospace); letter-spacing: .08em; }
.daily-reward-trigger b { color: #c9ffe8; font: 750 10px var(--sans); }
.daily-reward-trigger.claimed { border-color: var(--line-soft); background: var(--surface-1); }
.daily-reward-trigger.claimed .daily-trigger-dot { background: #596c7a; box-shadow: none; }
.daily-reward-trigger.claimed b { color: #7d909f; }

.container { width: min(1480px, 100%); padding: 0 24px 32px !important; }
.page-intro,
.page-intro.compact {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 34px 4px 20px !important;
}
.page-intro::after { display: none; }
.page-intro h1,
.page-intro.compact h1,
body[data-game="rust"] .page-intro h1 {
  color: #f2f7fb !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 680 !important;
  letter-spacing: -.035em !important;
}
.eyebrow,
body[data-game="rust"] .eyebrow { color: var(--game-accent) !important; }
.terminal-metrics { border-color: var(--line-soft) !important; background: rgba(7, 17, 27, .72) !important; }
.terminal-metrics > div { min-width: 128px; }

.card,
body[data-game="rust"] .card {
  padding: 18px !important;
  border-color: var(--line-soft) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(12, 25, 37, .96), rgba(7, 16, 25, .97)) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .2) !important;
}
.card::before { display: none; }

#viewMarket > .card { padding: 14px !important; }
#viewMarket .section-title { display: none; }
.filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 310px);
  align-items: end;
  gap: 12px;
  margin-bottom: 12px !important;
}
.filter-tabs {
  display: flex !important;
  align-items: flex-end;
  gap: 7px !important;
  min-width: 0;
  overflow-x: auto;
  padding: 0 0 3px;
  scrollbar-width: thin;
}
.filter-group {
  flex: none;
  display: grid !important;
  gap: 5px !important;
  padding: 7px !important;
  border: 1px solid var(--line-soft) !important;
  border-radius: 9px !important;
  background: #07121d !important;
}
.filter-group-label { padding: 0 3px; color: #4d6b80 !important; font-size: 7px !important; }
.filter-group-buttons { display: flex; gap: 4px; }
.filter-btn {
  min-height: 30px;
  padding: 0 9px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: #71899b !important;
  white-space: nowrap;
}
.filter-btn:hover { color: #dceaf2 !important; background: rgba(255,255,255,.035) !important; }
.filter-btn.active {
  border-color: rgba(var(--game-accent-rgb), .34) !important;
  background: rgba(var(--game-accent-rgb), .14) !important;
  color: #eaf7ff !important;
}
.filter-search { padding: 8px 10px !important; border: 1px solid var(--line-soft); background: #07121d; }
.search-input { height: 34px; }
.catalog-meta { margin: 8px 2px 13px !important; padding-top: 10px; border-top: 1px solid rgba(33,60,81,.55); }
/* ===== CS2 SKIN GRID & CARDS — COMPACT PRO DESIGN (MATCHING REFERENCE) ===== */
.skin-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  padding: 4px 6px 12px 2px !important;
}

.skin-card,
body[data-game="rust"] .skin-card {
  position: relative !important;
  min-height: 144px !important;
  max-height: 156px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 3px solid var(--rarity-color, #38bdf8) !important;
  background: linear-gradient(175deg, #101926 0%, #080f17 100%) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.45) !important;
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

.skin-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 110px 55px at 50% 25%,
    color-mix(in srgb, var(--rarity-color, #38bdf8) 18%, transparent),
    transparent 72%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.skin-card > * { position: relative; z-index: 1; }

.skin-card:hover,
body[data-game="rust"] .skin-card:hover {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--rarity-color, #38bdf8) 60%, rgba(255,255,255,0.2)) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.6), 0 0 16px color-mix(in srgb, var(--rarity-color, #38bdf8) 25%, transparent) !important;
}

.skin-card.selected {
  border-color: #f5c400 !important;
  border-bottom-color: #f5c400 !important;
  box-shadow: 0 0 18px rgba(245, 196, 0, 0.45), inset 0 0 0 1px #f5c400 !important;
  background: linear-gradient(175deg, #1c1a0e 0%, #0d0f0a 100%) !important;
}
.skin-card.selected::after {
  background: radial-gradient(ellipse 110px 60px at 50% 25%, rgba(245, 196, 0, 0.22), transparent 72%) !important;
}

/* Card Header (Price left, Wear right) */
.skin-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  z-index: 2 !important;
}
.skin-card-price {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #f5c400 !important;
  letter-spacing: 0.3px !important;
  line-height: 1 !important;
}
.skin-card-wear {
  font-size: 8.5px !important;
  font-weight: 800 !important;
  color: #8ea1b4 !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-family: var(--mono, monospace) !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.skin-card-wear.fn { color: #4ade80 !important; border-color: rgba(74,222,128,0.25) !important; }
.skin-card-wear.mw { color: #60a5fa !important; border-color: rgba(96,165,250,0.25) !important; }
.skin-card-wear.ft { color: #cbd5e1 !important; }
.skin-card-wear.ww { color: #fb923c !important; border-color: rgba(251,146,60,0.25) !important; }
.skin-card-wear.bs { color: #f87171 !important; border-color: rgba(248,113,113,0.25) !important; }

/* Card Image */
.skin-card-img-wrap {
  height: 64px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 3px 0 !important;
  z-index: 1 !important;
}
.skin-card img {
  max-height: 58px !important;
  max-width: 95% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.75)) !important;
  transition: transform 0.18s ease !important;
}
.skin-card:hover img {
  transform: scale(1.08) translateY(-2px) !important;
}

/* Card Footer (Weapon subtitle, Skin bold title) */
.skin-card-footer {
  width: 100% !important;
  z-index: 2 !important;
  text-align: left !important;
  overflow: hidden !important;
}
.skin-card-weapon {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  color: #526f87 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.skin-card-name {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #e2e8f0 !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Selected Check Badge */
.skin-card-check {
  position: absolute !important;
  bottom: 6px !important;
  right: 6px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #f5c400 !important;
  color: #000 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
  z-index: 3 !important;
}

/* Empty inventory slot tile */
.skin-card-empty {
  min-height: 144px !important;
  border-radius: 9px !important;
  border: 1px dashed rgba(255,255,255,0.06) !important;
  background: rgba(255,255,255,0.015) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  opacity: 0.3 !important;
}

/* ===== UPGRADE STAGE & SLOTS ===== */
.upgrade-stage {
  grid-template-columns: 1fr 310px 1fr !important;
  min-height: 270px !important;
  gap: 20px !important;
  padding: 22px !important;
  border-radius: 16px !important;
  background: rgba(6, 14, 24, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  align-items: stretch !important;
}
.upgrade-slot {
  min-height: 240px !important;
  border-radius: 14px !important;
  padding: 16px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.upgrade-ring-box { width: 280px !important; height: 280px !important; margin: auto !important; }
.upgrade-slot { min-height: 230px !important; border-radius: 16px !important; }
.btn-upgrade { max-width: 520px; margin-inline: auto !important; }

.daily-reward-overlay { z-index: 1300; }
.daily-reward-modal { width: min(620px, 100%) !important; padding: 20px !important; }
.daily-reward-modal .modal-header { align-items: flex-start; }
.daily-modal-kicker { display: block; margin-bottom: 4px; color: #55dba9; font: 700 8px var(--mono, monospace); letter-spacing: .12em; }
.daily-reward-modal .modal-header h3 { font-size: 24px; letter-spacing: -.025em; }
.daily-reward-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 122px 1fr;
  align-items: center;
  gap: 20px;
  min-height: 170px;
  margin: 16px 0 12px;
  padding: 20px;
  border: 1px solid rgba(76, 224, 169, .25);
  border-radius: 14px;
  background: radial-gradient(340px 180px at 10% 50%, rgba(52, 210, 154, .16), transparent 70%), #08181a;
}
.daily-reward-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, transparent 55%, rgba(255,255,255,.025)); }
.daily-token-wrap { position: relative; width: 116px; height: 116px; display: grid; place-items: center; }
.daily-token-wrap img { position: relative; z-index: 1; width: 94px; height: 94px; object-fit: contain; filter: drop-shadow(0 18px 28px rgba(25, 207, 144, .22)); }
.daily-token-pulse { position: absolute; inset: 8px; border: 1px solid rgba(84, 231, 176, .22); border-radius: 50%; box-shadow: 0 0 45px rgba(45, 214, 151, .1), inset 0 0 32px rgba(45, 214, 151, .08); animation: dailyPulse 2.8s ease-in-out infinite; }
.daily-reward-hero > div:last-child { display: grid; gap: 4px; }
.daily-reward-hero span { color: #63ab91; font: 700 8px var(--mono, monospace); letter-spacing: .12em; }
.daily-reward-hero strong { color: #ebfff7; font-size: 42px; line-height: 1; letter-spacing: -.045em; }
.daily-reward-hero strong small { color: #5ae1ad; font-size: 16px; letter-spacing: .02em; }
.daily-reward-hero p { max-width: 340px; color: #78958b; font-size: 11px; line-height: 1.55; }
.daily-profile {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 11px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  background: #07121b;
}
.daily-profile-avatar { width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid #28445a; border-radius: 9px; background: #102a3c; color: #77dfff; font-weight: 800; }
.daily-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.daily-profile > div:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.daily-profile span { color: #526f83; font: 650 7px var(--mono, monospace); letter-spacing: .08em; }
.daily-profile strong { overflow: hidden; color: #dceaf1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.daily-profile > b { color: #e6aa55; font: 700 8px var(--mono, monospace); letter-spacing: .07em; }
.daily-profile > b.success { color: #57d9a8; }
.daily-requirements { display: grid; grid-template-columns: 1fr 28px 1fr; align-items: stretch; gap: 7px; margin-top: 10px; }
.daily-requirement { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 10px; background: #08131d; }
.daily-check { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #2a475d; border-radius: 50%; color: #718ba0; font-size: 10px; font-weight: 700; }
.daily-requirement > div { min-width: 0; }
.daily-requirement > div b { color: #dce8ef; font-size: 10px; }
.daily-requirement p { margin-top: 3px; color: #647d8e; font-size: 8px; line-height: 1.4; }
.daily-requirement code { color: #94dfff; font-family: var(--sans); }
.daily-check-action { min-width: 58px; height: 28px; padding: 0 9px; border: 1px solid #2a475d; border-radius: 6px; background: #0b1824; color: #91a9ba; font: 700 7px var(--mono, monospace); letter-spacing: .06em; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; }
.daily-check-action:hover:not(:disabled) { border-color: #4a7898; background: #102335; color: #c5deeb; transform: translateY(-1px); }
.daily-check-action:focus-visible { outline: 2px solid #54bce8; outline-offset: 2px; }
.daily-check-action:disabled { cursor: default; opacity: .7; }
.daily-requirement.complete { border-color: rgba(75, 217, 165, .42); background: rgba(32, 112, 84, .12); }
.daily-requirement.complete .daily-check { border-color: #52dba8; background: #133f32; color: #89f0ca; }
.daily-requirement.complete .daily-check-action { border-color: rgba(82, 219, 168, .55); background: #133f32; color: #89f0ca; }
.daily-requirement.unavailable { opacity: .58; }
.daily-or { display: grid; place-items: center; color: #486276; font: 700 8px var(--mono, monospace); }
.daily-reward-note { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: rgba(43, 93, 128, .1); color: #8ba4b6; font-size: 10px; line-height: 1.5; }
.daily-reward-actions { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; margin-top: 12px; }
.daily-reward-actions > span { display: grid; gap: 2px; color: #4e697c; font: 650 7px var(--mono, monospace); letter-spacing: .07em; }
.daily-reward-actions > span b { color: #9bb0be; font-size: 9px; }
.daily-reward-actions .btn-action { width: auto; min-width: 220px; margin: 0 !important; }
.daily-signin { grid-column: 2; }
@keyframes dailyPulse { 50% { transform: scale(1.07); opacity: .55; } }

body[data-game="rust"] .btn-action,
body[data-game="rust"] .btn-deposit,
body[data-game="rust"] .btn-upgrade:not(:disabled) {
  border-color: rgba(255, 176, 104, .78) !important;
  background: #d9732f !important;
  color: #fff !important;
  box-shadow: none !important;
}
body[data-game="rust"] .skin-p { color: #ffd2a8 !important; }

@media (max-width: 1380px) {
  .navbar,
  body[data-game="rust"] .navbar { grid-template-columns: auto 1fr auto; gap: 12px; }
  .game-switcher { justify-self: start; }
  .nav-tabs { grid-column: 1 / -1; grid-row: 2; width: 100%; justify-content: center; border-top: 1px solid rgba(32,57,77,.55) !important; }
}
@media (max-width: 820px) {
  .navbar,
  body[data-game="rust"] .navbar { position: relative; grid-template-columns: auto minmax(0, 1fr); padding: 9px 12px !important; }
  .brand { grid-column: 1; grid-row: 1; }
  .user-actions { grid-column: 2; grid-row: 1; justify-self: end; }
  .game-switcher { grid-column: 1 / -1; grid-row: 2; width: auto !important; min-width: 0; margin: 0; justify-self: stretch; }
  .nav-tabs { grid-column: 1 / -1; grid-row: 3; width: auto !important; overflow-x: auto; justify-content: flex-start; }
  .sound-toggle, .user-actions .btn-deposit { display: none !important; }
  .daily-reward-trigger { width: 38px; padding: 0; justify-content: center; }
  .daily-reward-trigger > span:last-child { display: none; }
  .container { padding-inline: 12px !important; }
  .filter-bar { grid-template-columns: 1fr; }
  .filter-search { grid-row: 1; }
  .upgrade-stage { grid-template-columns: 1fr !important; }
  .daily-requirements { grid-template-columns: 1fr; }
  .daily-or { min-height: 18px; }
}
@media (max-width: 560px) {
  .brand-word { display: none; }
  .upoin-balance { display: none !important; }
  #authContainer .btn-steam,
  #authContainer .btn-signout { min-height: 36px; padding: 0 9px !important; font-size: 0 !important; }
  #authContainer .btn-steam::after { content: "STEAM"; font-size: 8px; letter-spacing: .05em; }
  .page-intro, .page-intro.compact { grid-template-columns: 1fr; padding-top: 24px !important; }
  .terminal-metrics { width: 100%; }
  .terminal-metrics > div { flex: 1; min-width: 0; }
  .skin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
  .skin-card { min-height: 184px !important; }
  .skin-card img { height: 88px !important; }
  .daily-reward-modal { padding: 14px !important; }
  .daily-reward-hero { grid-template-columns: 78px 1fr; min-height: 138px; padding: 14px; }
  .daily-token-wrap { width: 74px; height: 74px; }
  .daily-token-wrap img { width: 68px; height: 68px; }
  .daily-reward-hero strong { font-size: 34px; }
  .daily-reward-actions { grid-template-columns: 1fr; }
  .daily-reward-actions .btn-action, .daily-signin { grid-column: 1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .daily-token-pulse { animation: none; }
}

[hidden] { display: none !important; }

/* Supplied Skinup identity mark. */
.brand img.brand-mark,
body[data-game="rust"] .brand img.brand-mark {
  display: block;
  width: auto !important;
  height: 44px !important;
  max-width: 170px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}
.site-footer img.brand-mark,
.site-footer img.footer-brand-img {
  display: block;
  width: auto !important;
  height: 28px !important;
  max-width: 130px !important;
  border-radius: 0 !important;
  border: none !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}