.hero{isolation:isolate;overflow:hidden;background:#030608}
.hero-art{transform-origin:73% 48%;animation:neural-breathe 14s ease-in-out infinite;will-change:transform}
.hero-particles,.circuit-flow,.neural-halo,.hero-sweep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-particles{z-index:2;opacity:.95;mix-blend-mode:screen}
.neural-halo{z-index:1;background:radial-gradient(ellipse at 76% 46%,#00bfff20,transparent 28%),radial-gradient(ellipse at 94% 40%,#ffb51520,transparent 31%);mix-blend-mode:screen;animation:neural-aura 8s ease-in-out infinite alternate}
.hero-sweep{z-index:1;inset:-20% -70%;width:80%;height:160%;background:linear-gradient(105deg,transparent 45%,#6be4ff08 48%,#f6ca4d17 50%,transparent 54%);transform:translateX(-30%) skewX(-15deg);mix-blend-mode:screen;animation:neural-sweep 10s ease-in-out infinite}
.circuit-flow{z-index:2;overflow:visible;opacity:.65;stroke-width:1.1;stroke-linecap:round}
.circuit-flow path{stroke-dasharray:25 280;animation:circuit-travel 7s linear infinite;filter:drop-shadow(0 0 5px currentColor)}
.circuit-flow path:nth-child(2){animation-delay:-2.3s;animation-duration:9s}
.circuit-flow path:nth-child(3){animation-delay:-4.8s;animation-duration:8s}
.circuit-blue{stroke:#4be3ff;color:#4be3ff}.circuit-gold{stroke:#ffd568;color:#ffd568}
.circuit-gold path{animation-direction:reverse;animation-delay:-3.4s}
.hero-system{position:absolute;left:6vw;top:23px;z-index:3;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2.1px;color:#9ac1cc;text-shadow:0 2px 10px #000;background:#050b10b3;border:1px solid #62cfe22b;border-radius:30px;padding:7px 12px}
.system-dot,.activity-pulse{width:5px;height:5px;display:inline-block;border-radius:50%;background:#67e6ee;box-shadow:0 0 10px #67e6ee;animation:neural-signal 2.6s ease-in-out infinite}
.hero-content{z-index:4}.hero-actions .primary{position:relative;overflow:hidden;border:1px solid #ffe49d99;box-shadow:0 0 25px #e4b73c1c}
.hero-actions .primary:after{content:"";position:absolute;inset:-60% auto -60% -65%;width:35%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-20deg);animation:button-sheen 7s ease-in-out infinite;pointer-events:none}
.scan-light{height:1px;background:linear-gradient(90deg,transparent,#72e8ff,#f6cb5a,transparent);box-shadow:0 0 24px #5de1ff99;animation:neural-scan 9s ease-in-out infinite;opacity:.5}
.panel,.mint-console{box-shadow:0 20px 70px #0002;transition:border-color .35s,box-shadow .35s}
.panel:hover{border-color:#52707b;box-shadow:0 20px 70px #0003,0 0 20px #49dcff05}
.chart-panel{background:radial-gradient(ellipse at 50% 100%,#17323942,transparent 70%),var(--surface)}
.chart-placeholder svg{width:100%;height:100%;position:relative;z-index:1;overflow:visible}
.chart-placeholder polyline{filter:drop-shadow(0 0 5px #edc14c60);stroke-linecap:round;stroke-linejoin:round;animation:chart-trace 1.2s ease both}
.progress-track>div{transition:width .9s cubic-bezier(.2,.7,.25,1);position:relative;overflow:hidden;box-shadow:0 0 12px #f4c54c22}
.progress-track>div:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff7,transparent);animation:progress-sheen 3s ease-in-out infinite}
.rank-item,.activity-row{animation:record-arrive .5s ease both}
.rank-item:nth-child(2){animation-delay:.06s}.rank-item:nth-child(3){animation-delay:.12s}
.live-ranking{max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a555c transparent}
.activity-pulse{vertical-align:middle;width:4px;height:4px;margin-right:5px}
.outline-status.data-ready{color:#a5e5dc;border-color:#5ad9c52b;background:#183b371f}
.outline-status.data-ready:before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;border-radius:50%;background:#67e6bc;box-shadow:0 0 8px #67e6bc99}
.outline-status.data-warning{color:#f3d27c;border-color:#f3d27c44}.outline-status.data-warning:before{background:#f3d27c}
.outline-status.data-error{color:#ffb09a;border-color:#ffb09a44}.outline-status.data-error:before{background:#ffb09a}
@keyframes neural-breathe{0%,100%{transform:scale(1.001)}50%{transform:scale(1.025)}}
@keyframes neural-aura{0%{opacity:.3;transform:scale(.97)}100%{opacity:1;transform:scale(1.08)}}
@keyframes neural-sweep{0%,15%{transform:translateX(-30%) skewX(-15deg);opacity:0}25%{opacity:1}72%{opacity:1}90%,100%{transform:translateX(300%) skewX(-15deg);opacity:0}}
@keyframes circuit-travel{to{stroke-dashoffset:-915}}
@keyframes neural-signal{0%,100%{opacity:.4;box-shadow:0 0 3px #67e6ee}50%{opacity:1;box-shadow:0 0 14px #67e6ee}}
@keyframes neural-scan{0%,100%{transform:translateY(0);opacity:0}15%,65%{opacity:.6}80%{transform:translateY(370px);opacity:0}}
@keyframes button-sheen{0%,65%{left:-65%;opacity:0}70%{opacity:1}95%,100%{left:150%;opacity:0}}
@keyframes progress-sheen{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes chart-trace{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes record-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.hero-system{top:16px;left:22px;font-size:7px;padding:6px 9px;letter-spacing:1.3px}.circuit-flow{opacity:.35}.circuit-flow path{stroke-width:1.5}.hero-sweep{opacity:.5}.hero-art{transform-origin:83% 48%;animation-duration:16s}.neural-halo{background:radial-gradient(ellipse at 60% 38%,#00bfff24,transparent 60%),radial-gradient(ellipse at 92% 37%,#ffb51522,transparent 55%)}.hero-actions .primary{box-shadow:0 0 20px #e4b73c20}.outline-status{font-size:8px;max-width:158px;white-space:normal;text-align:center}.data-section .section-heading{align-items:center}.chain-controls{flex-wrap:wrap;justify-content:flex-end;gap:7px}}
html[data-motion=paused] .hero *,html[data-motion=paused] .hero:before,html[data-motion=paused] .hero:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-art{will-change:auto;transform:none}.hero-particles{display:none}.hero-sweep,.scan-light{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}

.activity,#recent-mints{scrollbar-width:thin;scrollbar-color:#3a555c transparent}