:root{--bg:#070b1d;--ink:#eff4ff;--muted:#a1aecf;--cyan:#26d9fc;--blue:#328bff;--purple:#a66bff;--line:rgba(143,169,235,.18);--panel:#0b142e;--panel2:#0d1834;--radius:22px;--max:1200px;scroll-behavior:smooth;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:108px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:rgba(38,217,252,.35);color:white}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.4}.ambient-one{width:620px;height:620px;top:0;left:-280px;background:radial-gradient(circle,#045cac 0,transparent 69%)}.ambient-two{width:700px;height:700px;top:350px;right:-360px;background:radial-gradient(circle,#6a2aa2 0,transparent 69%)}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-track{position:fixed;z-index:50;top:0;left:0;width:100%;height:2px;pointer-events:none}.scroll-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 0 14px var(--cyan)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(7,11,29,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(160,185,247,.1)}.nav-shell{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:25px;font-weight:850;letter-spacing:-1.5px}.brand img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(38,217,252,.45))}.brand-x{background:linear-gradient(160deg,#54dfff,#995fff 65%,#e17bff);-webkit-background-clip:text;background-clip:text;color:transparent}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav a,.footer-links a{font-size:13px;color:#aab6d5;font-weight:650;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:12px}.lang-button{border:1px solid var(--line);border-radius:10px;background:rgba(28,42,79,.35);padding:9px 12px;font-size:12px;font-weight:800;min-width:46px}.lang-button:hover{border-color:var(--cyan)}.nav-contract{border:1px solid #316bc7;background:linear-gradient(110deg,rgba(25,102,205,.21),rgba(92,60,183,.16));border-radius:11px;padding:10px 15px;font-size:12px;font-weight:700;box-shadow:inset 0 0 14px rgba(45,134,255,.08);white-space:nowrap}.nav-contract:hover{border-color:var(--cyan)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);width:43px;height:43px;border-radius:10px;padding:11px;flex-direction:column;justify-content:space-between}.menu-toggle span{height:2px;width:100%;border-radius:4px;background:#d5e7ff}.mobile-nav{display:none;padding-bottom:20px}.mobile-nav a{padding:10px 4px;display:block;color:var(--muted);font-weight:650}
.hero{position:relative;min-height:680px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:16px;padding-block:100px 80px}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(to right,rgba(63,125,233,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(63,125,233,.06) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(to bottom,transparent 2%,black 45%,transparent 100%)}.hero-content{position:relative;z-index:3}.status-pill{width:max-content;max-width:100%;display:flex;align-items:center;gap:10px;padding:8px 15px;background:rgba(18,107,119,.12);border:1px solid rgba(49,232,206,.28);border-radius:100px;color:#69eadb;letter-spacing:1.35px;font-weight:800;font-size:10px}.status-light{width:7px;height:7px;border-radius:50%;background:#51edc7;box-shadow:0 0 0 4px rgba(60,230,188,.1),0 0 14px #3eebc1}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);font-weight:800}.hero .eyebrow{margin:38px 0 8px;color:#9ab5fa}.hero h1{margin:0;font-size:clamp(76px,10vw,142px);line-height:1.06;font-weight:900;letter-spacing:-.09em;text-shadow:0 10px 50px rgba(0,0,0,.2)}.gradient-text,.section-lead h2 span,.contract-header h2 span,.cta-content h2 span{background:linear-gradient(115deg,#36dbff,#4d9aff 35%,#a969ff 72%,#f082ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-dot{color:var(--cyan)}.hero h2{font-size:clamp(28px,3vw,43px);line-height:1.23;letter-spacing:-1.65px;margin:18px 0 17px;font-weight:720}.hero h2 em{font-style:normal;color:#ad70fb}.hero-desc{color:var(--muted);max-width:520px;font-size:16px;margin:0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:780;transition:transform .18s,box-shadow .18s,border-color .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{border:1px solid rgba(54,222,254,.7);background:linear-gradient(115deg,#009fe4,#0767eb);box-shadow:0 8px 36px rgba(7,117,242,.24)}.button-primary:hover{box-shadow:0 10px 44px rgba(7,117,242,.4)}.button-secondary{border:1px solid rgba(159,111,255,.58);background:linear-gradient(110deg,rgba(74,42,127,.36),rgba(16,28,63,.75))}.button-secondary:hover{border-color:var(--purple)}.hero-note{font-size:11px;color:#7488b1;margin-top:22px;display:flex;gap:9px}.hero-art{height:565px;min-width:0;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(45,106,243,.16) 0,rgba(114,44,222,.12) 40%,transparent 70%);filter:blur(20px)}.hero-art:after{content:"";position:absolute;bottom:35px;left:10%;width:80%;height:45px;background:radial-gradient(ellipse,#109cff 0,rgba(127,51,245,.55) 35%,transparent 68%);filter:blur(18px);z-index:-1}.coin{position:relative;width:min(93%,480px);aspect-ratio:1;border-radius:50%;padding:28px;background:linear-gradient(140deg,#6fe6fe,#0b3e97 24%,#0a153c 46%,#923afd 78%,#0a1b53);box-shadow:0 0 0 2px rgba(79,204,255,.25),0 0 65px rgba(37,151,240,.36),0 0 110px rgba(105,55,235,.18),inset 5px 5px 12px rgba(167,223,255,.44),inset -9px -9px 19px rgba(5,5,33,.85);transform:perspective(1000px) rotateY(-13deg) rotateX(8deg);animation:float 7s ease-in-out infinite;z-index:2}.coin:after{content:"NOCLIPX  •  NCLX  •  21M  •";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(124,211,255,.35);display:grid;place-items:start center;padding-top:15px;font-size:9px;letter-spacing:4px;color:#9bddff;text-shadow:0 0 15px #41adff}.coin-face{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 20%,rgba(20,87,174,.45),transparent 50%),linear-gradient(145deg,#091a46,#040c22 70%,#15103e);box-shadow:inset 0 0 0 2px #267bdb,inset 0 0 45px rgba(16,86,194,.5)}.coin-pattern{position:absolute;inset:0;border-radius:50%;opacity:.25;background:repeating-radial-gradient(circle at center,transparent 0,transparent 30px,rgba(90,152,255,.26) 31px,transparent 32px)}.coin-face img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 27px rgba(40,177,255,.45));position:relative;z-index:1}.coin-orbit{position:absolute;border:1px solid rgba(45,167,252,.35);width:520px;height:520px;border-radius:50%;box-shadow:0 0 30px rgba(45,167,252,.12)}.orbit-outer{transform:rotateX(69deg) rotate(-14deg) scale(1.22);border-color:rgba(147,61,243,.5)}.orbit-inner{transform:rotateX(69deg) rotate(24deg) scale(.92);border-color:rgba(40,218,254,.6)}.coin-reflection{position:absolute;bottom:16px;width:350px;height:5px;background:linear-gradient(90deg,transparent,#25d3ff, #ad55fa,transparent);filter:blur(3px);box-shadow:0 0 24px #4598ff}.hero-art-label{position:absolute;font:700 10px/1 ui-monospace,monospace;letter-spacing:2px;color:#6f9cd2}.label-top{top:42px;right:30px}.label-bottom{left:25px;bottom:50px}@keyframes float{0%,100%{transform:perspective(1000px) rotateY(-13deg) rotateX(8deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-10deg) rotateX(7deg) translateY(-16px)}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-16px;position:relative;z-index:5}.stat-card{padding:22px 22px 19px;border:1px solid rgba(55,118,218,.25);border-radius:17px;background:linear-gradient(143deg,rgba(22,44,91,.9),rgba(10,17,38,.95));box-shadow:inset 0 1px 0 rgba(181,220,255,.055),0 8px 50px rgba(0,0,0,.13);min-height:150px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{font-size:22px;color:var(--cyan);line-height:1;margin-bottom:12px}.stat-label{font-size:10px;color:#8197c5;letter-spacing:1.4px;font-weight:760}.stat-card strong{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin:5px 0;color:#eff5ff}.stat-card strong span{color:var(--cyan)}.stat-sub{font-size:11px;color:#91a3c5;margin-top:auto}.section{padding-block:128px;position:relative}.section-lead{max-width:680px}.section-lead.centered{text-align:center;margin-inline:auto}.section-lead .eyebrow,.contract-header .eyebrow{margin:0 0 16px}.line-marker{display:inline-block;background:var(--cyan);width:17px;height:2px;vertical-align:middle;margin-right:10px;box-shadow:0 0 12px var(--cyan)}.section-lead h2,.contract-header h2,.cta-content h2{font-size:clamp(36px,4.6vw,59px);line-height:1.11;margin:0 0 20px;letter-spacing:-2px}.section-lead>p:last-child,.contract-header p:last-child{color:var(--muted);font-size:15px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}.feature{position:relative;padding:30px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(150deg,#101a39,#090f25);transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:rgba(63,182,249,.4)}.feature-icon{width:57px;height:57px;display:grid;place-items:center;font-size:25px;font-weight:800;color:#50ddff;border:1px solid rgba(45,191,235,.3);border-radius:14px;background:rgba(23,97,145,.12)}.feature h3{font-size:19px;margin:24px 0 8px;letter-spacing:-.4px}.feature p{color:#9ba9ca;font-size:13px;line-height:1.75;margin:0}.tokenomics-section{background:linear-gradient(180deg,rgba(14,24,52,.6),rgba(15,20,48,.22));border-top:1px solid rgba(115,163,235,.08);border-bottom:1px solid rgba(115,163,235,.08)}.token-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.supply-panel,.facts-panel{min-height:418px;border-radius:20px;border:1px solid rgba(88,133,213,.21);background:linear-gradient(150deg,rgba(17,34,74,.8),rgba(9,14,34,.84));padding:36px}.supply-panel{position:relative;overflow:hidden}.supply-panel strong{font-size:clamp(75px,11vw,140px);display:block;letter-spacing:-9px;line-height:1.2;margin-top:20px;font-weight:850;background:linear-gradient(120deg,#fff,#79c4ff);background-clip:text;-webkit-background-clip:text;color:transparent}.supply-panel strong .million{background:linear-gradient(100deg,#4be2ff,#ac68f2);background-clip:text;-webkit-background-clip:text;color:transparent}.supply-donut{position:absolute;right:-20px;bottom:-140px;width:350px;height:350px;border-radius:50%;border:18px solid rgba(40,205,249,.4);box-shadow:0 0 50px rgba(53,141,232,.3),inset 0 0 50px rgba(125,73,232,.18);display:grid;place-items:center;transform:rotate(-18deg)}.supply-donut:before{content:"";position:absolute;inset:-19px;border-radius:50%;border-top:18px solid #9c5ee8;border-right:18px solid #405dce;filter:drop-shadow(0 0 9px rgba(46,195,243,.35))}.supply-donut span{font-size:34px;font-weight:850;text-align:center;line-height:1.05;transform:rotate(18deg)}.supply-donut small{display:block;font-size:9px;letter-spacing:2px;color:var(--cyan)}.supply-panel>p{position:relative;z-index:2;font-size:12px;color:#9dadcf;max-width:270px;margin-top:12px}.facts-panel{display:flex;flex-direction:column;justify-content:space-around}.fact{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(144,168,224,.11);padding:12px 0}.fact:last-child{border:0}.fact span{font-size:13px;color:#9ba9c9}.fact strong{font-size:13px;text-align:right}.contract-section{padding-top:120px}.contract-card{padding:46px;border-radius:26px;border:1px solid rgba(63,148,239,.33);background:radial-gradient(ellipse at 98% 0,rgba(85,42,153,.23),transparent 48%),linear-gradient(140deg,#0e1f45,#090f28);box-shadow:0 20px 80px rgba(0,0,0,.16)}.contract-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.contract-header>div:first-child{max-width:670px}.verified-stamp{flex:0 0 140px;width:140px;height:140px;border:1px solid rgba(63,236,193,.33);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#65e9ce;box-shadow:inset 0 0 22px rgba(46,220,188,.12),0 0 35px rgba(45,183,213,.11)}.verified-stamp span{font-size:40px;font-weight:850;line-height:1.3}.verified-stamp small{font-size:9px;letter-spacing:1px}.address-box{display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:13px;padding:21px;margin-top:38px}.address-box>div{min-width:0}.address-label{display:block;color:#7597cf;letter-spacing:1.6px;font-size:10px;font-weight:750;margin-bottom:10px}.address-box code{display:block;font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ddedff;overflow-wrap:anywhere}.copy-btn{background:rgba(34,135,232,.18);border:1px solid rgba(60,180,255,.4);color:#76d5ff;border-radius:10px;padding:12px 17px;white-space:nowrap;font-size:12px;font-weight:750}.copy-btn:hover{background:rgba(34,135,232,.3)}.contract-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}.contract-links a,.text-button{background:none;border:0;padding:0;font-size:12px;font-weight:700;color:#76d5ff}.contract-links a:hover,.text-button:hover{text-decoration:underline}.roadmap-section{padding-bottom:120px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:58px}.milestone{border:1px solid var(--line);border-radius:16px;background:rgba(18,29,57,.68);padding:25px;position:relative;overflow:hidden}.milestone:before{position:absolute;content:"";height:2px;left:24px;right:24px;top:0;background:linear-gradient(90deg,var(--cyan),transparent)}.milestone.planned:before{background:linear-gradient(90deg,#607197,transparent)}.milestone.active{border-color:rgba(70,159,249,.52)}.milestone-number{font:800 39px/1 ui-monospace,monospace;letter-spacing:-3px;color:rgba(68,157,241,.36);margin-bottom:40px}.milestone-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.5px;font-weight:850;color:#61decf}.milestone.active .milestone-top{color:#89a7ff}.milestone.planned .milestone-top{color:#8497bd}.milestone-top time{color:#7182ab}.milestone h3{font-size:17px;letter-spacing:-.4px;margin:14px 0 10px}.milestone p{font-size:12px;color:#99a8ca;line-height:1.7;margin:0}.faq-section{border-top:1px solid rgba(123,156,218,.09);background:rgba(9,16,36,.42)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:23px 0;font-weight:690;font-size:15px;gap:16px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";color:var(--cyan);font-size:23px;font-weight:400}.faq-items details[open] summary:after{content:"−"}.faq-items p{margin:0;padding:0 25px 26px 0;color:#a4b2d2;font-size:13px;line-height:1.85}.cta-section{padding-block:110px}.cta-panel{overflow:hidden;position:relative;border-radius:24px;padding:60px 66px;border:1px solid rgba(49,183,241,.28);background:radial-gradient(circle at 92% 48%,rgba(91,37,196,.28),transparent 34%),radial-gradient(circle at 5% 95%,rgba(15,124,197,.24),transparent 39%),#0e1a3a}.cta-content{position:relative;z-index:2;max-width:790px}.cta-content h2{font-size:clamp(33px,4.3vw,54px)}.cta-content p:not(.eyebrow){color:#a4b4d5;margin:0}.cta-orbit{position:absolute;right:-100px;top:-90px;width:450px;height:450px;border-radius:50%;border:50px solid rgba(63,115,217,.09);box-shadow:0 0 0 20px rgba(34,156,207,.07),0 0 0 70px rgba(79,42,168,.06)}.site-footer{border-top:1px solid rgba(137,158,220,.15);padding-block:50px 28px}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:26px}.footer-main p{font-size:13px;color:#8b9abc;margin:8px 0 0}.footer-links{display:flex;gap:30px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:58px;border-top:1px solid rgba(137,158,220,.12);padding-top:25px;color:#7483a9;font-size:10px}.footer-bottom span:last-child{max-width:470px;text-align:right}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,80px);opacity:0;pointer-events:none;padding:13px 21px;border-radius:13px;background:#15294c;border:1px solid rgba(77,201,255,.4);box-shadow:0 12px 40px rgba(0,0,0,.35);font-size:13px;z-index:100;transition:opacity .3s,transform .3s;max-width:calc(100vw - 28px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.desktop-nav{gap:16px}.hero{min-height:590px;padding-block:75px 65px}.hero-art{height:480px}.coin{padding:22px}.coin-orbit{width:400px;height:400px}.stats{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.feature-grid{gap:12px}.feature{padding:25px}.faq-layout{gap:30px}.token-layout{grid-template-columns:1fr 1fr}.supply-panel strong{font-size:95px}}
@media(max-width:760px){.wrap{width:min(calc(100% - 34px),var(--max))}.nav-shell{min-height:72px}.brand{font-size:23px}.brand img{width:40px;height:40px}.desktop-nav,.nav-contract{display:none}.menu-toggle{display:flex}.mobile-nav{display:block}.mobile-nav[hidden]{display:none}.hero{grid-template-columns:1fr;padding-top:54px;padding-bottom:35px;gap:15px;min-height:0}.hero h1{font-size:clamp(75px,18vw,124px)}.hero h2{margin-top:10px}.hero-art{height:400px;max-width:480px;margin:0 auto;width:100%}.coin{width:min(83%,360px);padding:20px}.coin-orbit{width:340px;height:340px}.label-top{top:0}.label-bottom{bottom:5px}.stats{margin-top:0;gap:10px}.section{padding-block:85px}.feature-grid,.token-layout,.faq-layout{grid-template-columns:1fr}.feature-grid{margin-top:34px}.contract-card{padding:28px}.contract-header{align-items:flex-start}.verified-stamp{width:94px;height:94px;flex-basis:94px}.verified-stamp span{font-size:30px}.verified-stamp small{font-size:7px;text-align:center}.facts-panel,.supply-panel{min-height:0}.supply-panel{min-height:360px}.timeline{margin-top:38px}.faq-items{margin-top:25px}.cta-section{padding-block:75px}.cta-panel{padding:39px 25px}.footer-main{flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.footer-bottom span:last-child{text-align:left}.footer-links{gap:18px}}
@media(max-width:480px){.status-pill{font-size:9px;letter-spacing:.7px}.hero .eyebrow{margin-top:26px}.hero-desc{font-size:14px}.hero-buttons{gap:10px}.button{width:100%}.hero-art{height:330px}.coin{width:275px;padding:16px}.coin-orbit{width:280px;height:280px}.stats{grid-template-columns:1fr 1fr}.stat-card{padding:16px;min-height:136px}.stat-card strong{font-size:16px}.stat-card .stat-sub{font-size:10px}.section-lead h2,.contract-header h2{font-size:36px;letter-spacing:-1.5px}.contract-header{display:block}.verified-stamp{margin-top:26px}.address-box{display:block}.copy-btn{margin-top:16px}.contract-links{display:flex;flex-direction:column;gap:10px}.timeline{grid-template-columns:1fr}.milestone-number{margin-bottom:18px}.supply-panel strong{font-size:95px}.supply-donut{right:-100px;width:320px;height:320px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}


/* Version 1.1 — read-only on-chain dashboard */
.dashboard-section{padding-top:112px;padding-bottom:94px}
.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.dashboard-heading .section-lead p:not(.eyebrow){font-size:14px;color:#a4b5d6;max-width:720px}
.dashboard-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end;flex-shrink:0}
.rpc-indicator{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:760;letter-spacing:.3px;color:#a5b3d0}
.rpc-dot{width:8px;height:8px;background:#8ba0c8;border-radius:100%;box-shadow:0 0 0 3px rgba(139,160,200,.15)}
.rpc-indicator.online .rpc-dot{background:#52e3c7;box-shadow:0 0 13px rgba(82,227,199,.5)}
.rpc-indicator.error .rpc-dot{background:#ffb06a;box-shadow:0 0 11px rgba(255,176,106,.4)}
.dash-action{border:1px solid rgba(64,144,236,.4);background:rgba(23,58,107,.34);border-radius:10px;padding:11px 14px;font-size:12px;font-weight:730;white-space:nowrap}
.dash-action:hover{background:rgba(24,97,184,.35);border-color:#5cbfff}.dash-action:disabled{opacity:.55;cursor:wait}
.dash-action-primary{border-color:rgba(48,196,244,.6);background:linear-gradient(115deg,#066faf,#134ecc)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
.dash-panel{min-width:0;border:1px solid rgba(74,138,226,.27);background:radial-gradient(circle at 100% 0%,rgba(73,40,162,.11),transparent 50%),linear-gradient(145deg,rgba(15,33,68,.98),rgba(10,18,41,.98));border-radius:20px;padding:30px;box-shadow:0 20px 65px rgba(0,0,0,.13)}
.dash-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:850;color:#56d6ef}
.dash-big{font-size:clamp(25px,3vw,40px);font-weight:850;letter-spacing:-1.5px;line-height:1.25;margin:24px 0 11px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.dash-caption{font-size:12px;line-height:1.7;color:#97a9cc;margin:10px 0 20px}
.dash-detail{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid rgba(133,164,225,.13);padding:15px 0 2px;font-size:11px;color:#8298c3}
.dash-detail strong{font-size:12px;color:#d8eaff;font-variant-numeric:tabular-nums}
.dash-wallet h3,.dash-events h3{font-size:25px;letter-spacing:-.7px;margin:13px 0 6px}
.dash-wallet label{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#98b6e4;margin:24px 0 10px}
.dash-wallet input{display:block;width:100%;padding:14px;border-radius:11px;background:rgba(3,10,28,.75);border:1px solid rgba(70,140,234,.4);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#edf6ff;outline:none}
.dash-wallet input:focus{border-color:#42d8f9;box-shadow:0 0 0 3px rgba(46,191,248,.14)}
.dashboard-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.dash-help{font-size:11px;color:#91a3c7}
.wallet-result{margin-top:15px;padding:16px;border:1px solid rgba(52,221,198,.3);background:rgba(16,111,107,.08);border-radius:11px}
.wallet-result>span{display:block;font-size:10px;color:#71e9d3;font-weight:750;letter-spacing:1.2px}
.wallet-result strong{display:block;font-size:clamp(20px,2.8vw,30px);line-height:1.3;margin:8px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wallet-result small{font-size:11px;color:#93afcc;overflow-wrap:anywhere}
.dash-error{border:1px solid rgba(255,163,112,.35);background:rgba(153,69,40,.12);padding:11px 14px;border-radius:9px;color:#ffcbad;font-size:12px;margin-top:14px}
.dash-events{margin-top:18px}
.dash-events-head{display:flex;justify-content:space-between;gap:25px;align-items:center}
.dash-explorer{font-size:12px;font-weight:750;color:#6dd8ff}.dash-explorer:hover{text-decoration:underline}
.transfer-list{display:grid;gap:10px;margin-top:16px}
.transfer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:15px 18px;border:1px solid rgba(114,158,225,.15);border-radius:12px;background:rgba(4,14,35,.45)}
.transfer-row .transfer-addr{font:500 12px/1.7 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;color:#9eb8df}
.transfer-row strong{font-size:16px;color:#deefff;font-variant-numeric:tabular-nums}
.transfer-row a{color:#65ddff;font-size:11px;white-space:nowrap}.transfer-row a:hover{text-decoration:underline}
.dash-empty{font-size:13px;color:#93a8ce;margin:0;border:1px dashed rgba(104,155,219,.24);border-radius:12px;padding:20px}
.dashboard-warning{font-size:11px;color:#8094bc;margin:18px 0 0}
@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-controls{align-items:flex-start;flex-direction:row;flex-wrap:wrap;align-items:center}.dashboard-section{padding-top:75px}}
@media(max-width:570px){.dash-panel{padding:22px}.dash-events-head{flex-direction:column;align-items:flex-start;gap:5px}.transfer-row{grid-template-columns:1fr}.dash-big{font-size:30px}.dash-wallet input{font-size:11px}}

/* Prevent decorative orbit/background artwork from causing sideways scrolling on small screens. */
html, body { overflow-x: clip; }


/* NoClipX v1.2 — live chain activity. All values require successful on-chain reads. */
.activity-section{margin-top:25px;position:relative}
.activity-title-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}
.activity-title-row h3{font-size:clamp(25px,3.1vw,37px);line-height:1.18;letter-spacing:-1.25px;margin:10px 0}
.activity-title-row h3 span{color:#62d8ff}
.activity-title-row .dash-caption{max-width:780px;margin:8px 0 0}
.activity-export{flex-shrink:0}
.activity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:15px}
.activity-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:160px;padding:22px 24px;border:1px solid rgba(66,147,226,.3);border-radius:16px;background:linear-gradient(145deg,rgba(13,32,67,.98),rgba(13,19,45,.95))}
.activity-kpi::after{content:"";position:absolute;right:-24px;top:-38px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(65,74,240,.2),transparent 71%);pointer-events:none}
.activity-kpi>span{font-size:10px;letter-spacing:1.15px;font-weight:850;color:#80add8}
.activity-kpi>strong{font-size:clamp(23px,2.65vw,35px);margin:20px 0 7px;line-height:1.15;font-variant-numeric:tabular-nums;color:#edf7ff;overflow-wrap:anywhere}
.activity-kpi:nth-child(2)>strong{color:#66ddfb}
.activity-kpi:nth-child(3)>strong{color:#d0a4ff}
.activity-kpi>small{font-size:11px;color:#8ca2c6;line-height:1.45}
.activity-chart-panel{overflow:hidden;background:radial-gradient(ellipse at 60% 115%,rgba(39,69,181,.19),transparent 65%),linear-gradient(145deg,#0f2144,#0b1229)}
.chart-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.chart-head h3{margin:8px 0;font-size:24px;letter-spacing:-.55px}
.chart-switch{display:flex;gap:3px;border:1px solid rgba(97,167,238,.2);background:rgba(3,12,28,.55);padding:4px;border-radius:12px}
.chart-mode{padding:10px 13px;border-radius:8px;color:#91a6ce;font-size:12px;font-weight:750;border:0;background:transparent;white-space:nowrap}
.chart-mode:hover{color:white}
.chart-mode.active{color:white;background:linear-gradient(110deg,#057bb6,#4054ae);box-shadow:0 2px 15px rgba(44,131,221,.2)}
.activity-chart{margin:20px 0 14px;min-height:240px;border-radius:13px;background:repeating-linear-gradient(to top,rgba(112,172,237,.095) 0,rgba(112,172,237,.095) 1px,transparent 1px,transparent 48px),linear-gradient(180deg,rgba(18,35,71,.4),rgba(5,14,33,.35));border:1px solid rgba(78,147,237,.19);padding:20px 16px 9px;display:flex;align-items:stretch}
.chart-columns{display:grid;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(4px,1.1vw,14px);align-items:end;min-height:207px}
.chart-column{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;position:relative}
.chart-column-bar{width:100%;max-width:54px;min-height:0;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#7fdfff 0%,#1275d8 48%,#7746e7 100%);box-shadow:0 0 17px rgba(50,118,222,.25);transition:height .65s cubic-bezier(.23,1,.32,1),filter .25s}
.chart-column:nth-child(3n) .chart-column-bar{background:linear-gradient(180deg,#d1a5ff,#824feb 60%,#345fd6)}
.chart-column:hover .chart-column-bar{filter:brightness(1.3);box-shadow:0 0 28px rgba(93,125,245,.44)}
.chart-column.empty .chart-column-bar{box-shadow:none;background:rgba(82,114,164,.11)}
.chart-column-label{font-size:10px;color:#829bc7;font-weight:700;font-variant-numeric:tabular-nums}
.chart-range{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8ea5cf;font-size:11px}
#chart-window{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;font-size:10px;color:#7c91b8}
.chart-disclaimer{color:#7c8fb6;font-size:11px;line-height:1.65;margin:18px 0 0}
.wallet-share{margin-top:14px}.wallet-share-head{display:flex;justify-content:space-between;gap:10px;color:#9ab5db;font-size:10px;letter-spacing:.8px}
.wallet-share-head strong{font-size:12px;color:#73e5d7;letter-spacing:0}
.wallet-share-track{height:5px;border-radius:40px;background:rgba(53,93,152,.36);margin-top:11px;overflow:hidden}
.wallet-share-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#21cde7,#9e77ff);border-radius:40px;transition:width .7s ease}
@media(max-width:780px){.activity-stats{grid-template-columns:1fr 1fr}.activity-kpi:nth-child(3){grid-column:1/-1}.activity-title-row{align-items:flex-start}}
@media(max-width:600px){.activity-stats{grid-template-columns:1fr}.activity-kpi:nth-child(3){grid-column:auto}.activity-kpi{min-height:128px;padding:20px}.activity-kpi>strong{margin:15px 0 6px}.activity-title-row{flex-direction:column}.chart-head{align-items:flex-start;flex-direction:column}.chart-columns{gap:4px}.activity-chart{padding:16px 8px 8px;min-height:200px}.chart-columns{min-height:169px}.chart-range{font-size:10px}.chart-disclaimer{font-size:10px}.activity-export{width:100%}}
@media(prefers-reduced-motion:reduce){.chart-column-bar,.wallet-share-track span{transition:none}}
/* Contain decorative atmospheric glows and off-canvas orbits on narrow screens. */
html { max-width: 100%; overflow-x: hidden; }
body { max-width: 100%; overflow-x: hidden; }
.ambient { position: fixed; }

/* NoClipX v1.2.3 — bounded, transparent historical activity navigation */
.history-scope-note{margin:16px 0 0;border-left:2px solid #53c9ff;padding:8px 12px;color:#b6d2f2;font-size:12px;line-height:1.5;background:rgba(44,110,206,.08)}
.history-browser{margin:23px 0 0;padding:20px;border:1px solid rgba(72,149,224,.28);border-radius:16px;background:linear-gradient(135deg,rgba(5,17,41,.78),rgba(20,26,62,.68))}
.history-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.history-header>div:first-child{display:flex;flex-direction:column;gap:7px}
#history-view{color:#e1f5ff;font-size:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-word}
.history-navigation,.history-jump{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.history-navigation .dash-action,.history-jump .dash-action{font-size:12px;padding:10px 12px}
.history-browser .dash-caption{margin:15px 0 12px}
.history-jump{padding:8px 0 18px}
.history-jump label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:800;letter-spacing:1px;color:#90b2d9}
.history-jump input{height:40px;min-width:160px;max-width:185px;padding:9px 11px;border:1px solid #406da0;border-radius:8px;background:#0a1631;color:#eff8ff;font-size:13px;font-family:ui-monospace,monospace}
.history-jump input:focus-visible{outline:2px solid #4be1fd;outline-offset:2px}
.history-first{border-color:rgba(143,109,255,.5)!important;background:rgba(67,37,130,.23)!important}
.history-totals{border-top:1px solid rgba(117,180,240,.19);padding-top:15px}
.history-total-heading{font-size:10px;color:#83bbea;letter-spacing:1.4px;font-weight:800}
.history-total-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.history-total-grid>div{display:flex;flex-direction:column;gap:6px;padding:13px;background:rgba(33,62,111,.33);border:1px solid rgba(95,161,229,.12);border-radius:11px}
.history-total-grid span{font-size:11px;color:#a0badf}.history-total-grid strong{font-size:23px;color:#eaf8ff;font-variant-numeric:tabular-nums}
.history-totals .dash-caption{font-size:11px;color:#879fc5;margin-bottom:0}
.history-browser button:disabled{opacity:.43;cursor:not-allowed}
.transfer-block-number{display:block;color:#9ab7de;font-size:11px;margin-top:4px}
@media(max-width:700px){.history-browser{padding:14px}.history-navigation{width:100%}.history-navigation .dash-action{flex:1}.history-total-grid{gap:7px}.history-total-grid>div{padding:10px}.history-total-grid strong{font-size:19px}}
@media(max-width:430px){.history-navigation .dash-action{flex-basis:45%}.history-total-grid{grid-template-columns:1fr}.history-total-grid>div{flex-direction:row;justify-content:space-between;align-items:center}.history-jump label{flex:1}.history-jump input{width:100%;max-width:none;min-width:0}}

/* NoClipX v1.2.4 — separate mint, burn, transfers and total supply */
.flow-breakdown{border:1px solid rgba(66,147,226,.26);border-radius:16px;padding:17px 18px 18px;margin:0 0 17px;background:rgba(6,20,48,.46)}
.flow-breakdown-heading{font-size:10px;letter-spacing:1.3px;color:#7cbbef;font-weight:850;margin-bottom:12px}
.flow-breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.flow-mini{display:flex;flex-direction:column;min-width:0;gap:7px;border:1px solid rgba(105,174,239,.17);background:linear-gradient(120deg,rgba(25,40,80,.55),rgba(9,17,40,.6));border-radius:12px;padding:15px 16px}
.flow-mini span{font-size:10px;letter-spacing:.8px;font-weight:800;color:#99bcdf}
.flow-mini strong{font-size:clamp(17px,1.8vw,25px);font-variant-numeric:tabular-nums;color:#e4f6ff;overflow-wrap:anywhere}
.flow-mini:nth-child(1) strong{color:#a8a3ff}.flow-mini:nth-child(2) strong{color:#edb0e0}.flow-mini:nth-child(3) strong{color:#6be9dc}
.flow-mini small{font-size:11px;line-height:1.5;color:#879fc8}
.transfer-kind{display:block;font-size:10px;font-weight:800;letter-spacing:.5px;margin:0 0 5px;color:#62d7ef}
.transfer-kind-mint{color:#b5a5ff}.transfer-kind-burn{color:#efadcf}
@media(max-width:820px){.flow-breakdown-grid{grid-template-columns:1fr 1fr}.flow-mini:nth-child(3){grid-column:1/-1}}
@media(max-width:570px){.flow-breakdown-grid{grid-template-columns:1fr}.flow-mini:nth-child(3){grid-column:auto}.flow-mini{padding:14px}}


/* NoClipX v1.3.0 — Wallet Portal and Advanced Explorer */
.portal-section,.advanced-section{scroll-margin-top:95px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}
.portal-card{min-width:0;border:1px solid rgba(87,162,240,.29);background:radial-gradient(circle at 100% 0%,rgba(96,54,196,.19),transparent 58%),linear-gradient(145deg,rgba(11,31,65,.96),rgba(8,16,37,.96));padding:clamp(19px,3vw,29px)}
.portal-card h3{font-size:clamp(21px,2.7vw,29px);line-height:1.18;letter-spacing:-.7px;margin:13px 0 12px;color:#f4fbff}
.portal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.portal-chain-badge{border:1px solid rgba(128,161,209,.3);border-radius:999px;padding:7px 12px;color:#bbcde5;background:rgba(33,59,101,.3);font-size:11px}
.portal-chain-badge.connected{color:#79f1d6;border-color:rgba(76,230,177,.44)}.portal-chain-badge.wrong{color:#ffd0a8;border-color:rgba(236,177,105,.5)}
.portal-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8cdeff;font-size:clamp(12px,1.4vw,16px);word-break:break-all;margin:18px 0}
.portal-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-actions>*{flex:1}
.portal-balance-label{color:#90b5d8;font-size:10px;letter-spacing:1px;font-weight:800;margin-top:30px}.portal-balance{font-size:clamp(23px,3vw,35px);margin:14px 0 18px}
#portal-send-form,#explorer-tx-form,#explorer-wallet-form{display:flex;flex-direction:column;gap:11px;margin-top:15px}
#portal-send-form label:not(.portal-consent),#explorer-tx-form label,#explorer-wallet-form label{font-size:10px;color:#a2bde0;font-weight:850;letter-spacing:.8px}
#portal-send-form input:not([type=checkbox]),#explorer-tx-form input,#explorer-wallet-form input{height:45px;width:100%;min-width:0;border:1px solid #3d6597;border-radius:9px;background:#07162f;color:#f0f9ff;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
#portal-send-form input:focus-visible,#explorer-tx-form input:focus-visible,#explorer-wallet-form input:focus-visible{outline:2px solid #59d9fa;outline-offset:2px}
.portal-consent{display:flex;align-items:flex-start;gap:9px;margin:7px 0;line-height:1.5;color:#bad1e9;font-size:12px}.portal-consent input{accent-color:#3fc7f2;margin-top:3px;flex-shrink:0}
#portal-send-status,#portal-status,#explorer-wallet-status,#explorer-tx-status{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}
#portal-tx-link,.explorer-result a{color:#71ddff;overflow-wrap:anywhere}.portal-bottom-note{margin:20px 0;border-left:2px solid #74cfff;padding:12px 15px;background:rgba(49,104,190,.11);font-size:12px;line-height:1.5;color:#aac6e7}
.explorer-result{margin-top:20px;border-top:1px solid rgba(119,160,212,.22);padding-top:16px;min-width:0}.explorer-data{display:grid;gap:8px}
.explorer-data-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid rgba(109,152,207,.14)}
.explorer-data-row span{font-size:11px;color:#94b1d4}.explorer-data-row strong{color:#f2f9ff;font-size:12px;overflow-wrap:anywhere;text-align:right;max-width:66%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.explorer-data-title{font-size:14px;color:#a8e8ff;font-weight:800;margin:18px 0 8px}.explorer-transfer{border:1px solid rgba(84,148,231,.22);border-radius:11px;margin-top:9px;padding:12px;background:rgba(9,22,50,.7)}
.explorer-transfer p{font-size:12px;color:#dbeafe;margin:5px 0;overflow-wrap:anywhere}.explorer-transfer small{color:#95b5d9}.explorer-transfer a{display:inline-block;margin-top:9px;font-size:12px}
.portal-card button:disabled{opacity:.48;cursor:not-allowed}.portal-section .dash-caption,.advanced-section .dash-caption{font-size:12px;line-height:1.62}
@media(max-width:880px){.portal-grid{grid-template-columns:1fr}}
@media(max-width:560px){.portal-card{padding:17px}.portal-actions{flex-direction:column}.explorer-data-row{flex-direction:column;gap:4px}.explorer-data-row strong{max-width:100%;text-align:left}.portal-chain-badge{font-size:10px}}
/* Wider navigation with two new sections: switch to the mobile menu before links overlap. */
@media (min-width:1061px){.desktop-nav{gap:clamp(11px,1.15vw,20px)}.desktop-nav a{font-size:12px}.nav-shell{gap:12px}}
@media (min-width:761px) and (max-width:1060px){.desktop-nav,.nav-contract{display:none}.menu-toggle{display:flex}.mobile-nav{display:block}.mobile-nav[hidden]{display:none}}