#s1.on{display:grid;grid-template-rows:68px 1fr auto;background:linear-gradient(180deg,#04060e 0%,#04060e 75%,#0a1222 92%,#0d1628 100%);position:relative}
/* ═══ S7 CORE ═══ */
#s7.on{position:fixed !important;inset:0;z-index:100;display:flex;flex-direction:column;background:#04060e;overflow:hidden}
#s7::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(109,232,225,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(109,232,225,0.015) 1px,transparent 1px);background-size:55px 55px;opacity:0.5;pointer-events:none;z-index:0}
@keyframes r7Atmo{0%,100%{opacity:0.5;transform:translate(-50%,-45%) scale(1)}50%{opacity:0.8;transform:translate(-50%,-45%) scale(1.06)}}
@keyframes r7AtmoInner{0%,100%{opacity:0.4;transform:translate(-50%,-40%) scale(1)}50%{opacity:0.9;transform:translate(-50%,-40%) scale(1.12)}}
@keyframes r7CardIn{0%{opacity:0;transform:translateY(22px) scale(0.96);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}

.r7-anim{opacity:0;animation:r7CardIn 0.55s cubic-bezier(.16,1,.3,1) forwards}
/* ═══ HOLOGRAPHIC CARD MIXIN ═══ */
.r7-holo{background:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(109,232,225,0.02) 23px,rgba(109,232,225,0.02) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(109,232,225,0.02) 23px,rgba(109,232,225,0.02) 24px),linear-gradient(160deg,rgba(10,16,32,0.97),rgba(5,8,18,0.99));border:1px solid rgba(109,232,225,0.1);border-radius:0;position:relative;overflow:hidden;backdrop-filter:blur(8px);transition:box-shadow 0.3s,transform 0.3s !important;box-shadow:0 0 0 1px rgba(109,232,225,0.04),0 0 20px rgba(0,0,0,0.3) !important;border-color:rgba(109,232,225,0.08) !important}
.r7-holo.r7-data{background:linear-gradient(160deg,rgba(10,16,32,0.97),rgba(5,8,18,0.99)) !important}
.r7-holo::before{content:'';position:absolute;top:0;left:10px !important;right:10px !important;height:1.5px !important;background:linear-gradient(90deg,transparent 0%,rgba(109,232,225,0.55) 15%,rgba(255,255,255,0.22) 50%,rgba(255,215,0,0.45) 85%,transparent 100%) !important;z-index:1;opacity:1}
.r7-holo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.05),rgba(255,255,255,0.03),transparent);pointer-events:none;z-index:0;top:0;left:-100%;width:50%;height:100%;animation:r7CardSweep 8s ease-in-out infinite}

.r7-holo>*{position:relative;z-index:2}
/* ═══ HERO HEADLINE ═══ */
.r7-hero-headline{position:relative;z-index:2;text-align:center;margin-bottom:12px}
.r7-hero-title{
  font-family:'Orbitron',sans-serif;font-size:14px;font-weight:900;
  letter-spacing:6px;color:rgba(255,215,0,0.85);
  text-shadow:0 0 30px rgba(255,215,0,0.2),0 0 60px rgba(255,215,0,0.05);
  margin-bottom:8px;
  background:linear-gradient(95deg,rgba(255,215,0,0.9) 0%,rgba(255,240,150,1) 30%,rgba(255,200,0,0.95) 60%,rgba(255,215,0,0.9) 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:r7GoldShimmer 6s ease-in-out infinite;
}
.r7-hero-subtitle{
  font-family:'IBM Plex Mono',monospace;font-size:9px;
  letter-spacing:1.5px;color:rgba(255,255,255,0.3);
  max-width:420px;margin:0 auto;line-height:1.6;
}
.r7-brag-btn--hero{
  padding:12px 24px !important;
  font-size:9px !important;letter-spacing:1.5px !important;
  background:linear-gradient(135deg,rgba(255,215,0,0.08),rgba(255,185,0,0.04)) !important;
  border:1px solid rgba(255,215,0,0.2) !important;
  color:rgba(255,215,0,0.7) !important;
  box-shadow:0 0 20px rgba(255,215,0,0.04);
  position:relative;overflow:hidden;
}
.r7-brag-btn--hero::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,215,0,0.1),transparent);
  animation:bragSweep 3.5s ease-in-out infinite;pointer-events:none;
}
.r7-brag-btn--hero:hover{
  color:rgba(255,215,0,1) !important;
  border-color:rgba(255,215,0,0.45) !important;
  box-shadow:0 0 30px rgba(255,215,0,0.08) !important;
}
/* ═══ HERO — EARNINGS COUNTER + RANK ═══ */
.r7-hero{position:relative;flex-shrink:0;padding:28px 32px 14px !important;overflow:visible}
.r7-hero::before{content:'';position:absolute;bottom:-10px;left:0;right:0;height:80px;background:linear-gradient(0deg,rgba(255,215,0,0.03) 0%,rgba(109,232,225,0.015) 40%,transparent 100%);pointer-events:none;z-index:0}
.r7-hero-atmo{position:absolute;width:800px;height:400px;left:50%;top:50%;transform:translate(-50%,-45%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,215,0,0.09) 0%,rgba(109,232,225,0.05) 20%,rgba(157,127,234,0.03) 40%,transparent 55%) !important;pointer-events:none;z-index:0;animation:r7Atmo 7s ease-in-out infinite}
.r7-hero-inner-glow{position:absolute;top:45%;left:50%;width:500px;height:300px;transform:translate(-50%,-40%);background:radial-gradient(ellipse,rgba(255,215,0,0.035) 0%,rgba(157,127,234,0.015) 30%,transparent 55%);pointer-events:none;z-index:0;animation:r7AtmoInner 5s ease-in-out infinite}
.r7-earn-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:3.5px;color:rgba(255,215,0,0.35);margin-bottom:8px;text-shadow:0 0 12px rgba(255,215,0,0.15);position:relative;display:inline-block;animation:r7LabelFlash 2s ease-out 0.5s 1;text-transform:uppercase}
.r7-earn-label::after{content:'';position:absolute;bottom:-3px;left:0;width:24px;height:1px;background:linear-gradient(90deg,rgba(255,215,0,0.3),transparent)}
.r7-earn-num-wrap{display:flex;align-items:baseline;gap:8px;min-height:56px;flex-wrap:nowrap;position:relative;overflow:visible}
.r7-earn-num{font-family:'Orbitron',sans-serif;font-size:56px !important;font-weight:900;color:rgba(255,215,0,0.97);line-height:1 !important;text-shadow:0 0 50px rgba(255,215,0,0.45),0 0 100px rgba(255,215,0,0.15),0 2px 0 rgba(0,0,0,0.3) !important;letter-spacing:-1px !important;transition:text-shadow 0.6s;background:linear-gradient(95deg,rgba(255,215,0,1) 0%,rgba(255,240,150,1) 25%,rgba(255,200,0,1) 50%,rgba(255,170,0,0.9) 75%,rgba(255,215,0,1) 100%) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;filter:none !important;position:relative;z-index:1;animation:r7EarnReveal 1.2s cubic-bezier(.16,1,.3,1) 0.2s both,r7GoldShimmer 6s ease-in-out 1.5s infinite !important;font-variant-numeric:tabular-nums;}
.r7-earn-unit{font-family:'Orbitron',sans-serif;font-size:14px !important;font-weight:700;color:rgba(255,215,0,0.3) !important;margin-left:4px;letter-spacing:2px}
.r7-earn-usd{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:rgba(255,255,255,0.35);margin-top:8px;letter-spacing:1px;text-shadow:0 0 12px rgba(255,255,255,0.08)}
.r7-earn-usd::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(255,215,0,0.5);margin-right:6px;vertical-align:middle;box-shadow:0 0 8px rgba(255,215,0,0.3)}

.r7-rank-badge{flex-shrink:0;width:150px !important;min-height:140px !important;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 18px;gap:0;background:linear-gradient(165deg,rgba(255,215,0,0.04) 0%,rgba(8,10,20,0.98) 35%,rgba(8,10,20,0.98) 65%,rgba(255,215,0,0.03) 100%) !important;border:1px solid rgba(255,215,0,0.12) !important;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 40px rgba(255,215,0,0.04),inset 0 1px 0 rgba(255,215,0,0.08) !important;overflow:hidden;transition:transform 0.4s cubic-bezier(.16,1,.3,1),box-shadow 0.4s,border-color 0.4s !important;animation:r7BadgeReveal 1.2s cubic-bezier(.16,1,.3,1) 0.5s both !important}

.r7-rank-badge::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,215,0,0.08) 45%,rgba(255,215,0,0.15) 50%,rgba(255,215,0,0.08) 55%,transparent 70%);animation:r7BadgeShimmer 4s ease-in-out infinite;z-index:0;pointer-events:none;border-radius:0 !important}
@keyframes r7BadgeShimmer{0%{left:-100%}40%{left:200%}100%{left:200%}}
.r7-rank-lbl{font-family:'IBM Plex Mono',monospace;font-size:7px !important;letter-spacing:3px;color:rgba(255,215,0,0.35);position:relative;z-index:1;margin-bottom:6px}
.r7-rank-creature{
  font-size:28px;line-height:1;position:relative;z-index:1;margin-bottom:6px;
  font-family:'IBM Plex Mono',monospace;
  transition:color 0.4s,text-shadow 0.4s;
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:8px;
}
.r7-rank-name{font-family:'Orbitron',sans-serif;font-size:10px !important;font-weight:800;letter-spacing:2.2px;color:rgba(255,215,0,0.95);position:relative;z-index:1;text-shadow:0 0 16px rgba(255,215,0,0.35);margin-bottom:2px}
.r7-rank-pts{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,215,0,0.45);letter-spacing:0.8px;position:relative;z-index:1;margin:4px 0 10px}
.r7-rank-bar{width:80%;height:2px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;position:relative;z-index:1;margin-bottom:8px}
.r7-rank-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(255,215,0,0.8),rgba(157,127,234,0.7));transition:width 1.5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px rgba(255,215,0,0.3)}
.r7-rank-next{font-family:'IBM Plex Mono',monospace;font-size:7.5px;color:rgba(255,255,255,0.22);letter-spacing:0.4px;position:relative;z-index:1;white-space:nowrap;margin-bottom:5px}
.r7-rank-top{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,215,0,0.5);letter-spacing:1.2px;position:relative;z-index:1}
/* ═══ TIER STRIP ═══ */
/* ═══ REFERRAL LINK CTA ═══ */
.r7-share-row{display:flex;gap:6px;margin-top:10px}
.r7-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-family:'IBM Plex Mono',monospace;font-size:8px;padding:9px 0;border-radius:0;cursor:pointer;transition:all 0.2s;border:none;position:relative;overflow:hidden;backdrop-filter:blur(6px)}
.r7-share-btn.x{background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.4);border:1px solid rgba(255,255,255,0.06);border-left:2px solid rgba(255,255,255,0.15)}
.r7-share-btn.x:hover{background:rgba(255,255,255,0.06) !important;color:#fff;border-left-color:rgba(255,255,255,0.5);box-shadow:0 0 20px rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.15) !important}
.r7-share-btn.tg{background:rgba(40,120,220,0.05);color:rgba(100,160,255,0.45);border:1px solid rgba(40,120,220,0.1);border-left:2px solid rgba(40,120,220,0.25)}
.r7-share-btn.tg:hover{background:rgba(0,136,204,0.06) !important;color:#6EB5FF;border-left-color:rgba(40,120,220,0.6);box-shadow:0 0 20px rgba(40,120,220,0.04);border-color:rgba(0,136,204,0.15) !important}
.r7-share-btn.dc{background:rgba(88,101,242,0.05);color:rgba(140,150,255,0.45);border:1px solid rgba(88,101,242,0.1);border-left:2px solid rgba(88,101,242,0.25)}
.r7-share-btn.dc:hover{background:rgba(88,101,242,0.06) !important;color:#8C96FF;border-left-color:rgba(88,101,242,0.6);box-shadow:0 0 20px rgba(88,101,242,0.04);border-color:rgba(88,101,242,0.15) !important}
/* ═══ MID COLUMNS — SIM + NETWORK ═══ */
.r7-mid-cols{display:flex;gap:16px !important;align-items:stretch;margin-bottom:14px}
.r7-sim-col{flex:1;display:flex;flex-direction:column;gap:10px;align-self:flex-start}
.r7-sim{padding:16px 18px !important;flex:1}
.r7-sim-head{margin-bottom:14px}
.r7-sim-title{font-family:'Orbitron',sans-serif;font-size:7px !important;letter-spacing:3px;color:var(--cyan);font-weight:800;margin-bottom:10px !important}

.r7-sim-field{margin-bottom:12px}
.r7-sim-field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.r7-sim-field-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,0.22)}
.r7-sim-field-val{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;color:var(--cyan)}
.r7-sim-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(90deg,rgba(109,232,225,0.3) 0%,rgba(109,232,225,0.3) var(--fill,50%),rgba(255,255,255,0.08) var(--fill,50%)) !important}
.r7-sim-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer;box-shadow:0 0 12px rgba(109,232,225,0.6);border:2px solid #04060e;transition:box-shadow 0.15s}
.r7-sim-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px rgba(109,232,225,0.9)}
.r7-sim-field-range{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.12);margin-top:3px}
.r7-sim-result{background:linear-gradient(135deg,rgba(109,232,225,0.06),rgba(79,255,170,0.02)) !important;border:1px solid rgba(109,232,225,0.18);border-radius:0;padding:10px !important;text-align:center;animation:simPulse 3s ease-in-out infinite;margin-top:10px !important;border-color:rgba(109,232,225,0.2) !important}
@keyframes simPulse{0%,100%{box-shadow:0 0 0 rgba(109,232,225,0)}50%{box-shadow:0 0 35px rgba(109,232,225,0.07)}}
.r7-sim-result-label{font-family:'IBM Plex Mono',monospace;font-size:7px !important;letter-spacing:2.5px;color:rgba(255,255,255,0.25);margin-bottom:4px}
.r7-sim-result-num{font-family:'Orbitron',sans-serif;font-size:18px !important;font-weight:900;color:var(--cyan);line-height:1;text-shadow:0 0 24px rgba(109,232,225,0.5);background:linear-gradient(180deg,rgba(109,232,225,1),rgba(79,255,170,0.8)) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;filter:drop-shadow(0 0 20px rgba(109,232,225,0.4)) !important;font-variant-numeric:tabular-nums;}
.r7-sim-result-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.2);margin-top:4px}
/* HTML legend overlay */
.r7-net-legend{position:absolute;bottom:10px;left:14px;display:flex;gap:16px;align-items:center;z-index:5}
.r7-nl-item{display:flex;align-items:center;gap:5px;font-family:'IBM Plex Mono',monospace;font-size:10px;color:rgba(255,255,255,0.4);letter-spacing:0.3px}
.r7-nl-dot{border-radius:50%;flex-shrink:0}
/* ═══ ACTIVITY FEED ═══ */
.r7-feed{padding:14px 18px !important;overflow:hidden;margin-top:14px}
.r7-feed-title{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:2.5px;color:rgba(79,255,170,0.6);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.r7-feed-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:r7FeedBlink 1.5s ease-in-out infinite}
@keyframes r7FeedBlink{0%,100%{opacity:1}50%{opacity:0.3}}
.r7-feed-list{display:flex;flex-direction:column;gap:4px}
.r7-feed-item{display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:8px;padding:6px 10px !important;border-radius:0 !important;background:rgba(79,255,170,0.015) !important;border:1px solid rgba(79,255,170,0.035) !important;animation:r7FeedSlide 0.4s cubic-bezier(.16,1,.3,1),r7FeedGlow 1.5s ease-out !important;border-left:2px solid rgba(79,255,170,0.15) !important;padding-left:12px !important}
@keyframes r7FeedSlide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.r7-feed-amt{color:rgba(79,255,170,0.95) !important;font-weight:700 !important;min-width:80px;font-size:9px !important;text-shadow:0 0 8px rgba(79,255,170,0.3)}
.r7-feed-from{color:rgba(109,232,225,0.5)}
.r7-feed-time{color:rgba(255,255,255,0.12) !important;margin-left:auto;font-size:7px !important}
.r7-feed-type{font-size:7px;letter-spacing:1px;padding:2px 5px;border-radius:3px;font-weight:700}
.r7-feed-type.t1{color:rgba(109,232,225,0.6);background:rgba(109,232,225,0.06)}
.r7-feed-type.t2{color:rgba(255,215,0,0.55);background:rgba(255,215,0,0.05)}
/* ═══ MILESTONES ═══ */
/* ═══ STATS ═══ */
/* ═══ LEADERBOARD ═══ */

