.tl-root{background:#0a0406;border-radius:18px;padding:22px 18px 26px;position:relative;overflow:hidden}.tl-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(180,0,30,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(180,0,30,.07) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:0}.tl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:10}.tl-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.4px}.tl-month{background:#c0392b2e;border:1px solid rgba(192,57,43,.45);color:#ff7b6b;font-size:11px;font-weight:600;padding:4px 13px;border-radius:20px}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end;margin-bottom:18px;position:relative;z-index:10}.p-card{border-radius:16px;padding:20px 12px 16px;text-align:center;position:relative;overflow:hidden}.p-card.rank1{padding-top:32px}.p-card.rank2{padding-top:22px;margin-top:16px}.p-card.rank3{padding-top:20px;margin-top:28px}@media(min-width:481px)and (max-width:640px){.podium{grid-template-columns:1fr 1fr}.p-card.rank1{grid-column:1 / -1;margin-top:0}.p-card.rank2,.p-card.rank3{margin-top:0}}@media(max-width:480px){.podium{grid-template-columns:1fr}.p-card.rank1,.p-card.rank2,.p-card.rank3{margin-top:0;padding-top:22px}.p-card.rank1{order:1}.p-card.rank2{order:2}.p-card.rank3{order:3}}@keyframes gGlow{0%,to{box-shadow:0 0 20px #ffc80066,0 0 50px #ffc80024}50%{box-shadow:0 0 35px #ffc800a6,0 0 80px #ffc80040}}@keyframes goldShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gold{background:linear-gradient(160deg,#1e1500,#0f0a00,#1a1200);border:1px solid rgba(255,210,0,.5);animation:gGlow 2.4s ease-in-out infinite}.gold:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,220,80,.06) 50%,transparent 65%);background-size:200% 100%;animation:goldShimmer 3s linear infinite;pointer-events:none}.gold .top-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#FFD700,rgba(255,215,0,.6),#FFD700,transparent);background-size:200% 100%;animation:goldShimmer 2s linear infinite}.gold .star{color:gold}@keyframes sGlow{0%,to{box-shadow:0 0 16px #b4c8e640,0 0 40px #b4c8e614}50%{box-shadow:0 0 28px #b4c8e673,0 0 65px #b4c8e629}}@keyframes silverSweep{0%,to{opacity:0;transform:translate(-100%) skew(-15deg)}40%,60%{opacity:1}to{transform:translate(300%) skew(-15deg)}}.silver{background:linear-gradient(160deg,#13131f,#0c0c18,#111120);border:1px solid rgba(160,180,220,.38);animation:sGlow 3s ease-in-out infinite}.silver:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(180,200,255,.06),transparent);animation:silverSweep 4s 1s ease-in-out infinite;pointer-events:none}.silver .top-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(180,200,230,.8),rgba(210,220,255,.9),rgba(180,200,230,.8),transparent)}.silver .star{color:#a8c0e8}@keyframes bGlow{0%,to{box-shadow:0 0 16px #d282324d,0 0 40px #d282321a}50%{box-shadow:0 0 28px #d2823285,0 0 65px #d2823233}}@keyframes emberRise{0%{transform:translateY(0) scale(1) rotate(0);opacity:.9}to{transform:translateY(-50px) scale(.2) rotate(30deg);opacity:0}}.bronze{background:linear-gradient(160deg,#1a0e06,#0e0804,#170c05);border:1px solid rgba(210,130,50,.42);animation:bGlow 3.6s ease-in-out infinite}.bronze .top-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(210,130,50,.7),rgba(240,160,70,.9),rgba(210,130,50,.7),transparent)}.ember{position:absolute;bottom:10px;width:4px;height:4px;border-radius:50%;animation:emberRise 2s ease-in infinite;pointer-events:none}.ember:nth-child(1){left:20%;background:#f97316;animation-delay:0s}.ember:nth-child(2){left:50%;background:#fb923c;animation-delay:.7s}.ember:nth-child(3){left:75%;background:#fdba74;width:3px;height:3px;animation-delay:1.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.55}}.tdot{position:absolute;top:11px;left:11px;width:9px;height:9px;border-radius:50%;animation:dotPulse 2s ease-in-out infinite}.dot-up{background:#4ade80;box-shadow:0 0 8px #4ade80bf}.dot-down{background:#f87171;box-shadow:0 0 8px #f87171bf}.dot-same{background:#9ca3af;box-shadow:0 0 5px #9ca3af80}.rnk{position:absolute;top:9px;right:10px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;z-index:10}.gold .rnk{background:#ffc8001f;color:gold;border:1px solid rgba(255,200,0,.3)}.silver .rnk{background:#b4c8e614;color:#b0c4e8;border:1px solid rgba(180,200,230,.25)}.bronze .rnk{background:#d2823214;color:#e0956a;border:1px solid rgba(210,130,50,.25)}@keyframes crownBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes medalSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.crown{font-size:28px;display:block;margin-bottom:7px;position:relative;z-index:10}.gold .crown{animation:crownBob 2.2s ease-in-out infinite}.silver .crown{animation:medalSway 3s ease-in-out infinite}.bronze .crown{animation:medalSway 3.5s .5s ease-in-out infinite}.p-gname{font-size:21px;font-weight:700;margin-bottom:3px;position:relative;z-index:10}.gold .p-gname{color:gold;text-shadow:0 0 16px rgba(255,210,0,.55)}.silver .p-gname{color:#c8d8f0;text-shadow:0 0 12px rgba(180,200,230,.45)}.bronze .p-gname{color:#e0956a;text-shadow:0 0 12px rgba(210,130,50,.45)}.p-lname{font-size:11px;color:#ffffff73;margin-bottom:11px;position:relative;z-index:10}.p-score{display:inline-block;font-size:12px;font-weight:700;padding:3px 13px;border-radius:20px;position:relative;z-index:10}.gold .p-score{background:#ffc8001a;color:gold;border:1px solid rgba(255,200,0,.28)}.silver .p-score{background:#b4c8e612;color:#b0c4e8;border:1px solid rgba(180,200,230,.22)}.bronze .p-score{background:#d2823212;color:#e0956a;border:1px solid rgba(210,130,50,.24)}@keyframes starFloat{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-60px) scale(.2);opacity:0}}.star{position:absolute;bottom:12px;font-size:8px;pointer-events:none;animation:starFloat 3s ease-in infinite}.star:nth-child(2){left:20%;animation-delay:.5s}.star:nth-child(3){left:60%;animation-delay:1s}.star:nth-child(4){left:40%;animation-delay:1.8s;font-size:6px}.r-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:background .2s,border-color .2s;position:relative;z-index:10;margin-bottom:8px}.r-card:hover{background:#ffffff0d;border-color:#ffffff1f}.tp{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.tp-up{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.tp-down{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.3)}.tp-same{background:#9ca3af12;color:#9ca3af;border:1px solid rgba(156,163,175,.18)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.p-card{animation:fadeUp .4s ease both}.p-card.rank1{animation-delay:.05s}.p-card.rank2{animation-delay:.15s}.p-card.rank3{animation-delay:.25s}.r-card{animation:fadeUp .35s ease both}.r-rank{font-weight:800;color:#ffffff4d;width:24px;text-align:center}.r-gname{font-weight:700;color:#fff;line-height:1.2}.r-lname{font-size:11px;color:#ffffff80}.r-info{margin-left:auto;display:flex;align-items:center;gap:12px}.hC-bar{padding:12px 18px;background:#0a0305;border-bottom:1px solid rgba(192,57,43,.12);position:fixed;top:0;left:0;right:0;z-index:50;overflow:hidden}.hC-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(192,57,43,.6),transparent)}.hC-row{display:flex;align-items:center;gap:10px;max-width:1400px;margin:0 auto}.hC-logo{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-right:4px;white-space:nowrap}.hC-logo-accent{color:#c0392b}.hC-divider{width:1px;height:20px;background:#ffffff1a;margin:0 4px;flex-shrink:0}.hC-tabs{display:flex;gap:6px;flex:1}.hC-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;color:#fff6;border:1px solid transparent;background:transparent;transition:all .2s;white-space:nowrap}@keyframes neonPulse{0%,to{box-shadow:0 0 8px #c0392b00}50%{box-shadow:0 0 16px #c0392b99,inset 0 0 8px #c0392b1a}}.hC-tab.active{color:#fff;background:#c0392b26;border-color:#c0392b66;animation:neonPulse 2.5s ease-in-out infinite}.hC-right{margin-left:auto;display:flex;align-items:center;gap:12px}.hC-avatar-wrap{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:5px 10px 5px 6px}.hC-av{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#c0392b,#6b1209);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.hC-uinfo{text-align:left}.hC-uname{font-size:12px;font-weight:600;color:#fff;line-height:1.2;display:block}.hC-urole{font-size:10px;color:#ffffff59;display:block}.hC-logout{color:#fff6;cursor:pointer;transition:color .2s}.hC-logout:hover{color:#ff4c4c}.hC-hero{background:#c0392b0f;border:1px solid rgba(192,57,43,.15);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;margin:16px 0 0}.hC-circle{width:50px;height:50px;border-radius:50%;background:#c0392b1f;border:2px solid rgba(192,57,43,.4);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hC-hero-name{font-size:18px;font-weight:700;color:#fff}.hC-hero-role{font-size:12px;color:#fff6;margin-top:2px}.hC-kpi-badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:700;color:#c0392b;background:#c0392b1a;border:1px solid rgba(192,57,43,.3);padding:3px 12px;border-radius:20px}@media(max-width:480px){.hC-logo{font-size:14px}.hC-tab{padding:6px 10px;font-size:12px}.hC-tab-icon,.hC-uinfo{display:none}.hC-avatar-wrap{padding:5px;border-radius:8px}.hC-hero{margin:12px 0 0}}