:root { --wmc-blue:#037cff; --wmc-cyan:#00d9ff; --wmc-gold:#ffbf2f; --wmc-line:rgba(91,155,255,.2); }
#wmc-dashboard { margin-bottom:32px; color:#f8fbff; }
.wmc-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); min-height:390px; overflow:hidden; padding:55px 64px; border:1px solid var(--wmc-line); border-radius:28px; background:radial-gradient(circle at 76% 48%,rgba(0,126,255,.22),transparent 31%),radial-gradient(circle at 25% 0%,rgba(0,217,255,.08),transparent 34%),linear-gradient(125deg,#071426 0%,#050a13 62%,#091833 100%); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.wmc-hero::before { content:''; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(rgba(73,141,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(73,141,255,.15) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.wmc-hero-copy { position:relative; z-index:2; align-self:center; }
.wmc-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:19px; color:#9fc8ff; font-size:12px; font-weight:800; letter-spacing:.18em; }
.wmc-eyebrow i,.wmc-live-dot { width:8px; height:8px; border-radius:50%; background:#35e7a4; box-shadow:0 0 15px #35e7a4; }
.wmc-hero h1 { margin:0; max-width:700px; color:#fff; font-size:clamp(40px,5vw,70px); line-height:.98; letter-spacing:-.05em; }
.wmc-hero h1 em { font-style:normal; color:transparent; background:linear-gradient(90deg,var(--wmc-cyan),#4c91ff 50%,var(--wmc-gold)); background-clip:text; -webkit-background-clip:text; }
.wmc-hero p { max-width:650px; margin:24px 0 30px; color:#a9b8cc; font-size:17px; line-height:1.65; }
.wmc-actions { display:flex; flex-wrap:wrap; gap:12px; }
.wmc-actions button,.wmc-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 21px; border-radius:12px; font-weight:750; transition:.2s ease; }
.wmc-actions button { border:0; color:#031021; background:linear-gradient(110deg,var(--wmc-cyan),#4e91ff); cursor:pointer; box-shadow:0 10px 30px rgba(0,154,255,.24); }
.wmc-actions a { border:1px solid rgba(255,255,255,.16); color:#fff; background:rgba(255,255,255,.04); text-decoration:none; }
.wmc-actions button:hover,.wmc-actions a:hover { transform:translateY(-2px); filter:brightness(1.08); }
.wmc-hero-mark { position:relative; display:grid; place-items:center; min-height:270px; }
.wmc-hero-mark span { position:absolute; width:280px; aspect-ratio:1; border:1px solid rgba(52,161,255,.26); border-radius:50%; box-shadow:inset 0 0 65px rgba(0,126,255,.12),0 0 70px rgba(0,126,255,.12); }
.wmc-hero-mark span::after { content:''; position:absolute; inset:24px; border:1px dashed rgba(255,191,47,.26); border-radius:50%; }
.wmc-hero-mark img { position:relative; z-index:1; width:min(330px,100%); max-height:320px; object-fit:contain; filter:drop-shadow(0 25px 35px rgba(0,91,255,.28)); }
.wmc-network-bar { display:grid; grid-template-columns:repeat(4,1fr); margin:-1px 24px 0; border:1px solid var(--wmc-line); border-radius:0 0 18px 18px; background:rgba(6,15,29,.96); }
.wmc-network-bar>div { display:flex; flex-direction:column; justify-content:center; min-height:82px; padding:15px 24px; border-right:1px solid var(--wmc-line); }
.wmc-network-bar>div:first-child { position:relative; padding-left:42px; } .wmc-network-bar>div:last-child { border:0; }
.wmc-network-bar small,.wmc-stat-label { color:#7588a5; font-size:10px; font-weight:800; letter-spacing:.13em; }
.wmc-network-bar strong { margin-top:5px; color:#eaf3ff; font-size:14px; } .wmc-network-bar .wmc-live-dot { position:absolute; left:24px; top:28px; }
.wmc-live-dot.is-warning { background:var(--wmc-gold); box-shadow:0 0 15px var(--wmc-gold); }
.wmc-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px; }
.wmc-stat-card { position:relative; display:flex; align-items:center; gap:18px; min-height:126px; padding:23px; overflow:hidden; border:1px solid var(--wmc-line); border-radius:18px; background:linear-gradient(145deg,rgba(12,27,51,.91),rgba(6,15,29,.91)); }
.wmc-stat-card::after { content:''; position:absolute; width:100px; height:100px; right:-50px; bottom:-60px; border-radius:50%; background:var(--wmc-blue); filter:blur(38px); opacity:.13; }
.wmc-stat-icon { display:grid; place-items:center; flex:0 0 48px; height:48px; border:1px solid rgba(42,148,255,.28); border-radius:14px; color:var(--wmc-cyan); background:rgba(0,126,255,.1); font-size:22px; }
.wmc-stat-card div { display:flex; min-width:0; flex-direction:column; } .wmc-stat-card strong { margin:5px 0 2px; color:#fff; font-size:25px; letter-spacing:-.03em; } .wmc-stat-card small { color:#8294ad; font-size:12px; }
#wmc-data-note { margin-top:12px; color:#697d99; font-size:11px; text-align:right; }
.wmc-native-search { margin-top:22px; padding:20px 24px!important; border:1px solid var(--wmc-line); border-radius:18px; background:rgba(7,17,32,.7); } .wmc-native-search h1 { font-size:16px!important; letter-spacing:0!important; }
.wmc-footer { min-height:72px!important; padding:0 28px!important; border-top:1px solid var(--wmc-line)!important; background:#070d16!important; }
.wmc-footer-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; min-height:72px; color:#7f91aa; font-size:13px; }
.wmc-footer-inner i { color:#34465f; font-style:normal; }
.wmc-footer-inner a { color:#91bfff; font-weight:650; text-decoration:none; }
.wmc-footer-inner a:hover { color:var(--wmc-cyan); }
@media (min-width:1280px) { .group { container-type:inline-size; } @container (min-width:150px) { header:has(>a[aria-label="Link to main page"]){height:120px!important} header>a[aria-label="Link to main page"]{width:120px!important;height:120px!important;overflow:visible!important} header>a[aria-label="Link to main page"]>img{width:120px!important;height:120px!important;object-fit:contain!important;object-position:left center!important} } }
/* Blockscout's tablet/compact-desktop rail opens flyouts over page content.
   Give the navigation its own column and let the page become fluid instead. */
@media (min-width:640px) and (max-width:1199px) {
  .wmc-sidebar-shell { width:280px!important; min-width:280px!important; flex:0 0 280px!important; container-type:inline-size; }
  .wmc-sidebar-shell>header,.wmc-sidebar-shell>nav { width:248px!important; }
  .wmc-content-shell { width:calc(100vw - 280px)!important; min-width:0!important; max-width:calc(100vw - 280px)!important; }
  .wmc-content-shell>header,.wmc-content-shell>main { width:auto!important; min-width:0!important; max-width:none!important; margin-left:32px!important; margin-right:32px!important; }
  .wmc-sidebar-shell nav p,.wmc-sidebar-shell nav span { display:block!important; opacity:1!important; visibility:visible!important; }
  .wmc-sidebar-shell nav li>div,.wmc-sidebar-shell nav li>a { width:100%!important; }
  .wmc-sidebar-shell nav li>div>div { justify-content:flex-start!important; }
  .wmc-sidebar-shell nav li svg:last-child { margin-left:auto!important; }
  .wmc-sidebar-shell header:has(>a[aria-label="Link to main page"]) { height:112px!important; }
  .wmc-sidebar-shell header>a[aria-label="Link to main page"] { width:104px!important; height:104px!important; }
  .wmc-sidebar-shell header>a[aria-label="Link to main page"]>img { width:104px!important; height:104px!important; object-fit:contain!important; }
}
@media (max-width:900px) { .wmc-hero{grid-template-columns:1fr;padding:40px 30px}.wmc-hero-mark{position:absolute;right:-70px;bottom:-60px;width:300px;opacity:.25}.wmc-hero-copy{max-width:650px}.wmc-network-bar{grid-template-columns:repeat(2,1fr)}.wmc-network-bar>div:nth-child(2){border-right:0}.wmc-network-bar>div:nth-child(-n+2){border-bottom:1px solid var(--wmc-line)}.wmc-stat-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px) { .wmc-hero{min-height:430px;padding:36px 22px;border-radius:20px}.wmc-hero h1{font-size:40px}.wmc-hero p{font-size:14px}.wmc-network-bar{grid-template-columns:1fr;margin:0 10px}.wmc-network-bar>div{border-right:0;border-bottom:1px solid var(--wmc-line)}.wmc-stat-grid{grid-template-columns:1fr} }
@media (max-width:639px) { .wmc-footer-inner { align-content:center; gap:5px 8px; padding:12px 0; text-align:center; } }

/* Winmar Chain mobile polish 2026-09-28 */
@media (max-width:639px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .wmc-content-shell{width:100%!important;min-width:0!important;max-width:100%!important}
  .wmc-content-shell>header{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}
  .wmc-content-shell>main{width:auto!important;min-width:0!important;max-width:none!important;margin-left:12px!important;margin-right:12px!important;padding-left:0!important;padding-right:0!important}
  header.css-afaxis{width:100%!important;min-width:0!important;max-width:100%!important;height:64px!important;box-sizing:border-box!important}
  header.css-afaxis a[aria-label="Link to main page"]{display:flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:58px!important;overflow:visible!important}
  header.css-afaxis a[aria-label="Link to main page"] img:last-of-type{width:54px!important;height:54px!important;max-width:54px!important;object-fit:contain!important}
  #wmc-dashboard{width:100%!important;max-width:100%!important;margin:0 0 24px!important;overflow:hidden!important}
  .wmc-hero{display:block!important;min-height:0!important;padding:28px 20px 30px!important;border-radius:18px!important}
  .wmc-hero-copy{width:100%!important;max-width:none!important}
  .wmc-eyebrow{margin-bottom:15px!important;font-size:10px!important;letter-spacing:.14em!important}
  .wmc-hero h1{max-width:100%!important;font-size:clamp(30px,10vw,38px)!important;line-height:1.02!important;letter-spacing:-.04em!important;overflow-wrap:anywhere!important}
  .wmc-hero h1 br{display:none!important}
  .wmc-hero p{max-width:100%!important;margin:18px 0 22px!important;font-size:14px!important;line-height:1.55!important}
  .wmc-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .wmc-actions button,.wmc-actions a{width:100%!important;min-width:0!important;min-height:48px!important;padding:0 16px!important;box-sizing:border-box!important}
  .wmc-hero-mark{right:-110px!important;bottom:-92px!important;width:250px!important;height:250px!important;min-height:0!important;opacity:.15!important;pointer-events:none!important}
  .wmc-hero-mark span{width:220px!important}
  .wmc-hero-mark img{width:230px!important;max-height:230px!important}
  .wmc-network-bar{grid-template-columns:1fr 1fr!important;margin:0 6px!important;border-radius:0 0 16px 16px!important}
  .wmc-network-bar>div{min-width:0!important;min-height:76px!important;padding:12px 14px!important;border-right:1px solid var(--wmc-line)!important;border-bottom:1px solid var(--wmc-line)!important;box-sizing:border-box!important}
  .wmc-network-bar>div:nth-child(2n){border-right:0!important}
  .wmc-network-bar>div:nth-last-child(-n+2){border-bottom:0!important}
  .wmc-network-bar>div:first-child{padding-left:32px!important}
  .wmc-network-bar .wmc-live-dot{left:14px!important;top:24px!important}
  .wmc-network-bar strong{font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  .wmc-stat-grid{grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important}
  .wmc-stat-card{min-height:102px!important;gap:14px!important;padding:18px!important;border-radius:15px!important;box-sizing:border-box!important}
  .wmc-stat-icon{flex-basis:42px!important;width:42px!important;height:42px!important;font-size:19px!important}
  .wmc-stat-card strong{font-size:22px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  #wmc-data-note{text-align:center!important;font-size:10px!important}
  .wmc-native-search{margin-top:16px!important;padding:16px!important;border-radius:15px!important}
  .wmc-native-search+*{min-width:0!important}
  main table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  main input,main textarea,main select{max-width:100%!important;box-sizing:border-box!important}
  .wmc-footer{padding:0 14px!important}
}
@media (max-width:374px){
  .wmc-content-shell>main{margin-left:8px!important;margin-right:8px!important}
  .wmc-hero{padding:24px 16px 26px!important}
  .wmc-hero h1{font-size:29px!important}
  .wmc-network-bar{grid-template-columns:1fr!important}
  .wmc-network-bar>div{border-right:0!important;border-bottom:1px solid var(--wmc-line)!important}
  .wmc-network-bar>div:last-child{border-bottom:0!important}
}
