body,html{overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,textarea{-webkit-text-size-adjust:none!important;font-size:16px!important}#game-container{background:#fff;left:0;overflow:hidden;position:absolute;top:0}#game-container,#iframe-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#iframe-wrapper>iframe{aspect-ratio:auto;border:none;height:100%;width:100%}@media (orientation:landscape){#iframe-wrapper>iframe{aspect-ratio:3/4;height:auto;width:min(100%,75vh)}}.navbar{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #ccc;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-title{color:#333;font-size:1.5rem;font-weight:700}.button-container{gap:10px}.button,.button-container{align-items:center;display:flex}.button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;gap:5px;padding:8px 15px;transition:background .3s ease,-webkit-transform .1s ease-in-out;transition:background .3s ease,transform .1s ease-in-out;transition:background .3s ease,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.play-button{background-color:#2ecc71;color:#fff}.play-button:hover{background-color:#27ae60}.logout-button{background-color:#e74c3c;color:#fff}.logout-button:hover{background-color:#c0392b}.language-button{background-color:#3498db;color:#fff}.language-button:hover{background-color:#2980b9}.dropdown-container{position:relative}.dropdown{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;min-width:5px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;visibility:hidden;z-index:10}.dropdown.open{display:block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background-color:#fff;border:none;color:#333;cursor:pointer;display:flex;gap:10px;padding:10px 15px;text-align:left;transition:background .2s ease-in-out;width:100%}.dropdown-item:hover{background-color:#f8f8f8}.flag-emoji{font-size:1.5rem}@media (max-width:768px){.navbar-title{font-size:1.2rem}.button{font-size:.9rem;padding:6px 12px}}.navbar-title{align-items:center;display:flex;gap:10px}.navbar-logo{height:40px;max-height:100%;width:auto}body,html{align-items:center;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center;margin:0;padding:0}body.downloadlite-body{background-color:initial!important}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-card,.login-container{box-sizing:border-box;width:100%}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.15);max-width:500px;padding:2rem;text-align:center}.login-card h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.input-group{margin-bottom:1.2rem;text-align:left}.input-group label{color:#555;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1.1rem;padding:.9rem;width:100%}.input-group input:focus{border-color:#666;outline:none}.login-button{background-color:#34db7c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:.9rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#2bb06a}.error-message{color:#d9534f;font-size:.9rem;margin-bottom:1rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.25);max-width:90%;padding:24px 20px;text-align:center;width:320px}.modal-content h2{font-size:20px;margin-bottom:16px}.modal-content input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-buttons button{min-width:100px;padding:10px 20px}.modal-buttons .primary,.modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:15px}.modal-buttons .primary{background-color:#31d302;box-shadow:2px 3px 0 0 #129d4e;color:#fff;font-weight:600;padding:10px;transition:all .1s ease-in-out}.modal-buttons .primary:active{box-shadow:none;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.modal-buttons .secondary{background-color:#f0f0f0;color:#333}.error-message{color:red;font-size:14px;margin-bottom:10px}.input-wrapper{position:relative;width:100%}.input-wrapper input{background-color:#b0c8d9;border:1px solid #b0c8d9;border-radius:18px;box-sizing:border-box;color:#014f93;font-size:16px;font-weight:600;padding:10px 38px 10px 20px;width:100%}.input-wrapper input:focus{border:2px solid #1a77c7;box-shadow:0 0 0 3px rgba(26,119,199,.2);outline:none}.toggle-password-button{align-items:center;background:none;border:none;color:#014f93;cursor:pointer;display:flex;font-size:30px;justify-content:center;padding:0;position:absolute;right:8px;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
/*# sourceMappingURL=main.f2d4edcd.css.map*/