:root{--ink:#11192f;--blue:#2858ec;--coral:#ff6b4a;--yellow:#ffcb52;--mint:#baf3d2;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.rating-nav{height:78px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:5;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}a{text-decoration:none;color:inherit}.rating-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}.rating-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px rgba(255,255,255,.8))}.rating-brand b{color:var(--yellow)}.back-link{font-size:13px;font-weight:700;padding:11px 17px;border:1px solid rgba(255,255,255,.35);border-radius:100px}.rating-hero{min-height:650px;padding:145px 6vw 100px;background:radial-gradient(circle at 80% 25%,rgba(69,112,255,.65),transparent 28%),linear-gradient(135deg,#0e1833,#172a62 58%,#2949a5);color:#fff;position:relative;overflow:hidden}.rating-hero:after{content:"";position:absolute;right:-10%;bottom:-58%;width:650px;height:650px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.rating-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.15em;color:#9eb7ff;font-weight:800}.rating-hero h1{font-family:Unbounded;font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-.07em;margin:25px 0}.rating-hero h1 em{font-style:normal;color:var(--yellow)}.rating-hero>p{max-width:590px;line-height:1.7;color:#b6c1df;font-size:18px}.live-pill{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:100px;margin-top:20px;font-size:11px}.live-pill i{width:8px;height:8px;background:#63e99e;border-radius:50%;box-shadow:0 0 0 6px rgba(99,233,158,.13);animation:pulse 1.8s infinite}.sparkles i{position:absolute;color:var(--yellow);font-style:normal;animation:float 5s ease-in-out infinite}.sparkles i:nth-child(1){right:15%;top:22%;font-size:55px}.sparkles i:nth-child(2){right:32%;top:55%;font-size:25px;animation-delay:-1s}.sparkles i:nth-child(3){right:7%;top:65%;font-size:35px;animation-delay:-2s}.sparkles i:nth-child(4){left:50%;top:14%;font-size:18px;animation-delay:-3s}.leaderboard-wrap{padding:0 6vw 100px;margin-top:-90px;position:relative;z-index:2}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;max-width:1000px;margin:0 auto 75px}.podium-card{border-radius:30px;padding:30px;text-align:center;position:relative;box-shadow:0 25px 60px rgba(17,25,47,.12);background:#fff}.podium-card.first{min-height:340px;background:var(--yellow);order:2}.podium-card.second{min-height:290px;background:#e9edf5;order:1}.podium-card.third{min-height:260px;background:#f8c59a;order:3}.medal{font-size:35px}.podium-place{position:absolute;top:22px;right:24px;font-family:Unbounded;font-size:12px;opacity:.45}.podium-avatar{width:86px;height:86px;margin:15px auto;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:Unbounded;font-size:28px;border:6px solid rgba(255,255,255,.5)}.podium-card h2{font-family:Unbounded;font-size:22px;margin:12px 0 5px}.podium-score{font-family:Unbounded;font-size:30px}.podium-score small{font-family:Manrope;font-size:10px;opacity:.6}.rating-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.rating-toolbar div{display:flex;align-items:center;gap:12px;font-family:Unbounded;font-size:24px}.rating-toolbar b{width:33px;height:33px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-family:Manrope;font-size:12px}.rating-toolbar p{font-size:12px;color:#8b92a2}.leaderboard{border-top:1px solid #d8dae0}.rank-row{display:grid;grid-template-columns:70px 1fr 160px 110px;align-items:center;min-height:85px;border-bottom:1px solid #d8dae0;padding:0 18px;transition:.3s}.rank-row:hover{background:var(--mint);border-radius:18px;padding-left:28px;padding-right:28px}.rank-number{font-family:Unbounded;color:#9da3af}.rank-name{font-family:Unbounded;font-size:18px}.rank-base,.rank-penalty{font-size:12px;color:#8b92a2}.rank-score{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;font-family:Unbounded;font-size:22px;color:var(--blue)}.rank-score small{font-family:Manrope;font-size:9px;color:#9399a5}.penalty{color:var(--coral)}.rating-note{margin-top:45px;background:var(--ink);color:#fff;border-radius:30px;padding:30px 40px;display:flex;align-items:center;gap:28px}.rating-note img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}.rating-note b{font-family:Unbounded;font-size:20px}.rating-note p{color:#9fa8bc;margin-bottom:0}footer{padding:30px 6vw;background:#f1ede5;display:flex;justify-content:space-between;font-size:12px;color:#7e8593}@keyframes pulse{50%{transform:scale(.65);opacity:.55}}@keyframes float{50%{transform:translateY(20px) rotate(10deg)}}@media(max-width:700px){.rating-nav{padding:0 18px}.rating-brand span{font-size:12px}.rating-hero{padding:130px 22px 95px;min-height:600px}.sparkles{opacity:.35}.leaderboard-wrap{padding:0 15px 70px}.podium{gap:7px}.podium-card{padding:18px 8px;border-radius:20px}.podium-card.first{min-height:285px}.podium-card.second{min-height:250px}.podium-card.third{min-height:225px}.podium-avatar{width:60px;height:60px;font-size:20px}.podium-card h2{font-size:13px}.podium-score{font-size:20px}.rating-toolbar{align-items:flex-start}.rating-toolbar div{font-size:17px}.rating-toolbar p{max-width:100px;text-align:right}.rank-row{grid-template-columns:42px 1fr 86px;padding:0 8px}.rank-name{font-size:14px}.rank-base,.rank-penalty{display:none}.rank-score{font-size:17px}.rating-note{padding:25px 20px;align-items:flex-start}.rating-note img{width:70px;height:70px}.rating-note b{font-size:14px}.rating-note p{font-size:12px;line-height:1.6}footer{gap:20px;flex-direction:column}}@media(max-width:700px){.rating-hero h1{font-size:clamp(40px,12vw,48px);overflow-wrap:break-word}}@media(max-width:700px){.rating-hero h1{font-size:clamp(34px,10.5vw,42px);overflow-wrap:normal}.rating-hero h1 em{white-space:nowrap}}
