/*
 * Braden's Values — reference-matched homepage
 * Real DOM text + existing Dinosaur Simulator artwork only.
 */

:root {
  --top: 73px !important;
  --side: 278px !important;
  --bv2-page: #02050d;
  --bv2-panel: #080c15;
  --bv2-panel-deep: #060a12;
  --bv2-panel-soft: #0a0e18;
  --bv2-line: rgba(166, 172, 210, .105);
  --bv2-line-soft: rgba(166, 172, 210, .065);
  --bv2-text: #f4f3fa;
  --bv2-copy: #a1a5b3;
  --bv2-muted: #707687;
  --bv2-violet: #9c62ff;
  --bv2-violet-strong: #7548f7;
  --bv2-green: #55ec87;
  --bv2-red: #ff4258;
  --bv2-cyan: #56e9ff;
  --bv2-gold: #ffc43d;
}

body,
body[data-layout="classic"] {
  background: var(--bv2-page) !important;
}

html { scrollbar-width: none; }
html::-webkit-scrollbar { width: 0; height: 0; }

.topbar,
body[data-theme="light"] .topbar,
body[data-layout="classic"] .topbar {
  height: var(--top) !important;
  min-height: var(--top) !important;
  padding: 0 20px !important;
  border-bottom: 1px solid #111622 !important;
  background: rgba(3, 6, 15, .975) !important;
  box-shadow: none !important;
}

.topbar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--side);
  width: 1px;
  background: #111622;
  pointer-events: none;
}

.topbar .brand {
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
  gap: 10px !important;
}

.topbar-brand .brand-mark {
  width: 50px !important;
  height: 50px !important;
  flex-basis: 50px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 11px !important;
  background: #03050b !important;
  box-shadow: 0 0 24px rgba(123, 76, 255, .2) !important;
}

.topbar-brand .brand-mark img {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
}

.topbar-brand .brand-copy strong {
  color: #f7f6fb !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  letter-spacing: -.025em !important;
}

.topbar-brand .brand-copy span {
  margin-top: 2px;
  color: #7d8191 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: .12em !important;
}

.global-search {
  position: absolute !important;
  left: calc(var(--side) + clamp(56px, 12.8vw, 215px));
  width: clamp(360px, 27.7vw, 464px) !important;
  max-width: none !important;
  margin: 0 !important;
}

.global-search input {
  height: 44px !important;
  padding-left: 46px !important;
  border: 1px solid #171c2a !important;
  border-radius: 12px !important;
  background: #090d17 !important;
  color: #e8e6ef !important;
  font-size: 13px !important;
}

