*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#000000;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(143,143,150,0.18);border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:rgba(143,143,150,0.32);}
input[type=range].grad-range{-webkit-appearance:none;appearance:none;width:100%;height:7px;border-radius:7px;cursor:pointer;background-color:rgba(9,9,11,0.8);background-image:linear-gradient(90deg,#4a4a50,#c5c4c9);background-repeat:no-repeat;}
input[type=range].grad-range::-webkit-slider-runnable-track{-webkit-appearance:none;height:7px;border-radius:7px;background:transparent;}
input[type=range].grad-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ffffff;border:2px solid #8f8f96;box-shadow:0 2px 6px rgba(0,0,0,0.45);margin-top:-5px;}
input[type=range].grad-range::-moz-range-track{height:7px;border-radius:7px;background:rgba(9,9,11,0.8);}
input[type=range].grad-range::-moz-range-progress{height:7px;border-radius:7px;background:linear-gradient(90deg,#4a4a50,#c5c4c9);}
input[type=range].grad-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffffff;border:2px solid #8f8f96;}
@keyframes iqf-ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes iqf-pulse{0%,100%{opacity:1;}50%{opacity:0.32;}}
@keyframes iqf-eligglow{0%,100%{opacity:0.28;}50%{opacity:0.85;}}
@keyframes iqf-emblemglow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 0 20px -6px var(--glow);}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 0 8px -6px var(--glow);}}
@keyframes rank-arrow{0%,100%{transform:translateX(0);}50%{transform:translateX(4px);}}
@keyframes iqf-shine{0%{background-position:140% 0;}100%{background-position:-40% 0;}}
.shine10{position:relative; display:inline-block; background:linear-gradient(125deg,#8b6cf5 0%,#8b6cf5 38%,#e2e2e6 47%,#ffffff 50%,#e2e2e6 53%,#8b6cf5 62%,#8b6cf5 100%); background-size:260% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:shine10move 1.8s ease-in-out infinite;}
@keyframes shine10move{0%{background-position:125% 0;} 67%{background-position:-25% 0;} 100%{background-position:-25% 0;}}
@keyframes more-flash{0%,100%{filter:brightness(1);} 50%{filter:brightness(1.32);}}
.more-flash{animation:more-flash 0.8s ease-in-out 5;}
@keyframes trade-in{from{opacity:0;transform:translateY(-8px);background:rgba(150,150,156,0.06);}to{opacity:1;transform:none;}}
@keyframes trade-pop{0%{opacity:0;transform:translateY(-14px) scale(0.98);background:rgba(255,255,255,0.07);}55%{opacity:1;transform:none;}100%{background:transparent;}}
@keyframes iqf-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
@keyframes iqf-cardin{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@keyframes iqf-inleft{from{opacity:0;transform:translateX(-48px);}to{opacity:1;transform:none;}}
@keyframes iqf-inright{from{opacity:0;transform:translateX(48px);}to{opacity:1;transform:none;}}
@keyframes iqf-introL{from{transform:translateX(-44px);}to{transform:none;}}
@keyframes iqf-fadein{from{opacity:0;}to{opacity:1;}}
@keyframes iqf-floatA{0%,100%{transform:translate(0,0);}50%{transform:translate(9px,-15px);}}
@keyframes iqf-floatB{0%,100%{transform:translate(0,0);}50%{transform:translate(-12px,11px);}}
@keyframes iqf-floatC{0%,100%{transform:translate(0,0);}33%{transform:translate(8px,10px);}66%{transform:translate(-7px,-9px);}}
@keyframes iqf-sheen{from{transform:translateX(-130%);}to{transform:translateX(130%);}}
@keyframes iqf-gloss{0%{opacity:0;transform:translateX(-220px) skewX(-14deg);}7%{opacity:0;}18%{opacity:0.85;}32%{opacity:1;}48%{opacity:0.75;}58%{opacity:0;transform:translateX(1020px) skewX(-14deg);}100%{opacity:0;transform:translateX(1020px) skewX(-14deg);}}
@keyframes iqf-facewave{0%,100%{transform:perspective(1500px) rotateY(0deg) rotateX(0deg);}25%{transform:perspective(1500px) rotateY(6deg) rotateX(-2deg);}50%{transform:perspective(1500px) rotateY(0deg) rotateX(2.2deg);}75%{transform:perspective(1500px) rotateY(-6deg) rotateX(-1.4deg);}}
@keyframes iqf-modalin{from{opacity:0;transform:translateY(12px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes iqf-modalout{from{opacity:1;transform:none;}to{opacity:0;transform:translateY(8px) scale(.975);}}
@keyframes iqf-overlayin{from{opacity:0;}to{opacity:1;}}
@keyframes iqf-overlayout{from{opacity:1;}to{opacity:0;}}
@keyframes iqf-pnext{from{opacity:0;transform:translateX(16px);}to{opacity:1;transform:none;}}
@keyframes iqf-pprev{from{opacity:0;transform:translateX(-16px);}to{opacity:1;transform:none;}}
@keyframes iqf-minerglow{0%,100%{opacity:0.4;}50%{opacity:1;}}
@keyframes iqf-herofloat{0%,100%{transform:scale(1);}50%{transform:scale(1.038);}}
@keyframes iqf-paysel{0%{opacity:0;transform:scale(0.95);}100%{opacity:1;transform:scale(1);}}
@keyframes iqf-paycheck{0%{opacity:0;transform:scale(0);}60%{transform:scale(1.28);}100%{opacity:1;transform:scale(1);}}
@keyframes iqf-minerpulse{0%,100%{opacity:0.55;transform:translate(-50%,-50%) scale(0.92);}50%{opacity:0.95;transform:translate(-50%,-50%) scale(1.08);}}
@keyframes iqf-navglow{0%,100%{box-shadow:0 0 22px rgba(143,143,150,0.32), inset 0 0 22px rgba(143,143,150,0.1);}50%{box-shadow:0 0 42px rgba(143,143,150,0.6), inset 0 0 28px rgba(143,143,150,0.18);}}
.lang-item:hover .lang-dot{ background:#c2c2c8 !important; opacity:1 !important; }
.lang-btn{ transition:color .2s ease; }
.lang-btn:hover{ color:#ffffff !important; }
@keyframes iqf-menu-in{0%{opacity:0;transform:translateY(-9px) scale(0.965);}100%{opacity:1;transform:translateY(0) scale(1);}}
@keyframes iqf-menu-out{0%{opacity:1;transform:translateY(0) scale(1);}100%{opacity:0;transform:translateY(-7px) scale(0.975);}}
@keyframes iqf-toastin{0%{opacity:0;transform:translateY(-26px) scale(0.97);}100%{opacity:1;transform:translateY(0) scale(1);}}
@keyframes iqf-toastout{0%{opacity:1;transform:translateY(0) scale(1);}100%{opacity:0;transform:translateY(-18px) scale(0.975);}}
@keyframes iqf-langitem-in{0%{opacity:0;transform:translateX(-7px);}100%{opacity:1;transform:translateX(0);}}
.lang-menu-in{animation:iqf-menu-in .24s cubic-bezier(0.18,0.82,0.2,1) both;}
.lang-menu-out{animation:iqf-menu-out .2s cubic-bezier(0.4,0,0.7,0.2) both;pointer-events:none;}
.lang-menu-in .lang-item{animation:iqf-langitem-in .36s cubic-bezier(0.18,0.82,0.2,1) both;}
.lang-menu-in .lang-item:nth-child(1){animation-delay:.03s}
.lang-menu-in .lang-item:nth-child(2){animation-delay:.06s}
.lang-menu-in .lang-item:nth-child(3){animation-delay:.09s}
.lang-menu-in .lang-item:nth-child(4){animation-delay:.12s}
.lang-menu-in .lang-item:nth-child(5){animation-delay:.15s}
.lang-menu-in .lang-item:nth-child(6){animation-delay:.18s}
.nav-btn:hover{ border-color:rgba(166,166,172,0.32) !important; background-color:rgba(143,143,150,0.1) !important; box-shadow:0 0 0 1px rgba(166,166,172,0.12) inset !important; }
.copy-btn:hover{ border-color:rgba(255,255,255,0.3) !important; color:#ffffff !important; }
.swap-cta:hover{ filter:brightness(1.28) !important; }
@keyframes iqf-ph-pulse{0%,100%{opacity:0.32}50%{opacity:0.9}}
.amt-hint::placeholder{ color:#c9c4ff; opacity:0.32; animation:iqf-ph-pulse 1.5s ease-in-out infinite; }
.amt-hint::-webkit-input-placeholder{ color:#c9c4ff; animation:iqf-ph-pulse 1.5s ease-in-out infinite; }
.amt-hint:focus::placeholder{ animation:none; opacity:0.3; color:#8f8f96; }
.amt-hint:focus::-webkit-input-placeholder{ animation:none; opacity:0.3; color:#8f8f96; }
.swap-cta-soft{ transition:filter .2s ease; }
.swap-cta-soft:hover{ filter:brightness(1.12) !important; }
.wallet-copy:hover{ opacity:0.95 !important; color:#ffffff !important; }
.disconnect-btn:hover{ opacity:0.8 !important; color:#ff2a2b !important; }
input{ -webkit-appearance:none; appearance:none; padding:0; margin:0; }
.asym-tbl-body > div:last-child{ border-bottom:none !important; }
@media (min-width: 961px){
.tb-body{ gap:22px; padding:15px 18px; }
.tb-left{ padding:0 12px; }
.tb-grid{ grid-template-columns:auto 61px 61px; justify-content:center; }
}
@media (min-width: 761px){
.rank-pill{ font-size:10px !important; }
.rank-pill .shine10{ font-size:17px !important; }
}
.crumb-back:hover{ color:#ffffff !important; }
.news-track{ animation:iqf-ticker 90s linear infinite; }
.news-bar:hover .news-track{ animation-play-state:paused; }
@keyframes iqf-menuin{from{opacity:0;transform:translateY(-8px) scale(.96);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes iqf-menuout{from{opacity:1;transform:translateY(0) scale(1);}to{opacity:0;transform:translateY(-8px) scale(.96);}}
@keyframes iqf-chartglow{0%,100%{opacity:0.5;filter:drop-shadow(0 0 2px rgba(139,108,245,0.4));}50%{opacity:0.95;filter:drop-shadow(0 0 10px rgba(139,108,245,0.95));}}
@keyframes iqf-chartfill{0%,100%{opacity:0.72;}50%{opacity:1;}}
.chart-line{animation:iqf-chartglow 2.4s ease-in-out infinite;}
.chart-fill{animation:iqf-chartfill 2.4s ease-in-out infinite;}
@keyframes iqf-chartrun{from{stroke-dashoffset:6;}to{stroke-dashoffset:-100;}}
.chart-runner{stroke-dasharray:4 320; opacity:0.6; animation:iqf-chartrun 3.4s linear infinite;}
@keyframes dotping{ 0%{transform:scale(0.5); opacity:0.85;} 70%{opacity:0;} 100%{transform:scale(2.7); opacity:0;} }
@keyframes dotcore{ 0%,100%{box-shadow:0 0 7px rgba(173,173,179,0.9), 0 0 14px rgba(143,143,150,0.55);} 50%{box-shadow:0 0 11px rgba(173,173,179,1), 0 0 22px rgba(143,143,150,0.8);} }
@keyframes star-twinkle{ 0%,100%{ transform:scale(0.9); } 50%{ transform:scale(1.18); } }
@keyframes rank-bg{ 0%,100%{ background-size:100% 100%, 100% 100%; background-position:0% 32%, 0 0; } 50%{ background-size:135% 145%, 100% 100%; background-position:8% 25%, 0 0; } }
@keyframes iqf-minerpulse-soft{0%,100%{opacity:0.3;transform:translate(-50%,-50%) scale(0.94);}50%{opacity:0.5;transform:translate(-50%,-50%) scale(1.04);}}
/* iPhone/OLED wide-gamut renders saturated glows far brighter than sRGB desktop — tone the miner glow down on touch devices only (retina Mac untouched) */
@media (hover: none) and (pointer: coarse){
.miner-glow{ animation-name:iqf-minerpulse-soft !important; filter:blur(13px) !important; }
}
/* phone width: miner card stacks full-width, so the 84% glow spreads too wide — rein it in (phone only, tablet/desktop untouched) */
@media (max-width: 1000px){
/* concentrated, brighter glow on tablet + phone so both read identically (desktop >1000 untouched) */
.miner-glow{ width:122% !important; filter:blur(11px) brightness(1.25) !important;
-webkit-mask:radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0.55) 32%, transparent 64%) !important;
mask:radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0.55) 32%, transparent 64%) !important; }
}
@media (max-width: 600px){
.miner-glow{ width:52% !important; filter:blur(9px) brightness(1.25) !important; }
.iqf-toast{ top:12px !important; left:14px !important; right:14px !important; display:flex; justify-content:center; z-index:460 !important; }
}
/* ===================== RESPONSIVE ===================== */
#mobile-topbar{ display:none; }
#mobile-topbar.topbar-scrolled{ box-shadow:0 8px 28px -16px rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.07) !important; }
#nav-backdrop{ display:none; }
@media (max-width: 1000px){
#app-aside{ position:fixed; top:0; left:0; bottom:0; z-index:60; width:282px; max-width:86vw; height:100dvh !important; padding-top:14px !important; padding-bottom:calc(22px + env(safe-area-inset-bottom)) !important; transform:translateX(-102%); transition:transform .34s cubic-bezier(.4,0,.2,1); }
.sb-logo{ padding:0 !important; }
.sb-logo img{ width:50px !important; height:50px !important; }
.news-bar::before{ display:none !important; }
.news-bar{ border:1px solid rgba(255,255,255,0.08) !important; }
.news-wrap{ margin-bottom:0 !important; }
.aside-wallet{ display:none !important; }
#app-root[data-navopen="true"] #app-aside{ transform:translateX(0) !important; box-shadow:0 24px 80px rgba(0,0,0,0.7); }
#nav-backdrop{ display:block; position:fixed; inset:0; z-index:55; background:rgba(4,4,9,0.62); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .3s ease; }
#app-root[data-navopen="true"] #nav-backdrop{ opacity:1 !important; pointer-events:auto; }
#mobile-topbar{ display:flex !important; position:fixed; top:0; left:0; right:0; z-index:52; height:68px; align-items:center; gap:12px; padding:0 16px; background:linear-gradient(180deg, rgba(13,13,16,0.98), rgba(9,9,11,0.94)); box-shadow:0 8px 28px -16px rgba(0,0,0,0.9); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
#app-root{ height:100dvh !important; }
#scroll-main{ -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain; }
#app-aside{ -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
#scroll-content{ padding:14px 16px calc(40px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 960px){
.r-asym{ grid-template-columns:1fr !important; }
.r-3{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width: 760px){
.r-2{ grid-template-columns:1fr !important; }
.earn-grid{ grid-template-columns:1fr 1fr !important; }
.top-strip{ grid-template-columns:1fr !important; }
.mp-card{ width:100% !important; }
.mp-row{ grid-template-columns:1fr !important; }
.am-card{ width:100% !important; }
.se-body{ flex-direction:column !important; }
.rank-share-row{ grid-template-columns:1fr !important; }
.se-claim{ flex-basis:auto !important; border-left:none !important; border-top:1px solid rgba(255,255,255,0.07) !important; padding-left:0 !important; padding-top:16px !important; }
.r-3{ grid-template-columns:1fr !important; }
.r-4{ grid-template-columns:repeat(2,1fr) !important; }
.r-6{ grid-template-columns:repeat(3,1fr) !important; }
.premine-row{ padding:16px 24px !important; gap:14px !important; align-items:flex-start !important; }
.premine-row > span:first-child{ align-self:center !important; }
.premine-main{ flex-direction:column !important; align-items:flex-start !important; gap:13px !important; }
.premine-main > button{ width:100% !important; padding-top:13px !important; padding-bottom:13px !important; }
.tier-nm{ flex-direction:column !important; gap:2px !important; align-items:center !important; }
.proj-chart{ margin-left:-14px !important; margin-right:-14px !important; }
.pot-desktop{ display:none !important; }
.pot-mobile{ display:block !important; }
.burn-head-labels{ display:none !important; }
.burn-head-row{ display:grid !important; }
.spec-name{ font-size:12px !important; margin-bottom:8px !important; }
.spec-price{ font-size:23px !important; }
.rank-body{ flex-direction:column !important; align-items:stretch !important; gap:16px !important; padding:22px 18px 20px !important; }
.rank-hero{ gap:14px !important; }
.rank-foot{ flex-direction:column !important; align-items:stretch !important; gap:0 !important; }
.rank-foot-meta{ width:100% !important; padding-right:0 !important; gap:0 !important; white-space:normal !important; }
.rank-foot-meta > div{ display:flex !important; justify-content:space-between !important; align-items:baseline !important; width:100% !important; padding:9px 0 !important; border-bottom:1px solid rgba(255,255,255,0.07) !important; gap:12px !important; }
.rank-foot-meta > div:first-child{ padding-top:0 !important; }
.rank-foot-stats{ width:100% !important; justify-content:space-between !important; gap:0 !important; padding-top:14px !important; }
.rank-foot-stats > div{ flex:1 1 0 !important; align-items:flex-start !important; }
.rank-foot-stats > div:last-child{ padding-left:16px !important; border-left:1px solid rgba(255,255,255,0.07) !important; }
.rank-reg-top{ top:20px !important; right:16px !important; }
.rank-zone-stats{ margin-left:0 !important; padding-left:0 !important; border-left:none !important; border-top:1px solid rgba(255,255,255,0.08) !important; padding-top:14px !important; }
.rank-zone-stats > div{ flex:1 1 0 !important; }
.rank-zone-meta{ margin-left:0 !important; border-left:none !important; padding-left:0 !important; border-top:1px solid rgba(255,255,255,0.08) !important; padding-top:14px !important; width:100% !important; }
.rank-sep{ display:none !important; }
.rank-label{ white-space:nowrap !important; letter-spacing:0.05em !important; font-size:10px !important; }
.rank-num{ letter-spacing:normal !important; }
.rank-prog-left{ flex:0 0 auto !important; border:none !important; background:transparent !important; padding:14px 0 !important; }
.rank-head{ display:none !important; }
.rankof-d{ display:none !important; }
.rankof-m{ display:inline !important; }
.rank-right{ align-items:stretch !important; }
.rank-right > div{ margin-right:0 !important; width:100% !important; align-items:stretch !important; }
.rank-pill{ background:none !important; border:none !important; box-shadow:none !important; padding:0 !important; align-items:baseline !important; }
.rank-pill .shine10{ font-size:18px !important; }
.r-spechero{ flex-direction:column !important; align-items:stretch !important; gap:16px !important; }
.r-spechero > div:first-child{ width:100% !important; height:auto !important; padding:14px 0 !important; }
.r-minerbody{ flex-direction:column !important; align-items:stretch !important; gap:16px !important; padding-top:16px !important; }
.r-minerbody > div:first-child{ flex:0 0 auto !important; min-height:0 !important; padding:0 !important; border-right:0 !important; }
.r-minerbody img{ max-width:101px !important; }
}
@media (max-width: 600px){
.r-tabbar{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; width:100% !important; max-width:100% !important; gap:4px !important; overflow:visible !important; }
.r-tabbar button{ min-width:0 !important; padding:10px 4px !important; gap:5px !important; flex:1 1 0 !important; }
.r-pay4{ grid-template-columns:repeat(2,1fr) !important; }
.r-6{ grid-template-columns:repeat(3,1fr) !important; }
.vlock-head{ flex-direction:column !important; align-items:flex-start !important; gap:6px !important; }
.vlock-sub{ margin-left:51px !important; }
.pay-price-block{ flex-direction:column !important; align-items:flex-end !important; gap:2px !important; }
.pay-name, .pay-pricev{ font-size:18px !important; }
.r-pay4 > button, .r-pay4 > div{ padding-top:13px !important; padding-bottom:11px !important; }
.pay-bal{ font-size:16px !important; }
.pay-tk{ font-size:12px !important; }
.live-sep1{ display:none !important; }
.live-break{ display:block !important; flex-basis:100% !important; width:100% !important; height:0 !important; }
.live-pill{ row-gap:3px !important; }
.mp-div{ margin:15px -22px !important; }
.mp-stats{ align-items:end !important; }
div:has(> .dp-title){ flex-wrap:wrap !important; row-gap:10px !important; }
.dp-search{ flex:1 1 100% !important; order:3 !important; }
.dp-search input{ width:100% !important; max-width:none !important; }
.dp-sort{ display:none !important; }
.dp-grid{ grid-template-columns:minmax(0,1fr) auto 38px 38px 26px !important; gap:0 12px !important; padding-left:13px !important; padding-right:13px !important; }
.dp-lvl{ display:none !important; }
.dp-addr-full{ display:none !important; }
.dp-addr-short{ display:inline !important; }
}
/* ===== phone: stop cards blowing wider than the screen ===== */
@media (max-width:600px){
#scroll-content div[style*="grid-template-columns"] > *{ min-width:0; }
.top-strip, .am-card, .mp-card, .mp-stats{ min-width:0 !important; }
.am-card{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
.am-card > div{ min-width:0 !important; padding:16px 13px !important; gap:11px !important; }
.mp-stats{ grid-template-columns:1fr 1fr !important; }
.mp-stats > div{ min-width:0 !important; padding:16px 16px 16px 22px !important; }
.mp-stats > div:nth-child(2){ padding:16px 22px 16px 16px !important; }
.mp-hero{ display:grid !important; grid-template-columns:1fr auto !important; grid-template-rows:auto auto !important; align-items:center !important; column-gap:12px !important; row-gap:14px !important; padding:12px 22px 16px !important; position:static !important; }
.mp-hero > div:first-child{ grid-row:1 !important; grid-column:1 !important; }
.mp-barcol{ grid-row:2 !important; grid-column:1 / -1 !important; margin-bottom:0 !important; }
.mp-barwrap{ width:100% !important; min-width:0 !important; }
.mp-add-phone{ display:flex !important; grid-row:1 !important; grid-column:2 !important; align-self:center !important; justify-self:end !important; }
.mp-hero span[data-count]{ font-size:26px !important; }
/* phone: ACTIVE MINERS / IQF-DAY breathing room + smaller numbers, matched across Mining Power & Wallet */
.am-card{ background-image:linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.024) 14%, transparent 30%),radial-gradient(130% 88% at 50% -24%, rgba(255,255,255,0.105), transparent 66%),linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.34) 62%, rgba(0,0,0,0.66) 100%),repeating-linear-gradient(45deg,rgba(255,255,255,0.038) 0,rgba(255,255,255,0.038) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(45deg,rgba(0,0,0,0.32) 2px,rgba(0,0,0,0.32) 3px,transparent 3px,transparent 4px),radial-gradient(150% 140% at 14% -12%, rgba(255,255,255,0.13), transparent 62%) !important; }
.am-card > div{ padding-top:19px !important; padding-bottom:19px !important; }
.am-card [style*="22px / 1 "]{ font-size:16px !important; }
.mp-stats [style*="17px / 1 "]{ font-size:16px !important; }
.mw-card [style*="17px / 1 "]{ font-size:16px !important; }
.mw-card [style*="18px / 1 "]{ font-size:16px !important; }
.mw-card [data-count]{ font-size:27px !important; }
.mw-card > div:first-child{ padding-bottom:20px !important; }
/* phone: Bonus Power / Burn & Fees — labels inline with title like desktop */
.burn-head-labels{ display:grid !important; }
.rank-name{ font-size:19px !important; white-space:nowrap !important; }
.rank-star-ic{ margin-right:8px !important; }
.lp-tvl{ flex-wrap:nowrap !important; gap:6px !important; white-space:nowrap !important; padding-left:12px !important; padding-right:12px !important; }
.lp-tvl > span:first-child{ font-size:8px !important; letter-spacing:0.1em !important; }
.lp-tvl > span:nth-child(2){ font-size:12px !important; }
.lp-tvl-pair{ font-size:9px !important; min-width:0 !important; }
.rank-prog-right svg{ width:78px !important; height:78px !important; right:-16px !important; }
.burn-head-row{ display:none !important; }
}
.cx-minerhead{ grid-template-columns:150px minmax(0,1fr) !important; }
.cx-minerhead > div{ min-width:0 !important; }
@media (max-width:860px){
.cx-hero{ grid-template-columns:1fr !important; }
.cx-row{ grid-template-columns:1fr !important; }
.cx-cd-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:7px 10px !important; }
}
@media (max-width:560px){
.cx-minerhead{ grid-template-columns:96px minmax(0,1fr) !important; gap:15px !important; padding:16px !important; }
.cx-cd-grid{ grid-template-columns:minmax(0,1fr) !important; }
.cx-minerhead > div:first-child{ padding:0 6px !important; background:radial-gradient(ellipse 62% 72% at 50% 50%, rgba(143,143,150,0.20), transparent 72%) !important; }
.cx-deal-row{ flex-wrap:wrap !important; }
.cx-deal-row > button{ flex:1 1 100% !important; }
}
@media (max-width:420px){
.cx-minerhead{ grid-template-columns:1fr !important; }
.cx-minerhead > div:first-child{ max-height:120px !important; }
.cx-stat3{ grid-template-columns:1fr 1fr !important; }
}
#my-iqf-page [style*="9px / 1"]{ font-size:10px !important; }
@media (max-width:760px){
.page-h1{ font-size:25px !important; }
.spec-actions{ width:100% !important; }
.spec-actions > button{ flex:1 1 0 !important; padding-left:6px !important; padding-right:6px !important; }
}
@media (max-width: 900px){ #top-nav{ gap:10px !important; padding:0 !important; height:64px !important; } .top-navbtn{ padding:10px 11px !important; } .top-navlinks{ gap:16px !important; } .top-navbtn{ letter-spacing:0.08em !important; } .lang-label{ display:none !important; } }
@media (max-width:1000px){ .nav-inner{ padding:0 24px 0 16px !important; } }
@property --iqf-a{syntax:'';initial-value:0deg;inherits:false;}
@keyframes iqf-bordertrace{to{--iqf-a:360deg;}}
@keyframes accent-pulse{0%,100%{opacity:0.45;}50%{opacity:1;}}
@keyframes rank-beam{to{offset-distance:100%;}}
@keyframes iqf-noisedrift{from{background-position:0 0;}to{background-position:0 640px;}}
@keyframes iqf-scan{0%{transform:translateX(-12%);}50%{transform:translateX(92%);}100%{transform:translateX(-12%);}}
@keyframes iqf-scanline{0%{transform:translateY(0);opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{transform:translateY(1400px);opacity:0;}}
@keyframes iqf-griddrift{from{background-position:0 0,0 0,0 0;}to{background-position:44px 44px,44px 44px,44px 44px;}}
button[style*="156, 126, 246"]{ border:none !important; border-radius:10px !important; transition:box-shadow .4s cubic-bezier(.22,.61,.36,1), transform .4s cubic-bezier(.22,.61,.36,1) !important; transform:translateY(0) !important; box-shadow:inset 0 0 0 1px rgba(158,132,222,0.44), inset 0 1.5px 0 rgba(255,255,255,0.42), inset 0 -11px 22px rgba(28,18,58,0.45), 0 10px 26px -8px rgba(110,80,210,0.15) !important; }
button[style*="156, 126, 246"]:hover{ transform:translateY(-1px) !important; box-shadow:inset 0 0 0 1px rgba(182,158,238,0.55), inset 0 1.5px 0 rgba(255,255,255,0.52), inset 0 -11px 22px rgba(28,18,58,0.45), 0 10px 28px -8px rgba(110,80,210,0.575) !important; }
button.mcard-buy{ border-radius:0 !important; border:none !important; border-left:1px solid rgba(0,0,0,0.4) !important; transform:none !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 1px 0 rgba(255,255,255,0.16) !important; }
button.mcard-buy:hover{ transform:translateY(-1px) !important; filter:brightness(1.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 1px 0 rgba(255,255,255,0.16) !important; }
.shop-miner-card{ transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease; }
.shop-miner-card:hover{ transform:translateY(-4px); box-shadow:0 36px 78px -24px rgba(0,0,0,0.92), inset 0 1px 0 rgba(255,255,255,0.14); }
@media (max-width:900px){
#top-nav{ height:auto !important; }
.nav-inner{ height:64px !important; padding:0 16px !important; gap:14px !important; }
.top-navcap{ display:none !important; }
.nav-burger{ display:inline-flex !important; margin-right:0 !important; }
#hero-bg, #hero-bg-2{ display:none !important; }
.nav-spacer{ display:none !important; }
.nav-right{ gap:14px !important; }
}
@media (max-width:620px){
.nav-inner{ gap:12px !important; }
.iqf-price-pill{ margin-left:0 !important; padding:6px 8px !important; gap:6px !important; }
.iqf-price-pill > span:last-child{ font-size:10px !important; }
.nav-right{ gap:14px !important; }
.pd-statgrid{ grid-template-columns:1fr !important; }
.pd-statgrid > div{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; padding:13px 15px !important; }
.pd-statgrid > div > div:first-child{ margin-bottom:0 !important; }
.pd-statnum{ text-align:right; white-space:nowrap; }
.cx-mp-head{ padding-bottom:8px !important; }
.spec-statgrid > div{ text-align:center !important; }
.nrr-card{ display:flex !important; align-items:center !important; }
.nrr-body{ padding-top:16px !important; padding-bottom:16px !important; width:100% !important; }
}
/* ===== phone burger menu ===== */
.nav-burger{ display:none; align-items:center; justify-content:center; width:42px; height:42px; flex:0 0 auto; border-radius:10px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.02); cursor:pointer; color:#ffffff; transition:border-color .2s, background .2s; }
.nav-burger:hover{ border-color:rgba(176,150,255,0.45); background:rgba(139,108,245,0.08); }
.nav-burger .burger-x{ display:none; }
#app-root[data-navopen="true"] .nav-burger .burger-bars{ display:none; }
#app-root[data-navopen="true"] .nav-burger .burger-x{ display:block; }
.mnav-wrap{ display:none; }
.mnav-item{ position:relative; z-index:0; display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:15px 16px; border:none; border-radius:10px; background:transparent; cursor:pointer; color:#c5c4c9; font:700 13px/1 'Manrope'; letter-spacing:0.06em; text-align:left; transition:background .2s ease, color .2s ease; }
.mnav-item:hover{ background:rgba(255,255,255,0.04); color:#ffffff; }
.mnav-item:has(.mnav-on){ color:#ffffff; }
.mnav-on{ position:absolute; inset:0; border-radius:10px; background:linear-gradient(180deg, rgba(139,108,245,0.2), rgba(139,108,245,0.07)); border:1px solid rgba(139,108,245,0.3); box-shadow:inset 0 1px 0 rgba(255,255,255,0.09); z-index:-1; }
.mnav-chev{ opacity:0.4; flex:0 0 auto; }
.dp-addr-short{ display:none; }
@media (max-width:900px){
.mnav-wrap{ display:block; position:absolute; top:100%; left:0; right:0; z-index:48; pointer-events:none; }
.mnav-backdrop{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(4,4,9,0.55); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .28s ease; z-index:-1; }
#app-root[data-navopen="true"] .mnav-backdrop{ opacity:1; pointer-events:auto; }
.mnav-panel{ margin:8px 14px 0; padding:7px; display:flex; flex-direction:column; gap:3px; border:1px solid rgba(255,255,255,0.1); border-radius:14px; overflow:hidden; background:linear-gradient(180deg, rgba(20,20,24,0.99), rgba(11,11,14,0.99)); box-shadow:0 26px 60px -22px rgba(0,0,0,0.9); transform-origin:top; opacity:0; transform:translateY(-10px) scale(0.98); pointer-events:none; transition:opacity .26s ease, transform .26s cubic-bezier(.18,.82,.2,1); }
#app-root[data-navopen="true"] .mnav-panel{ opacity:1; transform:none; pointer-events:auto; }
}
@media (max-width:760px){
.rank-body{ padding:20px 16px 20px !important; }
}
.top-navbtn{ position:relative; z-index:0; border:none; background:none; cursor:pointer; padding:9px 15px; border-radius:9px; font:600 13px/1 'Manrope'; letter-spacing:0.04em; color:#c5c4c9; transition:color .22s ease; }
.top-navbtn:hover{ color:#ffffff; }
.top-navbtn::after{ content:''; position:absolute; inset:0; border-radius:9px; background:rgba(255,255,255,0.05); opacity:0; transition:opacity .22s ease; z-index:-1; }
.top-navbtn:hover::after{ opacity:1; }
.nav-active-ul{ position:absolute; inset:0; border-radius:9px; background:linear-gradient(180deg, rgba(139,108,245,0.2), rgba(139,108,245,0.07)); border:1px solid rgba(139,108,245,0.3); box-shadow:inset 0 1px 0 rgba(255,255,255,0.09), 0 4px 14px -6px rgba(139,108,245,0.5); z-index:-1; }
.top-navbtn:has(.nav-active-ul){ color:#ffffff !important; }
@keyframes iqf-headglow{0%,100%{opacity:0.72; transform:scale(1);}50%{opacity:1; transform:scale(1.06);}}
@keyframes iqf-gdrift{from{background-position:100% 50%;}to{background-position:0% 50%;}}
@keyframes iqf-shrink{from{transform:translateY(-50%) scale(1);}to{transform:translateY(-50%) scale(0.86);}}