:root{font-family:Orbitron,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ranking-root{color:#fff;padding:28px;max-width:1200px;margin:0 auto 80px;font-family:Orbitron,sans-serif}.ranking-title{text-align:center;font-size:36px;margin-bottom:22px;letter-spacing:1px}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:end;margin-bottom:28px}.podium-col{display:flex;justify-content:center;align-items:flex-end}.podium-1 .podium-card{transform:translateY(-18px);box-shadow:0 12px 30px #0009}.podium-2 .podium-card{transform:translateY(-6px)}.podium-3 .podium-card{transform:translateY(-2px)}.podium-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:12px;padding:14px;width:100%;max-width:340px;text-align:center;border:1px solid rgba(255,255,255,.06)}.podium-card-empty{opacity:.45}.podium-rank{font-weight:700;font-size:18px;color:#ffd166;margin-bottom:8px}.podium-image-wrap{height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;overflow:hidden;border-radius:8px}.podium-image-wrap.empty{background:#ffffff08}.podium-image{width:100%;height:100%;object-fit:cover;display:block}.podium-name{font-size:18px;margin-bottom:6px}.podium-count{color:#ffffffbf;font-size:14px}.ranking-list{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.ranking-item{width:80%;max-width:900px}.ranking-item-left{flex:1 1 auto;display:flex;gap:14px;align-items:center;min-width:0}.ranking-thumb{width:120px;height:72px;object-fit:cover;border-radius:6px;flex:0 0 120px;background:#111}.ranking-meta{text-align:left;min-width:0}.ranking-name{font-size:16px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-count{color:#fffc;font-size:13px}.ranking-item-right{flex:0 0 220px;display:flex;align-items:center;gap:12px;justify-content:flex-end;min-width:220px}.progress-bar{flex:1;height:12px;background:#ffffff0f;border-radius:999px;overflow:hidden;min-width:100px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ffd166,#ff6b6b);border-radius:999px;transition:width .4s ease}.ranking-percent{white-space:nowrap;font-weight:700;color:#fff;min-width:34px;text-align:right}@media(max-width:800px){.ranking-item{flex-direction:column;align-items:flex-start;gap:10px}.ranking-item-left{width:100%}.ranking-item-right{width:100%;flex:initial;justify-content:space-between}.progress-bar{width:100%}.ranking-percent{text-align:left}}.ranking-actions{text-align:center;margin-top:20px}.btn{background:linear-gradient(180deg,#1e1e1e,#111);color:#fff;padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.06);cursor:pointer;font-family:inherit;font-size:15px}@media(max-width:900px){.podium{grid-template-columns:1fr;gap:10px}.podium-1 .podium-card{transform:none}}body{background:radial-gradient(circle at top,#2b1055,#000 70%);background-size:200% 200%;font-family:Orbitron,sans-serif;animation:bgMove 15s ease infinite}@keyframes bgMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff;text-align:center}.home h1{font-size:32px;letter-spacing:3px;color:#ff00e6;animation:neonPulse 2.5s infinite;text-shadow:0 0 4px #ff00e6,0 0 10px #ff00e6,0 0 20px #ff33ee,0 0 40px #ff00e6}@keyframes neonPulse{0%{text-shadow:0 0 4px #ff00e6,0 0 10px #ff00e6,0 0 20px #ff33ee,0 0 40px #ff00e6}50%{text-shadow:0 0 6px #ff33ee,0 0 14px #ff33ee,0 0 25px #ff00e6,0 0 50px #ff33ee}to{text-shadow:0 0 4px #ff00e6,0 0 10px #ff00e6,0 0 20px #ff33ee,0 0 40px #ff00e6}}.home p{color:#a7a7ff;font-size:12px;text-shadow:0 0 4px #6a33ff;margin-bottom:30px}.home button{padding:14px 28px;font-size:14px;background-color:#240046;color:#ff00e6;border:2px solid #ff00e6;border-radius:8px;cursor:pointer;box-shadow:0 0 8px #ff00e6,0 0 16px #ff00e6 inset;transition:.2s ease;animation:buttonPulse 2s infinite ease-in-out}@keyframes buttonPulse{0%{transform:scale(1);box-shadow:0 0 8px #ff00e6}50%{transform:scale(1.05);box-shadow:0 0 16px #f3e}to{transform:scale(1);box-shadow:0 0 8px #ff00e6}}.home:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 3px);animation:scanMove 8s linear infinite}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}.chooser{display:flex;flex-direction:column;align-items:center;margin-top:40px;color:#fff;text-align:center}.cards{display:flex;gap:40px;margin-top:40px}.game-card{width:320px;height:420px;background:#28005059;border:2px solid #ff00e6;border-radius:12px;overflow:hidden;cursor:pointer;animation:cardGlow 3.5s infinite ease-in-out;transition:.25s ease;box-shadow:0 0 10px #ff00e6,0 0 20px #ff00e680}@keyframes cardGlow{0%{box-shadow:0 0 10px #ff00e6,0 0 20px #ff00e680}50%{box-shadow:0 0 14px #f3e,0 0 28px #ff00e6cc}to{box-shadow:0 0 10px #ff00e6,0 0 20px #ff00e680}}.game-card:hover{transform:scale(1.05)}.game-image img{width:100%;height:70%;object-fit:cover}.game-info{padding:10px}.game-info h3{font-size:18px;margin:0;color:#f3e;text-shadow:0 0 4px #ff00e6}.game-info p{font-size:12px;color:#a7a7ff;margin-top:6px}.ranking{padding-top:40px;color:#fff;text-align:center}.ranking-list{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px}.ranking-item{width:500px;background:#28005059;border:2px solid #ff00e6;padding:12px;border-radius:10px;display:flex;gap:12px;box-shadow:0 0 10px #ff00e6,0 0 20px #ff00e680}.ranking-item img{width:100px;height:130px;object-fit:cover;border-radius:6px}.ranking-item h3{color:#f3e;margin:0;text-shadow:0 0 4px #ff00e6}.ranking-item p{font-size:12px;color:#a7a7ff}.floating-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-item{position:absolute;opacity:.15;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.controller{font-size:60px;filter:drop-shadow(0 0 10px #ff00e6)}.controller-1{top:10%;left:5%;animation:float1 20s infinite}.controller-2{top:60%;right:10%;animation:float2 25s infinite}.controller-3{top:80%;left:15%;animation:float3 22s infinite}.game-box{width:80px;height:100px;background:linear-gradient(135deg,#ff00e6,#00c8ff);border:2px solid rgba(255,255,255,.3);border-radius:4px;box-shadow:0 0 15px #ff00e680;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-align:center;padding:5px}.box-1{top:20%;right:15%;animation:float4 18s infinite}.box-2{top:45%;left:8%;animation:float5 23s infinite}.box-3{top:70%;right:20%;animation:float6 20s infinite}.disc{width:70px;height:70px;border-radius:50%;background:conic-gradient(from 0deg,#ff00e6,#00c8ff,#ff00e6,#00c8ff,#ff00e6);border:3px solid rgba(255,255,255,.4);box-shadow:0 0 20px #00c8ff99;position:relative}.disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#000;border-radius:50%}.disc-1{top:15%;left:25%;animation:float7 16s infinite,spin 10s linear infinite}.disc-2{top:55%;right:5%;animation:float8 19s infinite,spin 12s linear infinite}.cartridge{width:60px;height:90px;background:linear-gradient(180deg,#90f,#ff00e6);border-radius:6px 6px 2px 2px;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 12px #90f9;position:relative}.cartridge:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:15px;background:#00000080;border-radius:2px}.cart-1{top:35%;left:40%;animation:float9 21s infinite}.cart-2{top:75%;right:35%;animation:float10 24s infinite}@keyframes float1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(5deg)}50%{transform:translate(-20px,-80px) rotate(-3deg)}75%{transform:translate(40px,-50px) rotate(7deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,30px) rotate(-8deg)}66%{transform:translate(25px,-20px) rotate(6deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(50px,25px) rotate(10deg)}60%{transform:translate(-30px,-15px) rotate(-5deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-35px,45px) rotate(-10deg)}50%{transform:translate(20px,-30px) rotate(8deg)}75%{transform:translate(-45px,20px) rotate(-6deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(0)}40%{transform:translate(40px,-35px) rotate(12deg)}80%{transform:translate(-25px,40px) rotate(-9deg)}}@keyframes float6{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(-50px,-25px) rotate(-7deg)}70%{transform:translate(35px,30px) rotate(11deg)}}@keyframes float7{0%,to{transform:translate(0)}50%{transform:translate(-60px,50px)}}@keyframes float8{0%,to{transform:translate(0)}50%{transform:translate(45px,-55px)}}@keyframes float9{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(55px,20px) rotate(15deg)}66%{transform:translate(-40px,-30px) rotate(-12deg)}}@keyframes float10{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-35px,40px) rotate(8deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.floating-item{opacity:.08}.controller,.game-box,.disc,.cartridge{transform:scale(.7)}}.ranking{padding-top:40px;color:#fff;text-align:center;position:relative;z-index:10}.ranking-title{font-size:32px;color:#ff00e6;text-shadow:0 0 10px #ff00e6,0 0 20px #ff00e6,0 0 30px #ff33ee;animation:titlePulse 3s infinite;margin-bottom:60px}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin:60px auto;perspective:1000px;max-width:900px}.podium-place{display:flex;flex-direction:column;align-items:center;position:relative;animation:podiumEntrance 1s ease-out}@keyframes podiumEntrance{0%{opacity:0;transform:translateY(100px) rotateX(-20deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.first-place{order:2;animation-delay:.4s;z-index:3}.second-place{order:1;animation-delay:.2s;z-index:2}.third-place{order:3;animation-delay:0s;z-index:1}.medal{font-size:50px;position:absolute;top:-30px;z-index:10;animation:medalFloat 3s ease-in-out infinite;filter:drop-shadow(0 5px 15px rgba(255,215,0,.6))}@keyframes medalFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}.gold-medal{animation:medalFloat 3s ease-in-out infinite,goldShine 2s infinite}@keyframes goldShine{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}50%{filter:drop-shadow(0 0 40px rgba(255,215,0,1))}}.silver-medal{filter:drop-shadow(0 5px 15px rgba(192,192,192,.6))}.bronze-medal{filter:drop-shadow(0 5px 15px rgba(205,127,50,.6))}.crown{font-size:40px;position:absolute;top:-70px;animation:crownBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.game-card-podium{width:180px;height:240px;border-radius:12px;overflow:hidden;border:3px solid #ff00e6;box-shadow:0 0 20px #ff00e699,0 10px 30px #00000080;transition:transform .3s ease;margin-bottom:15px}.first-place .game-card-podium{width:200px;height:260px;border-color:gold;box-shadow:0 0 30px #ffd700cc,0 15px 40px #0009}.game-card-podium:hover{transform:scale(1.1) rotateY(5deg)}.game-card-podium img{width:100%;height:100%;object-fit:cover}.podium-info{text-align:center;margin-bottom:10px}.podium-info h3{font-size:24px;color:#ff00e6;margin:5px 0;text-shadow:0 0 10px #ff00e6}.first-place .podium-info h3{font-size:32px;color:gold;text-shadow:0 0 20px #ffd700}.podium-info p{font-size:14px;color:#a7a7ff;margin:5px 0}.podium-base{width:180px;height:120px;background:linear-gradient(135deg,#3c0078cc,#14003ce6);border:2px solid #ff00e6;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#ffffff4d;box-shadow:0 0 20px #ff00e666,inset 0 -30px 50px #00000080;position:relative;transform-style:preserve-3d}.first-base{width:200px;height:160px;background:linear-gradient(135deg,#5000a0e6,#280064);border-color:gold;box-shadow:0 0 30px #ffd70099,inset 0 -40px 60px #0009;animation:firstPlacePulse 3s infinite}@keyframes firstPlacePulse{0%,to{box-shadow:0 0 30px #ffd70099,inset 0 -40px 60px #0009}50%{box-shadow:0 0 50px gold,inset 0 -40px 60px #0009}}.second-base{height:100px;background:linear-gradient(135deg,#320064cc,#140032e6)}.third-base{height:80px;background:linear-gradient(135deg,#280050b3,#0f0028cc)}.podium-base:before{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent,rgba(255,0,230,.5),transparent);animation:baseScan 3s linear infinite}@keyframes baseScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rest-title{font-size:24px;color:#a7a7ff;margin:60px 0 30px;text-shadow:0 0 10px #6a33ff}.restart-button{margin-top:50px;padding:18px 36px;font-size:16px;background-color:#240046;color:#ff00e6;border:2px solid #ff00e6;border-radius:12px;cursor:pointer;box-shadow:0 0 10px #ff00e6,0 0 20px #ff00e6 inset;transition:all .3s ease;animation:buttonGlow 2s infinite}@keyframes buttonGlow{0%,to{box-shadow:0 0 10px #ff00e6,0 0 20px #ff00e6 inset;transform:scale(1)}50%{box-shadow:0 0 20px #f3e,0 0 30px #f3e inset;transform:scale(1.05)}}.restart-button:hover{background-color:#ff00e6;color:#240046;transform:scale(1.1)!important;box-shadow:0 0 30px #ff00e6!important}@media(max-width:768px){.podium-container{flex-direction:column;align-items:center;gap:30px}.podium-place{width:100%}.first-place{order:1}.second-place{order:2}.third-place{order:3}.podium-base{width:250px}.first-base{width:280px}}.auth-root{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#1c2333,#0d111a 85%);z-index:9999}.auth-card{width:360px;padding:30px;background:#ffffff12;border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000073;color:#fff;animation:pop .5s ease forwards;border:1px solid rgba(255,255,255,.15)}.auth-card h2{text-align:center;margin-bottom:20px;font-size:26px;font-weight:600;letter-spacing:1px;text-shadow:0 0 5px #00c6ff}.auth-card label{display:block;margin-top:15px;font-size:14px;opacity:.85}.auth-card input{width:100%;padding:12px;margin-top:6px;border-radius:10px;border:none;background:#ffffff24;color:#fff;font-size:15px;outline:none;transition:.25s}.auth-card input:focus{background:#ffffff40;box-shadow:0 0 10px #00c6ff}.auth-card button{width:100%;padding:12px;margin-top:18px;border:none;border-radius:10px;background:linear-gradient(135deg,#09f,#00eaff);color:#0d111a;font-size:16px;font-weight:700;cursor:pointer;transition:.25s;box-shadow:0 4px 12px #0cf6}.auth-card button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ccff8c}.auth-card button:nth-child(2){background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.auth-card button:nth-child(2):hover{background:#ffffff40}