#friend-bonus-icon{position:relative;top:auto;right:auto;width:60px;height:60px;cursor:pointer;z-index:150;transition:transform .3s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}#friend-bonus-icon img{width:100%;height:100%;object-fit:contain}#friend-bonus-icon:hover{transform:scale(1.15)}.friend-overlay{--fr-gold: #FFD66E;--fr-gold-strong: #FFBE3F;--fr-purple-deep: #432360;--fr-purple-mid: #5f328e;--fr-purple-soft: #7a45b2;--fr-text: #f4efff;--fr-muted: #c9c0e2;--fr-card-dark: rgba(15, 9, 29, .52);--fr-card-light: rgba(255, 255, 255, .04);position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(5px)}.friend-overlay.hidden{display:none}.friend-container{position:relative;width:min(92vw,420px);height:min(90vh,760px);max-height:min(90vh,760px);border-radius:30px;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#ffffff24,#fff0 34%),radial-gradient(circle at 100% 24%,#c476ff24,#c476ff00 40%),linear-gradient(180deg,#5b356f,#6a3f91 44%,#6433a4);box-shadow:0 18px 52px #00000094,0 0 0 1px #ffffff14 inset,0 0 0 2px #ffd66e1f;font-family:Outfit,sans-serif;color:var(--fr-text)}.friend-container:before{content:"";position:absolute;inset:10px;border-radius:22px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.friend-container:after{content:"";position:absolute;top:86px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,#ffd66e00,#ffd66e94,#ffd66e00);pointer-events:none}.friend-close-btn{position:absolute;top:30px;right:30px;width:40px;height:40px;background:linear-gradient(180deg,#fff3,#ffffff14);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,transform .2s}.friend-close-btn:hover{background:linear-gradient(180deg,#ffffff47,#ffffff1f);transform:translateY(-1px)}.friend-close-btn img{width:16px;height:16px}.friend-tabs{display:flex;padding:24px 84px 0 30px;gap:8px;position:relative;z-index:1}.friend-tab{flex:1;padding:10px 0;background:#0f091d59;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:var(--fr-muted);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif}.friend-tab.active{background:linear-gradient(135deg,var(--fr-gold) 0%,var(--fr-gold-strong) 100%);border-color:#ffffff47;color:var(--fr-purple-deep);box-shadow:0 4px 10px #0000004d,0 0 0 1px #ffffff2e inset}.friend-tab:hover:not(.active){border-color:#ffd66e59;color:var(--fr-text)}.friend-tab-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:16px 30px 24px;gap:12px;position:relative;z-index:1}.friend-tab-content.hidden{display:none}.friend-tab-content::-webkit-scrollbar{width:6px}.friend-tab-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.friend-tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd66ea6,#ffbe3f6b);border-radius:3px}.friend-banner{border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--fr-card-light),rgba(255,255,255,.01)),var(--fr-card-dark);border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 18px #00000047,0 0 0 1px #ffffff0a inset;min-height:100px;display:flex;align-items:center;justify-content:center}.friend-banner img{width:100%;height:auto;display:block;object-fit:cover}.friend-banner-fallback{padding:20px;text-align:center}.friend-banner-fallback h3{margin:0 0 6px;font-size:20px;font-weight:900;color:var(--fr-gold)}.friend-banner-fallback p{margin:0;font-size:13px;color:var(--fr-muted)}.friend-reward-list{display:flex;flex-direction:column;gap:8px}.friend-reward-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,var(--fr-card-light),rgba(255,255,255,.01)),var(--fr-card-dark);border:1px solid rgba(255,255,255,.09);border-radius:18px;cursor:pointer;transition:border-color .2s,transform .2s;position:relative;box-shadow:0 8px 18px #00000047,0 0 0 1px #ffffff0a inset}.friend-reward-item:hover{border-color:#ffd66e59;transform:translateY(-2px)}.friend-reward-item:before{content:"";position:absolute;left:12px;top:12px;width:8px;height:calc(100% - 24px);border-radius:999px;background:linear-gradient(180deg,#ffd66ed1,#ffd66e29);opacity:.68}.friend-reward-item:after{content:"";position:absolute;left:18px;right:18px;top:8px;height:10px;border-radius:999px;background:linear-gradient(180deg,#ffffff29,#fff0);pointer-events:none}.friend-reward-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}.friend-reward-text{flex:1;min-width:0;padding-left:12px}.friend-reward-title{font-size:13px;font-weight:700;color:var(--fr-text);margin-bottom:3px;line-height:1.3}.friend-reward-desc{font-size:11px;color:var(--fr-muted)}.friend-reward-arrow{font-size:20px;color:var(--fr-gold);flex-shrink:0;line-height:1}.friend-action-row{display:flex;gap:10px;margin-top:auto;padding-top:4px}.friend-invite-btn{flex:1;padding:14px 20px;background:linear-gradient(135deg,var(--fr-gold) 0%,var(--fr-gold-strong) 100%);border-radius:20px;color:var(--fr-purple-deep);font-size:15px;font-weight:900;cursor:pointer;font-family:Outfit,sans-serif;transition:filter .1s,transform .1s;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 10px #0000004d,0 0 0 1px #ffffff47 inset;position:relative;overflow:hidden}.friend-invite-btn:before{content:"";position:absolute;inset:2px;border-radius:17px;background:linear-gradient(180deg,#ffffff38,#fff0);pointer-events:none}.friend-invite-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.friend-invite-btn:active{transform:translateY(1px)}.friend-copy-btn{width:52px;height:52px;background:linear-gradient(180deg,#ffffff29,#ffffff08),#0f091d80;border:1px solid rgba(255,255,255,.16);border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .2s;flex-shrink:0}.friend-copy-btn:hover{border-color:#ffd66e59;transform:translateY(-1px)}.friend-copy-btn img{width:22px;height:22px;object-fit:contain}.friend-copy-toast{text-align:center;font-size:12px;color:var(--fr-gold);padding:6px 0;animation:friendFadeIn .2s ease}.friend-copy-toast.hidden{display:none}@keyframes friendFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.friend-subtabs{display:flex;gap:6px;padding:4px;background:#0f091d59;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.friend-subtab{flex:1;padding:8px 4px;background:transparent;border:none;border-radius:9px;color:var(--fr-muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif;white-space:nowrap}.friend-subtab.active{background:linear-gradient(135deg,#ffd66e4d,#ffbe3f33);color:var(--fr-gold)}.friend-summary{display:flex;gap:8px;justify-content:space-around}.friend-summary-stat{flex:1;text-align:center;padding:12px 8px;background:linear-gradient(180deg,var(--fr-card-light),rgba(255,255,255,.01)),var(--fr-card-dark);border-radius:16px;border:1px solid rgba(255,255,255,.09);box-shadow:0 6px 14px #0000003d}.friend-summary-stat .stat-value{font-size:18px;font-weight:900;color:var(--fr-gold)}.friend-summary-stat .stat-label{font-size:10px;color:var(--fr-muted);margin-top:2px}.friend-list{display:flex;flex-direction:column;gap:8px;flex:1}.friend-list-empty{text-align:center;padding:40px 20px;color:var(--fr-muted);font-size:14px}.friend-list-empty span{font-size:30px;display:block;margin-bottom:10px}.friend-list-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,var(--fr-card-light),rgba(255,255,255,.01)),var(--fr-card-dark);border:1px solid rgba(255,255,255,.09);border-radius:16px}.friend-list-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;overflow:hidden}.friend-list-avatar img{width:100%;height:100%;object-fit:cover}.friend-list-info{flex:1;min-width:0}.friend-list-name{font-size:13px;font-weight:700;color:var(--fr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-list-meta{font-size:11px;color:var(--fr-muted);margin-top:2px}.friend-list-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.friend-list-reward-item{font-size:11px;font-weight:700;color:var(--fr-gold);white-space:nowrap}.friend-list-reward-item.gem{color:#a78bfa}.friend-list-reward-item.ton{color:#67e8f9}.friend-loading{text-align:center;padding:30px;color:var(--fr-muted);font-size:13px}.friend-sub-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px)}.friend-sub-popup.hidden{display:none}.friend-sub-popup-container{position:relative;width:min(88vw,380px);max-height:min(85vh,560px);overflow-y:auto;background:radial-gradient(circle at 50% 0%,#ffffff24,#fff0 34%),radial-gradient(circle at 100% 24%,#c476ff24,#c476ff00 40%),linear-gradient(180deg,#5b356f,#6a3f91 44%,#6433a4);border-radius:26px;padding:28px 20px 24px;font-family:Outfit,sans-serif;color:var(--fr-text);box-shadow:0 18px 52px #00000094,0 0 0 1px #ffffff14 inset,0 0 0 2px #ffd66e1f}.friend-sub-popup-container::-webkit-scrollbar{width:4px}.friend-sub-popup-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.friend-sub-popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:linear-gradient(180deg,#fff3,#ffffff14);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.friend-sub-popup-close img{width:14px;height:14px}.friend-sub-popup-title{font-size:18px;font-weight:900;color:var(--fr-gold);margin:0 0 16px;padding-right:30px}.friend-sub-popup-section-title{font-size:12px;font-weight:700;color:var(--fr-muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 8px}.friend-sub-popup-table-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:8px 12px;background:#0f091d59;border-radius:10px 10px 0 0;font-size:11px;font-weight:700;color:var(--fr-muted);text-transform:uppercase}.friend-sub-popup-table-header.col-2{grid-template-columns:1fr 1fr}.friend-sub-popup-list{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:0 0 10px 10px;overflow:hidden}.friend-sub-popup-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:10px 12px;font-size:13px;border-top:1px solid rgba(255,255,255,.1)}.friend-sub-popup-row:first-child{border-top:none}.friend-sub-popup-row.col-2{grid-template-columns:1fr 1fr}.friend-sub-popup-row.claimed{opacity:.5}.friend-sub-popup-row.highlight{background:#ffffff14}.friend-sub-popup-row .cell-label{color:var(--fr-muted)}.friend-sub-popup-row .cell-gold{color:var(--fr-gold);font-weight:700}.friend-sub-popup-row .cell-gem{color:#a78bfa;font-weight:700}.friend-sub-popup-row .cell-check{color:var(--fr-gold)}.friend-sub-popup-help{margin:14px 0 0;font-size:12px;color:var(--fr-muted);line-height:1.6;padding:12px;background:linear-gradient(180deg,var(--fr-card-light),rgba(255,255,255,.01)),var(--fr-card-dark);border-radius:10px;border:1px solid rgba(255,255,255,.1)}@media(max-width:700px){.friend-container{width:min(94vw,460px);height:min(82vh,640px);max-height:min(82vh,640px);border-radius:24px}.friend-container:before{inset:8px;border-radius:18px}.friend-container:after{top:72px;left:18px;right:18px}.friend-close-btn{top:16px;right:16px;width:34px;height:34px}.friend-tabs{padding:20px 62px 0 18px}.friend-tab-content{padding:10px 14px 14px;gap:10px}}