.referral-recent-section{margin-top:36px}.referral-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.referral-section-heading h2{font-size:16px;font-weight:550;letter-spacing:-.03em;margin:0}.referral-section-heading>a{display:flex;align-items:center;gap:7px;color:#b1a0ed;font-size:11px;white-space:nowrap;transition:color .2s,transform .2s}.referral-section-heading>a>svg{width:15px;height:15px}.referral-section-heading>a:hover{color:#d3c4ff;transform:translateX(2px)}.referral-recent-list{display:flex;flex-wrap:wrap;gap:10px}.referral-recent-player{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#1b1921;border:1px solid #a290df12;border-radius:13px;min-width:165px;flex:1;transition:background .2s,transform .2s}.referral-recent-player:hover{transform:translateY(-2px);background:#272133}.referral-recent-player>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}.referral-recent-player strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.referral-recent-player .rank-art{height:9px;max-width:75px;align-self:flex-start}.referral-face{display:flex;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;flex-shrink:0;border-radius:10px;background:#2a2633;color:#8d849c}.referral-face>img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.referral-face>svg{width:100%;height:100%;stroke:none}.referral-recent-empty{padding:22px 18px;background:#19171e;border:1px solid #a290df0b;border-radius:14px;font-size:11px;color:#8d839e;text-align:center;margin:0}.referral-tree-page{width:min(1440px,calc(100% - 80px));margin:28px auto 45px;animation:page-in .35s ease}.referral-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.referral-tree-heading h1{font-size:30px;font-weight:550;letter-spacing:-.04em;margin:0 0 12px}.referral-tree-heading p{color:#8e859b;font-size:12px;margin:0;line-height:1.7}.referral-tree-back{display:flex;align-items:center;gap:8px;border-radius:11px;padding:12px 15px;background:#8b6dd419;color:#b8a6e6;font-size:11px;white-space:nowrap;transition:background .2s}.referral-tree-back:hover{background:#8b6dd42c}.referral-tree-back svg{width:14px;height:14px}.referral-map{position:relative;isolation:isolate;height:clamp(450px,calc(65svh / var(--bvx-scale,1)),850px);min-width:0;border:1px solid #ac94e518;border-radius:22px;overflow:hidden;touch-action:none;background:radial-gradient(ellipse at 50% 15%,#6f4e9c10,transparent 65%),radial-gradient(#a28bc91c 1px,transparent 1px),#151318;background-size:auto,24px 24px,auto;cursor:grab;outline:none}.referral-map:focus-visible{border-color:#a48bc96b}.referral-map.is-dragging{cursor:grabbing}.referral-map-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.referral-map-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.referral-map-lines path{fill:none;stroke:#8e6bc967;stroke-width:2;vector-effect:non-scaling-stroke}.referral-map-card{position:absolute;width:180px;height:120px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #a98bdc30;border-radius:16px;background:linear-gradient(145deg,#292232,#1c1923);box-shadow:0 8px 28px #0003;color:#e6dcf5;user-select:none;transition:border-color .2s,box-shadow .2s;z-index:1}.referral-map-card:hover,.referral-map-card:focus-visible{z-index:3;border-color:#b28fed91;box-shadow:0 8px 32px #7b4ec126;outline:none}.referral-map-card.is-root{background:linear-gradient(145deg,#44325e,#2a213a);border-color:#b893ff5c}.referral-map-identity{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;pointer-events:none}.referral-map-identity .referral-face{width:43px;height:43px;border-radius:11px;box-shadow:0 3px 12px #0004}.referral-map-identity>strong{font-size:12px;font-weight:550;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-map-identity .rank-art{height:10px;max-width:90px}.referral-map-card>small{position:absolute;right:8px;top:8px;font-size:8px;color:#cbb5ee}.referral-map-card.is-private{border-style:dashed;border-color:#9a82b926;background:#1e1a25;box-shadow:none;cursor:default}.referral-map-card.is-private .referral-map-identity{filter:blur(6px);opacity:.6}.referral-map-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,5px);padding:11px 14px;border:1px solid #b49bdb26;border-radius:10px;background:#2c223b;color:#d7c5ee;font-size:11px;line-height:1.8;white-space:pre;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 8px 25px #0005;transition:opacity .18s,transform .18s,visibility .18s}.referral-map-card:hover .referral-map-tooltip,.referral-map-card:focus-visible .referral-map-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.referral-map-controls{position:absolute;z-index:5;right:20px;bottom:20px;display:flex;align-items:center;gap:3px;padding:5px;background:#221c2dee;border:1px solid #ae8add2a;border-radius:13px;box-shadow:0 8px 28px #0005;cursor:default}.referral-map-controls>button{width:33px;height:33px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:#d4c3f0;font-size:21px;transition:background .2s}.referral-map-controls>button:hover{background:#9671cf30}.referral-map-controls>button>svg{width:17px;height:17px}.referral-map-controls>output{font-size:10px;color:#a996c0;min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.referral-map-controls>[data-tree-fit]{border-left:1px solid #b49bdb24;margin-left:4px;border-radius:0 8px 8px 0}.referral-map-hint{position:absolute;top:18px;left:20px;color:#756b83;font-size:10px;pointer-events:none;margin:0}.referral-map-status{position:absolute;bottom:24px;left:22px;margin:0;color:#a291b5;font-size:10px;pointer-events:none;max-width:45%;line-height:1.6}.referral-map-retry{position:absolute;left:20px;bottom:55px;background:#8b69c72b;border:1px solid #a68ace26;color:#c7b1e8;border-radius:9px;padding:10px 13px;font-size:11px}.referral-map-privacy{font-size:10px;color:#776c86;text-align:center;margin:17px 0 0}.referral-tree-page .breadcrumbs{margin-bottom:27px}@media(max-width:1140px){.referral-tree-page{width:calc(100% - 32px);margin-top:22px}.referral-tree-heading{align-items:flex-start}.referral-tree-heading h1{font-size:25px}.referral-tree-heading p{font-size:10px;max-width:220px}.referral-tree-back{padding:10px;font-size:10px}.referral-map{border-radius:17px;height:calc(65svh / var(--bvx-scale,1));min-height:400px}.referral-map-hint{font-size:8px;left:15px}.referral-map-controls{right:12px;bottom:14px}.referral-map-status{left:14px;bottom:21px;font-size:9px;max-width:38%}.referral-map-privacy{font-size:9px}.referral-section-heading h2{font-size:15px}.referral-section-heading>a{font-size:10px}}@media(prefers-reduced-motion:reduce){.referral-tree-page{animation:none}.referral-map-card,.referral-map-tooltip,.referral-recent-player,.referral-section-heading>a{transition:none}}
.referral-tree-fullscreen{height:calc(100svh / var(--bvx-scale,1));overflow:hidden;margin:0!important;padding:0!important}.referral-tree-fullscreen>.app-top,.referral-tree-fullscreen>.sidebar,.referral-tree-fullscreen>footer,.referral-tree-fullscreen>.menu-backdrop{display:none!important}.referral-tree-fullscreen .referral-tree-page{position:fixed;inset:0;width:100%;height:100%;margin:0;padding:0;animation:none;z-index:40}.referral-tree-fullscreen .referral-map{width:100%;height:100%;min-height:0;border:0;border-radius:0}.referral-tree-fullscreen .referral-tree-back{position:absolute;z-index:5;left:26px;top:24px;padding:13px 16px;border:1px solid #a98bdc24;background:#261f32e8;box-shadow:0 7px 25px #0003;backdrop-filter:blur(12px)}.referral-tree-fullscreen .referral-map-controls{left:26px;right:auto;bottom:24px}.referral-map-stats{position:absolute;right:28px;bottom:26px;z-index:5;display:grid;gap:9px;color:#9989ad;font-size:11px;line-height:1.5;pointer-events:none;padding:13px 16px;background:#1e1925de;border:1px solid #9c7bc416;border-radius:12px;backdrop-filter:blur(12px)}.referral-map-stats>span{display:flex;justify-content:space-between;gap:24px}.referral-map-stats b{font-weight:550;font-variant-numeric:tabular-nums;color:#e0cef5}.referral-tree-fullscreen .referral-map-status{left:50%;bottom:30px;transform:translateX(-50%);text-align:center;max-width:35%}.referral-tree-fullscreen .referral-map-retry{left:50%;bottom:60px;transform:translateX(-50%)}@media(max-width:1140px){.referral-tree-fullscreen .referral-tree-back{top:16px;left:16px;font-size:11px;padding:12px 14px}.referral-tree-fullscreen .referral-map-controls{left:14px;bottom:17px}.referral-map-stats{right:14px;bottom:18px;padding:10px 12px;font-size:9px;gap:5px}.referral-map-stats>span{gap:16px}.referral-tree-fullscreen .referral-map-status{bottom:88px;max-width:80%;width:80%}.referral-tree-fullscreen .referral-map-retry{bottom:115px}}
.referral-map-lines .referral-map-ring{fill:none;stroke:#a98bdd16;stroke-width:1;stroke-dasharray:3 13;vector-effect:non-scaling-stroke}.referral-map-card.is-root{box-shadow:0 0 70px #9b6bda19,0 8px 28px #0004}