.global-search input::placeholder { color: #818595 !important; }
.global-search .search-icon { left: 15px !important; opacity: .78; }

.topbar-controls {
  gap: 10px !important;
  margin-left: auto !important;
}

.top-online-pill,
.top-coin-button,
.top-square-button,
.top-profile-button {
  height: 44px !important;
  border: 1px solid #151a27 !important;
  border-radius: 11px !important;
  background: #080c15 !important;
  box-shadow: none !important;
}

.top-online-pill {
  min-width: 108px !important;
  justify-content: center !important;
  color: #8d91a0 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.top-online-pill strong { display: inline !important; }
.top-online-pill .online-separator { display: block !important; }
.top-online-pill .presence-dot { width: 7px !important; height: 7px !important; }
.top-coin-button { min-width: 96px !important; }
.top-square-button { width: 44px !important; min-width: 44px !important; }
.top-profile-button { min-width: 174px !important; padding-inline: 10px !important; }

.sidebar,
body[data-theme="light"] .sidebar,
body[data-layout="classic"] .sidebar {
  top: var(--top) !important;
  width: var(--side) !important;
  display: flex !important;
  flex-direction: column;
  padding: 18px 20px 98px !important;
  overflow: hidden auto;
  border-right: 1px solid #111622 !important;
  background: rgba(2, 5, 14, .985) !important;
  box-shadow: none !important;
}

.sidebar .nav-label {
  margin: 13px 8px 7px !important;
  color: #74798a !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .15em !important;
}

.sidebar > .nav-label:first-child { display: none !important; }

.sidebar .nav-btn {
  min-height: 44px !important;
  margin: 1px 0 !important;
  padding: 9px 13px !important;
  gap: 13px !important;
  border-radius: 11px !important;
  color: #adb0bc !important;
  font-size: 13px !important;
  font-weight: 560 !important;
}

.sidebar .nav-btn.active {
  border-color: rgba(156, 98, 255, .3) !important;
  background: linear-gradient(100deg, rgba(103, 67, 221, .28), rgba(70, 50, 148, .16)) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 #a266ff, 0 0 28px rgba(115, 71, 232, .14) !important;
}

.sidebar .nav-btn.active::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  border-radius: 99px;
  background: #b67bff;
  box-shadow: 0 0 12px #9459ff;
}

.sidebar .nav-symbol,
.sidebar .nav-btn > span:first-child { width: 24px !important; min-width: 24px !important; }
.sidebar .nav-symbol img,
.sidebar .nav-btn > span:first-child img { width: 19px !important; height: 19px !important; }

.sidebar .nav-more {
  margin-top: 9px;
  border-top: 1px solid rgba(255, 255, 255, .025);
}

.sidebar .nav-more summary {
  min-height: 42px;
  padding: 0 8px;
  color: #858a99;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sidebar-support-card {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding: 13px 17px !important;
  border: 1px solid #171c29 !important;
  border-radius: 12px !important;
  background: rgba(6, 10, 18, .72) !important;
}

.sidebar-support-card strong { font-size: 14px !important; }
.sidebar-support-card p { color: #9296a5 !important; font-size: 12px !important; line-height: 1.5 !important; }
.sidebar-support-card .btn { width: 100%; min-height: 42px; margin-top: 13px; background: #1a0e51 !important; }
.sidebar-footer-links { margin-top: 14px !important; min-height: 44px !important; border-color: #171c29 !important; background: #060a12 !important; }

.app { margin-left: var(--side) !important; }

#page-home {
  width: calc(100% + (var(--page-gutter) * 2)) !important;
  max-width: none !important;
  margin-top: -26px !important;
  margin-left: calc(0px - var(--page-gutter)) !important;
}

#page-home > .home-cinematic-hero { display: none !important; }

.bv2-reference-home,
.bv2-reference-home * { box-sizing: border-box; }

.bv2-reference-home {
  width: 100%;
  min-width: 0;
  color: var(--bv2-text);
  font-family: Inter, "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}

.bv2-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Hero */
.bv2-hero {
  position: relative;
  isolation: isolate;
  height: 300px;
  min-height: 300px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(121, 86, 229, .12);
  background: #09051c;
}

.bv2-hero-scene {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(2, 5, 14, .93) 0%, rgba(4, 5, 20, .77) 27%, rgba(14, 7, 45, .24) 53%, rgba(7, 5, 30, .05) 76%),
    linear-gradient(180deg, rgba(4, 6, 18, .05) 52%, rgba(3, 5, 15, .92) 100%),
    url("./assets/ui/bradens-values-main-background.webp");
  background-position: center, center, center 68%;
  background-size: cover, cover, cover;
  filter: saturate(1.22) contrast(1.06);
}

.bv2-hero-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 67% 44%, rgba(144, 74, 255, .25), transparent 28%),
    linear-gradient(90deg, rgba(3, 5, 15, .98) 0%, rgba(3, 5, 15, .78) 27%, transparent 57%);
}

.bv2-hero-scene::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40%;
  background: linear-gradient(180deg, transparent, rgba(1, 3, 12, .75));
}

.bv2-hero-orb {
  position: absolute;
  z-index: 0;
  top: 7px;
  right: 16%;
  width: 288px;
  height: 288px;
  border: 3px solid rgba(173, 85, 255, .68);
  border-radius: 50%;
  background: radial-gradient(circle at 44% 43%, rgba(75, 25, 141, .14), rgba(15, 5, 45, .62) 68%, rgba(4, 3, 16, .96));
  box-shadow:
    0 0 5px rgba(190, 107, 255, .9),
    0 0 22px rgba(159, 72, 255, .7),
    0 0 70px rgba(108, 42, 219, .42),
    inset 0 0 46px rgba(125, 48, 218, .18);
  opacity: .92;
}

.bv2-hero-orb::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid rgba(183, 113, 255, .28);
  border-radius: inherit;
}

.bv2-hero-ridge {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 31%;
  display: block;
  transform-origin: bottom;
}