.ref-lb-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.04)}
.ref-lb-title{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:3px;color:rgba(255,255,255,0.55)}
.ref-lb-you{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,215,0,0.55)}
.ref-lb-cols{display:grid;grid-template-columns:32px 1fr 80px 80px 60px;padding:7px 18px;border-bottom:1px solid rgba(255,255,255,0.03);font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1.5px;color:rgba(255,255,255,0.18)}
.ref-lb-row{display:grid;grid-template-columns:32px 1fr 80px 80px 60px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,0.025);align-items:center;transition:all 0.15s !important;cursor:default}
.ref-lb-row:hover{background:rgba(255,255,255,0.015) !important;transform:translateX(2px) !important;padding-left:2px}
.ref-lb-row.you-row{background:linear-gradient(90deg,rgba(255,215,0,0.04),rgba(255,215,0,0.01)) !important;border-color:rgba(255,215,0,0.08);animation:r7YouRowPulse 3s ease-in-out infinite;border-left:2px solid rgba(255,215,0,0.4) !important}
.ref-lb-rank{font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;color:rgba(255,255,255,0.25)}
.ref-lb-rank.top1{color:rgba(255,215,0,0.95);text-shadow:0 0 12px rgba(255,215,0,0.5);font-size:13px}
.ref-lb-rank.top2{color:rgba(200,210,230,0.85);text-shadow:0 0 8px rgba(200,210,230,0.2)}
.ref-lb-rank.top3{color:rgba(210,160,80,0.85);text-shadow:0 0 8px rgba(210,160,80,0.2)}
.ref-lb-addr{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.4)}
.ref-lb-addr.you-tag{color:rgba(255,215,0,0.8)}
.ref-lb-refs{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(109,232,225,0.55);text-align:right}
.ref-lb-vol{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.35);text-align:right}
.ref-lb-earn{font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--green);text-align:right;font-weight:600}
.ref-breakdown-panel{padding:0;border-color:rgba(79,255,170,0.06) !important;position:relative}
.ref-breakdown-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.04)}
.ref-breakdown-title{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:3px;color:rgba(255,255,255,0.45)}
.ref-breakdown-empty{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.18);padding:24px 16px;text-align:center;line-height:1.7}
.ref-breakdown-row{display:grid;grid-template-columns:1fr 70px 70px 80px 50px;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,0.025);align-items:center;font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.45);transition:all 0.2s,border-left-color 0.2s !important;gap:8px;border-left:2px solid transparent}
.ref-breakdown-row:hover{background:rgba(79,255,170,0.02) !important;transform:translateX(2px) !important;border-left-color:rgba(79,255,170,0.3) !important}
.ref-breakdown-row .addr{color:rgba(109,232,225,0.55);font-size:9px}
.ref-breakdown-row .earn{color:var(--green);text-align:right;text-shadow:0 0 8px rgba(79,255,170,0.25);font-variant-numeric:tabular-nums}
.ref-breakdown-row:last-child{border-bottom:none}
.r7-bd-time{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.12);text-align:right}
.ref-withdraw-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px !important;border-top:1px solid rgba(79,255,170,0.08) !important;background:rgba(79,255,170,0.015) !important}
.ref-withdraw-lbl{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1.5px;color:rgba(255,255,255,0.4);display:block;margin-bottom:3px}
.ref-withdraw-val{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--cyan);text-shadow:0 0 14px rgba(79,255,170,0.4);animation:r7PayoutPulse 3s ease-in-out infinite}
.ref-withdraw-btn{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1.5px;color:rgba(109,232,225,0.45);background:rgba(109,232,225,0.04);border:1px solid rgba(109,232,225,0.12);border-radius:6px;padding:8px 16px;cursor:pointer;transition:all 0.2s}
.ref-withdraw-btn:not(:disabled):hover{color:var(--cyan);border-color:rgba(109,232,225,0.35);background:rgba(109,232,225,0.08)}
.ref-withdraw-btn:disabled{opacity:0.3;cursor:default}
/* ═══ HERO CLUSTER ═══ */
/* ── THE COMMAND DECK ──
   One framed three-cell ledger: RANK EMBLEM · LIFETIME EARNED · NETWORK
   VOLUME. It used to be an absolutely-positioned badge floating beside two
   bare text blocks and a hairline — "just placed on a line". Now each cell
   is a framed panel inside one deck: 3-stop gradient ground, brighter top
   edge (directional light), layered shadows, internal cell borders instead
   of floaty dividers, and a slow shimmer across the crown. */
.r7-hero-cluster{display:flex;align-items:stretch;justify-content:center;gap:0 !important;margin:0 auto 18px !important;position:relative;z-index:2;min-height:172px;padding:0 !important;max-width:1100px;background:linear-gradient(180deg,rgba(16,19,36,0.94) 0%,rgba(8,10,20,0.97) 45%,rgba(11,13,26,0.92) 100%);border:1px solid rgba(255,215,0,0.10);border-top-color:rgba(255,215,0,0.26);border-radius:0;box-shadow:0 18px 50px rgba(0,0,0,0.5),0 0 70px rgba(255,215,0,0.05),inset 0 1px 0 rgba(255,255,255,0.05),inset 0 -12px 30px rgba(0,0,0,0.35)}
.r7-hero-cluster::before{content:'';position:absolute;top:0;left:-60%;width:45%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.55) 50%,transparent);animation:r7DeckSweep 7s ease-in-out infinite;pointer-events:none;z-index:3}
@keyframes r7DeckSweep{0%{left:-60%}55%{left:115%}100%{left:115%}}
.r7-hero-cluster::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 90% at 12% 50%,rgba(255,215,0,0.05),transparent 60%),radial-gradient(ellipse 40% 90% at 88% 50%,rgba(109,232,225,0.04),transparent 60%);pointer-events:none;z-index:0}
.r7-earn-block{flex:1.25 1 0;min-width:0;padding:34px 48px;display:flex;flex-direction:column;justify-content:center;position:relative}
.r7-earn-block::after{content:'';position:absolute;left:48px;right:48px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,215,0,0.35),transparent 80%);pointer-events:none}
/* Internal borders carry the separation now — the old glow hairlines read as
   the "line" everything was sitting on. */
.r7-hero-divider{display:none !important}
.r7-vol-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2.5px;color:rgba(109,232,225,0.35);margin-bottom:6px;text-shadow:0 0 10px rgba(109,232,225,0.12);position:relative;display:inline-block}
.r7-vol-label::after{content:'';position:absolute;bottom:-2px;right:0;width:20px;height:1px;background:linear-gradient(270deg,rgba(109,232,225,0.25),transparent)}
.r7-vol-num{font-family:'Orbitron',sans-serif;font-size:24px !important;font-weight:800;color:rgba(109,232,225,0.9);text-shadow:0 0 20px rgba(109,232,225,0.3) !important;line-height:1;letter-spacing:-0.3px;background:linear-gradient(95deg,rgba(109,232,225,1),rgba(150,255,245,1) 30%,rgba(109,232,225,0.85) 60%,rgba(80,200,200,0.8) 80%,rgba(109,232,225,1) 100%) !important;background-size:200% 100% !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;filter:none !important;position:relative;z-index:1;animation:r7CyanShimmer 7s ease-in-out infinite}
.r7-vol-sub{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.22);margin-top:5px}
.r7-vol-sub::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(109,232,225,0.5);margin-right:5px;vertical-align:middle;box-shadow:0 0 6px rgba(109,232,225,0.3);animation:r7VolDotPulse 2s ease-in-out infinite}
@keyframes r7VolDotPulse{0%,100%{opacity:0.5}50%{opacity:1}}
/* ═══ HOW IT WORKS STRIP ═══ */

/* ════ BREAKDOWN FILTER BAR ════ */
#s7 .r7-bd-filters{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  padding:10px 16px 12px;
  border-bottom:1px solid rgba(109,232,225,0.06);
}
#s7 .r7-bd-filter-group{ display:flex;gap:0; }
#s7 .r7-bd-filter-sep{ width:1px;background:rgba(255,255,255,0.06);margin:0 4px; }
#s7 .r7-bd-flt, #s7 .r7-bd-sort{
  font-family:'Orbitron',sans-serif;font-size:7px;font-weight:700;
  letter-spacing:1.5px;padding:5px 10px;cursor:pointer;
  color:rgba(255,255,255,0.35);background:transparent;
  border:1px solid rgba(255,255,255,0.06);border-right:none;transition:all 0.2s;
}
#s7 .r7-bd-flt:last-child, #s7 .r7-bd-sort:last-child{ border-right:1px solid rgba(255,255,255,0.06); }
#s7 .r7-bd-flt:hover, #s7 .r7-bd-sort:hover{ color:rgba(255,255,255,0.4); }
#s7 .r7-bd-flt.on{ color:rgba(109,232,225,0.9);background:rgba(109,232,225,0.05);border-color:rgba(109,232,225,0.2); }
#s7 .r7-bd-sort.on{ color:rgba(255,215,0,0.9);background:rgba(255,215,0,0.04);border-color:rgba(255,215,0,0.2); }
#s7 .r7-bd-flt.t2.on{ color:rgba(255,215,0,0.9);border-color:rgba(255,215,0,0.25);background:rgba(255,215,0,0.04); }
#s7 .r7-bd-tier{ font-family:'Orbitron',sans-serif;font-size:7px;font-weight:800;letter-spacing:1px;padding:2px 6px;border-radius:2px;flex-shrink:0; }
#s7 .r7-bd-tier.t1{ background:rgba(109,232,225,0.08);border:1px solid rgba(109,232,225,0.2);color:rgba(109,232,225,0.8); }
#s7 .r7-bd-tier.t2{ background:rgba(255,215,0,0.06);border:1px solid rgba(255,215,0,0.2);color:rgba(255,215,0,0.8); }

