.headerContainer{padding:.5rem}.loading-text{font-size:.8rem}.rightContainer{align-items:center;gap:1.5rem;display:flex}.iconWrapper{background:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:4rem;height:3rem;margin-right:.5rem;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000001a}.iconWrapper:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.iconWrapper i,.iconWrapper img{text-align:center;justify-content:center;align-items:center;width:2rem;height:1.5rem;display:flex}.profileContainer{align-items:center;display:flex}.profile{position:relative}.profile .flagIcon{border:1px solid #fff;border-radius:4px;width:20px;height:auto;position:absolute;bottom:0;right:-5px}.profileDropdown{position:relative}.profileTrigger{cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.profileTrigger img{border-radius:50%;width:2rem;height:2rem}.profileTrigger .profile .profileIcon{border-radius:50%;width:2.5rem;height:2.5rem;transform:scale(1.2)}.username{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:100px;margin:0 .5rem;font-size:.8rem;font-weight:600;overflow:hidden}.profile-username{text-align:center;border-bottom:1px solid #e5e5e5;width:100%;max-width:100%;margin:0;padding-bottom:7px;display:block}.profile-username .welcome-text{font-weight:500}.dropdownIcon{color:#666;flex-shrink:0;transition:transform .3s}.dropdownIcon.open{transform:rotate(180deg)}.dropdownMenu{z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:.75rem;width:14rem;padding:.5rem 0;transition:all .3s;position:absolute;top:135%;right:0;transform:translateY(-10px);box-shadow:0 4px 12px #00000026}.dropdownMenu.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdownMenu li{cursor:pointer;align-items:center;padding:0;font-size:.95rem;transition:background .2s;display:flex}.dropdownMenu li .dropdownMenu__link{width:100%;color:inherit;box-sizing:border-box;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;display:flex}.dropdownMenu li svg{background:#e5e5e5;border-radius:50%;width:1.8rem;height:1.8rem;padding:.4rem;font-size:1rem;transition:all .2s}.dropdownMenu li span{flex:1}.dropdownMenu li:hover{background:#f2f2f2}.dropdownMenu li:hover svg{background:#d0d0d0;transform:scale(1.1)}.dropdownMenu li.logout{align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.logout{color:#dc3545}.logout svg{color:#dc3545;background:#ffe5e8!important}.logout:hover{background:#fff5f5!important}.logout:hover svg{background:#ffccd2!important}.popoverContent{color:#333;padding:1rem}.popoverContent .popoverContent__navLink{cursor:pointer;color:#333;margin:.5rem 0;text-decoration:none;transition:color .2s;display:block}.popoverContent .popoverContent__navLink:hover{color:#0076d4}.popoverContent p{cursor:pointer;margin:.5rem 0;transition:color .2s}.popoverContent p:hover{color:#0076d4}.popoverContent hr{border-color:#e5e5e5;margin:.25rem 0}@media (max-width:768px){.rightContainer{gap:1rem}.iconWrapper{width:3.5rem;height:2.75rem;margin-right:.75rem}.username{font-size:.9rem}.profileTrigger{padding:.4rem .65rem}.dropdownMenu{width:13rem;top:110%}.headerContainer{padding:0}}@media (max-width:480px){.headerContainer{padding:0}.rightContainer{gap:.75rem}.iconWrapper{width:3rem;height:2.5rem;margin-right:.5rem}.username{margin:0 .35rem;font-size:.85rem}.profile-username{margin:0;padding:5px 8px 10px}.profileTrigger{padding:.35rem .5rem}.profileTrigger img{width:1.75rem;height:1.75rem}.dropdownIcon{font-size:1.25rem!important}}@media (max-width:360px){.rightContainer{gap:.5rem}.iconWrapper{width:2.75rem;height:2.25rem;margin-right:.35rem}.username{margin:0 .25rem;font-size:.8rem}}.challenge-toast{background:#fff;border:1px solid #c6b3f7;border-radius:16px;width:320px;animation:.4s forwards slideInRight;position:fixed;top:70px;right:20px;overflow:hidden;box-shadow:0 6px 8px #00000014}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)scale(.95)}60%{opacity:1;transform:translate(-8px)scale(1.02)}to{transform:translate(0)scale(1)}}.challenge-toast .challenge-toast.exit{animation:.3s forwards slideOutRight}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.challenge-toast .challenge-box{text-align:center;padding:16px}.challenge-toast .challenge-avatar{text-align:center;justify-content:center;align-items:center;width:50px;height:32px;margin:0 auto 10px;display:flex;position:relative}.challenge-toast .challenge-avatar .avatar-img{z-index:1;border-radius:50%;width:32px;height:32px}.challenge-toast .challenge-avatar .icon-overlay{background:#f3effe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:absolute;left:-20px}.challenge-toast .challenge-avatar .online-dot{z-index:1;background:#2ecc71;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:6px}.challenge-toast .challenge-avatar-main{justify-content:center;margin-bottom:10px;display:flex}.challenge-toast .challenge-avatar-main .avatar-ring{background:conic-gradient(#22c55e calc(var(--progress,100)*1%),#e5e7eb 0%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.challenge-toast .challenge-avatar-main .avatar-ring:after{content:"";z-index:0;background:#fff;border-radius:50%;width:56px;height:56px;position:absolute}.challenge-toast .challenge-avatar-main .avatar-img{z-index:1;border-radius:50%}.challenge-toast .challenge-name{color:#484b59;margin:4px 0 5px;font-size:1rem;font-weight:700}.challenge-toast .challenge-sub{color:#484b59;margin-top:4px;font-size:.875rem;font-weight:400}.challenge-toast .challenge-format{color:#969696;text-transform:uppercase;margin-top:15px;margin-bottom:8px;font-size:12px;font-weight:600}.challenge-toast .challenge-format .gameType{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:2px 7px}.challenge-toast .challenge-format .challengerColor{color:#0076d4;background:#ebf1ff;border-radius:20px;padding:2px 7px}.challenge-toast .challenge-actions{gap:20px;padding:0 20px 20px;display:flex}.challenge-toast .challenge-actions button{cursor:pointer;border-radius:10px;flex:1;height:36px;padding:8px;font-weight:600}.challenge-toast .challenge-actions .reject-btn{color:#484b59;cursor:pointer;background:#fff;border:1px solid #e5e5e5;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:400;transition:all .15s;display:flex;box-shadow:0 3px #969696}.challenge-toast .challenge-actions .accept-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:1px solid #8b5cf6;justify-content:center;align-items:center;gap:10px;font-size:1rem;transition:all .15s;display:flex;box-shadow:0 3px #2f3180}.challenge-toast .progress-bar{background:#e4dbfb;height:6px}.challenge-toast .progress-bar .progress-fill{background:linear-gradient(90deg,#7b61ff,#8963f1);height:100%;transition:width 1s linear}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.userLevelContainer{border-radius:20px;width:95%;margin-left:5%;margin-right:10px;position:relative}.userLevelContainer .overflow-container{background:#8c8ced4d;border-radius:20px;width:100px;height:5px;margin:2px 0 0;overflow:hidden}.userLevelContainer .userLevelBox{background:linear-gradient(135deg,#a776e5 0%,#9383e9 50%,#76c6f8 100%);border-radius:20px;height:100%;transition:width .2s ease-in-out;box-shadow:1px 0 2px #00000080}.userLevelContainer .userLevel{color:#4a4651;font-size:.8rem;font-weight:600;position:relative}.userLevelContainer .userLevelXP{color:#000;margin-left:2px;font-size:.7rem;font-weight:600;position:relative}.userLevelContainer .userLevelTooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#000000d9;border-radius:6px;padding:6px 10px;font-size:.65rem;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.userLevelContainer .userLevelTooltip:after{content:"";border:4px solid #0000;border-bottom-color:#000000d9;margin-left:-4px;position:absolute;bottom:100%;left:50%}.userLevelContainer:hover .userLevelTooltip{opacity:1}@media (max-width:768px){.userLevelContainer .overflow-container{width:50px}.userLevelContainer .userLevelXP{display:none}}
.notification-module-scss-module__V0T1oW__notifWrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-module-scss-module__V0T1oW__notifIconBox{cursor:pointer;border:2px solid #e2dcd3;border-radius:50%;outline:none;justify-content:center;align-items:center;width:35px;height:35px;margin-right:10px;transition:border-color .2s;display:flex;position:relative}.notification-module-scss-module__V0T1oW__notifIconBox:focus-visible{box-shadow:0 0 0 3px #976cf759}.notification-module-scss-module__V0T1oW__notifIconBox.notification-module-scss-module__V0T1oW__active{border-color:#ffac33;animation:2s ease-in-out infinite notification-module-scss-module__V0T1oW__notifPulse}.notification-module-scss-module__V0T1oW__notifIconBox .notification-module-scss-module__V0T1oW__bellLottie{width:100%;display:flex;transform:scale(1.7)}.notification-module-scss-module__V0T1oW__bellBadge{color:#fff;pointer-events:none;background:#e53935;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}@keyframes notification-module-scss-module__V0T1oW__notifPulse{0%{box-shadow:0 0 #ffac3373}70%{box-shadow:0 0 0 10px #ffac3300}to{box-shadow:0 0 #ffac3300}}.notification-module-scss-module__V0T1oW__notifPanel{z-index:9999;background:#fffefe;border:1px solid #ddd8d0;border-radius:18px;flex-direction:column;width:390px;max-height:480px;animation:.18s cubic-bezier(.16,1,.3,1) both notification-module-scss-module__V0T1oW__notifSlideIn;display:flex;position:absolute;top:calc(100% + 12px);right:-10px;overflow-y:auto;box-shadow:0 16px 48px #0000002e,0 2px 8px #00000012}@keyframes notification-module-scss-module__V0T1oW__notifSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-module-scss-module__V0T1oW__notifPanelHeader{background:#fff;border-bottom:1px solid #e8e3dc;flex-shrink:0;padding:16px 18px 14px}.notification-module-scss-module__V0T1oW__notifPanelHeader h4{color:#1e2030;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.notification-module-scss-module__V0T1oW__notifCard{background:#fff;border-top:1.5px solid #e3ddd6;position:relative;overflow:hidden}.notification-module-scss-module__V0T1oW__notifCardSettled{background:#fefefd;border-color:#e8e4de}.notification-module-scss-module__V0T1oW__notifCardUnread{background:#fff}.notification-module-scss-module__V0T1oW__notifCardUnread:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.notification-module-scss-module__V0T1oW__notifCardTop{align-items:flex-start;gap:12px;padding:14px 14px 10px;display:flex}.notification-module-scss-module__V0T1oW__avatarWrap{flex-shrink:0;margin-top:1px}.notification-module-scss-module__V0T1oW__notifAvatar{object-fit:cover;border:2px solid #e8e3dc;border-radius:50%;display:block}.notification-module-scss-module__V0T1oW__notifInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-module-scss-module__V0T1oW__notifName{color:#1e2030;word-break:break-word;white-space:normal;font-size:1rem;font-weight:700;line-height:1.35}.notification-module-scss-module__V0T1oW__notifSubtext{color:#777;word-break:break-word;white-space:normal;font-size:.8rem;line-height:1.45}.notification-module-scss-module__V0T1oW__notifChallengeMeta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;display:flex}.notification-module-scss-module__V0T1oW__notifGameType{text-transform:uppercase;letter-spacing:.04em;color:#555;background:#f0f0f0;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700}.notification-module-scss-module__V0T1oW__notifGameTypeblitz{color:#e65100;background:#fff3e0}.notification-module-scss-module__V0T1oW__notifGameTyperapid{color:#2e7d32;background:#e8f5e9}.notification-module-scss-module__V0T1oW__notifGameTypebullet{color:#c62828;background:#fce4ec}.notification-module-scss-module__V0T1oW__notifTime{color:#888;font-size:.75rem}.notification-module-scss-module__V0T1oW__notifRated{color:#0076d4;background:#ebf1ff;border-radius:20px;padding:2px 7px;font-size:.65rem;font-weight:600}.notification-module-scss-module__V0T1oW__sideIcon{color:#00a896;background:#00c8b321;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:1px;display:flex}.notification-module-scss-module__V0T1oW__sideIconAccepted{color:#00a896;background:#00c8b321}.notification-module-scss-module__V0T1oW__sideIconDeclined{color:#9e8878;background:#f2ede8}.notification-module-scss-module__V0T1oW__notifCardActions{gap:8px;padding:4px 14px 14px;display:flex}.notification-module-scss-module__V0T1oW__acceptBtn{color:#fff;cursor:pointer;background:#04db00;border:none;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;gap:5px;height:42px;font-size:.84rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .1s;display:flex;box-shadow:0 3px #007a6e}.notification-module-scss-module__V0T1oW__acceptBtn:hover:not(:disabled){background:#03c800}.notification-module-scss-module__V0T1oW__acceptBtn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.notification-module-scss-module__V0T1oW__acceptBtn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.notification-module-scss-module__V0T1oW__declineBtn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #969696;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;gap:5px;height:42px;font-size:.84rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .1s;display:flex;box-shadow:0 3px #969696}.notification-module-scss-module__V0T1oW__declineBtn:hover:not(:disabled){color:#333;background:#f5f5f5}.notification-module-scss-module__V0T1oW__declineBtn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.notification-module-scss-module__V0T1oW__declineBtn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.notification-module-scss-module__V0T1oW__statusStrip{text-align:center;color:#999;background:#fafaf9;border-top:1px solid #eeebe6;border-radius:0 0 12px 12px;padding:9px 13px;font-size:.8rem;font-weight:500}.notification-module-scss-module__V0T1oW__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite notification-module-scss-module__V0T1oW__spin;display:inline-block}@keyframes notification-module-scss-module__V0T1oW__spin{to{transform:rotate(360deg)}}.notification-module-scss-module__V0T1oW__notifEmpty{text-align:center;padding:40px 16px}.notification-module-scss-module__V0T1oW__notifEmpty span{margin-bottom:10px;font-size:2rem;display:block}.notification-module-scss-module__V0T1oW__notifEmpty p{color:#bbb;margin:0;font-size:.85rem;font-weight:500}.notification-module-scss-module__V0T1oW__notifLoadingText{text-align:center;color:#976cf7;margin:0;padding:32px 16px;font-size:.85rem;font-weight:500}@media (max-width:480px){.notification-module-scss-module__V0T1oW__notifPanel{border-radius:14px;width:calc(100vw - 16px);height:420px;max-height:420px;right:-4px}}
.user-totals{gap:10px;margin-right:10px;padding:12px 5px;display:flex}.user-totals__item{justify-content:center;align-items:center;gap:3px;width:auto;min-width:0;padding:0 5px;display:flex}.user-totals__item:last-child{border-right:none;width:auto}.user-totals__icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.user-totals__icon{flex-shrink:0;font-size:1rem;line-height:1}.user-totals__value{color:#333;margin-right:2px;font-size:16px;font-weight:700}.user-totals__label{color:#666;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.user-totals--compact{gap:8px;padding:8px 12px}.user-totals--compact .user-totals__icon{font-size:1rem}.user-totals--compact .user-totals__value{font-size:14px}.user-totals--compact .user-totals__label{font-size:11px}@media (max-width:768px){.user-totals{margin-right:0}}
.level-up-overlay{z-index:1100;background:#000000b3;flex-wrap:wrap;place-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.level-up-overlay .level-up-content{border-radius:10px;width:90%;max-width:200px;margin-top:50px;transition:all .5s ease-out;position:relative}.level-up-overlay .level-up-content.active{background:#8b5cf6;transition:all .5s ease-out}.level-up-overlay .level-up-content h2{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:.1em;margin:0 0 20px;transition:opacity .5s ease-out,transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.85)}.level-up-overlay .level-up-content h2.active{opacity:1;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards level-up-pop;transform:scale(1)}.level-up-overlay .level-up-content h2 .level-up-label{letter-spacing:.35em;text-transform:uppercase;color:#fffffff2;text-shadow:0 1px 2px #0000004d;font-size:.35em;font-weight:700}.level-up-overlay .level-up-content h2 .level-up-number{background:linear-gradient(#fff 0%,#e9d5ff 50%,#c4b5fd 100%);-webkit-text-fill-color:#0000;filter:drop-shadow(0 0 12px #c4b5fd99)drop-shadow(0 2px 4px #0006);text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:800;line-height:1}.level-up-overlay .level-up-content .level-up-dismiss{color:#fff;cursor:pointer;opacity:0;background:#fff3;border:2px solid #ffffff80;border-radius:8px;width:100%;margin:0;padding:10px 20px;font-size:1rem;font-weight:600;transition:background .2s,border-color .2s;display:block}.level-up-overlay .level-up-content .level-up-dismiss.active{opacity:1;transition:all .5s ease-out}.level-up-overlay .level-up-content .level-up-dismiss:hover{background:#ffffff4d;border-color:#fffc}@keyframes level-up-pop{0%{opacity:.8;transform:scale(.9)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.level-up-animation-box-1{width:100%;position:absolute}.level-up-animation-box-2{width:100%;margin-top:0;margin-bottom:0;transition:all .5s ease-out;transform:scale(3.5)}.level-up-animation-box-2.active{margin-top:-50px;margin-bottom:60px;transition:all .5s ease-out}
.userid-modal-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.userid-modal{pointer-events:auto;background:#fff;border-radius:16px;width:90%;max-width:520px;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.userid-modal .userid-modal-close{cursor:pointer;color:#fff;z-index:10;pointer-events:auto;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:24px;font-weight:300;line-height:1;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.userid-modal .userid-modal-close:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.userid-modal .userid-modal-close:active:not(:disabled){transform:rotate(90deg)scale(.95)}.userid-modal .userid-modal-close:disabled{opacity:.5;cursor:not-allowed}.userid-modal .userid-modal-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:32px}.userid-modal .userid-modal-header h2{margin:0 0 10px;font-size:26px;font-weight:700}.userid-modal .userid-modal-header .subtitle{opacity:.95;margin:0;font-size:15px;font-weight:400}.userid-modal .userid-modal-body{padding:32px}.userid-modal .userid-modal-body .alert-box{background:linear-gradient(135deg,#fff3cd 0%,#ffe9a3 100%);border-left:5px solid #ffc107;border-radius:8px;align-items:flex-start;gap:14px;margin-bottom:28px;padding:16px;display:flex;box-shadow:0 2px 8px #ffc10733}.userid-modal .userid-modal-body .alert-box svg{color:#f57c00;flex-shrink:0;margin-top:2px}.userid-modal .userid-modal-body .alert-box p{color:#856404;margin:0;font-size:14px;line-height:1.6}.userid-modal .userid-modal-body .alert-box p strong{color:#663c00}.userid-modal .userid-modal-body .form-group{margin-bottom:24px}.userid-modal .userid-modal-body .form-group label{color:#333;margin-bottom:10px;font-size:15px;font-weight:600;display:block}.userid-modal .userid-modal-body .form-group .userid-input{pointer-events:auto;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 18px;font-family:inherit;font-size:16px;transition:all .3s}.userid-modal .userid-modal-body .form-group .userid-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea26}.userid-modal .userid-modal-body .form-group .userid-input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.userid-modal .userid-modal-body .form-group .userid-input::placeholder{color:#999}.userid-modal .userid-modal-body .form-group .form-hint{color:#666;margin-top:8px;font-size:13px;line-height:1.4;display:block}.userid-modal .userid-modal-body form{pointer-events:auto}.userid-modal .userid-modal-body .btn-submit{color:#fff;cursor:pointer;pointer-events:auto;z-index:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #667eea4d}.userid-modal .userid-modal-body .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.userid-modal .userid-modal-body .btn-submit:active:not(:disabled){transform:translateY(0)}.userid-modal .userid-modal-body .btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.userid-modal .userid-modal-body .btn-submit .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.userid-modal .userid-modal-footer{text-align:center;background:#f8f9fa;border-top:1px solid #e0e0e0;padding:16px}.userid-modal .userid-modal-footer p{color:#666;margin:0;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:576px){.userid-modal{width:95%;max-width:none}.userid-modal .userid-modal-close{width:32px;height:32px;font-size:20px;top:12px;right:12px}.userid-modal .userid-modal-header{padding:24px}.userid-modal .userid-modal-header h2{font-size:22px}.userid-modal .userid-modal-body{padding:24px}}
.match-start-container{z-index:9999;opacity:0;animation:.5s forwards fadeZoomIn;position:fixed;inset:0;overflow:hidden;transform:scale(1.02)}@keyframes fadeZoomIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.player{flex-direction:column;justify-content:space-between;width:56%;height:100vh;display:flex;position:absolute;top:0}.player .info{z-index:10;padding:30px 40px;position:absolute}.player .info h2{margin-top:0;margin-bottom:10px;font-size:4vw;font-weight:600}.player .info p{margin:0;font-size:2vw;font-weight:500}.player.left{z-index:5;clip-path:polygon(0 0,100% 0,80% 100%,0% 100%);animation:3s ease-in-out forwards slideInLeftOut;left:0}.player.left .info{color:#000;top:10px;left:10px}.player.right{z-index:4;clip-path:polygon(100% 0,100% 100%,0 100%,20% 0%);animation:3s ease-in-out forwards slideInRightOut;right:0}.player.right .info{color:#fff;bottom:10px;right:10px}.player.match-white{text-align:left;background:#fff}.player.match-white:after{content:"";background:linear-gradient(#fff 15%,#fff3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.player.match-black{text-align:right;background:#000}.player.match-black:after{content:"";background:linear-gradient(360deg,#000 15%,#0003 100%);width:100%;height:100%;position:absolute;top:0;left:0}.match-start-avatar{object-fit:contain;width:150%!important;height:auto!important;margin:auto!important;position:absolute!important;inset:0 0 0 0%!important}.match-start-avatar.avatar-left{top:10%!important;left:-32%!important}.match-start-avatar.avatar-right{bottom:10%!important;left:-18%!important}@keyframes slideInLeftOut{0%{transform:translate(-100%)}15%{transform:translate(0)}85%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRightOut{0%{transform:translate(100%)}15%{transform:translate(0)}85%{transform:translate(0)}to{transform:translate(100%)}}.go-circle{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;font-size:60px;font-weight:800;animation:3s ease-in-out forwards goPop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 30px #6a5cff99}.go-circle img{width:100%;height:100%}@keyframes goPop{0%{transform:translate(-50%,-50%)scale(0)}15%{transform:translate(-50%,-50%)scale(1.2)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}
.mobile-block-page{z-index:99999;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:inherit;display:flex;position:fixed;top:0;left:0}.mobile-block-page .mobile-block-content{text-align:center;flex-direction:column;align-items:center;max-width:90%;padding:2rem;display:flex}.mobile-block-page .mobile-block-content .mobile-logo{margin-bottom:3rem}.mobile-block-page .mobile-block-content .mobile-logo img{object-fit:contain;width:auto;height:48px}.mobile-block-page .mobile-block-content .mobile-icon{color:#9e9e9e;margin-bottom:1rem;font-size:3.5rem}.mobile-block-page .mobile-block-content .title{color:#484b59;margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.mobile-block-page .mobile-block-content .text{color:#484b59;margin:0;font-size:.95rem}.mobile-block-page .mobile-block-content .text a{color:#2196f3;text-decoration:none}.mobile-block-page .mobile-block-content .text a:hover{text-decoration:underline}.mobile-block-page .back-to-home-btn{cursor:pointer;color:#8b5cf6;background-color:#0000;border:1px solid #8b5cf6;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:170px;margin-top:10px;padding:8px 16px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px #8b5cf6}.mobile-block-page .back-to-home-btn:hover{background:#f3effe}.mobile-block-page .back-to-home-btn:active{transform:translateY(4px);box-shadow:0 0 #2f3180}