.v7129-referral-home-art{height:92px;border-radius:12px;border:1px solid #6b5427;background:#111;display:block;box-shadow:inset 0 0 24px #0009;overflow:hidden}
.v7129-referral-home-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
#v510HeroRoot{position:relative!important}
#v7129CharacterReferralBtn{position:absolute;left:8px;top:7px;z-index:120;width:36px;height:36px;border-radius:10px;border:1px solid #9a7a37;background:linear-gradient(180deg,#274025,#101811);color:#f3e8b5;box-shadow:0 3px 9px #000b,inset 0 0 0 1px #d6bd6840;font-size:18px;font-weight:1000;display:grid;place-items:center;padding:0}
#v7129CharacterReferralBtn:active{transform:translateY(1px)}
body.v7129-referral-frame #character #v510HeroRoot .avatar-scene{box-shadow:none!important}
body.v7129-referral-frame #world .v366-avatar{box-shadow:none!important}
#v7129ReferralOverlay{position:fixed;inset:0;z-index:25000;background:rgba(0,0,0,.82);backdrop-filter:blur(5px);display:none;align-items:flex-start;justify-content:center;padding:calc(72px + env(safe-area-inset-top,0px)) 10px 24px;overflow:auto}
#v7129ReferralOverlay.open{display:flex}
.v7129-panel{width:min(680px,100%);border:2px solid #805d2c;border-radius:20px;background:radial-gradient(circle at 50% -10%,rgba(107,205,81,.14),transparent 35%),linear-gradient(180deg,#132018,#070c08);box-shadow:0 18px 60px #000;padding:13px;color:#e8eedf}
.v7129-head{display:grid;grid-template-columns:44px 1fr 38px;gap:9px;align-items:center;margin-bottom:12px}.v7129-head-art{width:44px;height:44px;border:1px solid #8e7137;border-radius:12px;background:#182a19;display:grid;place-items:center;font-size:25px}.v7129-head h2{margin:0;color:#f0d890;font-size:18px}.v7129-head p{margin:2px 0 0;color:#9eaa9c;font-size:10px}.v7129-close{width:36px;height:36px;border-radius:10px;border:1px solid #5e694f;background:#101810;color:#e8eedf;font-size:18px}
.v7129-progress{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid #344a32;border-radius:11px;background:#0b120c;margin-bottom:10px}.v7129-progress b{color:#7ee16c}.v7129-progress span{font-size:10px;color:#aab5a5}
.v7129-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.v7129-slot{min-height:86px;border-radius:11px;border:1px solid #394039;background:linear-gradient(180deg,#171b17,#0b0e0b);color:#767d76;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:6px}.v7129-slot strong{font-size:17px}.v7129-slot small{font-size:8px}.v7129-slot.locked{filter:grayscale(1);opacity:.62}.v7129-slot.ready{border-color:#76cf60;color:#ecffe5;background:linear-gradient(180deg,#244528,#101b12);box-shadow:0 0 12px #65df4a38}.v7129-slot.claimed{border-color:#a98b43;color:#f3df9e;background:linear-gradient(180deg,#3d3218,#15130c)}.v7129-slot button{margin-top:3px;border:1px solid #92c978;border-radius:7px;background:#2b5c2c;color:#fff;padding:4px 6px;font-size:8px;font-weight:900}.v7129-slot.pending{filter:none;opacity:1;border-color:#66895d;color:#e8f5df;background:linear-gradient(180deg,#18311d,#0b170e);box-shadow:inset 0 0 0 1px #75c86422}.v7129-slot.pending strong{font-size:15px}.v7129-ref-name{max-width:100%;font-size:8px;font-weight:1000;color:#dff6d5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7129-ref-level{font-size:7px;color:#aaca9f}.v7129-ref-bar{width:88%;height:5px;border-radius:999px;background:#080d09;border:1px solid #344c32;overflow:hidden}.v7129-ref-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ca53f,#8be36e);box-shadow:0 0 7px #5be65555}.v7129-slot.pending small{color:#cdbf8b}
.v7129-grand{margin-top:11px;border:1px solid #75612e;border-radius:14px;padding:11px;background:linear-gradient(145deg,#2f2612,#0c130d 60%,#18301a)}.v7129-grand.ready{box-shadow:0 0 18px rgba(229,191,74,.24);border-color:#c5a34a}.v7129-grand h3{margin:0 0 5px;color:#f0d890}.v7129-rewards{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.v7129-rewards span{font-size:8px;border:1px solid #3f5539;border-radius:999px;padding:4px 7px;background:#111a11}.v7129-grand button{width:100%;min-height:38px;border:1px solid #c3a74f;border-radius:10px;background:linear-gradient(180deg,#6a5a24,#3e3417);color:#fff3c3;font-weight:1000}.v7129-grand button:disabled{filter:grayscale(1);opacity:.55}
.v7129-linkbox{margin-top:11px;border-top:1px solid #2f3d2c;padding-top:10px}.v7129-linkbox label{display:block;font-size:9px;color:#aeb8aa;margin-bottom:5px}.v7129-linkrow{display:grid;grid-template-columns:1fr auto auto;gap:5px}.v7129-linkrow input{min-width:0;border:1px solid #43523e;border-radius:8px;background:#080d09;color:#dce5d9;padding:8px;font-size:9px}.v7129-linkrow button{border:1px solid #586b50;border-radius:8px;background:#162117;color:#e8eee2;padding:7px 9px;font-weight:900}.v7129-note{font-size:8px;line-height:1.45;color:#879385;margin:8px 1px 0}
@media(max-width:430px){.v7129-slots{grid-template-columns:repeat(5,1fr);gap:5px}.v7129-slot{min-height:78px;padding:4px}.v7129-linkrow{grid-template-columns:1fr auto}.v7129-linkrow .share{grid-column:1/-1}.v7129-panel{padding:10px}}