.r7-how-steps{display:flex;align-items:stretch;justify-content:center;gap:0;padding:20px 24px 24px;margin-bottom:4px;position:relative;z-index:2}
.r7-how-step-card{flex:1;max-width:220px;text-align:center;padding:24px 18px 20px;position:relative;background:rgba(109,232,225,0.02);border:1px solid rgba(109,232,225,0.08);transition:all 0.25s;cursor:default}
.r7-how-step-card:hover{border-color:rgba(109,232,225,0.2);background:rgba(109,232,225,0.04);transform:translateY(-2px)}
.r7-how-num{
  font-family:'Orbitron',sans-serif;font-size:9px;font-weight:900;
  color:rgba(109,232,225,0.9);letter-spacing:2px;margin-bottom:14px;
  width:28px;height:28px;border-radius:50%;
  border:1px solid rgba(109,232,225,0.25);
  background:rgba(109,232,225,0.06);
  display:flex;align-items:center;justify-content:center;
  margin-left:auto;margin-right:auto;
  box-shadow:0 0 12px rgba(109,232,225,0.1);
}
.r7-how-step-icon{font-size:24px;color:rgba(109,232,225,0.7);margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(109,232,225,0.25));display:block}
.r7-how-step-title{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:2.5px;color:rgba(255,255,255,0.75);font-weight:800;margin-bottom:8px}
.r7-how-step-desc{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,0.35);line-height:1.6}
.r7-how-connector{display:flex;align-items:center;width:40px;flex-shrink:0;position:relative;margin-top:-20px}
.r7-how-connector-line{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(109,232,225,0.2),rgba(109,232,225,0.1))}
.r7-how-connector-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:rgba(109,232,225,0.5);box-shadow:0 0 6px rgba(109,232,225,0.3)}
/* ═══ ADDRESS TOGGLE ═══ */
/* ═══ LEADERBOARD COMPACT ═══ */
.r7-lb-compact{border-radius:0;overflow:hidden;border-color:rgba(255,215,0,0.06) !important}
.r7-lb-expand{text-align:center;padding:10px;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1.5px;color:rgba(109,232,225,0.4);cursor:pointer;border-top:1px solid rgba(255,255,255,0.03);transition:color 0.2s;position:relative;overflow:hidden}
.r7-lb-expand:hover{color:var(--cyan)}
.r7-below{display:flex;flex-direction:column;gap:16px !important;padding:18px 32px 90px !important}
/* ═══ TIER PANEL — EXPANDED WITH STATS ═══ */
.r7-tier-panel{padding:20px 24px !important;margin-bottom:16px !important;border-color:rgba(109,232,225,0.12) !important}
.r7-tier-cols{display:flex;align-items:stretch;gap:0}
.r7-tier-col{flex:1;padding:0 16px}
.r7-tier-col.t1{border-right:none;border-left:2px solid rgba(109,232,225,0.15);padding-left:18px !important}
.r7-tc-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.r7-tc-accent{width:3px;height:18px;border-radius:2px;box-shadow:0 0 8px currentColor,0 0 16px currentColor;opacity:0.7}
.r7-tier-col.t1 .r7-tc-accent{background:var(--cyan);box-shadow:0 0 8px rgba(109,232,225,0.5)}
.r7-tier-col.t2 .r7-tc-accent{background:rgba(255,215,0,0.85);box-shadow:0 0 8px rgba(255,215,0,0.4)}
.r7-tc-label{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2.5px;font-weight:700}
.r7-tier-col.t1 .r7-tc-label{color:rgba(109,232,225,0.6)}
.r7-tier-col.t2 .r7-tc-label{color:rgba(255,215,0,0.55)}
.r7-tc-pct{font-family:'Orbitron',sans-serif;font-size:32px !important;font-weight:900 !important;line-height:1;margin-bottom:4px !important;text-shadow:0 0 20px currentColor !important;animation:r7TierReveal 0.6s cubic-bezier(.16,1,.3,1) 0.4s both !important}
.r7-tier-col.t1 .r7-tc-pct{color:rgba(109,232,225,0.95);text-shadow:0 0 16px rgba(109,232,225,0.4)}
.r7-tier-col.t2 .r7-tc-pct{color:rgba(255,215,0,0.9);text-shadow:0 0 14px rgba(255,215,0,0.35)}
.r7-tc-of{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.4);margin-bottom:10px}
.r7-tc-note{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,215,0,0.55);letter-spacing:0.3px;margin-top:-6px;margin-bottom:10px;font-style:italic}
.r7-tc-stats{display:flex;gap:16px}
.r7-tc-stat{display:flex;flex-direction:column;gap:2px}
.r7-tc-stat-val{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;line-height:1;transition:transform 0.2s,text-shadow 0.2s}
.r7-tc-stat-val.cyan{color:var(--cyan);text-shadow:0 0 14px rgba(109,232,225,0.4)}
.r7-tc-stat-val.gold{color:rgba(255,215,0,0.9);text-shadow:0 0 12px rgba(255,215,0,0.3)}
.r7-tc-stat-lbl{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,0.35)}
.r7-tier-div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;gap:4px;flex-shrink:0}
.r7-tier-div-line{width:1px;flex:1;background:linear-gradient(transparent,rgba(255,255,255,0.08),transparent)}
.r7-tier-div-arrow{font-size:12px;color:rgba(255,215,0,0.2)}
.r7-tier-info{flex-shrink:0;align-self:center;position:relative;margin-left:auto}
.r7-tier-info-trigger{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1.5px;color:rgba(255,255,255,0.18);cursor:pointer;padding:6px 12px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s}
.r7-tier-info-trigger:hover{color:rgba(255,255,255,0.4);border-color:rgba(109,232,225,0.15)}
.r7-tier-info-tip{display:none;position:absolute;right:0;top:100%;margin-top:6px;background:rgba(8,12,24,0.98);border:1px solid rgba(109,232,225,0.12);padding:10px 14px;min-width:150px;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.r7-tier-info:hover .r7-tier-info-tip{display:flex;flex-direction:column;gap:5px}
.r7-tm-row{display:flex;justify-content:space-between;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.2);line-height:1.4}
.r7-tm-row.t1{color:rgba(109,232,225,0.45)}
.r7-tm-row.t2{color:rgba(255,215,0,0.4)}
.r7-tm-val{font-weight:600}
/* ═══ CODE ZONE — PROMINENT ═══ */
.r7-code-zone{padding:20px 24px !important;margin-bottom:0 !important;border-color:rgba(255,215,0,0.1) !important;background:linear-gradient(160deg,rgba(10,16,32,0.99),rgba(6,10,22,0.99)) !important;box-shadow:0 0 0 1px rgba(255,215,0,0.06),0 0 40px rgba(255,215,0,0.03),0 8px 32px rgba(0,0,0,0.3) !important;animation:r7CodeZoneBreathe 5s ease-in-out infinite !important}
.r7-code-bar{display:flex;gap:0;align-items:center;background:rgba(0,0,0,0.55) !important;border:2px solid rgba(255,215,0,0.18);border-radius:0;padding:6px 6px 6px 20px;margin-bottom:16px;transition:all 0.3s;box-shadow:0 0 30px rgba(255,215,0,0.03),inset 0 0 30px rgba(0,0,0,0.2);position:relative !important;border-color:rgba(255,215,0,0.15) !important;overflow:hidden !important}
.r7-code-bar::after{content:'';position:absolute;inset:-2px;border:2px solid transparent;background:radial-gradient(ellipse,rgba(255,215,0,0.06),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity 0.3s;right:0;top:50%;transform:translateY(-50%);width:200px;height:60px;animation:r7CopyAura 3s ease-in-out infinite;z-index:0}
.r7-code-bar:hover{border-color:rgba(255,215,0,0.3) !important;box-shadow:0 0 30px rgba(255,215,0,0.06) !important}
.r7-code-bar:hover::after{opacity:1}
.r7-code-url{font-family:'IBM Plex Mono',monospace !important;font-size:13px !important;color:rgba(109,232,225,0.85) !important;flex:1;letter-spacing:0.5px;text-shadow:0 0 12px rgba(109,232,225,0.15);font-weight:600 !important}
.r7-code-copy{font-family:'IBM Plex Mono',monospace;font-size:8px !important;letter-spacing:2px !important;font-weight:600;color:rgba(255,215,0,0.7) !important;background:rgba(255,215,0,0.03) !important;border:1px solid rgba(255,215,0,0.2) !important;border-radius:0;padding:14px 28px !important;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;box-shadow:none !important;animation:none !important;display:flex;align-items:center;gap:8px;white-space:nowrap}
.r7-code-copy::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.1),transparent);animation:bragSweep 3.5s ease-in-out infinite;pointer-events:none}
.r7-code-copy::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) top left/10px 1.5px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) top left/1.5px 10px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) top right/10px 1.5px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) top right/1.5px 10px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) bottom left/10px 1.5px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) bottom left/1.5px 10px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) bottom right/10px 1.5px no-repeat,linear-gradient(rgba(255,210,0,0.85),rgba(255,210,0,0.85)) bottom right/1.5px 10px no-repeat;animation:bragCornerBreathe 2.8s ease-in-out infinite}
.r7-code-copy:hover{border-color:rgba(255,215,0,0.5) !important;color:rgba(255,215,0,1) !important;letter-spacing:2.5px !important;box-shadow:0 0 20px rgba(255,215,0,0.08) !important;animation:none !important}
.r7-code-copy:hover::after{background:none;border:1.5px solid rgba(255,230,0,0.8)}
.r7-code-copy.copied{color:rgba(79,255,170,0.9) !important;border-color:rgba(79,255,170,0.4) !important;background:rgba(79,255,170,0.04) !important}
/* SAVE BUTTON BRACKETS — cyan, smaller */
.r7-code-save>.r7-corner{width:8px;height:8px;border-color:rgba(109,232,225,0.5) !important}
.r7-code-save:hover>.r7-corner{width:14px !important;height:14px !important;border-color:rgba(109,232,225,0.9) !important;opacity:1 !important;animation:none !important}
.r7-code-custom{margin-bottom:14px;padding:14px 16px;background:rgba(109,232,225,0.02);border:1px solid rgba(109,232,225,0.08);border-radius:0;position:relative}
.r7-code-custom::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,rgba(109,232,225,0.4),rgba(109,232,225,0.1))}
.r7-code-custom-label{font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:2.5px;color:rgba(109,232,225,0.5);margin-bottom:10px;font-weight:700}
.r7-code-custom-row{display:flex;align-items:center;gap:6px}
.r7-code-prefix{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,0.25);flex-shrink:0}
.r7-code-input{flex:1;background:transparent;border:none;border-bottom:2px solid rgba(109,232,225,0.12) !important;outline:none;font-family:'IBM Plex Mono',monospace;font-size:13px !important;color:rgba(109,232,225,0.85) !important;padding:6px 0;caret-color:var(--cyan);font-weight:700;letter-spacing:0.5px;transition:border-color 0.2s}
.r7-code-input:focus{border-color:rgba(109,232,225,0.5);text-shadow:0 0 8px rgba(109,232,225,0.15);border-bottom-color:rgba(109,232,225,0.5) !important}
.r7-code-save{font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:2px;color:rgba(109,232,225,0.6);background:rgba(109,232,225,0.06);border:1px solid rgba(109,232,225,0.2);border-radius:0;padding:7px 16px;cursor:pointer;transition:all 0.25s cubic-bezier(.16,1,.3,1) !important;font-weight:700;position:relative;overflow:visible}
.r7-code-save:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(109,232,225,0.12);box-shadow:0 0 20px rgba(109,232,225,0.06)}
/* EARNINGS ADDRESS — under code */

