: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;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}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;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}@media(max-width:768px){*{-webkit-overflow-scrolling:touch}}@media(prefers-color-scheme:light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-start: #080713;--bg-end: #0b0d18;--panel: rgba(19, 15, 42, .88);--panel-lighter: rgba(22, 18, 49, .76);--border: rgba(255, 255, 255, .08);--accent: #7fd4ff;--accent-soft: #ff8ad8;--text: #eef2ff;--muted: #a8b3d2}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 15%,rgba(127,212,255,.14),transparent 18%),radial-gradient(circle at 90% 85%,rgba(255,138,216,.1),transparent 20%),linear-gradient(180deg,#060611,#0a0b19);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(127,212,255,.08),transparent 15%),radial-gradient(circle at 85% 80%,rgba(255,138,216,.06),transparent 20%)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:30px 18px}.app-frame{width:min(1300px,100%);position:relative}.screen-header{display:flex;flex-direction:column;gap:8px;margin:0 auto 24px;max-width:980px;padding:18px 22px;border-radius:24px;background:#100c1fc7;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 68px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.screen-title{margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:.05em;color:var(--text)}.screen-subtitle{margin:0;color:#eef2ffbd;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.7}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(127,212,255,.08),transparent 22%),radial-gradient(circle at bottom left,rgba(255,138,216,.06),transparent 24%);pointer-events:none}.home-card{position:relative;width:min(640px,100%);padding:clamp(34px,4vw,48px);display:flex;flex-direction:column;align-items:center;gap:22px;background:#120d23f2;border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 38px 120px #00000052;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.home h1{margin:0;font-size:clamp(2.3rem,5vw,3.3rem);text-align:center;color:#fff;letter-spacing:.08em}.home p{margin:0;max-width:560px;color:#eef2ffc7;font-size:clamp(1rem,2vw,1.15rem);line-height:1.8;text-align:center}.home button{padding:16px 34px;font-size:clamp(1rem,2vw,1.1rem);color:#0b1023;background:linear-gradient(135deg,#7fd4fff5,#ff8ad8f0);border:none;border-radius:999px;cursor:pointer;transition:transform .24s ease,filter .24s ease,box-shadow .24s ease;box-shadow:0 20px 42px #7fd4ff2e}.home button:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.06)}.home:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 3px);opacity:.28;animation:scanMove 12s linear infinite}@media(max-width:768px){.cards{flex-direction:column;gap:20px}.game-card{height:380px}.game-card:hover{transform:none}.ranking-item{flex-direction:column;text-align:center}.ranking-item img{width:100%;max-width:200px;height:auto;margin:0 auto}}@media(max-width:480px){.home{padding:0 15px}.game-card{height:360px}.game-image img{height:65%}.ranking-list{gap:15px}}.chooser{width:min(1200px,100%);margin:0 auto;padding:34px;border-radius:32px;background:#0f0c1dd1;border:1px solid rgba(127,212,255,.08);box-shadow:0 36px 100px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chooser h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.75rem);color:#fff}.cards{display:flex;justify-content:center;gap:30px;margin-top:30px;flex-wrap:wrap}.game-card{width:min(320px,90vw);min-height:460px;display:flex;flex-direction:column;border-radius:28px;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background:linear-gradient(180deg,#ffffff0f,#0f0a20f0);box-shadow:0 28px 62px #00000038}.game-card.placeholder{min-height:460px;display:grid;place-items:center;color:#ffffffb8;background:#ffffff0a;border-style:dashed}.game-card:hover{transform:translateY(-6px);border-color:#7fd4ff3d;box-shadow:0 34px 86px #7fd4ff2e}.game-card:active{transform:translateY(-2px)}.game-image{position:relative;height:300px;background:linear-gradient(180deg,#ffffff0f,#08061442);display:grid;place-items:center;overflow:hidden}.game-image img{width:auto;max-width:100%;height:100%;object-fit:cover;display:block}.game-image__fallback{width:100%;height:100%;display:grid;place-items:center;color:#ffffffb3;background:#141126}.game-info{padding:22px 20px;display:flex;flex-direction:column;gap:12px}.game-info h4{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);color:#eef2ff;letter-spacing:.02em}.game-genres{margin:0;color:#eef2ffbd;font-size:.95rem;line-height:1.6}.game-cta{align-self:center;display:inline-flex;padding:12px 20px;color:#fff;background:linear-gradient(135deg,#7fd4fff2,#ff8ad8f5);border-radius:999px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s ease,filter .2s ease}.game-card:hover .game-cta{transform:translateY(-1px);filter:saturate(1.1)}.game-info p{margin:0;font-size:clamp(.95rem,1.7vw,1rem);color:#eef2ffb8}.selected-game{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px}.selected-game img{width:min(300px,100%);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 54px #00000047}.selected-game h3{margin:0;font-size:clamp(1.25rem,2vw,1.45rem);color:#f6f8ff}.ranking{padding:40px 20px 20px;color:#fff;text-align:center}.ranking-list{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px}.ranking-item{width:min(520px,90vw);background:#140f28d1;border:1px solid rgba(127,212,255,.14);padding:16px;border-radius:20px;display:flex;gap:14px;box-shadow:0 18px 40px #0000002e;align-items:center}.ranking-item img{width:clamp(80px,20vw,100px);height:clamp(104px,26vw,130px);object-fit:cover;border-radius:12px;flex-shrink:0}.ranking-item h3{color:#eef2ff;margin:0;font-size:clamp(1rem,2vw,1.2rem)}.ranking-item p{margin:0;font-size:clamp(.95rem,1.7vw,1rem);color:#eef2ffb8}@media(max-width:768px){.cards{flex-direction:column;gap:20px}.game-card{height:auto}.game-card:hover{transform:none}.ranking-item{flex-direction:column;text-align:center}.ranking-item img{width:100%;max-width:220px;height:auto;margin:0 auto}}@media(max-width:480px){.home{padding:0 15px}.game-card{height:auto}.game-image img{height:100%}.ranking-list{gap:15px}}.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}}