.bv2-hero-ridge-back {
  height: 57%;
  background: rgba(17, 8, 44, .82);
  clip-path: polygon(0 79%, 5% 49%, 10% 62%, 16% 31%, 20% 59%, 26% 41%, 31% 74%, 38% 46%, 45% 68%, 52% 37%, 59% 70%, 66% 50%, 72% 73%, 80% 38%, 85% 66%, 91% 44%, 96% 67%, 100% 51%, 100% 100%, 0 100%);
  filter: drop-shadow(0 -4px 8px rgba(100, 44, 186, .25));
}

.bv2-hero-ridge-front {
  height: 34%;
  background: linear-gradient(180deg, rgba(22, 9, 57, .96), rgba(3, 4, 14, 1));
  clip-path: polygon(0 78%, 7% 41%, 13% 67%, 21% 31%, 28% 72%, 37% 43%, 45% 71%, 54% 35%, 62% 74%, 73% 43%, 82% 69%, 90% 34%, 96% 70%, 100% 47%, 100% 100%, 0 100%);
}

.bv2-hero-ground {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -20px;
  left: 38%;
  height: 92px;
  border-top: 1px solid rgba(144, 70, 245, .3);
  background:
    linear-gradient(180deg, rgba(91, 31, 183, .16), transparent 52%),
    repeating-linear-gradient(90deg, transparent 0 72px, rgba(139, 76, 237, .055) 73px 74px);
  transform: perspective(220px) rotateX(54deg);
  transform-origin: bottom;
}

.bv2-hero-copy {
  position: relative;
  z-index: 5;
  width: 520px;
  padding: 27px 0 0 65px;
}

.bv2-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: #c4a0ff;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.bv2-hero-eyebrow i { width: 13px; height: 1px; background: #a362ff; box-shadow: 0 0 9px #8c4ef7; }

.bv2-hero-copy h1 {
  margin: 0;
  font-family: "Segoe UI Variable Display", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(50px, 3.45vw, 58px);
  font-weight: 810;
  line-height: .94;
  letter-spacing: -.047em;
}

.bv2-hero-copy h1 span,
.bv2-hero-copy h1 em { display: block; white-space: nowrap; }
.bv2-hero-copy h1 span { color: #faf9fd; }
.bv2-hero-copy h1 em {
  width: fit-content;
  margin-top: 3px;
  font-style: normal;
  background: linear-gradient(96deg, #b77bff, #7d52ee 78%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bv2-hero-copy > p {
  max-width: 390px;
  margin: 11px 0 0;
  color: #e0dfea;
  font-size: 14px;
  line-height: 1.48;
}

.bv2-hero-actions { display: flex; gap: 11px; margin-top: 17px; }
.bv2-hero-actions button {
  min-height: 47px;
  padding: 0 23px;
  border-radius: 9px;
  color: #fff;
  font-size: 13px;
  font-weight: 720;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.bv2-hero-actions button:hover { transform: translateY(-2px); }
.bv2-primary-action {
  min-width: 156px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #9868ff;
  background: linear-gradient(135deg, #8b55ff, #6e40e8);
  box-shadow: 0 8px 24px rgba(109, 57, 225, .3), inset 0 1px rgba(255, 255, 255, .18);
}

.bv2-secondary-action {
  min-width: 175px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #202538;
  background: rgba(6, 9, 18, .84);
}

.bv2-secondary-action img { width: 16px; height: 16px; filter: brightness(0) invert(1); opacity: .72; }

.bv2-hero-dino-wrap {
  position: absolute;
  z-index: 4;
  top: -4px;
  right: 68px;
  width: min(49%, 610px);
  height: 304px;
  pointer-events: none;
}

.bv2-hero-dino {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 54% 51%;
  filter: drop-shadow(0 26px 24px rgba(0, 0, 0, .64)) drop-shadow(0 0 18px rgba(124, 68, 218, .2));
}

/* Dashboard */
.bv2-dashboard {
  width: min(calc(100% - 88px), 1250px);
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(420px, 1.945fr);
  gap: 13px;
  margin: 0 0 0 44px;
}

.bv2-dashboard-main,
.bv2-dashboard-side { min-width: 0; display: grid; gap: 12px; }
.bv2-dashboard-main { grid-template-rows: 130px 246px 87px; }
.bv2-dashboard-side { grid-template-rows: 208px 274px; }

.bv2-panel,
.bv2-quick-tools > button {
  overflow: hidden;
  border: 1px solid var(--bv2-line);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(10, 14, 24, .98), rgba(6, 10, 18, .98));
  box-shadow: 0 16px 40px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .012);
}

.bv2-panel-head {
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 19px;
  border-bottom: 1px solid var(--bv2-line-soft);
}

.bv2-panel-head h2 {
  margin: 0;
  color: #ecebf2;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.bv2-panel-head button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid #202536;
  border-radius: 8px;
  background: rgba(255, 255, 255, .018);
  color: #d3d3dc;
  font-size: 10px;
  font-weight: 650;
  cursor: pointer;
}

.bv2-panel-head button:hover { border-color: rgba(156, 98, 255, .28); background: rgba(156, 98, 255, .06); }

.bv2-kpi-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top-left-radius: 0; border-top-right-radius: 0; }
.bv2-kpi { position: relative; min-width: 0; display: grid; grid-template-columns: 49px minmax(0, 1fr); align-items: center; gap: 14px; padding: 19px 20px; }
.bv2-kpi + .bv2-kpi { border-left: 1px solid var(--bv2-line-soft); }
.bv2-kpi-icon {
  width: 49px;
  height: 49px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(119, 80, 239, .1);
  color: #ad8cff;
}
.bv2-kpi-icon.is-green { background: rgba(48, 218, 123, .09); }
.bv2-kpi-icon img { width: 24px; height: 24px; filter: brightness(0) invert(1); opacity: .78; }
.bv2-kpi-icon.is-green img { filter: brightness(0) saturate(100%) invert(76%) sepia(75%) saturate(480%) hue-rotate(84deg) brightness(103%); }
.bv2-kpi-copy { min-width: 0; }
.bv2-kpi-label { display: flex; align-items: center; gap: 7px; color: #9398a8; font-size: 10px; font-weight: 690; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.bv2-kpi-copy > strong { display: block; margin-top: 11px; color: #f4f3f8; font-size: 23px; font-weight: 750; line-height: 1; letter-spacing: -.035em; }
.bv2-kpi-copy small { display: block; margin-top: 10px; color: #7f8494; font-size: 10px; white-space: nowrap; }
.bv2-kpi-copy small b { color: var(--bv2-green); }
.bv2-kpi-copy small i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--bv2-green); }
.bv2-live-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px; border-radius: 999px; background: rgba(52, 226, 127, .1); color: #67ef97; font-size: 8px; letter-spacing: .06em; }
.bv2-live-chip i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 7px currentColor; }
.bv2-kpi-charted { grid-template-columns: 49px minmax(0, 1fr) 84px; }
.bv2-kpi-charted .bv2-mini-spark { width: 84px; height: 36px; align-self: center; }
.bv2-kpi-change { position: absolute; right: 20px; bottom: 20px; color: var(--bv2-green); font-size: 11px; font-weight: 720; }