/* PAYOUT DESTINATION — clean toggle */
.r7-payout-dest{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.04)}
.r7-payout-dest-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2.5px;color:rgba(255,255,255,0.3);margin-bottom:10px;font-weight:700}
.r7-payout-dest-tabs{display:flex;gap:0;margin-bottom:12px}
.r7-pd-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:0.5px;padding:10px 0;background:rgba(255,255,255,0.015);border:1px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.25s;position:relative}
.r7-pd-tab:first-child{border-right:none}
.r7-pd-tab:hover{background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.5)}
.r7-pd-tab.active{background:rgba(109,232,225,0.04);border-color:rgba(109,232,225,0.15);color:rgba(255,255,255,0.7)}
.r7-pd-tab.active::after{content:'';position:absolute;bottom:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.5),transparent)}
.r7-pd-dot{width:5px;height:5px;border-radius:50%;opacity:0.4;transition:opacity 0.2s}
.r7-pd-dot.green{background:var(--green)}
.r7-pd-dot.gold{background:rgba(255,215,0,0.8)}
.r7-pd-tab.active .r7-pd-dot{opacity:1;box-shadow:0 0 6px currentColor}
.r7-pd-panel{animation:r7PdFadeIn 0.25s ease-out}
@keyframes r7PdFadeIn{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
.r7-pd-wallet-display{display:flex;align-items:center;gap:10px;padding:11px 16px;background:rgba(79,255,170,0.03);border:1px solid rgba(79,255,170,0.1);position:relative}
.r7-pd-wallet-display::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(79,255,170,0.5)}
.r7-pd-wallet-icon{font-size:13px;color:rgba(79,255,170,0.7);text-shadow:0 0 8px rgba(79,255,170,0.2)}
.r7-pd-wallet-addr{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,0.65);flex:1;letter-spacing:0.3px}
.r7-pd-wallet-status{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(79,255,170,0.8);background:rgba(79,255,170,0.08);padding:3px 10px;font-weight:700;border:1px solid rgba(79,255,170,0.12);animation:r7StatusPulse 3s ease-in-out infinite}
@keyframes r7StatusPulse{0%,100%{box-shadow:0 0 0 rgba(79,255,170,0)}50%{box-shadow:0 0 12px rgba(79,255,170,0.08)}}
.r7-pd-hint{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.18);margin-top:8px;line-height:1.5}
.r7-addr-row{display:flex;gap:0;align-items:center;background:rgba(0,0,0,0.3);border:1px solid rgba(255,215,0,0.12);border-radius:0;padding:3px 3px 3px 14px;transition:border-color 0.2s}
.r7-addr-row:focus-within{border-color:rgba(255,215,0,0.25);box-shadow:0 0 20px rgba(255,215,0,0.03)}
.r7-addr-input{flex:1;background:transparent;border:none;outline:none;font-family:'IBM Plex Mono',monospace;font-size:10px;color:rgba(255,215,0,0.8);caret-color:rgba(255,215,0,0.8);min-width:0}
.r7-addr-input::placeholder{color:rgba(255,255,255,0.15)}
.r7-addr-save{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1.5px;color:rgba(255,215,0,0.5);background:rgba(255,215,0,0.06);border:1px solid rgba(255,215,0,0.15);border-radius:0;padding:7px 16px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden}
.r7-addr-save:hover{color:rgba(255,215,0,0.95);background:rgba(255,215,0,0.12);box-shadow:0 0 15px rgba(255,215,0,0.04)}

/* LEADERBOARD TOGGLE */
/* ═══ S2 DNA — CORNER BRACKETS + SWEEP + BREATHE ═══ */
.r7-corner{position:absolute;width:10px;height:10px;border-style:solid;border-width:0;border-color:var(--cyan);pointer-events:none;z-index:5;transition:width 0.32s cubic-bezier(.22,1,.36,1),height 0.32s cubic-bezier(.22,1,.36,1),border-color 0.3s,opacity 0.25s;animation:r7CornerBreathe 2.8s ease-in-out infinite}
.r7-tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}
.r7-tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px;animation-delay:0.7s}
.r7-bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px;animation-delay:2.1s}
.r7-br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;animation-delay:1.4s}
@keyframes r7CornerBreathe{0%,100%{opacity:0.4}50%{opacity:0.9}}
/* Corners expand on hover */
/* bracket hover handled in v349 section above */
/* save corner sizing handled in v349 */
/* Sweep shimmer on COPY LINK */
.r7-sweep{position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),rgba(255,255,255,0.12),transparent) !important;animation:r7Sweep 3.2s ease-in-out infinite;pointer-events:none;z-index:3}
@keyframes r7Sweep{0%{left:-120%}55%{left:140%}100%{left:140%}}
/* ═══ CARD BREATHE + GLOW ON HOVER ═══ */
.r7-holo:hover{border-color:rgba(109,232,225,0.18) !important;box-shadow:0 0 0 1px rgba(109,232,225,0.12),0 0 30px rgba(109,232,225,0.06),0 8px 32px rgba(0,0,0,0.3) !important;transform:translateY(-1px) !important}
.r7-tier-panel:hover{border-color:rgba(109,232,225,0.2) !important}
.r7-code-zone:hover{border-color:rgba(255,215,0,0.2) !important;box-shadow:0 0 0 1px rgba(255,215,0,0.15),0 0 80px rgba(255,215,0,0.08),0 12px 40px rgba(0,0,0,0.3) !important;animation:none !important}
/* ═══ BUTTON POLISH ═══ */
.r7-share-btn::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);transition:left 0.4s}
.r7-share-btn:hover::before{left:160%}
/* ═══ SPACING + ANTI-DASHBOARD ═══ */
/* ═══ AUTO-PAYOUT STYLE ═══ */
.r7-payout-info{display:flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(79,255,170,0.5);letter-spacing:0.3px}
.r7-payout-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:r7PayoutPulse 2s ease-in-out infinite;transition:background 0.3s,box-shadow 0.3s}
.r7-payout-text{line-height:1.3;transition:color 0.3s}
/* ═══ NETWORK VIZ POLISH ═══ */
/* ═══ TOP-LINE GLOW ON ALL CARDS ═══ */
.ref-breakdown-panel::before{background:linear-gradient(90deg,transparent 2%,rgba(79,255,170,0.35) 25%,rgba(109,232,225,0.2) 50%,rgba(79,255,170,0.35) 75%,transparent 98%) !important}
/* ═══ STAT VALUE GLOWS ═══ */
/* ═══ DEEP POLISH PASS — v347 ═══ */
/* HERO ATMOSPHERE — concentrated spotlight, not diffuse fog */
/* ═══ v354 — UNIFORM SPACING ═══ */
/* ═══ COLLAPSIBLE SECTIONS ═══ */
.r7-section{margin-bottom:0}
.r7-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;cursor:pointer;user-select:none;-webkit-user-select:none}
.r7-section-head:hover .r7-section-title{color:rgba(255,255,255,0.6)}
.r7-section-head:hover .r7-section-chev{color:rgba(109,232,225,0.6)}
.r7-section-title{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:3px;color:rgba(255,255,255,0.35);font-weight:700;display:flex;align-items:center;gap:8px;transition:color 0.2s}
.r7-section-title::before{content:'';width:16px;height:1px;background:linear-gradient(90deg,rgba(109,232,225,0.4),transparent)}
.r7-section-chev{font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(255,255,255,0.2);transition:all 0.3s;transform-origin:center}
.r7-section.collapsed .r7-section-chev{transform:rotate(-90deg)}
.r7-section-body{overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s;max-height:2000px;opacity:1}
.r7-section.collapsed .r7-section-body{max-height:0;opacity:0;pointer-events:none}
.r7-section.collapsed .r7-section-head{padding-bottom:0}
/* ═══ REFERRAL TREE ═══ */
.r7-tree-col{flex:1.2;min-width:0}
.r7-sim-col-r{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.r7-reftree{position:relative;min-height:320px;overflow:hidden;background:linear-gradient(160deg,rgba(4,6,14,0.99),rgba(2,4,10,0.99)) !important;border-color:rgba(109,232,225,0.06) !important}
.r7-reftree canvas{display:block;width:100%;height:100%}
.r7-tree-title{position:absolute;top:10px;left:12px;z-index:2;font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,0.25);display:flex;align-items:center;gap:6px}
.r7-tree-title-dot{width:5px;height:5px;border-radius:50%;background:rgba(109,232,225,0.4);box-shadow:0 0 6px rgba(109,232,225,0.2);animation:r7TreeDotPulse 2s ease-in-out infinite}
@keyframes r7TreeDotPulse{0%,100%{opacity:0.4}50%{opacity:1}}
/* ═══ SIM PROJECTION ═══ */
.r7-sim-proj{border-top:1px solid rgba(255,215,0,0.06);padding:8px 12px 4px;margin-top:4px;text-align:center}
.r7-sim-proj-label{font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:2px;color:rgba(255,215,0,0.3);margin-bottom:4px}
.r7-sim-proj-num{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:800;color:rgba(79,255,170,0.7);text-shadow:0 0 12px rgba(79,255,170,0.15);font-variant-numeric:tabular-nums;}
.r7-sim-proj-sol{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.2);margin-top:2px}
/* ═══ STREAK ═══ */
.r7-streak{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 10px;border:1px solid rgba(255,140,0,0.12);background:rgba(255,140,0,0.04)}
.r7-streak-fire{font-size:12px;filter:drop-shadow(0 0 4px rgba(255,140,0,0.3))}
.r7-streak-num{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:800;color:rgba(255,160,0,0.8);text-shadow:0 0 8px rgba(255,140,0,0.2)}
.r7-streak-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1.5px;color:rgba(255,160,0,0.35)}
/* ═══ LIVE EARNING TOASTS ═══ */
.r7-earn-toasts{position:absolute;top:auto;bottom:8px;right:20px;z-index:5;display:flex;flex-direction:column-reverse;gap:4px;pointer-events:none;max-width:260px}
.r7-earn-toast{display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(79,255,170,0.06);border:1px solid rgba(79,255,170,0.1);font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(79,255,170,0.6);white-space:nowrap;animation:r7ToastIn 0.3s ease-out,r7ToastOut 0.4s ease-in 3.6s forwards}
.r7-earn-toast .r7-toast-dot{width:4px;height:4px;border-radius:50%;background:rgba(79,255,170,0.6);box-shadow:0 0 4px rgba(79,255,170,0.3);flex-shrink:0}
.r7-earn-toast .r7-toast-amt{color:rgba(79,255,170,0.8);font-weight:700}
.r7-earn-toast .r7-toast-from{color:rgba(255,255,255,0.2)}
@keyframes r7ToastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes r7ToastOut{from{opacity:1}to{opacity:0;transform:translateY(-6px)}}
/* ═══ RIVALRY BANNER ═══ */
.r7-rivalry{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:linear-gradient(90deg,rgba(255,215,0,0.04),rgba(109,232,225,0.02));border:1px solid rgba(255,215,0,0.08);font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,0.35)}
.r7-rivalry-icon{font-size:11px;filter:drop-shadow(0 0 4px rgba(255,215,0,0.3))}
.r7-rivalry strong{color:rgba(255,215,0,0.7)}
.r7-rivalry-chase{color:rgba(79,255,170,0.5);font-size:12px;margin-left:auto;animation:r7ChaseUp 1.5s ease-in-out infinite}
@keyframes r7ChaseUp{0%,100%{transform:translateY(0);opacity:0.5}50%{transform:translateY(-3px);opacity:1}}
/* ═══ BRAG CARD ═══ */
.r7-brag-btn{display:flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(255,215,0,0.5);background:rgba(255,215,0,0.04);border:1px solid rgba(255,215,0,0.1);padding:8px 16px;cursor:pointer;transition:all 0.2s;align-self:flex-start}
.r7-above-actions{display:flex;align-items:center;justify-content:space-between;padding:0 32px;margin-bottom:8px}
.r7-trust-inline{display:flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.2);letter-spacing:0.5px}
.r7-trust-item{display:flex;align-items:center;gap:4px}
.r7-trust-item svg{color:rgba(109,232,225,0.35);flex-shrink:0}
.r7-trust-sep{color:rgba(255,255,255,0.08)}
.r7-brag-btn:hover{color:rgba(255,215,0,0.9);background:rgba(255,215,0,0.08);border-color:rgba(255,215,0,0.25);box-shadow:0 0 20px rgba(255,215,0,0.04)}
/* ═══ BRAG OVERLAY — COSMIC GOLD ═══ */
.r7-brag-overlay{position:fixed;inset:0;background:rgba(2,3,8,0.92);z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s}
.r7-brag-overlay.show{opacity:1;pointer-events:all}
.r7-brag-canvas{position:absolute;inset:0;z-index:0}
.r7-brag-card{width:480px;background:linear-gradient(170deg,rgba(12,16,30,0.98),rgba(6,8,18,0.99),rgba(8,10,22,0.98));border:1px solid rgba(255,215,0,0.1);position:relative;overflow:visible;z-index:2;transform:scale(0.85) translateY(20px);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);box-shadow:0 0 60px rgba(255,215,0,0.04),0 0 120px rgba(255,185,0,0.02),0 20px 50px rgba(0,0,0,0.4)}
.r7-brag-overlay.show .r7-brag-card{transform:scale(1) translateY(0)}
/* Mega outer glow */
.r7-brag-outer-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:500px;pointer-events:none;z-index:-1}
.r7-brag-outer-glow::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,200,0,0.09) 0%,rgba(255,185,0,0.04) 30%,rgba(255,160,0,0.02) 50%,transparent 70%);filter:blur(40px);animation:r7BragOuterPulse 4s ease-in-out infinite}
.r7-brag-outer-glow::after{content:'';position:absolute;inset:20px;background:radial-gradient(ellipse at 50% 55%,rgba(109,232,225,0.04) 0%,rgba(109,232,225,0.02) 30%,transparent 60%);filter:blur(50px);animation:r7BragOuterPulse 5s ease-in-out 1s infinite}
@keyframes r7BragOuterPulse{0%,100%{opacity:0.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
/* Top gold bar */
.r7-brag-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,rgba(255,185,0,0.4) 20%,rgba(255,224,0,0.6) 40%,rgba(255,240,180,0.7) 50%,rgba(255,224,0,0.6) 60%,rgba(255,185,0,0.4) 80%,transparent 95%);z-index:5;box-shadow:0 0 8px rgba(255,215,0,0.1)}
/* Grid + glow */
.r7-brag-card::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(255,215,0,0.012) 19px,rgba(255,215,0,0.012) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,215,0,0.012) 19px,rgba(255,215,0,0.012) 20px),radial-gradient(ellipse at 50% 25%,rgba(255,215,0,0.05),transparent 55%),radial-gradient(ellipse at 50% 75%,rgba(109,232,225,0.02),transparent 50%);pointer-events:none;z-index:1;overflow:hidden}
/* Animated border */
@keyframes r7BragBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.r7-brag-border{position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,215,0,0.3),rgba(255,185,0,0.08),rgba(109,232,225,0.12),rgba(255,215,0,0.08),rgba(255,224,0,0.3));background-size:400% 400%;animation:r7BragBorder 5s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;z-index:4}
/* Inner glow bloom */
.r7-brag-glow{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:250px;height:120px;background:radial-gradient(ellipse,rgba(255,200,0,0.03),transparent 70%);filter:blur(25px);pointer-events:none;z-index:0}

