/* MetaGol V11.7.98 · Camino de recompensas gamer (sin verde genérico) */
.pesHubShell.referralsMode .pesHeroPanel,.pesHubShell.referralsMode .pesBox{background:linear-gradient(155deg,rgba(11,22,53,.94),rgba(5,9,24,.97))!important;border-color:rgba(75,129,255,.30)!important;box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)!important}
.pesHubShell.referralsMode .hubHeroHead{position:relative;overflow:hidden;clip-path:polygon(0 0,97% 0,100% 50%,97% 100%,0 100%);background:linear-gradient(110deg,#163d9c,#422384 55%,#15102f)!important;border:1px solid rgba(126,147,255,.48)!important;border-left:4px solid #4e8cff!important;border-radius:0!important;box-shadow:0 12px 28px rgba(17,40,128,.30)!important}
.pesHubShell.referralsMode .hubHeroHead::after{content:"REFERRAL SEASON";position:absolute;right:18%;top:50%;transform:translateY(-50%) skewX(-10deg);color:rgba(255,255,255,.055);font:italic 1000 34px/1 var(--game-font);letter-spacing:.06em;white-space:nowrap}
.pesHubShell.referralsMode .hubHeroHead b{font-family:var(--game-font)!important;font-size:25px!important;font-style:italic!important;letter-spacing:.08em!important;text-shadow:0 3px 0 #07091b!important}.pesHubShell.referralsMode .hubHeroHead span{color:#bfd2ff!important}.pesHubShell.referralsMode .hubTag{border:1px solid rgba(255,207,79,.62)!important;border-radius:2px!important;background:linear-gradient(180deg,#ffd96c,#b97610)!important;color:#211200!important;box-shadow:0 7px 18px rgba(220,143,20,.28)!important}
.pesHubShell.referralsMode .referralHero{position:relative;overflow:hidden;border:1px solid rgba(95,141,255,.40)!important;border-radius:4px!important;background:linear-gradient(115deg,#182b69,#19183c 58%,#2b1747)!important;box-shadow:0 14px 32px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.08)!important}
.pesHubShell.referralsMode .referralHero::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,rgba(255,255,255,.025) 0 1px,transparent 1px 10px)}
.pesHubShell.referralsMode .referralHero>div,.pesHubShell.referralsMode .refCopyBtn{position:relative;z-index:1}.pesHubShell.referralsMode .referralHero small{color:#91aef2!important;font-family:var(--game-body)!important}.pesHubShell.referralsMode .referralHero b{color:#fff1ad!important;font:italic 1000 28px/1 var(--game-font)!important;text-shadow:0 2px 0 #000!important}.pesHubShell.referralsMode .referralHero span{color:#c1cbea!important;font-family:var(--game-body)!important}
.pesHubShell.referralsMode .refCopyBtn{border:1px solid #7bb8ff!important;border-radius:2px!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:linear-gradient(180deg,#429cff,#2853d8)!important;color:#fff!important;font:italic 1000 9px/1 var(--game-font)!important;text-shadow:0 1px #0008!important;box-shadow:0 9px 20px rgba(38,85,214,.32)!important}
.pesHubShell.referralsMode .refLevel{border-radius:4px!important;background:linear-gradient(145deg,#131d3d,#090e21)!important;box-shadow:0 12px 28px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.06)!important}.pesHubShell.referralsMode .refLevel.l1{--refGlow:#ffcc4d!important;border-top-color:#ffcc4d!important}.pesHubShell.referralsMode .refLevel.l2{--refGlow:#a962ff!important;border-top-color:#a962ff!important}.pesHubShell.referralsMode .refLevel.l3{--refGlow:#3f93ff!important;border-top-color:#3f93ff!important}.pesHubShell.referralsMode .refLevel small{color:#91a5d5!important}.pesHubShell.referralsMode .refLevelTop em{background:#20294a!important;color:#dbe5ff!important}.pesHubShell.referralsMode .refLevel strong{color:#ffd66d!important}
.pesHubShell.referralsMode .hubStatChip{border-color:rgba(85,132,255,.26)!important;background:linear-gradient(145deg,#121c3b,#080d20)!important}.pesHubShell.referralsMode .hubStatChip small{color:#829cdc!important}.pesHubShell.referralsMode .refInfoBox{border-color:rgba(174,90,255,.30)!important;background:linear-gradient(120deg,rgba(99,49,178,.20),rgba(12,16,39,.94))!important}.pesHubShell.referralsMode .refInfoBox b{color:#d7b7ff!important}.pesHubShell.referralsMode .refInfoBox span{color:#acb8d4!important}
.pesHubShell.referralsMode .pesBox .sideTitle{color:#9fbaff!important;border-bottom-color:rgba(81,126,255,.20)!important}.pesHubShell.referralsMode .sideMetric{border-color:rgba(73,116,232,.18)!important;background:linear-gradient(120deg,rgba(42,75,161,.21),rgba(7,12,29,.9))!important}.pesHubShell.referralsMode .sideMetric b{color:#fff!important}.pesHubShell.referralsMode .sideMetric span{color:#d5bdff!important}
.refRewardPanel{
  --rr-blue:#2f78ff;--rr-cyan:#55d9ff;--rr-gold:#ffcc4b;--rr-ink:#050816;
  position:relative;isolation:isolate;overflow:hidden;margin:15px 0 4px;padding:0;
  border:1px solid rgba(86,151,255,.42);border-radius:5px;
  background:linear-gradient(145deg,#0d1732 0%,#090e21 55%,#050816 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08),0 0 30px rgba(40,103,255,.08)
}
.refRewardPanel::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(120deg,rgba(53,117,255,.18),transparent 26%),radial-gradient(circle at 88% 0,rgba(255,190,52,.14),transparent 25%),repeating-linear-gradient(120deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px)
}
.refRewardPanel::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2876ff,#b74cff 48%,#ffbe37)}
.refRewardHead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px 11px;border-bottom:1px solid rgba(104,151,255,.20);background:linear-gradient(90deg,rgba(30,70,156,.30),rgba(10,16,37,.16))}
.refRewardTitle{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;min-width:0}
.refRewardTitle::before{content:"★";display:grid;place-items:center;width:38px;height:38px;clip-path:polygon(50% 0,93% 22%,93% 77%,50% 100%,7% 77%,7% 22%);background:linear-gradient(145deg,#ffe27a,#e38f12);color:#171006;font:900 19px/1 var(--game-font);text-shadow:0 1px #fff8;box-shadow:0 0 24px rgba(255,184,44,.25)}
.refRewardTitle>div{min-width:0}.refRewardHead small,.refRewardPrize small{display:block;color:#7fa9ed;font:900 7px/1.2 var(--game-body);letter-spacing:.18em;text-transform:uppercase}
.refRewardHead b{display:block;margin-top:4px;color:#fff;font:italic 1000 20px/.95 var(--game-font);letter-spacing:.065em;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 18px rgba(65,130,255,.25)}
.refRewardHead strong{flex:none;min-width:74px;padding:8px 12px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:linear-gradient(180deg,#448cff,#1d4fc4);color:#fff;text-align:center;font:italic 1000 11px/1 var(--game-font);letter-spacing:.08em;text-shadow:0 1px 0 #0008;box-shadow:0 8px 18px rgba(27,75,193,.32)}
.refRewardPanel>p{margin:0;padding:9px 16px;color:#aebcdb;background:rgba(3,7,18,.42);font:700 8px/1.45 var(--game-body);letter-spacing:.025em}
.refRewardList{display:flex;flex-direction:column;gap:7px;padding:11px 12px 13px}
.refRewardRow{
  --tier:#397cff;--tier2:#60b7ff;position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) 104px;align-items:center;gap:12px;min-height:59px;padding:8px 10px 8px 8px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--tier) 38%,#ffffff 4%);border-left:4px solid var(--tier);border-radius:3px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--tier) 16%,#0b1126),#0a1023 36%,#070b18 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.21)
}
.refRewardRow::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 62%,color-mix(in srgb,var(--tier) 9%,transparent));opacity:.9}
.refRewardRow:nth-child(1){--tier:#2d7cff;--tier2:#55c7ff}.refRewardRow:nth-child(2){--tier:#7557ff;--tier2:#b17aff}.refRewardRow:nth-child(3){--tier:#d544ff;--tier2:#ff77d1}.refRewardRow:nth-child(4){--tier:#ff4a75;--tier2:#ff805d}.refRewardRow:nth-child(5){--tier:#ff851b;--tier2:#ffd24b}.refRewardRow:nth-child(6){--tier:#ffc02f;--tier2:#fff08a}
.refRewardRow.ready{border-color:color-mix(in srgb,var(--tier2) 76%,white 12%);background:linear-gradient(90deg,color-mix(in srgb,var(--tier) 28%,#10162c),#11162c 45%,#080b17);box-shadow:0 0 22px color-mix(in srgb,var(--tier) 19%,transparent),inset 0 1px rgba(255,255,255,.10)}
.refRewardRow.claimed{filter:saturate(.70);border-left-color:#ffc84b;border-color:rgba(255,201,72,.38);background:linear-gradient(90deg,rgba(118,81,19,.28),#111326 42%,#080b16)}
.refRewardRank{position:absolute;right:116px;top:-10px;color:rgba(255,255,255,.035);font:italic 1000 64px/1 var(--game-font);pointer-events:none}
.refRewardGoal{position:relative;z-index:1;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:7px;border-right:1px solid rgba(255,255,255,.10)}
.refRewardGoal::before{content:"";position:absolute;left:0;width:35px;height:35px;clip-path:polygon(50% 0,93% 24%,88% 79%,50% 100%,12% 79%,7% 24%);background:linear-gradient(145deg,var(--tier2),var(--tier));box-shadow:0 0 16px color-mix(in srgb,var(--tier) 28%,transparent)}
.refRewardGoal span{position:relative;z-index:1;display:grid;place-items:center;width:35px;color:#fff;font:italic 1000 18px/1 var(--game-font);text-shadow:0 2px 0 #0008}
.refRewardGoal small{color:#a9b8d5;font:900 6.5px/1.2 var(--game-body);letter-spacing:.10em}
.refRewardPrize{position:relative;z-index:1;min-width:0}.refRewardPrize b{display:block;margin-top:3px;color:#fff;font:italic 1000 17px/1 var(--game-font);letter-spacing:.045em;text-transform:uppercase;text-shadow:0 2px 0 #000}
.refRewardProgress{display:flex;align-items:center;gap:7px;margin-top:6px}.refRewardProgress i{position:relative;display:block;width:min(150px,70%);height:3px;overflow:hidden;background:#222a43}.refRewardProgress i::after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--progress,0));background:linear-gradient(90deg,var(--tier),var(--tier2));box-shadow:0 0 8px var(--tier)}.refRewardProgress em{color:#7f8da9;font:800 7px/1 var(--game-body);font-style:normal;white-space:nowrap}
.refRewardRow button{position:relative;z-index:2;min-height:36px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--tier2) 70%,white 20%);border-radius:2px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);background:linear-gradient(180deg,var(--tier2),var(--tier));color:#fff;font:italic 1000 10px/1 var(--game-font);letter-spacing:.08em;text-shadow:0 1px 0 #0008;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--tier) 24%,transparent)}
.refRewardRow button:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-1px)}
.refRewardRow button:disabled{cursor:default;border-color:#313952;background:linear-gradient(180deg,#242b41,#151a2b);color:#71809e;box-shadow:none;text-shadow:none}
.refRewardRow.claimed button:disabled{border-color:#806622;background:linear-gradient(180deg,#5c4615,#30240d);color:#ffe088}
@media(max-width:700px){
 .refRewardHead{padding:11px 10px 9px}.refRewardTitle{grid-template-columns:31px 1fr;gap:7px}.refRewardTitle::before{width:30px;height:30px;font-size:15px}.refRewardHead b{font-size:15px}.refRewardHead strong{min-width:61px;padding:7px 8px;font-size:9px}.refRewardPanel>p{padding:7px 10px;font-size:7px}.refRewardList{gap:5px;padding:8px}.refRewardRow{grid-template-columns:70px minmax(0,1fr) 82px;gap:7px;min-height:49px;padding:6px 7px 6px 5px}.refRewardGoal{grid-template-columns:29px 1fr;gap:5px}.refRewardGoal::before,.refRewardGoal span{width:29px;height:29px}.refRewardGoal span{font-size:14px}.refRewardGoal small{font-size:5.3px}.refRewardPrize b{font-size:12px}.refRewardPrize small{font-size:5.8px}.refRewardProgress{margin-top:4px}.refRewardProgress em{font-size:5.7px}.refRewardRow button{min-height:30px;font-size:7.5px}.refRewardRank{right:88px;font-size:48px}
}