: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}}

/* Серверный экран входа в закрытый рейтинг. */
.rating-locked{min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 14% 12%,rgba(255,203,82,.28),transparent 25%),radial-gradient(circle at 88% 82%,rgba(40,88,236,.42),transparent 30%),#0d1630;color:#fff}
.rating-login-shell{min-height:100svh;padding:clamp(22px,5vw,70px);display:grid;place-items:center}
.rating-login{position:relative;width:min(560px,100%);padding:clamp(28px,6vw,56px);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:linear-gradient(145deg,rgba(29,49,105,.96),rgba(12,22,48,.98));box-shadow:0 38px 110px rgba(0,0,0,.38)}
.rating-login:after{content:"";position:absolute;z-index:0;right:-130px;top:-150px;width:340px;height:340px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
.rating-login>*{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:11px;width:max-content;font-weight:800;letter-spacing:-.04em}.login-brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.login-brand b{color:var(--yellow)}
.login-lock{width:82px;height:82px;margin:38px 0 22px;display:grid;place-items:center;border-radius:25px;background:var(--yellow);box-shadow:0 0 0 13px rgba(255,203,82,.09);transform:rotate(-5deg)}.login-lock:before{content:"";width:30px;height:26px;margin-top:-25px;border:7px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0}.login-lock span{position:absolute;width:42px;height:34px;margin-top:20px;border-radius:9px;background:var(--ink)}.login-lock span:after{content:"";position:absolute;left:50%;top:9px;width:7px;height:13px;border-radius:7px;background:var(--yellow);transform:translateX(-50%)}
.login-kicker{color:#a9bdff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.rating-login h1{margin:14px 0 18px;font:700 clamp(2.6rem,8vw,4.8rem)/.92 Unbounded,sans-serif;letter-spacing:-.07em}.rating-login h1 em{color:var(--yellow);font-style:normal}.rating-login>p{max-width:420px;margin:0;color:#b8c3df;font-size:1rem;line-height:1.65}
.rating-login-form{margin-top:30px}.rating-login-form>label{display:block;margin-bottom:9px;color:#dbe3f8;font-size:.9rem;font-weight:800}.password-field{display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08)}.password-field:focus-within{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(255,203,82,.12)}.password-field input{min-width:0;padding:16px 18px;border:0;outline:0;background:transparent;color:#fff;font-size:1rem}.password-toggle{padding:0 17px;border:0;background:transparent;color:#aebcdf;cursor:pointer;font-size:.86rem;font-weight:700}.login-hint,.login-error{display:block;margin:10px 2px 0;font-size:.86rem;line-height:1.45}.login-hint{color:#91a1c8}.login-error{color:#ffb4a3}.login-submit{width:100%;min-height:58px;margin-top:20px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:16px;background:var(--coral);color:#fff;cursor:pointer;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(255,107,74,.25)}.login-submit:focus-visible,.password-toggle:focus-visible,.logout-button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.login-back{display:inline-block;margin-top:24px;color:#aebcdf;font-size:.9rem;font-weight:700}
.rating-nav-actions{display:flex;align-items:center;gap:9px}.rating-nav-actions form{margin:0}.logout-button{padding:11px 17px;border:1px solid rgba(255,255,255,.35);border-radius:100px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:13px;font-weight:700}.rating-loading{min-height:170px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #d8dae0;color:#8b92a2;text-align:center}.rating-loading:before{content:"";width:28px;height:28px;border:3px solid #dce2f2;border-top-color:var(--blue);border-radius:50%;animation:rating-spin .9s linear infinite}.rating-loading.error:before{content:"!";display:grid;place-items:center;border:0;background:#ffe0d8;color:var(--coral);font-weight:800;animation:none}.rating-loading b{color:var(--ink)}@keyframes rating-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.rating-login-shell{padding:12px}.rating-login{padding:27px 20px;border-radius:25px}.login-brand img{width:52px;height:52px}.login-lock{margin-top:30px}.rating-nav-actions{gap:5px}.back-link,.logout-button{padding:9px 11px;font-size:10px}.rating-brand img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.rating-login *,.rating-loading:before{animation:none!important;transition:none!important}}