.r7-brag-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 8%,rgba(255,215,0,0.2) 35%,rgba(255,224,0,0.35) 50%,rgba(255,215,0,0.2) 65%,transparent 92%);z-index:5}
/* Flash burst */
.r7-brag-flash{position:absolute;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(255,215,0,0.35),rgba(255,200,0,0.12) 40%,transparent 70%);opacity:0}
.r7-brag-overlay.show .r7-brag-flash{animation:r7BragFlash 0.7s ease-out forwards}
@keyframes r7BragFlash{0%{opacity:1;transform:scale(0.7)}100%{opacity:0;transform:scale(2.5)}}
/* Inner */
.r7-brag-inner{position:relative;z-index:3;padding:28px 36px 28px}
/* Rank — top center, hero element */
.r7-brag-rank-top{display:flex;justify-content:center;margin-bottom:22px}
.r7-brag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.r7-brag-logo{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:5px;color:rgba(255,255,255,0.3);font-weight:800}
.r7-brag-logo span{background:linear-gradient(135deg,rgba(109,232,225,0.9),rgba(79,255,170,0.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.r7-brag-rank-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 28px;border:1px solid rgba(255,215,0,0.2);background:linear-gradient(135deg,rgba(255,215,0,0.08),rgba(255,185,0,0.04));position:relative;box-shadow:0 0 30px rgba(255,215,0,0.06),inset 0 0 15px rgba(255,215,0,0.03)}
.r7-brag-rank-badge::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.03),transparent 50%);pointer-events:none}
.r7-brag-rank-emoji{font-size:24px;filter:drop-shadow(0 0 6px rgba(255,215,0,0.4))}
.r7-brag-rank-name{font-family:'Orbitron',sans-serif;font-size:14px;letter-spacing:5px;color:rgba(255,215,0,0.95);font-weight:800;text-shadow:0 0 15px rgba(255,215,0,0.25)}
/* Earnings hero */
.r7-brag-earn{text-align:center;margin-bottom:24px;padding:18px 0;position:relative}
.r7-brag-earn::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:80px;background:radial-gradient(ellipse,rgba(79,255,170,0.04),transparent 70%);filter:blur(20px);pointer-events:none}
.r7-brag-earn::after{content:'';position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:160px;height:50px;background:radial-gradient(ellipse,rgba(79,255,170,0.025),transparent 60%);filter:blur(18px);pointer-events:none}
.r7-brag-earn-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:5px;color:rgba(255,255,255,0.2);margin-bottom:12px;position:relative}
.r7-brag-earn-val{font-family:'Orbitron',sans-serif;font-size:48px;font-weight:900;background:linear-gradient(135deg,rgba(79,255,170,1),rgba(109,232,225,0.95),rgba(150,255,200,1),rgba(79,255,170,0.9));background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;position:relative;animation:r7BragEarnShimmer 3s linear infinite;filter:drop-shadow(0 0 8px rgba(79,255,170,0.08))}
@keyframes r7BragEarnShimmer{0%{background-position:0% center}100%{background-position:300% center}}
.r7-brag-earn-unit{font-size:18px;letter-spacing:4px;margin-left:6px;-webkit-text-fill-color:rgba(79,255,170,0.3);background:none}
/* Stats */
.r7-brag-stats{display:flex;gap:0;margin-bottom:24px;border:1px solid rgba(255,215,0,0.06);background:rgba(0,0,0,0.25);position:relative}
.r7-brag-stats::before{content:'';position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.15),transparent)}
.r7-brag-stat{flex:1;padding:18px 12px;text-align:center;border-right:1px solid rgba(255,215,0,0.05);position:relative;overflow:hidden}
.r7-brag-stat:last-child{border-right:none}
.r7-brag-stat::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:40px;border-radius:50%;filter:blur(15px);opacity:0.4;pointer-events:none}
.r7-brag-stat:nth-child(1)::before{background:rgba(109,232,225,0.12)}
.r7-brag-stat:nth-child(2)::before{background:rgba(255,215,0,0.12)}
.r7-brag-stat:nth-child(3)::before{background:rgba(255,255,255,0.06)}
.r7-brag-stat:nth-child(4)::before{background:rgba(157,127,234,0.12)}
.r7-brag-stat-val{font-family:'Orbitron',sans-serif;font-size:20px;font-weight:800;color:rgba(255,255,255,0.9);display:block;margin-bottom:6px;position:relative}
.r7-brag-stat-val.cyan{color:rgba(109,232,225,0.95);text-shadow:0 0 15px rgba(109,232,225,0.2)}
.r7-brag-stat-val.gold{color:rgba(255,215,0,0.95);text-shadow:0 0 15px rgba(255,215,0,0.2)}
.r7-brag-stat-val.purple{color:rgba(177,147,255,0.95);text-shadow:0 0 15px rgba(157,127,234,0.2)}
.r7-brag-stat-lbl{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2.5px;color:rgba(255,255,255,0.18)}
/* Footer */
.r7-brag-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,0.03);position:relative}
.r7-brag-footer::before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.1),transparent)}
.r7-brag-link{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(109,232,225,0.35);letter-spacing:0.5px}
.r7-brag-pos{font-family:'Orbitron',sans-serif;font-size:11px;color:rgba(255,215,0,0.6);letter-spacing:2px;font-weight:700}
.r7-brag-date{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.15);letter-spacing:1px}
.r7-brag-close{position:absolute;top:14px;right:18px;font-family:'IBM Plex Mono',monospace;font-size:14px;color:rgba(255,255,255,0.12);cursor:pointer;z-index:6;background:none;border:none;padding:4px 8px;transition:color 0.2s}
.r7-brag-close:hover{color:rgba(255,255,255,0.5)}
.r7-brag-actions{display:flex;gap:8px;margin-top:20px}
.r7-brag-action{flex:1;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1.5px;padding:12px;text-align:center;cursor:pointer;transition:all 0.25s;border:1px solid rgba(109,232,225,0.06);background:rgba(109,232,225,0.02);color:rgba(109,232,225,0.35)}
.r7-brag-action:hover{background:rgba(109,232,225,0.08);color:rgba(109,232,225,0.9);border-color:rgba(109,232,225,0.2);box-shadow:0 0 20px rgba(109,232,225,0.04)}
.r7-brag-action.primary{border-color:rgba(255,215,0,0.12);background:linear-gradient(135deg,rgba(255,215,0,0.06),rgba(255,185,0,0.03));color:rgba(255,215,0,0.6)}
.r7-brag-action.primary:hover{background:linear-gradient(135deg,rgba(255,215,0,0.14),rgba(255,185,0,0.08));color:rgba(255,215,0,1);border-color:rgba(255,215,0,0.3);box-shadow:0 0 30px rgba(255,215,0,0.08)}
/* Entrance sequencing */
.r7-brag-overlay .r7-brag-inner>*{opacity:0;transform:translateY(8px);transition:opacity 0.35s,transform 0.35s}
.r7-brag-overlay.show .r7-brag-inner>*{opacity:1;transform:translateY(0)}
.r7-brag-overlay.show .r7-brag-rank-top{transition-delay:0.1s}
.r7-brag-overlay.show .r7-brag-header{transition-delay:0.2s}
.r7-brag-overlay.show .r7-brag-earn{transition-delay:0.3s}
.r7-brag-overlay.show .r7-brag-stats{transition-delay:0.4s}
.r7-brag-overlay.show .r7-brag-footer{transition-delay:0.55s}
.r7-brag-overlay.show .r7-brag-actions{transition-delay:0.65s}
/* HERO CLUSTER — tighter, more dramatic */
/* RANK BADGE — remove the conic spinning, cleaner pulse */

/* ═══ BUTTON GLIMMER — EVERY interactive button gets shine ═══ */
.r7-share-btn::before,.r7-addr-save::before,.r7-code-save::before{content:'';position:absolute;top:0;left:-100%;width:65%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);animation:r7BtnShimmer 4s ease-in-out infinite;pointer-events:none}
@keyframes r7BtnShimmer{0%{left:-100%}50%{left:150%}100%{left:150%}}
.r7-share-btn.x::before{animation-delay:0s}
.r7-share-btn.tg::before{animation-delay:0.8s}
.r7-share-btn.dc::before{animation-delay:1.6s}
.r7-addr-save::before{animation-delay:2.4s}
/* Share buttons — glass effect */
.r7-share-btn:hover{transform:translateY(-2px) !important;box-shadow:0 0 16px rgba(109,232,225,0.08),0 4px 16px rgba(0,0,0,0.25) !important}
/* ═══ HOW-IT-WORKS STRIP — subtle glass feel ═══ */
/* ═══ TIER PANEL — accent glow edges ═══ */
.r7-tier-col.t2{border-left:2px solid rgba(255,215,0,0.12);padding-left:18px !important}
/* ═══ CODE ZONE — the money section ═══ */
/* ═══ MILESTONES — urgency glow ═══ */

/* ═══ NETWORK VIZ — glass container ═══ */
/* ═══ ACTIVITY FEED — tighter, punchier ═══ */
/* ═══ BREAKDOWN — earnings log feel ═══ */
/* ═══ LEADERBOARD ROWS — hover glow ═══ */
@keyframes r7YouRowPulse{0%,100%{background:rgba(255,215,0,0.03)}50%{background:rgba(255,215,0,0.06)}}
/* ═══ SCROLLBAR — minimal ═══ */
.ref-screen::-webkit-scrollbar{width:2px}
.ref-screen::-webkit-scrollbar-thumb{background:rgba(109,232,225,0.12);border-radius:2px}
.ref-screen::-webkit-scrollbar-track{background:transparent}
/* ═══ v348 — DEFINITIVE POLISH ═══ */
/* CORNER BRACKETS ON CARDS */
/* ALL CARDS — sharp edges, not rounded */
.ref-lb-cols,.ref-lb-row,.ref-breakdown-row{border-radius:0}
/* STRONGER SHIMMER on ALL interactive elements */
.r7-share-btn::before,.r7-addr-save::before,.r7-code-save::before,.r7-lb-expand::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),rgba(109,232,225,0.10),transparent) !important}
/* CARD EDGE GLOW — subtle ambient light on card borders */
/* CARD SWEEP — slow light pass across card surface */
@keyframes r7CardSweep{0%{left:-100%}40%{left:200%}100%{left:200%}}
.r7-tier-panel::after{animation-delay:0.5s !important}
.r7-code-zone::after{animation-delay:1.5s !important;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.05),rgba(255,255,255,0.03),transparent) !important}

.r7-sim::after{animation-delay:0s !important}

