/* RANGE inspired BATON skin. Loaded after styles.css; behavior and markup stay unchanged. */
:root {
  --bg: #000;
  --paper: #080a10;
  --ink: #f1f2f6;
  --muted: #aaa5ba;
  --line: #b99bea26;
  --lime: #73dae5;
  --green: #73dae5;
  --red: #e98a9a;
  --display: Arial, Helvetica, sans-serif;
  --body: Arial, Helvetica, sans-serif;
  --range-cyan: #73dae5;
  --range-lavender: #b99bea;
  --range-panel: linear-gradient(135deg, #111018d9, #080a10ed);
}

html { background: #000; }
body {
  background: #000;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
button, input, select { font-family: Arial, Helvetica, sans-serif; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
  outline-color: var(--range-cyan);
}

.market-strip {
  background: #080a10;
  border-bottom: 1px solid #ffffff0c;
  color: #888391;
  font: 10px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
}
.market-strip strong { color: #c7c0d5; }
.market-strip > button { color: #9ed9e2; }
.strip-divider { background: #ffffff14; }
.live-dot { background: var(--range-cyan); box-shadow: 0 0 0 3px #73dae51f; }
.up { color: #83d9df !important; }
.down { color: #e98a9a !important; }

header {
  background: #000000e8;
  border-bottom: 1px solid #b99bea26;
  backdrop-filter: blur(16px);
}
.nav-wrap { height: 78px; }
.brand {
  color: #f1f2f6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: 600;
  letter-spacing: .12em;
}
.brand-symbol {
  background: #111018;
  border: 1px solid #73dae566;
  color: var(--range-cyan);
  border-radius: 8px;
  font-size: 29px;
}
.brand > span:last-of-type { color: var(--range-cyan); }
.brand small {
  border-left-color: #b99bea44;
  color: #888391;
  font: 10px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .16em;
}
nav { gap: 22px; }
nav button {
  color: #aaa5ba;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
nav button.nav-active { color: #f1f2f6; }
nav button.nav-active:after { background: var(--range-cyan); }
nav small { background: #b99bea14; border-color: #b99bea42; color: #c7c0d5; }
.source-button { color: #9ed9e2; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.outline-button, .source-button, .more-button, .view-toggle button {
  border-color: #b99bea55;
  color: #c7c0d5;
}
.outline-button { background: #100d19b3; border-radius: 8px; }

main { max-width: 1440px; }
.eyebrow, .hero-label, .section-kicker, .section-title h2, .directory-note,
.freshness, .coverage, .detail-address, .dialog-top, .report-description {
  letter-spacing: .06em;
}
.eyebrow, .hero-label, .section-kicker { color: #9ed9e2; font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
h1, h2, h3, .footer-brand { color: #f1f2f6; font-family: Arial, Helvetica, sans-serif; }
h1 em, .section-title h2 .section-icon, .hero h2 > span { color: var(--range-cyan); }
.intro p, .section-title p, .hero-copy > p { color: #aaa5ba; }
.intro p strong { color: #c7c0d5; }
#mint-form > label, .section-kicker, .hero-label { text-transform: uppercase; }
.mint-field {
  background: #080a10;
  border-color: #b99bea55;
  border-radius: 8px;
}
.mint-field > span, .mint-field button { color: var(--range-cyan); }
.mint-field input { color: #c7c0d5; }
.mint-field button { background: #73dae514; }
.mint-field button:hover { background: #73dae52b; }

.hero {
  background: #080a10;
  background-image: radial-gradient(ellipse at 72% 10%, #9b79de26, transparent 70%);
  border: 1px solid #b99bea26;
  border-radius: 9px;
}
.hero-copy { color: #f1f2f6; }
.hero-feature, .hero-peer {
  background: #111018d9;
  border-color: #b99bea42;
}
.hero-feature .token-art { background: #080a10; }
.hero-peer { color: #eeeaf5; }
.hero-peer small, .hero-signoff { color: #aaa5ba; }
.hero-orbit { border-color: #73dae566; }
.hero-orbit > span { color: var(--range-cyan); }
.lime-button, .button.lime-button { background: var(--range-cyan); color: #080a10; }
.lime-button:hover { background: #9ed9e2; }

.stats { border-color: #b99bea26; }
.stats article, .freshness, .warning-banner, .coverage, .directory,
.gallery-section, .token-panel, .community-panel, .community-shell {
  border-color: #b99bea26;
}
.stats article { background: #080a10; }
.stats article > span, .stats article small, .freshness, .coverage, .directory-note { color: #888391; }
.stats article strong, .breadth-value strong { color: #f1f2f6; }
.breadth-bar { background: #ffffff14; }
.breadth-bar i { background: var(--range-cyan); }
.freshness { border-top-color: #b99bea26; border-bottom-color: #b99bea26; }
#refresh { color: #9ed9e2; }
.warning-banner { background: #e98a9a12; color: #f0b1bd; }

.section-title h2 { color: #f1f2f6; }
.more-button, .category-tabs button, .view-toggle button, .directory-actions button {
  background: #100d19b3;
  border: 1px solid #b99bea42;
  border-radius: 7px;
  color: #c7c0d5;
}
.more-button:hover, .category-tabs button.active, .view-toggle button.active,
.directory-actions button:hover { background: #b99bea1c; border-color: #b99bea88; color: #f1f2f6; }
.search-field, .search-and-stage select { background: #080a10; border-color: #b99bea55; color: #c7c0d5; }
.search-field input { color: #f1f2f6; }

.token-card, .directory-card, .skeleton-card, .hero-feature, .hero-peer {
  background: var(--range-panel);
  border-color: #b99bea42;
  border-radius: 9px;
  box-shadow: 0 24px 70px #0009, inset 0 1px #ffffff05;
}
.token-card:hover, .directory-card:hover { border-color: #73dae599; box-shadow: 0 0 22px #73dae51c; }
.card-art, .directory-grid .card-art { background: #080a10; }
.card-info, .card-title h3, .card-price strong, .token-card strong { color: #f1f2f6; }
.card-title small, .card-change, .card-meta, .card-info small { color: #aaa5ba; }
.card-change.up { color: #83d9df !important; }
.card-change.down { color: #e98a9a !important; }

dialog {
  background: #080a10;
  border: 1px solid #b99bea55;
  border-radius: 9px;
  color: #f1f2f6;
  box-shadow: 0 24px 100px #000c;
}
dialog::backdrop { background: #000b; backdrop-filter: blur(4px); }
.detail-grid > div, .method-card, .momentum-strip, .report-actions,
.source-card, .community-tabs, .signin-community, #community-form {
  background: #111018d9;
  border-color: #b99bea42;
}
.detail-grid small, .method-card p, .report-description, .source-card p,
.community-intro small, .entry-main > p, .community-empty p { color: #aaa5ba; }
.detail-grid strong, .method-card h3, .community-intro strong, .community-empty h3 { color: #f1f2f6; }
.detail-links .button, .report-actions button, #community-form .button { background: var(--range-cyan); color: #080a10; }
.detail-links .outline-button, .official-community-links a { color: #9ed9e2; border-color: #b99bea55; }
.token-panel-tabs { border-bottom-color: #b99bea26; }
.token-panel-tabs button { color: #aaa5ba; }
.token-panel-tabs button.active { color: var(--range-cyan); }
.community-tabs { border: 1px solid #b99bea42; }
.community-tabs button { color: #aaa5ba; }
.community-tabs button.active { background: #b99bea1c; color: #f1f2f6; }
.community-entry { border-bottom-color: #b99bea26; }
.author-avatar { background: #b99bea1c; color: #9ed9e2; }
.entry-byline strong, .post-actions button, .reply-button { color: #9ed9e2; }
.entry-byline time, .entry-main > p { color: #aaa5ba; }
.chat-entry .entry-main, .reply-thread, .reply-to { background: #111018d9; }
#community-body, .compose-name input { color: #f1f2f6; border-color: #b99bea42; }
#community-body::placeholder { color: #888391; }

footer { border-top-color: #b99bea26; color: #888391; }
.footer-brand { color: #f1f2f6; }

@media (max-width: 650px) {
  .nav-wrap { height: 68px; }
  .brand { font-size: 22px; letter-spacing: .09em; }
  .brand-symbol { width: 29px; height: 30px; font-size: 23px; }
  nav { gap: 8px; }
  nav button { font-size: 9px; letter-spacing: .02em; }
  .intro { margin-top: 24px; }
  h1 { font-size: 32px; }
  .hero { border-radius: 8px; }
  .hero-copy { padding: 25px 22px; }
  .stats { gap: 7px; }
  .stats article { padding: 13px 11px; }
  .directory-grid { gap: 10px; }
  .token-card, .directory-card { border-radius: 8px; }
  .source-button > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* Trading and room entry actions sit above token detail overlays. */
.card-social{position:relative;z-index:3;padding:0 18px 12px}.card-social button{color:#b99bea;font:10px ui-monospace,monospace;letter-spacing:.04em}.token-card>.quick-trade{position:relative;z-index:3;margin:0;border-radius:0;border-width:1px 0 0;padding:12px 14px;flex-wrap:wrap}.hero-feature>.quick-trade{position:relative;z-index:3;margin-top:16px}.mover-item{border-bottom:1px solid #b99bea26}.mover-item .mover-row{border:0;width:100%}.mover-item>.quick-trade{margin:0 12px 12px;padding:8px;border-radius:7px;flex-wrap:wrap}.token-table .quick-trade{min-width:240px;flex-wrap:wrap;margin:0}.detail-room-button{padding:12px 0;color:#b99bea;font:12px ui-monospace,monospace}.nav-wrap{gap:14px;height:auto;min-height:78px;flex-wrap:wrap;padding-block:14px}.nav-wrap nav{gap:18px;flex:1}.nav-wrap>.report-open{font-size:10px;padding:10px}.nav-wrap>.source-button{display:none}.hero-feature{display:flex;flex-direction:column}.hero-feature .token-art{flex-shrink:0}.community-room-info .quick-trade{flex-wrap:wrap;margin-top:22px}.community-room-info .quick-trade-label{width:100%}.community-hub{padding-top:38px;padding-bottom:48px}
@media(min-width:1101px){.nav-wrap{flex-wrap:nowrap}.brand small{display:none}.nav-wrap nav{gap:16px}.brand{font-size:25px}.nav-wrap>.report-open{white-space:nowrap}}
@media(max-width:1100px){.nav-wrap nav{order:5;width:100%;flex-basis:100%;justify-content:space-between}.nav-wrap>.brand{margin-right:auto}.nav-wrap>.report-open{margin-left:auto}.nav-wrap>.wallet-trigger{order:4}.hero-feature>.quick-trade{justify-content:center}}
@media(max-width:650px){.nav-wrap{padding-block:12px;gap:9px}.nav-wrap nav{overflow-x:auto;gap:23px;justify-content:flex-start;white-space:nowrap;padding-top:10px}.nav-wrap>.report-open{display:none}.brand{font-size:23px}.brand-symbol{width:29px;height:31px}.hero-feature>.quick-trade{margin-inline:0}.token-card>.quick-trade{padding:10px}.card-social{padding-inline:14px}}

.stats{background:#080a10;border-color:#b99bea26}.stats article{background:transparent}.hero-feature>.quick-trade{margin-top:12px}.hero-feature{transform:none}.hero-peer{transform:none}.hero-market{gap:18px}.hero-feature{width:240px}.hero-peers{width:230px}.community-hub h2{font-size:32px;letter-spacing:-.04em}
@media(max-width:650px){.hero-feature{width:100%}.hero-peers{width:100%}}
.mover-board{background:#0a0b11;border-color:#b99bea26}.mover-row{color:#f1f2f6}.mover-row:hover{background:#b99bea0c}.board-heading,.mover-row{border-color:#b99bea26}.board-foot{background:#0c0d15;color:#888391}.mover-name strong,.mover-price{color:#eeeaf5}.mover-name small,.mover-price small,.rank{color:#aaa5ba}.story-banner{background:#13101c;border-color:#b99bea33}.story-banner h3{color:#f1f2f6}.story-banner p{color:#aaa5ba}.story-banner>span,.story-banner button{color:#b99bea}.time-toggle{background:#100d19;border-color:#b99bea44}.time-toggle button{color:#aaa5ba}.time-toggle button.active{background:#b99bea26;color:#c4a2ff}.card-art{background:#16121e!important}.card-art:before{background:radial-gradient(circle at 50% 20%,#b99bea22,transparent 70%)}.art-word,.art-letter{color:#b99bea}.card-art .rank-label{background:#080a10d9;color:#c4a2ff}.card-art .card-star{background:#080a10aa;color:#c4a2ff}.card-star.saved{background:#73dae52a;color:#73dae5}.change-pill{background:#73dae51a;color:#73dae5}.change-pill.negative{background:#e98a9a1a;color:#e98a9a}.change-pill.unknown{background:#ffffff08;color:#aaa5ba}.card-symbol,.card-stats,.card-bottom{color:#aaa5ba}.stage-tag,.stage-tag.graduated{background:#b99bea0f;border-color:#b99bea26;color:#b99bea}.stage-tag.bonding{background:#73dae50c;color:#9ed9e2}.card-stats,.card-bottom{border-color:#b99bea26}.category-tabs,.view-toggle,.time-toggle{background:#100d19}.search-field,.search-and-stage select,.directory select,.directory input{background:#080a10;color:#eeeaf5;border-color:#b99bea44}.token-table{background:#080a10}.token-table th{background:#111018;color:#aaa5ba}.token-table tr,.token-table td{border-color:#b99bea26}.token-table tbody tr:hover{background:#b99bea08}.token-table td{color:#ddd5e9}.token-table small{color:#888391}.count-badge{background:#b99bea20;color:#c4a2ff}.filter-tabs button.active{background:#b99bea22;color:#c4a2ff}.gallery-empty,.mover-empty,.empty-state,.community-empty{background:#0b0c13;color:#aaa5ba}.close-dialog{background:#b99bea1a;color:#c4a2ff}.method-card,.source-section,.detail-address{background:#111018;color:#aaa5ba;border-color:#b99bea26}.story{background:#13101c;border-color:#b99bea26}.story h3{color:#f1f2f6}.story p{color:#aaa5ba}.story button{color:#b99bea}.skeleton-card{background:linear-gradient(110deg,#111018 30%,#22202c 50%,#111018 70%);background-size:200% 100%}
.ecosystem-story{background:#13101c;border-color:#b99bea33}.ecosystem-story h3{color:#f1f2f6}.ecosystem-story p{color:#aaa5ba}.ecosystem-story button,.ecosystem-story>span{color:#b99bea}.table-wrap{background:#080a10}.wallet-trigger{background:#100d19b3!important;border-color:#b99bea55!important;color:#f1f2f6!important}.wallet-trigger:hover{border-color:#73dae5!important}

@media(max-width:650px){.nav-wrap nav button[data-jump]{display:inline-flex}.nav-wrap nav{height:auto;min-height:38px}.nav-wrap{height:auto}.stats{gap:0}}