body{background-color:#2c2c2c;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body{margin:0;padding:0;background-color:#2c2c2c;font-family:Inter,sans-serif;min-height:100vh}html{scroll-behavior:smooth}.swal2-custom-popup{border-radius:12px;padding:2rem;font-family:Inter,sans-serif;box-shadow:0 8px 32px #00000080}.swal2-custom-button{background-color:#ea750e!important;color:#fff!important;border-radius:6px!important;padding:.6rem 1.5rem!important;font-weight:700!important;font-size:1rem!important;transition:background-color .3s ease}.swal2-custom-button:hover{background-color:#aa4f00!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}::-webkit-scrollbar-thumb{background:#ea750e;border-radius:10px;border:2px solid #1e1e1e}::-webkit-scrollbar-thumb:hover{background:#c25f0c}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;justify-items:center}@media (max-width: 768px){.games-grid{grid-template-columns:1fr}}p{font-weight:700}.loader{border:5px solid #555;border-top:5px solid #ea750e;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.logos-info{font-size:.5rem}}#main-container{font-family:Inter;background-color:#1e1e1e;color:#fff;width:100%}#play{text-align:center;width:100%;padding-top:2rem;padding-bottom:2rem}#login{background-color:#292929;width:100%;padding-top:4rem;padding-bottom:2rem;text-align:center;color:#fff}.auth-form{max-width:400px;margin:2rem auto;display:flex;padding:1rem;flex-direction:column;gap:1rem;transition:all .3s ease-in-out}.password-toggle-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;color:#f4f4f4}#leaderboard{width:100%;background-color:#1e1e1e;text-align:center;padding-top:4rem;padding-bottom:2rem}#contact{width:100%;background-color:#292929;text-align:center;padding-top:4rem;padding-bottom:2rem}.login-signup-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:2rem auto;border-radius:12px;background-color:#1e1e1e;box-shadow:0 4px 12px #00000026;width:fit-content;max-width:400px}.login-signup-box input{width:90%;background-color:#3a3a3a;color:#fff;padding:.6rem 1rem;border:none;border-radius:12px;outline:none;font-size:.95rem;transition:background-color .3s ease,box-shadow .3s ease}.login-signup-box input::placeholder{color:#bbb}.login-signup-box input:focus{background-color:#505050;box-shadow:0 0 0 2px #ff740099}#navigation-container{display:flex;justify-content:flex-start;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;flex-wrap:wrap;align-items:center;background-color:#222}#logo-img{height:40px;margin-right:20px;cursor:pointer;transition:transform .2s ease}#logo-img:hover{transform:scale(1.1)}@media (max-width: 400px){.navigation-container ul{font-size:.8rem}}.leaderboard-table{margin-left:auto;margin-right:auto}.leaderboard-wrapper{margin:0 auto;width:600px}@media (max-width: 450px){.leaderboard-wrapper{width:320px}}.leaderboard-data-table th,.leaderboard-data-table td{text-align:center;padding:10px 60px}.highlighted-row{background-color:#ff7a0033;font-weight:700}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.scaling-button{transition:transform .2s ease}.scaling-button:hover{transform:scale(1.03)}#minigame-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#292929;padding:1rem;gap:2rem;color:#fff}#game-list{flex:1 1 250px;min-width:200px;max-width:100%;background-color:#1e1e1e;padding:1rem;border-radius:10px;min-height:400px;max-height:80vh;box-shadow:0 4px 10px #0006;overflow-y:auto;box-sizing:border-box}#game-box{flex:2 1 500px;background-color:#1e1e1e;padding:1rem;border-radius:10px;box-shadow:0 4px 10px #0006;text-align:center;min-height:400px;transition:all .3s ease}@media (max-width: 768px){#game-box{flex:1 1 280px;padding:.5rem;min-height:400px;transform:scale(.95)}}@media (max-width: 480px){#game-box{flex:1 1 250px;padding:.4rem;min-height:250px;transform:scale(.92)}}#side-features{flex:1 1 250px;display:flex;flex-direction:column;gap:7rem}.side-card{background-color:#0009;padding:1rem;border-radius:8px}.side-card h4{color:#fff}.side-card p{color:#ba620f;font-size:.9rem}.copy-overlay{position:absolute;top:-20px;left:50%;transform:translate(-55%);color:#32cd32;font-size:.9rem;font-weight:700;animation:fadeOut 1.5s forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}button{font-size:1rem}button:disabled{background-color:#555;color:#888;cursor:not-allowed;opacity:.6}.button-container{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px}.button-container button{padding:10px 20px;font-size:1rem;transition:all .2s ease-in-out;cursor:pointer;border:none;border-radius:8px;background-color:#07f;color:#fff}.button-container.two-buttons button{font-size:.9rem}.button-container button:disabled{background-color:#ccc;cursor:not-allowed}.stop-playing-button{margin-top:20px;margin-bottom:10px}.guess-container{margin-top:1.5rem;position:relative;display:flex;justify-content:center;align-items:center;gap:30px;width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding:0 10px;transition:all .3s ease}.confirm-button{margin-left:10px;background-color:#ff7400;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.confirm-button:hover:not(:disabled){background-color:#e56500;transform:translateY(-2px)}.confirm-button:disabled{background-color:#555;cursor:not-allowed}@media (max-width: 768px){.guess-container{gap:100px;max-width:100%}.confirm-button{padding:.1rem;font-size:.95rem}}@media (max-width: 480px){.guess-container{align-items:stretch;gap:10px}.confirm-button{width:90%;margin-left:10px;margin-right:10px}}.wordle-container{display:flex;flex-direction:column;align-items:center;gap:10px}.line{display:flex;gap:8px}.tile{width:45px;height:45px;border:2px solid #FF8C00;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;text-transform:uppercase;background-color:#f5f5f5;color:#222;box-shadow:0 3px 6px #00000026;transform-style:preserve-3d;perspective:1000px}.tile.correct{background-color:#4f8a55;border-color:#4f8a55;color:#fff}.tile.present{background-color:#ff8c00;border-color:#ff7f00;color:#fff}.tile.absent{background-color:#b0b0b0;border-color:#8c8c8c;color:#fff}.tile.correct,.tile.present,.tile.absent{animation:flipTile .4s ease forwards}@keyframes flipTile{0%{transform:rotateX(90deg);opacity:.5}to{transform:rotateX(0);opacity:1}}.matchup-container{display:flex;justify-content:center;align-items:flex-start;gap:30px;width:100%;max-width:600px;margin:0 auto;position:relative;padding:10px;transition:all .3s ease}.player-card-container{position:relative;text-align:center;background:#1c1c1c;border:1px solid #333;border-radius:12px;padding:15px;width:180px;transition:transform .3s ease,box-shadow .3s ease,width .3s ease;box-shadow:0 2px 6px #00000080}.player-card-container:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0009}.player-card-container.winner{border:2px solid #ff7400;box-shadow:0 0 15px #ff7400cc;animation:winnerPulse 1.5s infinite ease-in-out}@keyframes winnerPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ff7400cc}50%{transform:scale(1.05);box-shadow:0 0 25px #ff7400}}.player-score{color:#fff;margin-top:8px;font-weight:700;font-size:1rem}.waiting-text{color:#ff7400;margin-top:8px;font-weight:700;font-size:.9rem}.vs-text{font-size:1.5rem;font-weight:700;color:#ff7400;text-shadow:0 2px 8px rgba(0,0,0,.6);align-self:center;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.opponent-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:1rem;border-radius:12px;text-align:center;z-index:10}.loading-text{color:#fff;margin-top:10px;font-size:1.2rem;font-weight:700;text-align:center;animation:pulseGlow 1.5s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:1;text-shadow:0 0 5px #ff7400,0 0 10px #ff7400}50%{opacity:.7;text-shadow:0 0 15px #ff7400,0 0 25px #ff7400}}@media (max-width: 768px){.matchup-container{gap:20px;max-width:100%;padding:5px}.player-card-container{width:150px;padding:10px}.vs-text{font-size:1.2rem}.player-score,.waiting-text{font-size:.9rem}}@media (max-width: 480px){.matchup-container{flex-direction:column;align-items:center;gap:15px;padding:5px}.player-card-container{width:90%;max-width:178px;padding:8px;transform:scale(.95)}.vs-text{font-size:1rem;margin:10px 0}.player-score,.waiting-text{font-size:.85rem}}