.r7-feed::after{animation-delay:4s !important}
.ref-breakdown-panel::after{animation-delay:1s !important;content:'';position:absolute;bottom:60px;left:0;right:0;height:30px;background:linear-gradient(transparent,rgba(5,8,18,0.9));pointer-events:none;z-index:2;opacity:0;transition:opacity 0.3s}
.r7-lb-compact::after{animation-delay:3s !important}
/* SHARE BUTTONS — glass edges, sharper */
/* CODE BAR — stronger presence */
/* COPY BUTTON — breathing glow */
/* HERO EARNINGS — sharper text rendering */
/* RANK BADGE — more defined border */
/* VOLUME HEADLINE — breathing */
/* SIM RESULT — dramatic */
/* FEED — sharper items */
/* TOP-LINE shimmer on holo cards — more visible */
/* EARN LABEL flash on load */
@keyframes r7LabelFlash{0%{color:rgba(255,215,0,0.9);text-shadow:0 0 12px rgba(255,215,0,0.5)}100%{color:rgba(255,215,0,0.5);text-shadow:none}}
/* ═══ v349 — 10/10 POLISH PASS ═══ */
/* HERO — dominant, cinematic feel */
@keyframes r7GoldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.r7-earn-num-wrap::before{content:'';position:absolute;top:40%;left:15%;width:260px;height:140px;transform:translate(0,-50%);background:radial-gradient(ellipse 70% 50%,rgba(255,200,0,0.12) 0%,rgba(255,170,0,0.04) 40%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;animation:r7EarnGlow 4s ease-in-out infinite}
.r7-earn-num-wrap::after{content:'';position:absolute;top:55%;left:5%;width:160px;height:80px;transform:translate(0,-50%);background:radial-gradient(ellipse,rgba(255,215,0,0.08) 0%,transparent 65%);filter:blur(25px);pointer-events:none;z-index:0}
@keyframes r7EarnGlow{0%,100%{opacity:0.7;transform:translate(0,-50%) scale(1)}50%{opacity:1;transform:translate(0,-50%) scale(1.08)}}
.r7-vol-block{flex:1 1 0;min-width:0;text-align:right;position:relative;padding:34px 48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;border-left:1px solid rgba(109,232,225,0.10);box-shadow:inset 14px 0 26px -18px rgba(109,232,225,0.10);animation:r7VolReveal 1.2s cubic-bezier(.16,1,.3,1) 0.7s both !important}
.r7-vol-block::after{content:'';position:absolute;left:48px;right:48px;bottom:0;height:1px;background:linear-gradient(90deg,transparent 20%,rgba(109,232,225,0.3));pointer-events:none}
.r7-vol-block::before{content:'';position:absolute;top:30%;right:0;width:200px;height:120px;background:radial-gradient(ellipse 70% 50%,rgba(109,232,225,0.1) 0%,rgba(109,232,225,0.03) 40%,transparent 70%);filter:blur(35px);pointer-events:none;z-index:0;animation:r7VolGlow 5s ease-in-out infinite}
@keyframes r7VolGlow{0%,100%{opacity:0.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}

@keyframes r7CyanShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* TIER PANEL — accent bars glow */
/* HOW-IT-WORKS — icons pulse, arrows breathe */
/* CODE ZONE — THE money section, premium treatment */
.r7-code-zone::before{background:linear-gradient(90deg,transparent 2%,rgba(255,215,0,0.5) 20%,rgba(255,224,0,0.3) 50%,rgba(255,185,0,0.4) 80%,transparent 98%) !important;height:2px !important}
@keyframes r7CopyAura{0%,100%{opacity:0.5}50%{opacity:1}}
/* COPY BUTTON — bigger, stronger */
/* CUSTOMIZE LINK INPUT — cleaner */
/* MILESTONES — urgency tip on progress bar */
/* SIMULATOR — jackpot result */
/* NETWORK VIZ — deeper container */
/* ACTIVITY FEED — left accent bar per item */
/* EARNINGS BREAKDOWN — green accent top line + hover */
/* LEADERBOARD — gold accent + competitive edge */
.r7-lb-compact::before{background:linear-gradient(90deg,transparent 2%,rgba(255,215,0,0.35) 25%,rgba(255,255,255,0.12) 50%,rgba(255,215,0,0.35) 75%,transparent 98%) !important}
.r7-lb-expand::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.08),transparent);animation:r7CardSweep 6s ease-in-out infinite;pointer-events:none}
/* SHARE BUTTONS — platform-tinted hovers */
/* SUBTLE NOISE TEXTURE on hero */
.r7-hero::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:0.6}
/* GLOBAL — selection matches brand, consistent label tracking */
::selection{background:rgba(109,232,225,0.2);color:inherit}
/* ═══ v350 — FINAL WOW FACTOR ═══ */
/* SCREEN FLASH on copy */
@keyframes r7FlashOut{0%{opacity:1}100%{opacity:0}}
/* RANK BADGE — inner glow on hover, more dramatic */
.r7-rank-badge:hover{box-shadow:0 0 50px rgba(255,215,0,0.12),0 0 80px rgba(255,215,0,0.06),inset 0 1px 0 rgba(255,215,0,0.12) !important;transform:scale(1.03);border-color:rgba(255,215,0,0.3) !important}
/* EARNINGS COUNTER — gold flash reveal on load */
@keyframes r7EarnReveal{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
/* LIVE INDICATOR next to LIFETIME EARNED */
.r7-earn-label::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(79,255,170,0.8);box-shadow:0 0 6px rgba(79,255,170,0.5);margin-right:6px;vertical-align:middle;animation:r7LiveDot 2s ease-in-out infinite}
@keyframes r7LiveDot{0%,100%{opacity:0.5;box-shadow:0 0 4px rgba(79,255,170,0.3)}50%{opacity:1;box-shadow:0 0 8px rgba(79,255,170,0.7)}}
/* HERO CLUSTER — staggered reveal */
@keyframes r7BadgeReveal{0%{opacity:0;transform:scale(0.96)}100%{opacity:1;transform:scale(1)}}
@keyframes r7VolReveal{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
/* COPY BUTTON — subtle scale bounce on hover */
.r7-code-copy:active{transform:translateY(0) scale(0.98) !important}
/* SAVE BUTTON — confirmed state transition */
/* TIER PERCENTAGES — dramatic entrance */
@keyframes r7TierReveal{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
/* MILESTONE TIER DOTS — hover scale */
/* SIMULATOR SLIDERS — thumb glow on drag */
.r7-sim-slider::-webkit-slider-thumb:active{box-shadow:0 0 20px rgba(109,232,225,0.8),0 0 40px rgba(109,232,225,0.3) !important;transform:scale(1.2)}
/* NETWORK VIZ CONTAINER — hover brings it alive */

/* LEADERBOARD RANK NUMBERS — gold highlight for top 3 */
.ref-lb-row:nth-child(1) .ref-lb-rank{color:rgba(255,215,0,0.9) !important;text-shadow:0 0 10px rgba(255,215,0,0.3)}
.ref-lb-row:nth-child(2) .ref-lb-rank{color:rgba(192,192,192,0.8) !important}
.ref-lb-row:nth-child(3) .ref-lb-rank{color:rgba(205,127,50,0.8) !important}
/* AUTO-PAYOUT — value pulse when nonzero */
@keyframes r7PayoutPulse{0%,100%{text-shadow:0 0 14px rgba(79,255,170,0.3)}50%{text-shadow:0 0 22px rgba(79,255,170,0.5)}}
/* CARD TOP-LINES — each card gets a unique color accent */
.r7-tier-panel::before{background:linear-gradient(90deg,transparent 2%,rgba(109,232,225,0.5) 30%,rgba(255,215,0,0.3) 70%,transparent 98%) !important}
.r7-sim::before{background:linear-gradient(90deg,transparent 2%,rgba(109,232,225,0.5) 50%,transparent 98%) !important}

.r7-feed::before{background:linear-gradient(90deg,transparent 2%,rgba(79,255,170,0.4) 50%,transparent 98%) !important}
/* ═══ v353 — FINAL DEFINITIVE PASS ═══ */
/* SOLSCAN LINKS — clickable addresses */
.r7-solscan{color:rgba(109,232,225,0.55);text-decoration:none;cursor:pointer;transition:color 0.15s,text-shadow 0.15s;border-bottom:1px solid transparent}
.r7-solscan:hover{color:rgba(109,232,225,0.9);text-shadow:0 0 8px rgba(109,232,225,0.3);border-bottom-color:rgba(109,232,225,0.3)}
.ref-breakdown-row .r7-solscan{font-size:9px}
/* SCROLLABLE BREAKDOWN + LEADERBOARD */
.ref-breakdown-list{max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(79,255,170,0.12) transparent;position:relative}
.ref-breakdown-list::-webkit-scrollbar{width:2px}
.ref-breakdown-list::-webkit-scrollbar-thumb{background:rgba(79,255,170,0.15);border-radius:2px}
.ref-lb-list-wrap{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,0.12) transparent}
.ref-lb-list-wrap::-webkit-scrollbar{width:2px}
.ref-lb-list-wrap::-webkit-scrollbar-thumb{background:rgba(255,215,0,0.15);border-radius:2px}
/* EARNINGS COUNTER — BIGGER, clearer animation */
/* SIMULATOR — compact, not oversized */
.r7-sim-disclaimer{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(255,255,255,0.14);line-height:1.5;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.03)}
/* SET BUTTON — locked state */
.r7-addr-save.is-set{pointer-events:none}
.r7-addr-save.is-set::before{display:none}
/* ═══ v355 — FINAL GOBSMACKING POLISH ═══ */
/* HERO — stacked earnings feel like a scoreboard */
/* TIER PANEL — make T1/T2 percentages feel like BIG numbers */
/* HOW-IT-WORKS — arrow animation more fluid */
/* CODE ZONE — copy button idle state micro-glow pulse */
/* ACTIVITY FEED — timestamp dimmer for hierarchy */
/* BREAKDOWN — gradient fade at bottom when scrollable */
.ref-breakdown-panel.has-scroll::after{opacity:1}
/* LEADERBOARD — hover micro-interaction on all rows */
/* NETWORK VIZ — title overlay */
/* GLOBAL — all card borders slightly brighter */
/* PAYOUT INFO — dynamic state indicator */
/* CODE ZONE — the shrine. Outer glow aura that breathes */
@keyframes r7CodeZoneBreathe{0%,100%{box-shadow:0 0 0 1px rgba(255,215,0,0.06),0 0 40px rgba(255,215,0,0.03),0 8px 32px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 1px rgba(255,215,0,0.1),0 0 60px rgba(255,215,0,0.06),0 8px 32px rgba(0,0,0,0.3)}}
/* COPY BUTTON — gold version sweep shimmer */
/* HERO FLOATING PARTICLES — ambient depth */
.r7-hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.r7-particle{position:absolute;border-radius:50%;animation:r7Float linear infinite;opacity:0}
@keyframes r7Float{0%{transform:translateY(0) translateX(0);opacity:0}8%{opacity:1}85%{opacity:0.8}100%{transform:translateY(-160px) translateX(30px);opacity:0}}
.r7-particle.large{animation-name:r7FloatLarge}
@keyframes r7FloatLarge{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:0.6}50%{transform:translateY(-80px) scale(1.3);opacity:0.8}100%{transform:translateY(-180px) scale(0.5);opacity:0}}
/* EARN COUNTER — glow intensifies on hover */
.r7-earn-num:hover{text-shadow:0 0 50px rgba(255,215,0,0.6),0 0 100px rgba(255,215,0,0.2) !important;cursor:default}
/* TIER STATS — hover reveal animation */
.r7-tc-stat-val:hover{transform:scale(1.05)}
/* SIMULATOR — slider track fills with color */
/* FEED — new item entrance glow */
@keyframes r7FeedGlow{0%{box-shadow:inset 0 0 20px rgba(79,255,170,0.08)}100%{box-shadow:none}}
/* BREAKDOWN EARNED VALUES — count-up feel */
/* LEADERBOARD YOUR ROW — stronger highlight */
.ref-lb-row.you-row .ref-lb-addr{color:rgba(255,215,0,0.8) !important}
/* HOW-IT-WORKS — step connectors pulse */
/* RANK BADGE — subtle inner ring */
.r7-rank-badge::after{content:'';position:absolute;inset:5px;border-radius:10px;border:1px solid rgba(255,215,0,0.04);pointer-events:none;z-index:1}
/* ═══ RESPONSIVE — TABLET (768px) ═══ */
@media(max-width:768px){
  /* Hero cluster: reduce gaps */
  .r7-hero-cluster{padding:18px 16px !important;gap:0 !important}
  .r7-hero-divider{margin:0 16px !important}
  .r7-earn-num{font-size:40px !important}
  .r7-vol-num{font-size:20px !important}
  .r7-rank-badge{width:130px !important;min-height:120px !important;padding:12px 14px !important}

  /* Below fold: tighter padding */
  .r7-below{padding:14px 16px 90px !important}
  .r7-above-actions{padding:0 16px}

  /* Tier panel: fit viewport */
  .r7-tier-panel{padding:16px !important;margin-bottom:12px !important}
  .r7-tier-cols{flex-wrap:wrap}
  .r7-tier-info{margin-left:0;margin-top:12px;align-self:flex-start}

  /* Code zone: compact */
  .r7-code-zone{padding:16px !important}
  .r7-code-url{font-size:11px !important}

  /* Leaderboard + breakdown grids: narrower */
  .ref-lb-cols,.ref-lb-row{grid-template-columns:28px 1fr 64px 64px 52px;padding:8px 12px}
  .ref-breakdown-row{grid-template-columns:1fr 60px 60px 64px 44px;padding:8px 12px}

  /* Brag card: fit smaller screens */
  .r7-brag-card{width:90vw;max-width:480px}
  .r7-brag-inner{padding:22px 24px}

  /* Mid columns: tighter gap */
  .r7-mid-cols{gap:10px !important}

  /* Hero section */
  .r7-hero{padding:20px 16px 10px !important}
  .r7-hero-atmo{width:500px;height:300px}

  /* Rank emblem: smaller on tablet */
  .r7-rank-badge--emblem{width:172px !important;flex:0 0 172px;padding:18px 14px !important}
  .r7-earn-block{padding:20px 24px}
  .r7-vol-block{padding:20px 24px}
  .r7-earn-block::after,.r7-vol-block::after{left:24px;right:24px}
}