.bv2-intelligence { min-height: 0; }
.bv2-intelligence-grid { height: calc(100% - 45px); display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(225px, 1fr); }
.bv2-market-chart { min-width: 0; display: grid; grid-template-rows: 58px 1fr 25px; padding: 0 17px 8px; }
.bv2-market-chart-head { display: flex; align-items: center; }
.bv2-market-chart-head span { display: block; color: #8f94a4; font-size: 10px; }
.bv2-market-chart-head span i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #345248; box-shadow: 0 0 7px rgba(85, 236, 135, .22); }
.bv2-market-chart-head strong { display: inline-block; margin-top: 3px; color: #f4f3f8; font-size: 24px; font-weight: 760; letter-spacing: -.04em; }
.bv2-market-chart-head small { display: inline-block; margin-left: 8px; color: var(--bv2-green); font-size: 10px; }
.bv2-chart-stage { min-height: 0; }
.bv2-chart-stage canvas { width: 100% !important; height: 100% !important; display: block; }
.bv2-chart-labels { display: flex; align-items: end; justify-content: space-between; gap: 8px; color: #74798a; font-size: 9px; }
.bv2-demand-changes { min-width: 0; padding: 11px 18px 9px; border-left: 1px solid var(--bv2-line-soft); }
.bv2-demand-changes h3 { margin: 0 0 7px; color: #9297a7; font-size: 10px; font-weight: 580; }
.bv2-demand-changes button { width: 100%; height: 31px; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: #f1f0f5; text-align: left; cursor: pointer; }
.bv2-demand-changes button:hover span { color: #b692ff; }
.bv2-demand-changes img { width: 27px; height: 27px; object-fit: contain; border-radius: 6px; background: #060811; }
.bv2-demand-changes span { overflow: hidden; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.bv2-demand-changes b { color: var(--bv2-green); font-size: 10px; }

.bv2-quick-tools { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.bv2-quick-tools > button { min-width: 0; display: grid; grid-template-columns: 41px minmax(0, 1fr); align-items: center; gap: 10px; padding: 12px 13px; color: #f0eff5; text-align: left; cursor: pointer; transition: border-color .16s ease, transform .16s ease, background .16s ease; }
.bv2-quick-tools > button:hover { transform: translateY(-2px); border-color: rgba(156, 98, 255, .24); background: #0d1120; }
.bv2-tool-icon { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 10px; background: rgba(77, 139, 255, .12); }
.bv2-tool-icon.is-purple { background: rgba(139, 78, 245, .14); }
.bv2-tool-icon.is-pink { background: rgba(236, 72, 142, .13); }
.bv2-tool-icon img { width: 23px; height: 23px; filter: brightness(0) invert(1); opacity: .8; }
.bv2-quick-tools strong { display: block; overflow: hidden; font-size: 12px; font-weight: 690; text-overflow: ellipsis; white-space: nowrap; }
.bv2-quick-tools small { display: block; margin-top: 4px; color: #858a99; font-size: 9px; line-height: 1.35; }

.bv2-spotlight.home-spotlight-card {
  --bv2-spotlight-height: 208px;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: var(--bv2-spotlight-height) !important;
  min-height: 0 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid var(--bv2-line) !important;
  border-radius: 0 0 13px 13px !important;
  background: linear-gradient(180deg, rgba(10, 14, 24, .98), rgba(6, 10, 18, .98)) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .012) !important;
}

.bv2-spotlight.home-spotlight-card::before,
.bv2-spotlight.home-spotlight-card::after {
  content: none !important;
  display: none !important;
}

.bv2-spotlight.home-spotlight-card .bv2-spotlight-body {
  position: relative !important;
  width: 100% !important;
  height: calc(100% - 45px) !important;
  display: grid !important;
  grid-template-columns: 42% minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  gap: 19px !important;
  padding: 10px 18px 13px !important;
}

.bv2-spotlight.home-spotlight-card .bv2-spotlight-art {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-area: auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid var(--bv2-line-soft) !important;
  border-radius: 10px !important;
  background: radial-gradient(circle at 52% 45%, rgba(97, 62, 176, .13), transparent 66%), #070a12 !important;
}

.bv2-spotlight.home-spotlight-card .bv2-spotlight-art::before,
.bv2-spotlight.home-spotlight-card .bv2-spotlight-art::after {
  content: none !important;
  display: none !important;
}

.bv2-spotlight-art .home-spotlight-image,
.bv2-spotlight-art .item-art { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; padding: 6px !important; object-fit: contain !important; filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .55)) !important; transition: opacity .35s ease, transform .45s ease !important; }
.bv2-spotlight-art .is-entering { opacity: 0; transform: translateX(14px) scale(.97); }
.bv2-spotlight-art .is-exiting { opacity: 0; transform: translateX(-14px) scale(.97); }
.bv2-spotlight.home-spotlight-card .bv2-spotlight-copy { position: relative !important; inset: auto !important; width: auto !important; min-width: 0 !important; align-self: center !important; padding: 0 !important; }
.bv2-spotlight-copy h3 { margin: 0 !important; overflow: hidden; color: #f6f5fa !important; font-size: 21px !important; font-weight: 760 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; text-overflow: ellipsis; white-space: nowrap; }
.bv2-spotlight-meta { display: flex; gap: 6px; margin-top: 9px !important; }
.bv2-spotlight-meta span { padding: 4px 8px !important; border: 0 !important; border-radius: 999px !important; background: rgba(131, 83, 213, .09) !important; color: #b5b3c0 !important; font-size: 10px !important; white-space: nowrap; }
.bv2-spotlight-meta span:last-child { color: #c9a9ff; }
.bv2-spotlight-value { display: grid; grid-template-columns: auto auto; align-items: center; width: fit-content; margin-top: 17px; }
.bv2-spotlight-value i { color: var(--bv2-cyan) !important; font-style: normal; font-size: 19px; }
.bv2-spotlight-value strong { margin-left: 5px; color: #f6f5fa !important; font-size: 43px !important; font-weight: 760; line-height: .86; letter-spacing: -.055em !important; text-shadow: none !important; }
.bv2-spotlight-value span { grid-column: 2; margin: 7px 0 0 7px; color: #858a99; font-size: 9px; font-weight: 670; letter-spacing: .09em; text-transform: uppercase; }
.bv2-spotlight .home-spotlight-tabs { display: none !important; }

.bv2-trending { min-height: 0; }
.bv2-trending-list { height: calc(100% - 45px); display: grid; grid-template-rows: repeat(5, 1fr); }
.bv2-trending-row { min-width: 0; display: grid; grid-template-columns: 26px 38px minmax(0, 1fr) 52px 86px; align-items: center; gap: 9px; padding: 0 16px; border: 0; border-top: 1px solid rgba(163, 169, 203, .055); background: transparent; color: #eeedf4; text-align: left; cursor: pointer; }
.bv2-trending-row:first-child { border-top: 0; }
.bv2-trending-row:hover { background: rgba(156, 98, 255, .035); }
.bv2-trending-row em { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: #111522; color: #9aa0b0; font-size: 10px; font-style: normal; }
.bv2-trending-row em.rank-one { color: #f1c23e; }
.bv2-trending-row em.rank-two { color: #ee9f36; }
.bv2-trending-row em.rank-three { color: #ff5364; }
.bv2-trending-row > img { width: 38px; height: 35px; object-fit: contain; border-radius: 7px; background: #080a12; }
.bv2-trending-row > span { overflow: hidden; font-size: 12px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; }
.bv2-trending-row > strong { font-size: 15px; font-weight: 670; text-align: right; }
.bv2-trending-row canvas { width: 86px; height: 25px; }

.bv2-mini-spark { display: block; }

#page-home > .home-values-browser,
#page-home > .home-changes-drawer {
  width: min(calc(100% - 88px), 1250px) !important;
  margin-right: auto !important;
  margin-left: 44px !important;
}

#page-home > .home-values-browser { margin-top: 90px !important; }

@media (max-width: 1500px) {
  :root { --side: 248px !important; }
  .topbar .brand { width: 208px !important; min-width: 208px !important; max-width: 208px !important; }
  .global-search { left: calc(var(--side) + 40px); width: min(420px, 34vw) !important; }
  .bv2-dashboard,
  #page-home > .home-values-browser,
  #page-home > .home-changes-drawer { width: calc(100% - 64px) !important; margin-left: 32px !important; }
  .bv2-dashboard { grid-template-columns: minmax(0, 1.55fr) minmax(390px, 1fr); }
  .bv2-hero-copy { padding-left: 52px; }
  .bv2-hero-dino-wrap { right: 36px; width: 51%; }
  .bv2-kpi { padding-inline: 15px; gap: 11px; }
  .bv2-kpi-icon { width: 44px; height: 44px; }
  .bv2-kpi-charted { grid-template-columns: 44px minmax(0, 1fr); }
  .bv2-kpi-charted .bv2-mini-spark { display: none; }
}

@media (max-width: 1200px) {
  :root { --side: 220px !important; }
  .topbar .brand { width: 180px !important; min-width: 180px !important; max-width: 180px !important; }
  .topbar-brand .brand-copy span { display: none; }
  .global-search { left: calc(var(--side) + 26px); width: 350px !important; }
  .top-online-pill { display: none !important; }
  .bv2-dashboard { grid-template-columns: 1fr; }
  .bv2-dashboard-main { grid-template-rows: 130px 246px 87px; }
  .bv2-dashboard-side { grid-template-columns: 1fr 1fr; grid-template-rows: 274px; }
  .bv2-spotlight { border-radius: 13px; }
  .bv2-dashboard-side .bv2-spotlight { --bv2-spotlight-height: 274px; }
  .bv2-spotlight-body { grid-template-columns: 45% 1fr; }
  .bv2-hero-dino-wrap { right: 0; width: 52%; }
}

@media (max-width: 980px) {
  :root { --side: 0px !important; --top: 64px !important; }
  .sidebar,
  body[data-theme="light"] .sidebar,
  body[data-layout="classic"] .sidebar { display: none !important; }
  .app { width: 100% !important; margin-left: 0 !important; }
  .topbar::after { display: none; }
  .topbar .brand { width: 50px !important; min-width: 50px !important; max-width: 50px !important; }
  .topbar-brand .brand-copy { display: none; }
  .global-search { position: relative !important; left: auto; width: min(430px, 50vw) !important; margin-left: 18px !important; }
  #page-home {
    width: calc(100% + 28px) !important;
    margin-top: -18px !important;
    margin-right: -14px !important;
    margin-left: -14px !important;
  }
  .bv2-hero { height: 360px; min-height: 360px; }
  .bv2-hero-copy { width: 500px; padding: 42px 0 0 38px; }
  .bv2-hero-copy h1 { font-size: 54px; }
  .bv2-hero-dino-wrap { top: 20px; right: -34px; width: 53%; height: 330px; opacity: .78; }
  .bv2-hero-scene::before { background: linear-gradient(90deg, rgba(3, 5, 15, .98) 0%, rgba(3, 5, 15, .88) 42%, rgba(3, 5, 15, .25) 75%, transparent); }
  .bv2-dashboard,
  #page-home > .home-values-browser,
  #page-home > .home-changes-drawer { width: calc(100% - 28px) !important; margin-left: 14px !important; }
}

@media (max-width: 720px) {
  .topbar,
  body[data-layout="classic"] .topbar { padding-inline: 9px !important; gap: 7px !important; }
  .global-search { width: auto !important; min-width: 0 !important; flex: 1 1 auto !important; margin-left: 2px !important; }
  .topbar-controls { gap: 5px !important; }
  .top-square-button,
  .top-online-pill { display: none !important; }
  .top-profile-button { width: 40px !important; min-width: 40px !important; padding: 4px !important; }
  .top-profile-button .guest-name,
  .top-profile-button .top-chevron { display: none !important; }
  .top-coin-button { min-width: 58px !important; padding-inline: 7px !important; }
  .bv2-hero { height: 548px; min-height: 548px; }
  .bv2-hero-copy { width: auto; padding: 40px 24px 0; }
  .bv2-hero-copy h1 { font-size: clamp(43px, 12vw, 52px); }
  .bv2-hero-copy h1 span,
  .bv2-hero-copy h1 em { white-space: normal; }
  .bv2-hero-copy > p { max-width: 330px; font-size: 14px; }
  .bv2-hero-actions { flex-direction: column; align-items: flex-start; }
  .bv2-hero-actions button { width: 100%; max-width: 330px; }
  .bv2-hero-dino-wrap { top: 264px; right: -20px; width: 92%; height: 300px; opacity: .84; }
  .bv2-hero-orb { top: 252px; right: 4%; width: 250px; height: 250px; }
  .bv2-hero-ridge { left: 0; }
  .bv2-dashboard { display: block; }
  .bv2-dashboard-main,
  .bv2-dashboard-side { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px; }
  .bv2-dashboard-side { margin-top: 10px; }
  .bv2-kpi-strip { grid-template-columns: 1fr; }
  .bv2-kpi { min-height: 105px; }
  .bv2-kpi + .bv2-kpi { border-top: 1px solid var(--bv2-line-soft); border-left: 0; }
  .bv2-kpi-charted .bv2-mini-spark { display: block; }
  .bv2-intelligence-grid { height: auto; grid-template-columns: 1fr; }
  .bv2-market-chart { min-height: 220px; }
  .bv2-demand-changes { border-top: 1px solid var(--bv2-line-soft); border-left: 0; }
  .bv2-quick-tools { grid-template-columns: 1fr 1fr; margin-top: 10px; }
  .bv2-quick-tools > button { min-height: 84px; }
  .bv2-dashboard-side .bv2-spotlight { --bv2-spotlight-height: 250px; }
  .bv2-trending { height: 290px; }
  .bv2-trending-row { grid-template-columns: 25px 36px minmax(0, 1fr) 48px 70px; padding-inline: 10px; gap: 7px; }
  .bv2-trending-row canvas { width: 70px; }
  #page-home > .home-values-browser { margin-top: 38px !important; }
}

@media (max-width: 460px) {
  .bv2-hero-copy { padding-inline: 20px; }
  .bv2-hero-eyebrow { font-size: 10px; }
  .bv2-hero-copy h1 { font-size: 42px; }
  .bv2-quick-tools { grid-template-columns: 1fr; }
  .bv2-trending-row { grid-template-columns: 22px 34px minmax(0, 1fr) 44px; }
  .bv2-trending-row canvas { display: none; }
  .bv2-spotlight-body { grid-template-columns: 42% 1fr; gap: 12px; padding-inline: 12px; }
  .bv2-spotlight-copy h3 { font-size: 18px; }
  .bv2-spotlight-value strong { font-size: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .bv2-reference-home *,
  .bv2-reference-home *::before,
  .bv2-reference-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}