/* Seam refine layer: one calm purple-black system for every page.
   Depth by brightness steps, hairline borders, no glow, smooth motion. Loaded last. */
:root{--s0:#07060f;--s1:#0b0a16;--s2:#12111a;--s3:#1b1928;--s4:#2b2840;--hl:rgba(255,255,255,.06);--hl2:rgba(255,255,255,.11);--lab:#8a84a6;--dimx:#5f5a7a;--acc:#b39bff;
  --bg-max:var(--s0);--bg-1:var(--s1);--bg-2:var(--s2);--bg-3:var(--s2);--bg-4:var(--s3);--bg-5:var(--s4);--fg-3:#b4aecb;--fg-4:var(--lab);--fg-5:var(--dimx);--border-0:var(--hl);--border-1:var(--hl);--border-2:var(--hl2);--line:var(--hl);--muted:var(--lab);--dim:var(--dimx);--data-red:#ff622e;--down:#ff622e;--glow:#8fd8ff;--glow-wash:rgba(143,216,255,.08);
  --spring:cubic-bezier(.16,1,.3,1)}
html,body{background:var(--s0)}
body{text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}
::selection{background:rgba(179,155,255,.35);color:#fff}

/* page entrance: content eases in, rail stays put */
@keyframes rfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.AppShell-content>*{animation:rfIn .45s var(--spring) both}
.AppShell-content>*:nth-child(2){animation-delay:.04s}.AppShell-content>*:nth-child(3){animation-delay:.08s}.AppShell-content>*:nth-child(n+4){animation-delay:.12s}

/* sidebar */
.AppShell-rail{background:var(--s0)!important;border-right:1px solid var(--hl)!important}
.AppShell-item{color:var(--lab);transition:background .18s,color .18s!important}
.AppShell-item:hover{background:var(--s2)!important;color:#fff}
.AppShell-item[aria-current],.AppShell-item.active,.AppShell-itemOn{background:var(--s3)!important;color:#fff!important;box-shadow:none!important}
.AppShell-search{background:var(--s2)!important;border:1px solid transparent!important;box-shadow:none!important;transition:border-color .18s}
.AppShell-search:focus-within,.AppShell-search:hover{border-color:var(--hl2)!important}

/* surfaces: flat steps, hairline, no glow */
.SeamPanel,.SC-card,.An-col,.An-hero,.Ex-card,.TrendingRail-list,.NetworkGrid-readoutItem,.SeamEmpty,.SEmpty,.Ex-empty,.An-empty,.NetworkGrid-empty,.CP-box,.CP-head{
  background:var(--s1)!important;border:1px solid var(--hl)!important;box-shadow:none!important;border-radius:14px!important;background-image:none!important}
.An-stat,.MineTile,.TokenCard-stat,.SC-metric{background:var(--s2)!important;border:0!important;box-shadow:none!important;border-radius:10px!important}
.SeamPanel::before,.SeamPanel::after,.An-col::before,.An-hero::before,.An-hero::after{display:none!important}
.SeamPanel,.SC-card,.An-col,.Ex-card,.MineTile{transition:border-color .25s var(--spring),background .25s var(--spring),transform .35s var(--spring)!important}
.SeamPanel:hover,.An-col:hover,.SC-card:hover{border-color:var(--hl2)!important}
.MineTile:hover{background:var(--s3)!important;transform:translateY(-1px)}

/* coin cards: keep each coin's hue as a faint corner tint only */
.TokenCard-card{border:1px solid var(--hl)!important;box-shadow:none!important;border-radius:14px!important;
  background:radial-gradient(90% 90% at 0% 0%,hsl(var(--accent-hue,260) 70% 55%/.10),transparent 60%),var(--s1)!important;
  transition:transform .4s var(--spring),border-color .25s,background .25s!important}
.TokenCard-card:hover{transform:translateY(-2px);border-color:var(--hl2)!important;box-shadow:0 14px 34px -22px rgba(0,0,0,.9)!important}

/* tabs and chips */
.SC-tab.active,.SC-tab[aria-selected="true"],.STab.active,.STab[aria-selected="true"],.An-seg .active,.An-seg [aria-pressed="true"],.NetworkGrid-chip.active,.NetworkGrid-chip[aria-pressed="true"],.NetworkGrid-chipOn{background:var(--s3)!important;color:#fff!important}
.SC-tab,.STab,.An-seg button,.NetworkGrid-chip{transition:color .18s,background .18s!important}

/* inputs */
input,select,textarea{transition:border-color .18s,background .18s}
input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--s2);border-color:transparent}
input:focus,select:focus,textarea:focus{outline:0;border-color:rgba(179,155,255,.45)!important}
:focus-visible{outline:2px solid rgba(179,155,255,.6);outline-offset:2px;border-radius:6px}

/* buttons: quiet by default, brighten on hover, press feels physical */
.SeamBtn,.LogoBtn,.SFollow,.VenueLinks-link,.TokenCard-claim,.ConnectButton-cta,.ConnectButton-pill,.AppShell-launch,.SeamFooter-btn,.CP-go,.CP-pre button,.CP-bs button{transition:transform .18s var(--spring),filter .18s,background .18s,color .18s!important}
.SeamBtn:active,.LogoBtn:active,.SFollow:active,.ConnectButton-cta:active,.AppShell-launch:active,.CP-go:active,.CP-pre button:active{transform:scale(.97)}
.AppShell-launch{box-shadow:none!important}

/* tables */
.An-table td,table td{border-bottom:1px solid var(--hl)!important}
.An-table tbody tr,table tbody tr{transition:background .12s}
.An-table tbody tr:hover,table tbody tr:hover{background:var(--s2)}

/* skeletons shimmer softly instead of blinking */
@keyframes rfSh{0%{background-position:-240px 0}100%{background-position:240px 0}}
.An-skel,.ConnectButton-loading{background:linear-gradient(90deg,var(--s2) 0,var(--s3) 50%,var(--s2) 100%)!important;background-size:480px 100%!important;animation:rfSh 1.4s linear infinite!important}

/* popups and menus */
.ConnectButton-menu,.ConnectButton-error{background:rgba(11,10,22,.96)!important;border:1px solid var(--hl2);box-shadow:0 20px 44px -20px #000!important}

/* scrollbars */
*{scrollbar-color:var(--s4) transparent}
::-webkit-scrollbar-thumb{background:var(--s4)!important}::-webkit-scrollbar-thumb:hover{background:#3a3652!important}

/* footer */
.SeamFooter{border-top:1px solid var(--hl)!important;background:transparent!important;color:var(--dimx)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* banner: show the whole scene (rig, figure, machinery). Taller frame, centred on the silhouettes, gentler drift */
.DashboardBanner-banner{min-height:clamp(300px,23vw,400px)}
.DashboardBanner-image{object-position:62% 68%!important;animation-name:bannerDriftSoft!important}
@keyframes bannerDriftSoft{0%{transform:scale(1.01) translate(-.3%,-.2%)}to{transform:scale(1.03) translate(.3%,.2%)}}
@media (max-width:900px){.DashboardBanner-banner{min-height:340px}.DashboardBanner-image{object-position:74% 55%!important}}

/* Network toolbar: search field and readout pills share one height, one radius, one right edge */
.NetworkGrid-filter{height:32px!important;border-radius:8px!important;box-sizing:border-box}
.NetworkGrid-readout{gap:8px!important;align-items:center!important}
.NetworkGrid-readoutItem{height:32px;box-sizing:border-box;align-items:center!important;gap:8px;padding:0 12px!important;line-height:1}
.NetworkGrid-readoutItem+.NetworkGrid-readoutItem{border-left:1px solid var(--hl)!important;padding-left:12px!important}
.NetworkGrid-readoutItem i,.NetworkGrid-readoutItem b{line-height:1;display:inline-flex;align-items:center;gap:4px}

.AppShell-topbar .AppShell-search{height:36px!important;box-sizing:border-box}