/* ═══ RESPONSIVE — SMALL TABLET / LARGE PHONE (600px) ═══ */
@media(max-width:600px){
  /* Hero cluster: stack vertically */
  .r7-hero-cluster{flex-direction:column;align-items:center;text-align:center;min-height:auto;padding:16px !important}
  .r7-hero-divider{width:60px;height:1px;margin:14px 0 !important}
  .r7-earn-block{text-align:center}
  .r7-vol-block{text-align:center !important}
  .r7-earn-num{font-size:38px !important}
  .r7-rank-badge{width:140px !important;min-height:130px !important}

  /* Tier panel: handled in mobile overhaul below */
  .r7-tier-info{align-self:center;margin-left:0;margin-top:8px}

  /* How-it-works: handled in mobile overhaul below */
  .r7-how-connector{display:none}
  .r7-how-step-card{max-width:none}

  /* Mid columns: stack */
  .r7-mid-cols{flex-direction:column}
  .r7-tree-col,.r7-sim-col-r{flex:initial}
  .r7-sim{flex:initial !important}
  .r7-reftree{min-height:260px !important}

  /* Code bar: stack URL and button */
  .r7-code-bar{flex-direction:column;gap:8px;padding:14px !important;align-items:stretch}
  .r7-code-url{font-size:12px !important;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .r7-code-copy{justify-content:center;padding:14px 20px !important}

  /* Customize row: stack on narrow */
  .r7-code-custom-row{flex-wrap:wrap;gap:8px}
  .r7-code-prefix{font-size:10px}

  /* Leaderboard: simplify grid */
  .ref-lb-cols,.ref-lb-row{grid-template-columns:24px 1fr 56px 56px;padding:8px 10px}
  .ref-lb-vol{display:none}
  .ref-breakdown-row{grid-template-columns:1fr 56px 56px 50px;padding:8px 10px;gap:4px}

  /* Above actions: stack */
  .r7-above-actions{flex-direction:column;gap:8px;padding:0 16px;align-items:flex-start}
  .r7-trust-inline{flex-wrap:wrap}

  /* Brag card: full width */
  .r7-brag-card{width:94vw}
  .r7-brag-inner{padding:20px 18px}
  .r7-brag-earn-val{font-size:36px}
  .r7-brag-stat-val{font-size:16px}
  .r7-brag-stat{padding:14px 8px}

  /* Earn toasts: tighter */
  .r7-earn-toasts{right:8px;max-width:220px}

  /* Filter bar: scroll horizontal */
  /* WRAP on mobile too. The nowrap+hidden-scrollbar version left the sort
     chips (EARNED/VOLUME/RECENT) cut at the panel edge with an 8px peek and
     no cue that the row swipes — invisible UI. Groups wrap whole. */
  #s7 .r7-bd-filters{flex-wrap:wrap}

  /* Rivalry banner */
  .r7-rivalry{font-size:7px;padding:6px 10px}

  /* Share buttons: handled in mobile overhaul below */

  /* Payout tabs: full width */
  .r7-payout-dest-tabs{flex-direction:column;gap:0}
  .r7-pd-tab:first-child{border-right:1px solid rgba(255,255,255,0.05);border-bottom:none}
}

/* ═══ RESPONSIVE — MOBILE (420px) ═══ */
@media(max-width:420px){
  .r7-hero-cluster{flex-direction:column;align-items:center;text-align:center}
  .r7-hero-divider{width:60px;height:1px;margin:12px 0 !important}
  .r7-earn-num{font-size:36px !important}
  .r7-rank-badge{width:130px !important;min-height:120px !important;height:auto !important;padding:12px 14px !important}
  .r7-rank-creature{font-size:18px !important}
  .r7-mid-cols{flex-direction:column}
  .r7-sim{flex:initial !important}
  .r7-reftree{min-height:240px !important}
  .r7-tree-col{flex:initial}
  .r7-sim-col-r{flex:initial}
  .r7-earn-toasts{right:8px;max-width:200px}
  .r7-rivalry{font-size:7px}
  /* How-it-works + tiers + share: handled in mobile overhaul below */
  .r7-how-connector{display:none}
  .r7-how-step-card{max-width:none}
  .r7-above-actions{flex-direction:column;gap:8px;padding:0 16px;align-items:flex-start}
  .r7-trust-inline{flex-wrap:wrap}

  /* Hero: compact */
  .r7-hero{padding:14px 12px 8px !important}
  .r7-vol-num{font-size:18px !important}
  .r7-vol-block{text-align:center !important}
  .r7-earn-block{text-align:center}

  /* Tier panel: compact padding, layout handled in overhaul */
  .r7-tier-panel{padding:14px 12px !important}
  .r7-tier-info{align-self:center;margin-left:0;margin-top:8px}
  .r7-tc-pct{font-size:28px !important}
  .r7-tc-stats{gap:12px}

  /* Code zone: compact */
  .r7-code-zone{padding:14px 12px !important}
  .r7-code-bar{flex-direction:column;gap:8px;padding:12px !important}
  .r7-code-url{font-size:11px !important;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .r7-code-copy{justify-content:center;width:100%}
  .r7-code-custom{padding:12px}
  .r7-code-custom-row{flex-wrap:wrap;gap:8px}
  .r7-code-prefix{font-size:9px}

  /* Share buttons: handled in mobile overhaul below */

  /* Below: tight padding */
  .r7-below{padding:12px 12px 80px !important}

  /* Leaderboard: 3-column compact */
  .ref-lb-cols,.ref-lb-row{grid-template-columns:24px 1fr 56px 56px;padding:7px 10px}
  .ref-lb-vol{display:none}
  .ref-breakdown-row{grid-template-columns:1fr 50px 50px 44px;padding:7px 10px;gap:4px}
  .r7-bd-time{font-size:7px}

  /* Brag card */
  .r7-brag-card{width:96vw}
  .r7-brag-inner{padding:18px 14px}
  .r7-brag-earn-val{font-size:32px}
  .r7-brag-stat-val{font-size:14px}
  .r7-brag-stat{padding:12px 6px}
  .r7-brag-rank-name{font-size:11px;letter-spacing:3px}
  .r7-brag-actions{flex-direction:column;gap:6px}

  /* Filter bar: horizontal scroll */
  /* WRAP on mobile too. The nowrap+hidden-scrollbar version left the sort
     chips (EARNED/VOLUME/RECENT) cut at the panel edge with an 8px peek and
     no cue that the row swipes — invisible UI. Groups wrap whole. */
  #s7 .r7-bd-filters{flex-wrap:wrap}

  /* Payout: stack tabs */
  .r7-payout-dest-tabs{flex-direction:column;gap:0}
  .r7-pd-tab:first-child{border-right:1px solid rgba(255,255,255,0.05);border-bottom:none}
  .r7-pd-wallet-display{flex-wrap:wrap;gap:8px}
  .r7-pd-wallet-addr{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}

  /* Wallet gate: fit mobile */
  .ref-wallet-gate>div:nth-child(2){max-width:calc(100vw - 32px) !important;padding:20px 20px !important}

  /* Streak badge */
  .r7-streak{padding:3px 8px}
  .r7-streak-num{font-size:12px}
}

/* ═══ RESPONSIVE — iPhone / iOS refinements (428px) ═══ */
@media(max-width:428px){
  /* Safe area insets */
  #s7{padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px)}

  /* iOS zoom prevention: inputs ≥16px */
  .r7-code-input{font-size:16px !important}
  .r7-addr-input{font-size:16px !important}

  /* Buttons: 44px min tap targets */
  .r7-share-btn{min-height:44px !important;padding:10px 0 !important}
  .ref-withdraw-btn{min-height:44px !important;padding:10px 16px !important}
  .r7-code-copy{min-height:44px !important;padding:12px 24px !important}
  .r7-code-save{min-height:40px !important;padding:8px 16px !important}

  /* Performance detail tabs: tap targets */
  .r7-pd-tab{min-height:44px !important;padding:10px 0 !important}

  /* How-it-works step cards: compact */
  .r7-how-step-card{padding:14px !important}

  /* Earn number: fit viewport */
  .r7-earn-num{font-size:32px !important}
}

/* ═══ RESPONSIVE — SMALL PHONE (375px) ═══ */
@media(max-width:375px){
  .r7-earn-num{font-size:28px !important}
  .r7-earn-usd{font-size:11px}
  .r7-vol-num{font-size:16px !important}
  .r7-rank-badge{width:120px !important;min-height:110px !important}
  .r7-rank-name{font-size:9px !important;letter-spacing:1.5px}
  .r7-tc-pct{font-size:24px !important}
  .r7-code-url{font-size:10px !important}
  .r7-code-copy{padding:10px 16px !important;font-size:7px !important}
  .r7-code-prefix{font-size:8px}
  .r7-code-input{font-size:16px !important}
  .r7-sim-result-num{font-size:14px !important}
  .r7-sim-proj-num{font-size:14px}
  .ref-lb-cols,.ref-lb-row{grid-template-columns:22px 1fr 48px 48px;padding:6px 8px;font-size:8px}
  .ref-lb-addr{font-size:8px}
  .ref-lb-refs,.ref-lb-earn{font-size:8px}
  .ref-breakdown-row{grid-template-columns:1fr 44px 44px 40px;padding:6px 8px;font-size:8px}
  .r7-brag-earn-val{font-size:26px}
  .r7-brag-stat-val{font-size:12px}
  .r7-brag-rank-badge{padding:8px 18px}
  .r7-brag-rank-name{font-size:10px;letter-spacing:2px}
  .r7-hero{padding:10px 10px 6px !important}
  .r7-below{padding:10px 10px 80px !important}
  .r7-code-zone{padding:12px 10px !important}
  .r7-tier-panel{padding:12px 10px !important}

  /* Wallet gate: extra tight */
  .ref-wallet-gate>div:nth-child(2){padding:16px 14px !important}
}

/* ═══ MOBILE LAYOUT OVERHAUL — de-list, compact hero, grid sections ═══ */

/* RANK BADGE — top-left emblem in hero */
.r7-rank-badge--emblem{
  position:relative;top:auto;left:auto;z-index:2;
  width:256px !important;flex:0 0 256px;min-height:100% !important;
  padding:30px 26px !important;
  background:linear-gradient(165deg,rgba(255,215,0,0.07) 0%,rgba(255,215,0,0.015) 40%,transparent 70%) !important;
  border:none !important;
  border-right:1px solid rgba(255,215,0,0.12) !important;
  box-shadow:inset -14px 0 26px -18px rgba(255,215,0,0.14) !important;
  animation:r7BadgeReveal 1.2s cubic-bezier(.16,1,.3,1) 0.5s both !important;
}
.r7-rank-badge--emblem .r7-rank-creature{
  width:54px;height:54px;font-size:32px;
  border-color:rgba(255,215,0,0.22);
  background:linear-gradient(160deg,rgba(255,215,0,0.10),rgba(255,255,255,0.02) 60%);
  border-radius:0;
  box-shadow:0 0 22px rgba(255,215,0,0.12),inset 0 1px 0 rgba(255,255,255,0.08);
  animation:r7CreatureBreath 4.5s ease-in-out infinite;
  margin-bottom:8px;
}
@keyframes r7CreatureBreath{0%,100%{box-shadow:0 0 16px rgba(255,215,0,0.10),inset 0 1px 0 rgba(255,255,255,0.08)}50%{box-shadow:0 0 30px rgba(255,215,0,0.24),inset 0 1px 0 rgba(255,255,255,0.10)}}
.r7-rank-badge--emblem .r7-rank-bar{width:90%;height:3px}

/* BRAG card — below hero cluster, centered, 1/3 width */
.r7-above-actions--hero{
  display:flex;
  align-items:center;justify-content:center;
  gap:16px;
  padding:0;margin:0 0 18px;
  position:relative;z-index:2;
}
.r7-above-actions--hero .r7-brag-btn--hero{
  max-width:33.333%;
}
/* Desktop position no longer needed — brag card lives in hero */
.r7-above-actions--desktop{display:none !important}

@media(max-width:600px){
  /* Hero headline: compact */
  .r7-hero-headline{margin-bottom:8px}
  .r7-hero-title{font-size:11px;letter-spacing:4px}
  .r7-hero-subtitle{font-size:8px;letter-spacing:1px}

  /* Rank badge emblem: reflow for mobile — static, centered above cluster */
  .r7-rank-badge--emblem{
    position:relative !important;top:auto !important;left:auto !important;
    width:100% !important;flex:0 0 auto;margin:0;
    display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;
    padding:10px 16px !important;min-height:auto !important;
    border-right:none !important;
    border-bottom:1px solid rgba(255,215,0,0.12) !important;
    box-shadow:inset 0 -14px 26px -18px rgba(255,215,0,0.14) !important;
  }
  .r7-rank-badge--emblem .r7-rank-creature{width:34px;height:34px;font-size:20px;margin-bottom:0 !important}
  .r7-earn-block{padding:16px;align-items:center}
  .r7-vol-block{padding:16px;align-items:center;border-left:none;box-shadow:none}
  .r7-rank-badge--emblem .r7-rank-lbl{display:none}
  .r7-rank-badge--emblem .r7-rank-bar{display:none}
  .r7-rank-badge--emblem .r7-rank-next{display:none}
  .r7-rank-badge--emblem .r7-rank-top{display:none}
  .r7-rank-badge--emblem .r7-rank-creature{margin-bottom:0 !important}
  .r7-rank-badge--emblem .r7-rank-name{margin-bottom:0}
  .r7-rank-badge--emblem .r7-rank-pts{margin-bottom:0}

  /* Hero cluster: no left padding on mobile */
  .r7-hero-cluster{padding-left:16px !important}

  /* Brag card: compact on mobile */
  .r7-above-actions--hero{
    margin:0 0 10px;gap:8px;
    flex-direction:column;align-items:center;
  }
  .r7-above-actions--hero .r7-brag-btn{
    background:linear-gradient(135deg,rgba(255,215,0,0.08),rgba(255,185,0,0.04));
    border-color:rgba(255,215,0,0.2);
    padding:10px 18px;
    flex-shrink:0;
  }
  .r7-above-actions--hero .r7-brag-btn--hero{max-width:none}
  .r7-above-actions--desktop{display:none !important}

  /* Tier text: ensure legibility on mobile */
  .r7-tc-of{font-size:8px !important;color:rgba(255,255,255,0.45) !important}
  .r7-tc-note{font-size:8px !important;color:rgba(255,215,0,0.6) !important}
  .r7-tc-label{font-size:7px !important;color:rgba(109,232,225,0.7) !important}
  .r7-tier-col.t2 .r7-tc-label{color:rgba(255,215,0,0.65) !important}

  /* RANK BADGE — compact inline on mobile (was ~140px tall block) */
  .r7-rank-badge{
    width:100px !important;min-height:90px !important;
    padding:10px 12px !important;
    gap:0;
  }
  .r7-rank-creature{
    width:28px !important;height:28px !important;
    font-size:16px !important;
    margin-bottom:4px !important;
    border-radius:6px;
  }
  .r7-rank-name{font-size:8px !important;letter-spacing:1.5px !important;margin-bottom:1px}
  .r7-rank-pts{font-size:7px !important;margin-bottom:4px}
  .r7-rank-lbl{font-size:7px !important;letter-spacing:2px;margin-bottom:4px}
  .r7-rank-next{font-size:7px !important}

  /* Re-assert emblem overrides AFTER the generic badge rules above */
  .r7-rank-badge--emblem{
    position:relative !important;top:auto !important;left:auto !important;
    width:auto !important;margin:0 auto 10px;
    display:flex;flex-direction:row;align-items:center;gap:10px;
    padding:8px 16px !important;min-height:auto !important;
    background:linear-gradient(90deg,rgba(255,215,0,0.04) 0%,rgba(8,10,20,0.98) 35%,rgba(8,10,20,0.98) 65%,rgba(255,215,0,0.03) 100%) !important;
  }
  .r7-rank-badge--emblem .r7-rank-creature{width:28px !important;height:28px !important;font-size:16px !important;margin-bottom:0 !important;flex-shrink:0}
  .r7-rank-badge--emblem .r7-rank-name{margin-bottom:0;font-size:9px !important}
  .r7-rank-badge--emblem .r7-rank-pts{margin-bottom:0;font-size:7px !important}
  .r7-rank-top{font-size:7px !important}

  /* HOW-IT-WORKS — keep 3-column grid on mobile, compact cards */
  .r7-how-steps{
    flex-direction:row !important;
    gap:6px !important;
    padding:10px 0 14px !important;
  }
  .r7-how-connector{display:none}
  .r7-how-step-card{
    flex:1 !important;max-width:none !important;
    padding:10px 6px 8px !important;
    min-width:0;
  }
  .r7-how-num{
    width:20px !important;height:20px !important;
    font-size:7px !important;margin-bottom:6px !important;
  }
  .r7-how-step-icon{font-size:16px !important;margin-bottom:6px !important}
  .r7-how-step-title{font-size:7px !important;letter-spacing:1px !important;margin-bottom:4px}
  .r7-how-step-desc{display:none}

  /* TIERS — side-by-side 2-column, not stacked */
  .r7-tier-cols{
    flex-direction:row !important;
    gap:0 !important;
  }
  .r7-tier-col{flex:1 !important;padding:0 10px !important}
  .r7-tier-col.t1{border-left:2px solid rgba(109,232,225,0.15) !important;border-right:none !important}
  .r7-tier-col.t2{
    border-left:2px solid rgba(255,215,0,0.12) !important;
    border-top:none !important;
    padding-top:0 !important;
  }
  .r7-tier-div{
    flex-direction:column !important;
    padding:0 4px !important;
  }
  .r7-tier-div-line{
    width:1px !important;height:30px !important;
    flex:initial !important;
    background:linear-gradient(transparent,rgba(255,255,255,0.08),transparent) !important;
  }
  .r7-tier-div-arrow{transform:none !important;font-size:10px}
  .r7-tier-info{margin-top:8px}
  .r7-tc-pct{font-size:24px !important}
  .r7-tc-stats{gap:8px !important}
  .r7-tc-stat-val{font-size:12px !important}

  /* SHARE BUTTONS — 3-across row, not stacked */
  .r7-share-row{
    flex-direction:row !important;
    gap:6px !important;
  }
  .r7-share-btn{
    flex:1 !important;
    padding:10px 0 !important;
    font-size:7px !important;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
  }
  .r7-share-btn svg{flex-shrink:0}

  /* TRUST INLINE — compact on mobile */
  .r7-above-actions--hero .r7-trust-inline{
    flex-wrap:wrap;gap:4px;
    font-size:7px !important;
  }
  .r7-above-actions--hero .r7-trust-sep{display:none}
}

/* ═══ 420px refinements ═══ */
@media(max-width:420px){
  /* Rank badge emblem — compact inline on small screens */
  .r7-rank-badge--emblem{
    padding:6px 12px !important;
  }
  .r7-rank-badge--emblem{width:auto !important;min-height:auto !important;padding:6px 12px !important}
  .r7-rank-badge--emblem .r7-rank-creature{width:22px !important;height:22px !important;font-size:12px !important;margin-bottom:0 !important;flex-shrink:0}

  /* How-it-works stays 3-col */
  .r7-how-steps{padding:8px 0 10px !important;gap:4px !important}
  .r7-how-step-card{padding:8px 4px 6px !important}
  .r7-how-num{width:18px !important;height:18px !important;font-size:7px !important;margin-bottom:4px !important}
  .r7-how-step-icon{font-size:14px !important;margin-bottom:4px !important}
  .r7-how-step-title{font-size:7px !important;letter-spacing:0.8px !important}

  /* Tiers — keep side by side, tighter */
  .r7-tier-cols{flex-direction:row !important}
  .r7-tier-col{padding:0 8px !important}
  .r7-tc-pct{font-size:22px !important}
  .r7-tc-stat-val{font-size:11px !important}
  .r7-tc-label{font-size:7px !important;letter-spacing:1.5px}
  .r7-tc-of{font-size:7px !important;color:rgba(255,255,255,0.4) !important}

  /* Share — stay 3-across */
  .r7-share-row{flex-direction:row !important}
  .r7-share-btn{font-size:7px !important;padding:8px 0 !important;gap:3px !important}

  /* Hero headline */
  .r7-hero-title{font-size:10px;letter-spacing:3px}
  .r7-hero-subtitle{font-size:7px}

  /* Brag card hero position */
  .r7-above-actions--hero{
    flex-direction:column !important;
    gap:6px;align-items:stretch;
  }
  .r7-above-actions--hero .r7-brag-btn{
    width:100%;justify-content:center;
  }
  .r7-above-actions--hero .r7-trust-inline{
    justify-content:center;
  }
}

/* ═══ 375px — smallest phones ═══ */
@media(max-width:375px){
  .r7-hero-title{font-size:9px;letter-spacing:2.5px}
  .r7-hero-subtitle{font-size:7px}

  .r7-rank-badge{width:80px !important;min-height:72px !important}
  .r7-rank-creature{width:22px !important;height:22px !important;font-size:12px !important}
  .r7-rank-name{font-size:7px !important;letter-spacing:1px !important}
  /* Emblem override at 375px */
  .r7-rank-badge--emblem{width:auto !important;min-height:auto !important;padding:6px 10px !important}
  .r7-rank-badge--emblem .r7-rank-creature{margin-bottom:0 !important;flex-shrink:0}
  .r7-rank-badge--emblem .r7-rank-name{font-size:8px !important}

  .r7-tc-pct{font-size:20px !important}
  .r7-tc-stat-val{font-size:10px !important}

  .r7-how-step-title{font-size:7px !important}
  .r7-how-step-icon{font-size:12px !important}
}

/* ═══ 1024px — tablet landscape ═══ */
@media(max-width:1024px){
  /* Constrain referral dashboard */
  .r7-below{max-width:900px;margin-left:auto;margin-right:auto}

  /* Hero cluster: slightly tighter spacing */
  .r7-hero-cluster{padding:20px 24px 20px 160px !important}

  /* Tier cards: 2-column grid */
  .r7-tier-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}

  /* Leaderboard table: roomier columns */
  .ref-lb-cols,.ref-lb-row{grid-template-columns:36px 1fr 85px 85px 65px;padding:10px 20px}
  .ref-breakdown-row{grid-template-columns:1fr 75px 75px 85px 55px;padding:10px 18px}

  /* Mid columns: constrain */
  .r7-mid-cols{max-width:900px;margin-left:auto;margin-right:auto}
}

/* ═══ 1440px — wide desktop ═══ */
@media(min-width:1440px){
  /* Referral content wider on large screens */
  .r7-below{max-width:1100px;margin-left:auto;margin-right:auto}

  /* Hero stats: larger */
  .r7-hero-cluster{padding:28px 36px 28px 190px !important;gap:0 !important}
  .r7-earn-num{font-size:64px !important}
  .r7-vol-num{font-size:24px !important}
  .r7-rank-badge{width:170px !important;min-height:155px !important}

  /* Tier panel: wider */
  .r7-tier-panel{padding:24px 32px !important}

  /* Leaderboard table: full-width, larger font */
  .ref-lb-cols,.ref-lb-row{grid-template-columns:40px 1fr 100px 100px 80px;padding:12px 24px}
  .ref-lb-addr{font-size:10px}
  .ref-lb-refs,.ref-lb-vol,.ref-lb-earn{font-size:10px}
  .ref-breakdown-row{grid-template-columns:1fr 85px 85px 100px 60px;padding:11px 22px;font-size:10px}

  /* Mid columns: wider */
  .r7-mid-cols{max-width:1100px;margin-left:auto;margin-right:auto}

  /* Hero headline: slightly larger */
  .r7-hero-title{font-size:16px;letter-spacing:7px}
  .r7-hero-subtitle{font-size:10px;max-width:520px}
}

/* Sample-vs-real marking on the referral activity feed. A disconnected visitor
   sees an example so the page isn't a dead box; it must be unmistakably an
   example, and it must never stream as though something is happening. */
.r7-feed-list.is-sample{position:relative;opacity:.62}
.r7-feed-list.is-sample::after{
  content:'SAMPLE — connect your wallet to see real payouts';
  display:block;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1.2px;
  color:rgba(255,215,0,0.55);padding:8px 2px 2px;text-align:center}
.r7-feed-empty{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:0.6px;
  color:rgba(255,255,255,0.3);padding:14px 8px;text-align:center;line-height:1.6}

/* ── Rank badge sits IN the stats row (same line as earnings + volume) —
   the floating top-left emblem read as off-centre clutter. The absolute
   positioning and the left-padding that reserved space for it both retire. ── */
.r7-rank-badge--emblem{position:static !important;top:auto !important;left:auto !important}
.r7-hero-cluster{padding:22px 28px !important;gap:0 !important}
@media(max-width:600px){
  .r7-hero-cluster{flex-wrap:wrap;justify-content:center}
}

/* ≤480: the breakdown grid's fixed tracks plus the address column's
   min-content (1fr never shrinks below it) pushed the EARNED value ~32px past
   the panel's clip edge. Tracks step down, the address column becomes
   genuinely shrinkable (minmax 0) and ellipsizes. The sixth child (time)
   keeps wrapping to its own line exactly as it does on desktop. */
@media (max-width: 480px){
  #s7 .ref-breakdown-row{grid-template-columns:minmax(0,1fr) 30px 52px 64px 78px;gap:4px;padding:9px 10px;font-size:8px}
  #s7 .ref-breakdown-row .addr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
}