.header-container{width:100%;height:56px;background-color:#2c2c2e;padding:10px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center}.btn_back{display:flex;align-items:center;justify-content:center;margin-right:20px}.header-title{flex-grow:1;text-align:center;color:#fff;font-size:18px}.dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999}.dialog{background:#383839;padding:20px;border-radius:12px;min-width:280px;box-shadow:0 10px 30px #0000004d;z-index:10000}.dialog .button{background-color:#2c2c2e;border-bottom:1px solid #383839;width:100%;height:60px}.button{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;font-size:18px;background-color:#383839;cursor:pointer;border-radius:8px;gap:16px;-webkit-user-select:none;user-select:none;border-bottom:1px solid #2C2C2E;box-sizing:border-box}.button:focus{outline:2px solid #999}.button--large{height:100px}.button--small{height:60px}.button-icon-container{display:flex;justify-content:center;align-items:center;width:10%;height:100%}.button--large .button-icon-container{width:20%}.button-icon{width:100%;height:100%;object-fit:contain}.button-text-container{width:90%;flex:1;display:flex;align-items:center}.button--large .button-text-container{width:80%}.button-text{font-size:16px}.footer-container{width:100%;height:calc(56px + env(safe-area-inset-bottom));background-color:#2c2c2e;padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;flex-shrink:0}.footer-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;width:100%;box-sizing:border-box}.footer-button-icon-container{display:flex;justify-content:center;align-items:center;width:30%;height:30%}.footer-button-icon{height:100%}.footer-button-text-container{text-align:center}.footer-button-text{font-size:14px;color:#fff;font-weight:400}.rating{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;margin:20px auto;background-color:#2c2c2e;border-radius:12px;padding:12px}.rating-icon-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.rating-icon{width:100%;height:100%}.rating-text-container{margin-top:8px;text-align:center}.rating-text{font-size:16px;font-weight:500}.login-form{width:100vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form{width:90vw;max-width:400px;display:flex;flex-direction:column;gap:16px}.form-input{height:48px;padding:0 16px;border:none;border-radius:8px;font-size:16px;background-color:#2c2c2e;color:#fff}.form-input::placeholder{color:#aaa}.form-submit{height:48px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.form-submit:hover{background-color:#0056b3}.form-error{color:#ff4d4f;text-align:center;font-size:14px}.form-secondary-button{max-width:400px;width:90vw;margin-top:12px;padding:14px;font-size:16px;background-color:transparent;color:#fff;border:1px solid #fff;border-radius:8px;cursor:pointer;transition:.2s}.form-secondary-button:hover{background-color:#ffffff1a}.game-board-container{position:relative;width:100%;max-width:1300px;height:100%}.board{position:absolute;width:100%;height:100%;display:block;z-index:0;object-fit:cover}.game-board-content{position:absolute;width:84%;height:100%}@media (max-width: 768px){.game-board-container{width:100vw;height:56.25vw}}@media (orientation: landscape){.game-board-container{width:100%;height:100%}}@media (orientation: portrait){.game-board-container{width:100%;height:56.25vw}}.qazan{width:100%;height:100%;padding:0 1.2%}.qazan-container{position:relative;width:100%;height:30%}.score{position:absolute;top:0;right:0}.top .score{padding:1% 2.2% 2.2%}.bottom .score{padding:2.2% 2.2% 2.2% 1%}#qazan-bottom{padding-bottom:1.2%}#qazan-top{padding-top:1.2%}.game-board-top-container,.game-board-bottom-container{padding:1.2% 0}.game-board-top-container{position:absolute;top:0;width:100%;height:50%;z-index:1;padding:1.2% 0}.game-board-bottom-container{position:absolute;bottom:0;width:100%;height:50%;z-index:1;padding:1.2% 0}.cells-container{width:100%;height:70%;display:flex;justify-content:space-between;gap:1.2%;padding:0 1.2%}.cell-container{position:relative;width:100%;height:100%}.cell-number,.cell-ball-count{width:100%;height:15%}.cell-balls-container-top,.cell-balls-container-bottom{width:100%;height:70%;position:relative}.cell-balls-container-img{width:100%;height:100%;object-position:center}.cell-balls-container-bottom:hover{transform:scale(1.05)}.tuzdyq-img{position:absolute;top:50%;left:50%;height:90%;transform:translate(-50%,-50%);object-fit:contain;z-index:2;pointer-events:none}.game-panel{position:absolute;right:0;width:16%;height:100%;background-color:#383839;padding:1.2%;gap:20px;z-index:2}.avatar{height:100%;aspect-ratio:1 / 1}.avatar svg{width:100%;height:100%;object-fit:contain}.top-user-info,.bottom-user-info{width:100%;height:30%}.game-info{display:flex;flex-direction:column;justify-content:center;width:100%;height:40%}.btn-game-menu{height:30%;aspect-ratio:1 / 1}.btn-game-menu svg{width:100%;height:100%;object-fit:contain}.ball{width:30%;z-index:1}.list-container{width:100%;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.list-item{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;font-size:18px;background-color:#383839;border-radius:8px;border-bottom:1px solid #2C2C2E;height:60px;box-sizing:border-box;-webkit-user-select:none;user-select:none;color:#fff}.list-item-rank{width:40px;display:flex;align-items:center;justify-content:flex-start;font-weight:700}.list-item-name{flex:1;display:flex;align-items:center}.list-item-score{font-weight:700;margin-left:auto}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#fff;-webkit-overflow-scrolling:touch}#root{margin:0;padding:0;width:100%;height:100%}.space-between{display:flex;justify-content:space-between;align-items:center}.content{flex:1;overflow-y:auto;box-sizing:border-box}.text{color:#fff}.positive-text{color:#4caf50}.negative-text{color:#e57373}.text-big{font-size:clamp(20px,6vw,48px);font-weight:700}.text-medium{font-size:clamp(14px,3vw,24px);font-weight:700}.text-small{font-size:clamp(12px,2vw,18px);font-weight:700}.text-center{text-align:center}.square{height:100%;aspect-ratio:1 / 1}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-between-start{justify-content:space-between;align-items:flex-start}.justify-between-center{justify-content:space-between;align-items:center}.flex-1-center{flex:1;display:flex;justify-content:center;align-items:center}.m-10{margin:10px}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.p-10{padding:10px}.w-100{width:100%}.h-100{height:100%}.h-40{height:40%}.page-container{display:flex;flex-direction:column;width:100vw;height:calc(var(--vh, 1vh) * 100);background-color:#383839;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:10px solid rgba(0,0,0,.1);width:100px;height:100px;border-radius:50%;border-left-color:#007bff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}