@font-face{font-family:Offbit-Regular;src:url(/assets/OffBit-Regular-6ijlejfg.ttf) format("truetype")}body{margin:0;padding:0;font-family:Offbit-Regular,sans-serif;font-weight:700;letter-spacing:.12rem;-webkit-user-select:none;user-select:none;overflow:hidden}.index-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#f0f0f0;box-shadow:inset 0 0 0 22px #fd1e2d}.base{background-color:#242834;padding:20px;z-index:2}.index-title{font-size:4rem;color:#fd1e2d;z-index:3;margin-left:50px}.subtitle{color:#fd1e2d}.main-navigation{display:flex;align-items:center;justify-content:center;gap:3rem;z-index:3}.nav-button{text-decoration:none;color:#fd1e2d;font-size:3.5rem;padding:20px 50px;width:auto;text-align:center;z-index:3;width:300px}.footer{position:absolute;bottom:30px;left:30px;font-size:1rem;color:#fd1e2d}.footer a{text-decoration:none;color:#242834;font-weight:700}.top-main{display:flex;flex-direction:row;align-items:center;margin-bottom:50px}.logo{width:150px;height:auto}@media(max-width:1024px){.index-title{margin:0;font-size:3rem}.main-navigation{flex-direction:column;gap:2rem}.nav-button{font-size:2rem;padding:15px 30px;width:100%}.top-main{flex-direction:column;margin-bottom:30px}.index-page{box-shadow:inset 0 0 0 12px #fd1e2d}.footer{font-size:.8rem}}.gridBack{position:absolute;top:50%;left:50%;height:100vh;width:100vw;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(10,1fr);z-index:0}.cellBack{background-color:transparent;transition:background-color .1s ease-in,background-color .5s ease-out}.cellBack:hover{background-color:transparent}.cellBack.active{background-color:#fd1e2d}.game-container{display:flex;justify-content:center;height:100vh;position:relative;width:100%;animation:background-transition 1s;background-color:#242834;box-shadow:inset 0 0 #fd1e2d}.single-player-back{display:flex;align-items:center;justify-content:center;height:auto;border-radius:25px}.start-button{font-size:16px;background:none;color:#f0f0f0;border:none;cursor:pointer}.start-message{padding:20px;margin:20px 0;text-align:center;color:#f0f0f0;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:blinkStart 2.5s infinite}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;animation:fadeIn 1s}.start-message p{margin:0;font-size:2.3rem}.start-message strong{color:#fd1e2d;font-size:2.4rem}.nav-button-home{text-decoration:none;color:#fd1e2d;font-size:3.5rem;padding:20px 50px;width:auto;text-align:start;z-index:3}@keyframes pulse{0%{box-shadow:0 0 5px #d82940}50%{box-shadow:0 0 20px #d82940}to{box-shadow:0 0 5px #d82940}}@keyframes blinkStart{0%,to{opacity:1}50%{opacity:.5}}@keyframes background-transition{0%{background-color:#f0f0f0;box-shadow:inset 0 0 0 22px #fd1e2d}to{background-color:#242834;box-shadow:inset 0 0 #fd1e2d}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.game-container{overflow:hidden}.cell{width:20px!important;height:20px!important}}.game-over-message-solo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#242834;color:#fd1e2d;padding:40px;border:4px solid #fd1e2d;text-align:center;width:auto;height:auto;z-index:2;font-size:3rem;animation:slideIn 1s;display:flex;text-align:start;align-items:end;justify-content:center;gap:40px}.game-over-message-solo h1{margin:0 0 20px;font-size:3.5rem}.game-over-btn{display:flex;flex-direction:column}.play-again{text-decoration:none;border:none;color:#fd1e2d;font-size:3.5rem;white-space:nowrap;text-align:start;padding:20px 50px;text-align:center;z-index:3;width:300px;font-family:Offbit-Regular,sans-serif;font-weight:700;background:none;cursor:pointer;transition:opacity .3s ease}.final-stats{margin:20px 0;font-size:1.5rem}@media(max-width:1024px){.game-over-message-solo{font-size:2rem;padding:20px;gap:20px;flex-direction:column;align-items:center}.game-over-message-solo h1{font-size:2.5rem}.final-stats{font-size:1.2rem}}.level-up-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;animation:levelUpFade 2s ease-out forwards}.level-up-content{text-align:center;animation:levelUpBounce .8s ease-out}.level-up-content h2{font-size:4rem;color:#fd1e2d;margin:0;text-shadow:0 0 20px rgba(253,30,45,.8);animation:levelUpGlow 2s ease-in-out infinite alternate}.level-up-content p{font-size:2rem;color:#f0f0f0;margin:10px 0;text-shadow:0 0 10px rgba(240,240,240,.6)}.level-up-sparkles{display:flex;justify-content:center;gap:20px;margin-top:20px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}.level-up-sparkles span{font-size:2rem;animation:sparkle 1.5s ease-in-out infinite}.level-up-sparkles span:nth-child(1){animation-delay:0s}.level-up-sparkles span:nth-child(2){animation-delay:.2s}.level-up-sparkles span:nth-child(3){animation-delay:.4s}.level-up-sparkles span:nth-child(4){animation-delay:.6s}.level-up-sparkles span:nth-child(5){animation-delay:.8s}@keyframes levelUpFade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes levelUpBounce{0%{transform:scale(.3) translateY(50px);opacity:0}50%{transform:scale(1.1) translateY(-10px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes levelUpGlow{0%{text-shadow:0 0 20px rgba(253,30,45,.8)}to{text-shadow:0 0 30px rgba(253,30,45,1),0 0 40px rgba(253,30,45,.8)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.5) rotate(180deg);opacity:1}}.grid-container{position:relative}.grid{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#353541;padding:10px;border:3px solid #fd1e2d;margin-inline:20px;transition:transform .1s ease-out;position:relative}.grid.shake{animation:gridShake .2s ease-out}@keyframes gridShake{0%{transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}.row{display:flex;flex-direction:row}.cell{width:30px;height:30px;border:2px solid #242834}.cell.cyan{background-color:#e02a43}.cell.blue{background-color:#b62336}.cell.orange{background-color:#941c2c}.cell.yellow{background-color:#ec1e28}.cell.green{background-color:#a72e3e}.cell.purple{background-color:#990c1f}.cell.red{background-color:#ff3e3e}.cell.hover{background:#ffffff4d}@media(max-width:1024px){.cell{width:20px!important;height:20px!important}}.game-over-overlay{position:absolute;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.game-over-overlay.visible{opacity:1;pointer-events:all}.game-over-icon{font-size:4rem;margin-bottom:1rem}.game-over-text-multi{color:#fff;font-size:2rem;font-weight:700}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.particle{position:absolute;width:4px;height:4px;background-color:#fd1e2d;animation:particleRise 1.2s ease-out forwards}@keyframes particleRise{0%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 6px #fd1e2d}50%{opacity:.8;transform:translateY(-40px) scale(.8);box-shadow:0 0 8px #fd1e2d}to{opacity:0;transform:translateY(-80px) scale(.4);box-shadow:0 0 2px #fd1e2d}}@media(max-width:1024px){.particle{width:3px;height:3px}@keyframes particleRise{0%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 4px #fd1e2d}50%{opacity:.8;transform:translateY(-30px) scale(.8);box-shadow:0 0 6px #fd1e2d}to{opacity:0;transform:translateY(-60px) scale(.4);box-shadow:0 0 2px #fd1e2d}}}.info{color:#fff;font-size:18px;text-align:center;height:auto;width:0;overflow:visible}.score-label,.lvl-stage{font-size:1.5rem;margin-bottom:10px;display:flex;justify-content:space-between;padding:5px}.next-block{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:20px;padding-block:30px;background-color:transparent;height:60px;margin:0;width:200px;border:3px solid #fd1e2d;position:relative}.next-block .row{display:flex}.next-block .cell{width:30px;height:30px;box-sizing:border-box;background-color:transparent;border:transparent;position:relative;top:50%;margin:2px}.next-block .cell.filled{background-color:#f0f0f0}.info-game{width:205px;display:flex}.current-lvl,.lines-cleared{border:3px solid #fd1e2d;border-top:none;background-color:transparent;width:50%;height:5vh;text-align:center;color:#f0f0f0;display:flex;justify-content:center;align-items:center}.lines-cleared{border-left:none}.score-board,.pseudo-multi{margin-top:20px;border:3px solid #fd1e2d;background-color:transparent;width:199px;height:5vh;text-align:center;color:#f0f0f0;display:flex;justify-content:center;align-items:center}@media(max-width:1024px){.next-block .cell{width:15px;height:15px}.next-block{position:absolute;top:30px;left:50%;transform:translate(-50%);width:200px!important}.scd-info{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.pseudo-multi{display:none}}.multi-player-back{display:flex;align-items:center;justify-content:center;height:auto;border-radius:25px}.player-preview-grid{display:flex;flex-direction:column;background-color:#353541;margin-inline:6.6px}.player-preview-cell{width:10px;height:10px;border:.6px solid #242834}.players-list{display:flex;flex-direction:column;position:absolute;top:50%;transform:translateY(-50%);height:auto;left:2vw;gap:1vw;animation:slideLeft 1s}.leaderboard-player-component{border:2px solid #fd1e2d;display:flex;flex-direction:row;margin-bottom:10px;padding:15px;position:relative}.leaderboard-player-info{flex-direction:column;color:#fff;margin-left:10px}.leaderboard-player-info p{margin:12px 0}.player-preview-cell.cyan{background-color:#e02a43}.player-preview-cell.blue{background-color:#b62336}.player-preview-cell.orange{background-color:#941c2c}.player-preview-cell.yellow{background-color:#ec1e28}.player-preview-cell.green{background-color:#a72e3e}.player-preview-cell.purple{background-color:#990c1f}.player-preview-cell.red{background-color:#ff3e3e}.player-preview-cell.hover{background:#ffffff4d}.overlay-game-over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fd1e2d;z-index:2}.next-block-other{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:20px;padding-block:30px;background-color:transparent;height:20px;margin:0;width:auto;border:3px solid #fd1e2d;position:relative}.next-block-other .row{display:flex}.next-block-other .cell{width:15px;height:15px;background-color:transparent;box-sizing:border-box;position:relative;top:50%}.next-block-other .cell.filled{background-color:#f0f0f0}@keyframes slideLeft{0%{left:-12vw;opacity:0}to{left:2vw;opacity:1}}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%);color:#f0f0f0;font-size:2rem;z-index:2;animation:countDownAnimation 1s forwards infinite;text-align:center}@keyframes countDownAnimation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.game-over-container{position:absolute;width:100%;height:100%;background:#242424ab}@media(max-width:1024px){.leaderboard{display:none}}.indestructible{background-color:#555!important}.game-over-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#242834;color:#fd1c2b;padding:40px;border:4px solid #fd1e2d;width:auto;height:auto;z-index:2;font-size:3rem;animation:slideIn 1s;display:flex;flex-direction:column;align-items:start;text-align:start;gap:40px}.game-over-message h1{margin:0 0 20px;font-size:3.5rem}@keyframes slideIn{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.leaderboard-section{display:flex;flex-direction:column;gap:20px;min-width:400px}.leaderboard-section h2{color:#fd1e2d;font-size:2.5rem;margin:0 0 15px;text-align:center;border-bottom:2px solid #fd1e2d;padding-bottom:10px}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#1d212b;border:2px solid #4a5568;transition:all .3s ease}.leaderboard-item.winner{border-color:gold;background-color:#ffd7001a;animation:winnerGlow 2s ease-in-out infinite alternate}.leaderboard-item.current-player{border-color:#fd1e2d;background-color:#fd1e2d1a}.rank{font-size:1.8rem;font-weight:700;min-width:60px;text-align:center;color:#fd1e2d}.leaderboard-item.winner .rank{color:gold;font-size:2rem}.player-info-over{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.player-name{font-size:1.4rem;font-weight:700;color:#fd1e2d}.leaderboard-item.winner .player-name{color:gold}.player-score{font-size:1.6rem;color:#f0f0f0;font-weight:700}.player-details{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:1rem;color:#a0a0a0;min-width:80px}@keyframes winnerGlow{0%{box-shadow:0 0 10px #ffdc1580}to{box-shadow:0 0 20px #ffd700cc}}@media(max-width:768px){.game-over-message{flex-direction:column;gap:20px;padding:20px;width:80%}.leaderboard-section{min-width:unset;width:100%}.leaderboard-item{padding:10px 15px}.rank{font-size:1.4rem;min-width:40px}.player-name{font-size:1.2rem}.player-score{font-size:1.3rem}.player-details{font-size:.9rem;min-width:unset}}.not-found-page{text-align:center;margin-top:2rem;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fd1e2d}.content-not-found{font-size:1.5rem;color:#fd1e2d;margin-bottom:1.5rem;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-link{text-decoration:none;color:#fd1e2d;font-size:3rem;z-index:3;margin-top:30px}.not-found-page h1{font-size:12rem;z-index:3;margin:0}.error-text{font-size:7rem;z-index:3;margin:0}.back-home-txt{font-size:2rem;z-index:3;margin-top:1rem}@media(max-width:768px){.not-found-page h1{font-size:8rem}.error-text{font-size:5rem}.content-not-found{font-size:1.2rem}.home-link{font-size:2.5rem}}.multi-player-front{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#f0f0f0;box-shadow:inset 0 0 0 22px #fd1e2d}.nav-input{text-decoration:none;color:#fd1e2d;font-size:1.5rem;padding:10px 20px;width:350px;background-color:#1d212b;border:none;font-family:Offbit-Regular,sans-serif;font-weight:700;display:flex;justify-content:center;align-items:center}.arrow-back{cursor:pointer;transform:rotate(-90deg);width:72px;height:72px}.content-multi{display:flex;flex-direction:column;justify-content:center;gap:20px}.nav-button-multi{text-decoration:none;color:#fd1e2d;background:none;border:none;font-size:3.5rem;padding:20px 50px;width:auto;text-align:center;z-index:3;font-family:Offbit-Regular,sans-serif;font-weight:700}@media(max-width:768px){.nav-input{width:250px;font-size:1.2rem}.arrow-back{width:48px;height:48px}.nav-button-multi{font-size:2.5rem;padding:15px 30px}}.lobby-game-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#f0f0f0;box-shadow:inset 0 0 0 22px #fd1e2d}.base-lobby{background-color:#242834;padding:20px;z-index:2;min-width:600px;max-width:800px}.top-main-lobby{display:flex;flex-direction:row;align-items:center;margin-bottom:30px}.lobby-main{display:flex;flex-direction:column}.lobby-info{text-align:center;padding:20px 0}.lobby-subtitle{font-size:2rem;color:#fd1e2d;margin:0 0 15px;font-family:Offbit-Regular,sans-serif;font-weight:700}.room-code{font-size:1.2rem;color:#fd1e2d;font-family:Offbit-Regular,sans-serif;font-weight:700}.room-code .code{background-color:#1d212b;padding:5px 15px;border:2px solid #fd1e2d;margin-left:10px;font-weight:700}.copy-button{position:relative;margin-left:15px;padding:5px 10px;font-size:1rem;font-family:Offbit-Regular,sans-serif;font-weight:700;color:#fd1e2d;background-color:#1d212b;border:2px solid #fd1e2d;cursor:pointer;transition:all .3s ease}.copy-button:hover{background-color:#fd1e2d;color:#1d212b}.players-container{background-color:#1d212b;padding:10px;border:3px solid #fd1e2d}.players-title{color:#fd1e2d;font-size:1.8rem;margin:0 0 20px;text-align:center;font-family:Offbit-Regular,sans-serif;font-weight:700}.player-list{display:flex;flex-direction:column;gap:15px}.player-item{background-color:#242834;padding:15px;border:2px solid #4a5568;transition:all .3s ease}.player-item.ready{border-color:#48bb78;background-color:#48bb781a}.player-item.current-player{border-color:#fd1e2d;background-color:#fd1e2d1a}.player-info{display:flex;justify-content:space-between;align-items:center}.player-name-container{display:flex;align-items:center;gap:10px}.crown-icon{flex-shrink:0}.player-name{color:#fd1e2d;font-size:1.4rem;font-family:Offbit-Regular,sans-serif;font-weight:700}.host-badge{background-color:#fd1e2d;color:#242834;padding:2px 8px;font-size:.8rem;font-weight:700;border-radius:0}.ready-status{font-size:1.1rem;font-family:Offbit-Regular,sans-serif;font-weight:700}.ready-status.ready{color:#48bb78}.ready-status.not-ready{color:#f56565}.lobby-actions{display:flex;justify-content:center;gap:20px;padding:20px 0}.ready-button,.start-game-button{padding:15px 40px;font-size:1.8rem;font-family:Offbit-Regular,sans-serif;font-weight:700;border:3px solid #fd1e2d;background-color:#1d212b;color:#fd1e2d;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.ready-button:hover,.start-game-button:hover{background-color:#fd1e2d;color:#1d212b}.ready-button.ready{background-color:#48bb78;border-color:#48bb78;color:#1d212b}.ready-button.ready:hover{background-color:#1d212b;color:#48bb78}.start-game-button.disabled{opacity:.5;cursor:not-allowed}.start-game-button.disabled:hover{background-color:#1d212b;color:#fd1e2d}.start-game-button.enabled{animation:pulse 2s infinite}.copied-feedback{position:absolute;top:-.4vw;right:-.4vw;font-size:.8vw;color:#28c900;opacity:0;animation:fadeInOut 1.5s forwards;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes pulse{0%{box-shadow:0 0 #fd1e2db3}70%{box-shadow:0 0 0 10px #fd1e2d00}to{box-shadow:0 0 #fd1e2d00}}.animated-dots span{animation:blink 1.4s infinite both}.animated-dots span:nth-child(1){animation-delay:0s}.animated-dots span:nth-child(2){animation-delay:.2s}.animated-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(-5px)}80%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:768px){.lobby-game-page{height:100vh;overflow-y:auto;padding:20px 10px;box-sizing:border-box}.base-lobby{min-width:unset;max-width:500px;padding:15px;margin:0 auto;width:80%}.lobby-subtitle{font-size:1.5rem;margin-bottom:10px}.room-code{font-size:1rem;display:flex;align-items:center;gap:10px}.room-code .code{margin-left:0;padding:8px 12px;font-size:1.1rem}.copy-button{margin-left:0;padding:8px 15px;width:100%;max-width:150px}.players-title{font-size:1.4rem;margin-bottom:15px}.player-item{padding:12px}.player-info{flex-direction:column;gap:8px;align-items:flex-start}.player-name-container{width:100%;justify-content:center}.player-name{font-size:1.2rem}.ready-status{font-size:1rem;align-self:center}.lobby-actions{flex-direction:column;gap:15px;padding:15px 0}.ready-button,.start-game-button{width:100%;padding:12px 20px;font-size:1.4rem}.copied-feedback{font-size:12px;top:-25px;right:0}}@media(max-width:480px){.lobby-game-page{padding:10px 5px}.base-lobby{padding:10px}.lobby-subtitle{font-size:1.3rem}.room-code{font-size:.9rem}.room-code .code{padding:6px 10px;font-size:1rem}.copy-button{padding:6px 12px;font-size:.9rem}.players-title{font-size:1.2rem}.player-name{font-size:1.1rem}.ready-status{font-size:.9rem}.ready-button,.start-game-button{padding:10px 15px;font-size:1.2rem}.host-badge{font-size:.7rem;padding:1px 6px}}