.modal-window-container{position:fixed;inset:0;width:100%;height:100%;box-sizing:border-box;z-index:1000;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:24px}.modal-window-block{position:relative;width:100%;max-width:720px;min-width:320px;width:90%;max-height:85vh;display:flex;flex-direction:column;background-color:#1a1a1a;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.06);z-index:3;overflow:hidden}.modal-window-body{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-window-block--panel{width:auto;min-width:0;max-width:none;background:transparent;border:none;box-shadow:none;overflow:visible}.modal-window-block--panel .modal-window-body{overflow:visible}.close-block{position:relative;flex-shrink:0;padding:12px 16px;min-height:48px;background-color:rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.1)}.close-block .close{cursor:pointer;width:32px;height:32px;display:block;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.close-block .close:after,.close-block .close:before{content:"";background-color:hsla(0,0%,100%,.8);height:18px;width:2px;position:absolute;right:15px;top:7px}.close-block .close:after{transform:rotate(45deg)}.close-block .close:before{transform:rotate(-45deg)}.close-block .close:hover:after,.close-block .close:hover:before{background-color:#fff}@media screen and (max-width:768px){.modal-window-container{padding:12px;align-items:flex-end}.modal-window-block{min-width:0;width:100%;max-width:100%;max-height:92vh;border-radius:12px 12px 0 0}.modal-window-block--panel{width:auto;max-width:calc(100% - 24px);border-radius:12px}}.default-text{margin-left:1px;margin-right:1px;cursor:pointer;color:#000;text-decoration:none}.default-text:hover{color:#333232}.icon-button{text-decoration:none}.icon-button img{width:30px;opacity:.8;cursor:pointer;filter:invert(100%)}.icon-button img:hover{opacity:1;filter:invert(100%)}.icon-text-button{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;color:inherit;padding:2px 5px;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-text-button svg{width:22px;height:22px}.icon-text-button span,.icon-text-button svg{display:flex;justify-content:center;align-items:center}.icon-text-button span{margin-left:5px}.icon-text-button:hover{filter:brightness(1.3)}.add-avatar-button{display:flex;justify-content:center}.add-avatar-button img{width:24px}.small img{width:14px}.text-button{border:1px solid rgba(0,0,0,.3);cursor:pointer;color:#f9f9f9;background-color:#25a60c;padding:5px 14px 5px 10px;border-radius:6px;font-weight:400;font-size:16px;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.text-button span{margin-left:2px}.text-button:hover{background-color:#22940c;color:#f9f9f9}.how-to-play{--htp-accent:#faaa63;--htp-text:hsla(0,0%,100%,.88);--htp-muted:hsla(0,0%,100%,.55);--htp-card-bg:hsla(0,0%,100%,.04);--htp-card-border:hsla(0,0%,100%,.1)}.how-to-play__intro{margin:0 0 8px;font-size:clamp(17px,2.2vw,20px);font-weight:500;line-height:1.5;color:var(--htp-text);text-align:center}.how-to-play__loop{margin:0 0 32px;font-size:14px;line-height:1.5;color:var(--htp-muted);text-align:center}.how-to-play__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.how-to-play__card{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:14px;background:var(--htp-card-bg);border:1px solid var(--htp-card-border);opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease,border-color .2s ease}.how-to-play__card:hover{border-color:rgba(250,170,99,.35)}.how-to-play--visible .how-to-play__card{opacity:1;transform:translateY(0)}.how-to-play__card-image{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.how-to-play__card-image img{width:64px;height:64px;filter:none!important}.how-to-play__card-body{min-width:0}.how-to-play__step{display:inline-block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--htp-accent)}.how-to-play__title{margin:0 0 6px;font-size:16px;font-weight:600;color:#fff;line-height:1.3}.how-to-play__desc{margin:0;font-size:14px;line-height:1.55;color:var(--htp-muted)}.how-to-play--lobbies .how-to-play__intro,.how-to-play--lobbies .how-to-play__loop{text-align:left}.how-to-play--modal .how-to-play__intro{font-size:14px;font-weight:500;text-align:left;margin-bottom:4px}.how-to-play--modal .how-to-play__loop{font-size:13px;margin-bottom:16px;text-align:left}.how-to-play--modal .how-to-play__grid{grid-template-columns:repeat(2,1fr);gap:10px}.how-to-play--modal .how-to-play__card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;opacity:1;transform:none}.how-to-play--modal .how-to-play__card-image,.how-to-play--modal .how-to-play__card-image img{width:40px;height:40px}.how-to-play--modal .how-to-play__step{font-size:10px;margin-bottom:2px}.how-to-play--modal .how-to-play__title{font-size:13px;margin-bottom:4px}.how-to-play--modal .how-to-play__desc{font-size:12px;line-height:1.45}@media(max-width:480px){.how-to-play--modal .how-to-play__grid{grid-template-columns:1fr}}@media(max-width:640px){.how-to-play:not(.how-to-play--modal) .how-to-play__grid{grid-template-columns:1fr}.how-to-play:not(.how-to-play--modal) .how-to-play__card{padding:16px}}.login-container{position:relative;cursor:pointer}.login-container .login-btn{cursor:pointer;display:flex;color:#fff;padding-bottom:6px;text-decoration:none}.login-container .login-btn img{width:20px;filter:invert(100%)}.login-container .login-btn span{margin-left:4px}.login-container .login-btn:hover{opacity:1;color:#000}.login-container .login-btn:hover img{filter:invert(0)}.login-container .drop-down-content{min-width:200px;max-width:300px;width:auto;z-index:10;right:0;color:#fff;font-size:14px;line-height:1.5;animation:growDown .3s ease-in-out forwards;transform-origin:top right;position:absolute;background-color:rgba(0,0,0,.5);padding:10px;margin:4px 0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}.login-container .drop-down-content.notifications-content{min-width:280px;max-width:360px}.login-container .drop-down-content.account-content,.login-container .drop-down-content.notifications-content{padding:0;background-color:#1a1a1a;border:1px solid #333;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4);overflow:hidden;font-size:14px;line-height:1.5}.login-container .drop-down-content.account-content{min-width:240px;max-width:300px}.login-container .drop-down-content .login-down-text{padding:0 0 4px;border-bottom:1px dashed #fff;margin-bottom:10px}.login-container .drop-down-content.account-content .login-down-text{padding:14px 16px;margin:0;border:none;border-bottom:1px solid #2a2a2a;font-size:14px;line-height:1.5;color:#e5e5e5;font-weight:600;background-color:hsla(0,0%,100%,.04);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-container .drop-down-content .notifications-down-text{padding:14px 16px;margin:0;border:none;font-size:14px;line-height:1.5;color:#a3a3a3;text-align:center}.login-container .drop-down-content.notifications-content .button-wraper{margin:0;padding:14px 16px;background-color:transparent;border-bottom:1px solid #2a2a2a;font-size:14px}.login-container .drop-down-content.notifications-content .button-wraper:last-child{border-bottom:none}.login-container .drop-down-content.account-content .button-wraper{margin:0;padding:0;background-color:transparent;border-bottom:1px solid #2a2a2a}.login-container .drop-down-content.account-content .button-wraper:last-child{border-bottom:none}.login-container .drop-down-content.account-content .button-wraper .default-btn-style{margin:0;padding:14px 16px;justify-content:flex-start;align-items:center;width:100%;border-radius:0;color:#e5e5e5;filter:none;font-size:14px;line-height:1.5}.login-container .drop-down-content.account-content .button-wraper .default-btn-style:hover{background-color:hsla(0,0%,100%,.06);filter:none}.login-container .drop-down-content.account-content .button-wraper .default-btn-style .icon-text-button{color:inherit;font-size:14px;line-height:1.5;padding:0;gap:12px}.login-container .drop-down-content.account-content .button-wraper .default-btn-style .icon-text-button span{margin-left:0}.login-container .drop-down-content.account-content .button-wraper .default-btn-style img{filter:invert(1);opacity:.9;width:20px!important;height:20px!important;flex-shrink:0}.login-container .drop-down-content.account-content .button-wraper .default-btn-style svg{opacity:.9;width:20px!important;height:20px!important;flex-shrink:0}.login-container .drop-down-content .button-wraper{margin-bottom:2px;padding:0 5px 0 2px;background-color:#242324}.login-container .drop-down-content .jwt-auth-form{min-width:250px}.login-container .drop-down-content .jwt-auth-form .form-input-div-standard{margin-bottom:0}.login-container .drop-down-content .jwt-auth-form .form-input-div-standard .form-input-standard{width:100%;padding:8px 12px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:14px}.login-container .drop-down-content .jwt-auth-form .form-input-div-standard .form-input-standard::placeholder{color:hsla(0,0%,100%,.6)}.login-container .drop-down-content .jwt-auth-form .form-input-div-standard .form-input-standard:focus{outline:none;border-color:hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.15)}.login-container .drop-down-content .jwt-auth-form .form-input-div-standard .form-input-standard:disabled{opacity:.5;cursor:not-allowed}.login-container .drop-down-content .jwt-auth-form .text-button{width:100%;margin:0;padding:10px;background-color:#fe6365!important;border:none!important;color:#fff!important;font-weight:600!important;border-radius:4px!important;cursor:pointer;transition:all .2s ease}.login-container .drop-down-content .jwt-auth-form .text-button:hover:not(:disabled){background-color:#e55557!important}.login-container .drop-down-content .jwt-auth-form .text-button:disabled{opacity:.6;cursor:not-allowed}.default-btn-style:hover{filter:invert(50%)}.default-btn-style{color:#000;filter:invert(100%);-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}@keyframes growDown{0%{transform:scaleY(0);opacity:0}80%{transform:scaleY(1.09)}to{transform:scaleY(1);opacity:1}}