.bpt-scope{--bg-1:#0b1029;--bg-2:#1e1b4b;--bg-3:#312e81;--ink:#e2e8f0;--ink-soft:#94a3b8;--neon-y:#fde047;--neon-b:#38bdf8;--neon-p:#ec4899;--neon-g:#10b981;--gold:#fbbf24;--silver:#cbd5e1;--bronze:#f97316;color:var(--ink);font-family:Inter,Be Vietnam Pro,system-ui,sans-serif;position:relative}.bpt-scope *{box-sizing:border-box}.bpt-scope:before{content:"";z-index:-1;background:radial-gradient(ellipse at top,var(--bg-3)0%,var(--bg-2)40%,var(--bg-1)100%);pointer-events:none;background-attachment:fixed;position:fixed;inset:0}.bpt-scope .stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bpt-scope .star{opacity:.7;font-size:14px;animation:linear infinite bpt-drift;position:absolute}@keyframes bpt-drift{0%{opacity:0;transform:translateY(110vh)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-10vh)rotate(360deg)}}.bpt-scope .top{z-index:20;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:fixed;top:14px;left:14px;right:14px}.bpt-scope .back{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf;border:1px solid #ffffff26;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none}.bpt-scope .back:hover{border-color:var(--neon-b);background:#38bdf840}.bpt-scope main{z-index:1;max-width:980px;margin:0 auto;padding:78px 14px 60px;position:relative}.bpt-scope .hero{text-align:center;margin-bottom:24px}.bpt-scope .hero h1{letter-spacing:.5px;background:linear-gradient(90deg,var(--neon-y),var(--neon-p),var(--neon-b));color:#0000;text-shadow:0 0 30px #fde0474d;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(28px,5vw,44px)}.bpt-scope .hero p{color:var(--ink-soft);margin:0;font-size:14.5px}.bpt-scope .tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0 24px;display:flex}.bpt-scope .tab{color:var(--ink);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:18px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .15s}.bpt-scope .tab:hover{border-color:var(--neon-b);background:#38bdf82e}.bpt-scope .tab.on{background:linear-gradient(135deg,var(--neon-p),var(--neon-b));color:#fff;border-color:#0000;box-shadow:0 4px 20px #ec489966}.bpt-scope .loading{text-align:center;color:var(--ink-soft);padding:60px 20px;font-size:14px}.bpt-scope .spinner{border:3px solid #fff3;border-top-color:var(--neon-y);border-radius:50%;width:32px;height:32px;margin-bottom:14px;animation:1s linear infinite bpt-spin;display:inline-block}@keyframes bpt-spin{to{transform:rotate(360deg)}}.bpt-scope .podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;min-height:340px;margin:30px 0 18px;display:flex}.bpt-scope .pod-slot{flex-direction:column;flex:0 0 130px;align-items:center;min-width:120px;display:flex}.bpt-scope .pod-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:42px;display:flex;position:relative;box-shadow:0 0 30px}.bpt-scope .pod-avatar.r1{border-color:var(--gold);box-shadow:0 0 35px #fbbf24b3}.bpt-scope .pod-avatar.r2{border-color:var(--silver);box-shadow:0 0 25px #cbd5e180}.bpt-scope .pod-avatar.r3{border-color:var(--bronze);box-shadow:0 0 25px #f973168c}.bpt-scope .pod-crown{filter:drop-shadow(0 2px 6px #00000080);font-size:24px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bpt-scope .pod-name{text-align:center;word-wrap:break-word;max-width:140px;margin-bottom:3px;font-size:14px;font-weight:800}.bpt-scope .pod-score{color:var(--neon-y);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:15px;font-weight:800}.bpt-scope .pod-bar{color:#1f2937;border-radius:14px 14px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:96px;padding-top:14px;font-size:36px;font-weight:900;animation:1.2s cubic-bezier(.34,1.56,.64,1) backwards bpt-pod-rise;display:flex;box-shadow:0 -4px 24px #0000004d}@keyframes bpt-pod-rise{0%{transform-origin:bottom;transform:scaleY(.05)}to{transform:scaleY(1)}}.bpt-scope .pod-bar.r1{background:linear-gradient(#fde047,#ca8a04);height:170px;animation-delay:.3s}.bpt-scope .pod-bar.r2{background:linear-gradient(#e2e8f0,#94a3b8);height:130px;animation-delay:.15s}.bpt-scope .pod-bar.r3{background:linear-gradient(#fb923c,#c2410c);height:100px;animation-delay:0s}.bpt-scope .leader-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:18px;padding:6px;overflow:hidden}.bpt-scope .row{border-radius:12px;grid-template-columns:60px 1fr auto auto;align-items:center;gap:14px;padding:13px 16px;transition:background .15s;display:grid}.bpt-scope .row:hover{background:#38bdf814}.bpt-scope .row+.row{border-top:1px solid #ffffff0f}.bpt-scope .rank{color:var(--ink-soft);text-align:center;font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.bpt-scope .row.you{background:linear-gradient(90deg,#fde0471f,#0000);border:2px solid var(--neon-y)!important}.bpt-scope .row.you .name:after{content:" · Bạn";color:var(--neon-y);font-size:12px;font-weight:800}.bpt-scope .name{word-break:break-word;font-size:14px;font-weight:700}.bpt-scope .badge{color:var(--neon-p);background:#ec489933;border:1px solid #ec489966;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:800}.bpt-scope .score{color:var(--neon-y);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.bpt-scope .bar-mini{background:#ffffff0d;border-radius:2px;grid-column:1/-1;height:4px;margin-top:6px;overflow:hidden}.bpt-scope .bar-mini>i{background:linear-gradient(90deg,var(--neon-p),var(--neon-b));border-radius:2px;height:100%;animation:1s ease-out bpt-bar-grow;display:block}@keyframes bpt-bar-grow{0%{width:0!important}}.bpt-scope .more-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden}.bpt-scope .more-toggle{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.bpt-scope .more-toggle:hover{background:#38bdf81a}.bpt-scope .more-toggle .chev{transition:transform .25s}.bpt-scope .more-wrap.open .more-toggle .chev{transform:rotate(180deg)}.bpt-scope .more-list{padding:4px 6px 6px;display:none}.bpt-scope .more-wrap.open .more-list{display:block}.bpt-scope .more-list .row{padding:9px 14px}.bpt-scope .more-list .rank{font-size:13px}.bpt-scope .more-list .name{font-size:12.5px}.bpt-scope .more-list .score{font-size:13px}.bpt-scope .empty{text-align:center;color:var(--ink-soft);padding:50px 20px}.bpt-scope .empty .ic{margin-bottom:10px;font-size:46px}.bpt-scope .foot{text-align:center;color:var(--ink-soft);margin-top:30px;font-size:12px;line-height:1.6}.bpt-scope .foot a{color:var(--neon-b);text-decoration:none}@media (max-width:600px){.bpt-scope .pod-slot{flex:0 0 calc(33% - 10px);min-width:0}.bpt-scope .pod-avatar{width:64px;height:64px;font-size:32px}.bpt-scope .pod-bar{width:80px;font-size:28px}.bpt-scope .row{grid-template-columns:44px 1fr auto;gap:10px;padding:10px 12px}.bpt-scope .badge{display:none}}