@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap);.login-container{align-items:center;background:silver;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:414px;min-height:100vh;padding:20px;width:100vw}.login-logo{height:150px;margin-bottom:40px;object-fit:contain;width:250px}.google-login-btn{align-items:center;background:#fff;border:none;border-radius:25px;box-shadow:0 4px 10px #0003;color:#333;cursor:pointer;display:flex;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;gap:12px;padding:12px 24px;transition:transform .2s ease}.google-login-btn:hover{transform:scale(1.05)}.google-login-btn img{height:20px;width:20px}.popup-overlay{align-items:center;background:#000000b3;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-overlay.active{display:flex}.popup-container{background:linear-gradient(180deg,#6ba5d7,#4a90e2);border:3px solid #fff;border-radius:25px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:380px;overflow:hidden;width:90%}.popup-header{align-items:center;background:#0003;border-bottom:2px solid #ffffff4d;display:flex;justify-content:space-between;padding:15px}.popup-title{color:#fff;font-size:24px;font-weight:700;text-transform:uppercase}.popup-close{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:transform .2s;width:36px}.popup-close:hover{transform:scale(1.1)}.popup-body{flex:1 1;overflow-y:auto;padding:20px}.profile-photos-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.photo-slot{align-items:center;aspect-ratio:1;background:#fff3;border:2px dashed #ffffff80;border-radius:10px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative}.photo-slot img{height:100%;object-fit:cover;width:100%}.photo-slot.main:after{background:gold;border-radius:5px;color:#333;content:"ANA";font-size:10px;font-weight:700;left:5px;padding:2px 8px;position:absolute;top:5px}.photo-slot .add-icon{color:#ffffffb3;font-size:30px}.photo-slot .delete-btn{align-items:center;background:#dc3545;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:14px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px;z-index:10}.photo-slot:hover .delete-btn{display:flex}.form-group{margin-bottom:15px}.form-label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.form-input,.form-select{background:#ffffffe6;border:2px solid #ffffff4d;border-radius:10px;font-family:Oswald,sans-serif;font-size:16px;padding:10px;width:100%}.form-select,.save-btn{cursor:pointer}.save-btn{background:#28a745;border:none;border-radius:25px;color:#fff;font-family:Oswald,sans-serif;font-size:18px;font-weight:700;margin-top:10px;padding:12px;transition:transform .2s;width:100%}.save-btn:hover{transform:scale(1.02)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.tabs-container{display:flex;gap:10px;margin-bottom:20px}.tab-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;flex:1 1;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;padding:10px;transition:all .3s}.tab-btn.active{background:#ffffffe6;color:#4a90e2}.tab-content{display:none}.tab-content.active{display:block}.friend-item{align-items:center;background:#fff3;border-radius:15px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.friend-avatar{border:2px solid #fff;border-radius:50%;height:50px;object-fit:cover;width:50px}.friend-info{flex:1 1}.friend-name{color:#fff;font-size:16px;font-weight:600}.friend-status{color:#ffffffb3;font-size:12px}.friend-actions{display:flex;gap:5px}.friend-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:transform .2s;width:32px}.friend-btn:hover{transform:scale(1.1)}.friend-btn.accept{background:#28a745}.friend-btn.reject{background:#dc3545}.friend-btn.message{background:#17a2b8}.friend-btn.delete{background:#6c757d}.empty-state{color:#ffffffb3;padding:20px;text-align:center}.coin-popup{max-width:450px}.current-coins{align-items:center;background:#ffffff1a;border-radius:10px;color:#fff;display:flex;font-size:18px;justify-content:space-between;margin-bottom:20px;padding:15px}.coin-amount-display{color:gold;font-size:24px;font-weight:700}.coin-packages{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.coin-package{background:#ffffff26;border:2px solid #0000;border-radius:15px;padding:20px 10px;position:relative;text-align:center;transition:transform .3s}.coin-package:hover{background:#fff3;transform:translateY(-5px)}.coin-package.popular{background:#ffd7001a;border-color:gold}.package-badge{background:gold;border-radius:10px;color:#333;font-size:11px;font-weight:700;left:50%;padding:2px 10px;position:absolute;top:-10px;transform:translateX(-50%)}.package-icon{font-size:40px;margin-bottom:10px}.package-amount{color:#fff;font-size:28px;font-weight:700}.package-label{color:#ffffffb3;font-size:14px;margin-bottom:15px}.package-price-btn{background:#28a745;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background .3s;width:100%}.package-price-btn:hover{background:#218838}.coin-popup-footer{border-top:1px solid #ffffff1a;padding-top:10px;text-align:center}.messages-list{max-height:400px;overflow-y:auto}.message-item{align-items:center;background:#ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:12px;transition:background .2s}.message-item:hover{background:#fff3}.message-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.message-info{flex:1 1}.message-username{color:#fff;font-weight:700;margin-bottom:4px}.message-preview{color:#ffffffb3;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:#ffffff80;font-size:12px}.gifts-list{max-height:400px;overflow-y:auto}.gift-list-item{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.gift-item-left{align-items:center;display:flex;gap:12px}.gift-sender-avatar{border-radius:50%;height:45px;object-fit:cover;width:45px}.gift-item-info{display:flex;flex-direction:column}.gift-item-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.gift-emoji-large{font-size:24px}.gift-name-text{color:#fff;font-weight:700}.gift-item-sender{color:#ffffffb3;font-size:13px}.gift-item-actions{display:flex;gap:8px}.gift-action-btn{border:none;border-radius:15px;cursor:pointer;font-size:14px;padding:6px 12px;transition:transform .2s}.gift-action-btn:hover{transform:scale(1.05)}.btn-visible{background:#28a745;color:#fff}.btn-hidden{background:#6c757d;color:#fff}.btn-sell{background:gold;color:#333;font-weight:700}.premium-info{padding:20px}.premium-status-icon{font-size:60px;margin-bottom:20px}.premium-status-title{color:gold;font-size:24px;margin-bottom:20px}.premium-days-left{background:#ffd70033;border-radius:15px;margin-bottom:20px;padding:20px}.days-number{color:gold;display:block;font-size:48px;font-weight:700}.days-text{color:#fff;font-size:18px}.premium-benefits ul{list-style:none;padding:0}.premium-benefits li{color:#fff;padding:8px 0}.premium-purchase{padding:20px}.premium-icon{font-size:60px;margin-bottom:20px}.premium-title{color:gold;font-size:24px;margin-bottom:10px}.premium-description{color:#fffc;margin-bottom:20px}.premium-price{background:#ffd70033;border-radius:15px;margin:20px 0;padding:15px}.price-amount{color:gold;font-size:36px;font-weight:700;margin-right:10px}.price-currency{color:#fff;font-size:18px}.profile-modal-container{max-height:85vh;max-width:500px}.profile-modal-header{background:#ffffff1a;border-radius:15px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.profile-modal-avatar-section{flex-shrink:0;position:relative}.profile-modal-main-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000004d;height:120px;object-fit:cover;width:120px}.profile-photo-dots{display:flex;gap:5px;justify-content:center;margin-top:10px}.photo-dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .3s;width:8px}.photo-dot.active{background:gold;transform:scale(1.3)}.profile-modal-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.profile-modal-username{color:#fff;font-size:24px;font-weight:700;margin:0 0 10px;text-transform:capitalize}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.badge-premium{background:linear-gradient(135deg,gold,orange);color:#333}.badge-female{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff}.badge-male{background:linear-gradient(135deg,#4169e1,#1e90ff);color:#fff}.badge-detail{font-size:11px;opacity:.9}.profile-stats-row{display:flex;gap:20px}.stat-item{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;flex-direction:column;min-width:60px;padding:8px}.stat-icon{font-size:20px;margin-bottom:4px}.stat-value{color:#fff;font-size:18px;font-weight:700}.stat-label{color:#ffffffb3;font-size:11px;text-transform:uppercase}.section-title{align-items:center;border-bottom:2px solid #fff3;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.profile-photo-gallery{margin-bottom:20px}.photo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.photo-item{aspect-ratio:1;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.photo-item:hover{border-color:gold;transform:scale(1.05)}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-item.main-photo{grid-column:span 2;grid-row:span 2}.photo-badge{background:gold;border-radius:5px;color:#333;font-size:10px;font-weight:700;left:5px;padding:2px 8px;position:absolute;top:5px}.profile-game-stats{margin-bottom:20px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.stat-box{background:#ffffff1a;border-radius:10px;padding:12px;text-align:center;transition:transform .2s}.stat-box:hover{background:#ffffff26;transform:translateY(-2px)}.stat-box.success{background:#28a74533}.stat-box.danger{background:#dc354533}.stat-box.info{background:#17a2b833}.stat-number{color:#fff;display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-text{color:#fffc;font-size:12px;text-transform:uppercase}.profile-gifts-section{margin-bottom:20px}.gift-count{background:#fff3;border-radius:10px;font-size:14px;font-weight:400;padding:2px 8px}.gifts-showcase{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.gift-showcase-item{background:#ffffff1a;border-radius:10px;cursor:pointer;padding:10px;position:relative;text-align:center;transition:all .2s}.gift-showcase-item:hover{background:#fff3;transform:translateY(-2px)}.gift-showcase-item.special{background:#ffd70033;border:1px solid #ffd70080}.gift-emoji{display:block;font-size:24px;margin-bottom:4px}.gift-sender{color:#ffffffb3;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-date{color:#fff9;font-size:9px}.gift-showcase-more{align-items:center;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:10px;color:#ffffffb3;display:flex;font-size:18px;font-weight:700;justify-content:center}.empty-gifts{color:#ffffff80;font-style:italic;padding:20px;text-align:center}.profile-gifts-from-user{background:#ffd7001a;border-radius:10px;margin-top:15px;padding:15px}.gift-total-value{border-top:1px solid #fff3;color:gold;font-size:14px;font-weight:700;margin-top:10px;padding-top:10px;text-align:center}.loading-text{color:#ffffffb3;padding:20px;text-align:center}.game-container{display:none;padding:40px 20px}.game-container.active{display:flex}.loading-container{align-items:center;background:silver;color:#333;display:flex;font-family:Oswald,sans-serif;font-size:20px;height:100vh;justify-content:center;width:100%}.alertify .ajs-dimmer{background-color:#252525;margin:0;opacity:.5}.alertify .ajs-dimmer,.alertify .ajs-modal{bottom:0;left:0;padding:0;position:fixed;right:0;top:0;z-index:1981}.alertify .ajs-modal{overflow-y:auto}.alertify .ajs-dialog{margin:5% auto;max-width:500px;min-height:110px;outline:0;padding:24px 24px 0;position:relative}.alertify .ajs-dialog.ajs-capture:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.alertify .ajs-reset{display:inline!important;height:0!important;opacity:0!important;position:absolute!important;width:0!important}.alertify .ajs-commands{margin:-14px 24px 0 0;position:absolute;right:4px;z-index:2}.alertify .ajs-commands button{background-color:initial;background-position:50%;background-repeat:no-repeat;border:0;cursor:pointer;display:none;height:10px;margin-left:10px;padding:10px;width:10px}.alertify .ajs-commands button.ajs-close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)}.alertify .ajs-commands button.ajs-maximize{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)}.alertify .ajs-header{background-color:#fff;margin:-24px -24px 0;padding:16px 24px}.alertify .ajs-body{min-height:56px}.alertify .ajs-body .ajs-content{padding:16px 24px 16px 16px}.alertify .ajs-footer{background-color:#fff;margin-left:-24px;margin-right:-24px;min-height:43px;padding:4px}.alertify .ajs-footer .ajs-buttons.ajs-primary{text-align:right}.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary{clear:none;float:left;text-align:left}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons .ajs-button{min-height:35px;min-width:88px}.alertify .ajs-handle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);bottom:0;cursor:se-resize;display:none;height:10px;position:absolute;right:0;-webkit-transform:scaleX(1);transform:scaleX(1);width:10px;z-index:1}.alertify.ajs-no-overflow .ajs-body .ajs-content{overflow:hidden!important}.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content{left:0;padding:0;right:0}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body{margin-left:-24px;margin-right:-24px}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content{padding:0}.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content{left:0;right:0}.alertify.ajs-closable .ajs-commands button.ajs-close,.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,.alertify.ajs-maximizable .ajs-commands button.ajs-restore{display:inline-block}.alertify.ajs-maximized .ajs-dialog{height:100%!important;left:0!important;margin:0 auto!important;max-width:none!important;top:0!important;width:100%!important}.alertify.ajs-maximized.ajs-modeless .ajs-modal{margin:0!important;max-height:none!important;min-height:100%!important;position:fixed!important}.alertify.ajs-maximized .ajs-commands button.ajs-maximize{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)}.alertify.ajs-maximized .ajs-dialog,.alertify.ajs-resizable .ajs-dialog{padding:0}.alertify.ajs-maximized .ajs-commands,.alertify.ajs-resizable .ajs-commands{margin:14px 24px 0 0}.alertify.ajs-maximized .ajs-header,.alertify.ajs-resizable .ajs-header{left:0;margin:0;padding:16px 24px;position:absolute;right:0;top:0}.alertify.ajs-maximized .ajs-body,.alertify.ajs-resizable .ajs-body{display:inline-block;min-height:224px}.alertify.ajs-maximized .ajs-body .ajs-content,.alertify.ajs-resizable .ajs-body .ajs-content{bottom:50px;left:24px;overflow:auto;position:absolute;right:24px;top:50px}.alertify.ajs-maximized .ajs-footer,.alertify.ajs-resizable .ajs-footer{bottom:0;left:0;margin:0;position:absolute;right:0}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog{min-width:548px}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle{display:block}.alertify.ajs-movable:not(.ajs-maximized) .ajs-header{cursor:move}.alertify.ajs-modeless .ajs-dimmer,.alertify.ajs-modeless .ajs-reset{display:none}.alertify.ajs-modeless .ajs-modal{max-height:0;max-width:none;overflow:visible}.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);display:inline-block}.alertify.ajs-modeless.ajs-unpinned .ajs-modal{position:absolute}.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)}.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body{max-height:500px;overflow:auto}.alertify.ajs-basic .ajs-header{opacity:0}.alertify.ajs-basic .ajs-footer{visibility:hidden}.alertify.ajs-frameless .ajs-header{left:0;margin:0;min-height:60px;opacity:0;padding:0;position:absolute;right:0;top:0;z-index:1}.alertify.ajs-frameless .ajs-footer{display:none}.alertify.ajs-frameless .ajs-body .ajs-content{bottom:0;left:0;position:absolute;right:0;top:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog{padding-top:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands{margin-top:0}.ajs-no-overflow{outline:none;overflow:hidden!important}.ajs-no-overflow.ajs-fixed{bottom:0;left:0;overflow-y:scroll!important;position:fixed;right:0;top:0}.ajs-no-selection,.ajs-no-selection *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:568px){.alertify .ajs-dialog{min-width:150px}.alertify:not(.ajs-maximized) .ajs-modal{padding:0 5%}.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog{min-width:auto}}@-moz-document url-prefix(){.alertify button:focus{outline:1px dotted #3593d2}}.alertify .ajs-dimmer,.alertify .ajs-modal{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:linear;transition-timing-function:linear}.alertify.ajs-hidden .ajs-dimmer,.alertify.ajs-hidden .ajs-modal{opacity:0;visibility:hidden}.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-duration:.5s;animation-duration:.5s}.alertify.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-duration:.25s;animation-duration:.25s}.alertify .ajs-dialog.ajs-shake{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:ajs-shake;animation-name:ajs-shake}@-webkit-keyframes ajs-shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes ajs-shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-slideIn;animation-name:ajs-slideIn;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-slideOut;animation-name:ajs-slideOut;-webkit-animation-timing-function:cubic-bezier(.6,-.28,.735,.045);animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-zoomIn;animation-name:ajs-zoomIn}.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-zoomOut;animation-name:ajs-zoomOut}.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-fadeIn;animation-name:ajs-fadeIn}.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-fadeOut;animation-name:ajs-fadeOut}.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-pulseIn;animation-name:ajs-pulseIn}.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-pulseOut;animation-name:ajs-pulseOut}.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-flipInX;animation-name:ajs-flipInX}.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-flipOutX;animation-name:ajs-flipOutX}.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-flipInY;animation-name:ajs-flipInY}.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-flipOutY;animation-name:ajs-flipOutY}@-webkit-keyframes ajs-pulseIn{0%,20%,40%,60%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes ajs-pulseIn{0%,20%,40%,60%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes ajs-pulseOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes ajs-pulseOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes ajs-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes ajs-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes ajs-zoomOut{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}}@keyframes ajs-zoomOut{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}}@-webkit-keyframes ajs-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ajs-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes ajs-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ajs-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes ajs-flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes ajs-flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes ajs-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes ajs-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@-webkit-keyframes ajs-flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes ajs-flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes ajs-flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes ajs-flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@-webkit-keyframes ajs-slideIn{0%{margin-top:-100%}to{margin-top:5%}}@keyframes ajs-slideIn{0%{margin-top:-100%}to{margin-top:5%}}@-webkit-keyframes ajs-slideOut{0%{margin-top:5%}to{margin-top:-100%}}@keyframes ajs-slideOut{0%{margin-top:5%}to{margin-top:-100%}}.alertify-notifier{overflow:visible;position:fixed;width:0;z-index:1982}.alertify-notifier,.alertify-notifier .ajs-message{-webkit-transform:translateZ(0);transform:translateZ(0)}.alertify-notifier .ajs-message{margin:0;max-height:0;opacity:0;padding:0;position:relative;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:linear;transition-timing-function:linear;width:260px}.alertify-notifier .ajs-message.ajs-visible{margin-top:10px;max-height:100%;opacity:1;padding:15px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.alertify-notifier .ajs-message .ajs-close{background-color:#00000080;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border-top-right-radius:2px;cursor:pointer;height:16px;position:absolute;right:0;top:0;width:16px}.alertify-notifier.ajs-top{top:10px}.alertify-notifier.ajs-bottom{bottom:10px}.alertify-notifier.ajs-right{right:10px}.alertify-notifier.ajs-right .ajs-message{right:-320px}.alertify-notifier.ajs-right .ajs-message.ajs-visible{right:290px}.alertify-notifier.ajs-left{left:10px}.alertify-notifier.ajs-left .ajs-message{left:-300px}.alertify-notifier.ajs-left .ajs-message.ajs-visible{left:0}.alertify-notifier.ajs-center{left:50%}.alertify-notifier.ajs-center .ajs-message{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alertify-notifier.ajs-center .ajs-message.ajs-visible{left:50%;-webkit-transition-timing-function:cubic-bezier(.57,.43,.1,.65);transition-timing-function:cubic-bezier(.57,.43,.1,.65)}.alertify-notifier.ajs-center.ajs-top .ajs-message{top:-300px}.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible{top:0}.alertify-notifier.ajs-center.ajs-bottom .ajs-message{bottom:-300px}.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible{bottom:0}.ajs-no-transition.alertify .ajs-dialog,.ajs-no-transition.alertify .ajs-dimmer,.ajs-no-transition.alertify .ajs-modal,.ajs-no-transition.alertify-notifier .ajs-message{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){.alertify .ajs-dialog,.alertify .ajs-dimmer,.alertify .ajs-modal,.alertify-notifier .ajs-message{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}.alertify .ajs-dialog{background-color:#fff;border-radius:2px;-webkit-box-shadow:0 15px 20px 0 #00000040;box-shadow:0 15px 20px 0 #00000040}.alertify .ajs-header{background:#fafafa;border-bottom:1px solid #eee;border-radius:2px 2px 0 0;color:#000;font-weight:700}.alertify .ajs-body{color:#000}.alertify .ajs-body .ajs-content .ajs-input{border:1px solid #ccc;border-radius:2px;display:block;margin:4px;padding:8px;width:100%}.alertify .ajs-body .ajs-content p{margin:0}.alertify .ajs-footer{background:#fbfbfb;border-radius:0 0 2px 2px;border-top:1px solid #eee}.alertify .ajs-footer .ajs-buttons .ajs-button{background-color:initial;border:0;color:#000;font-size:14px;font-weight:700;text-transform:uppercase}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#3593d2}.alertify-notifier .ajs-message{background:#fffffff2;border:1px solid #ddd;border-radius:2px;color:#000;text-align:center}.alertify-notifier .ajs-message.ajs-success{background:#5bbd72f2;color:#fff;text-shadow:-1px -1px 0 #00000080}.alertify-notifier .ajs-message.ajs-error{background:#d95c5cf2;color:#fff;text-shadow:-1px -1px 0 #00000080}.alertify-notifier .ajs-message.ajs-warning{background:#fcf8d7f2;border-color:#999}.chat-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-popup{background:linear-gradient(180deg,#6ba5d7,#4a90e2);border:3px solid #fff;border-radius:20px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;height:70vh;max-height:500px;max-width:380px;overflow:hidden;width:90%}.chat-popup-header{align-items:center;background:#0003;border-bottom:2px solid #ffffff4d;display:flex;justify-content:space-between;padding:15px}.chat-popup-header h3{color:#fff;font-size:20px;font-weight:600;margin:0;text-transform:uppercase}.chat-popup-close{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:transform .2s;width:32px}.chat-popup-close:hover{transform:scale(1.1)}.chat-popup-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}.chat-empty{color:#ffffffb3;font-size:16px;padding:20px;text-align:center}.chat-message{display:flex;margin-bottom:8px}.chat-message.mine{justify-content:flex-end}.chat-message.theirs{justify-content:flex-start}.chat-message-bubble{background:#fff;border-radius:15px;box-shadow:0 2px 5px #0003;max-width:70%;padding:10px 15px;position:relative}.chat-message.mine .chat-message-bubble{background:linear-gradient(135deg,#32cd32,#228b22);border-bottom-right-radius:5px;color:#fff}.chat-message.theirs .chat-message-bubble{background:#fffffff2;border-bottom-left-radius:5px;color:#333}.chat-message-sender{font-size:11px;font-weight:700;margin-bottom:3px;opacity:.8}.chat-message.mine .chat-message-sender{color:#ffffffe6}.chat-message.theirs .chat-message-sender{color:#4a90e2}.chat-message-text{word-wrap:break-word;font-size:14px;line-height:1.4}.chat-message-time{font-size:10px;margin-top:3px;opacity:.6;text-align:right}.chat-popup-messages::-webkit-scrollbar{width:6px}.chat-popup-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-popup-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-popup-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.game-container{background:silver;flex-direction:column;margin:0 auto;max-width:414px;min-height:100vh;padding:10px;width:100vw}.game-container,.game-player-box{align-items:center;display:flex;position:relative}.game-player-box{background:linear-gradient(180deg,#6b7b8c,#4a5a6a);border:2px solid #0000;border-radius:15px;box-shadow:0 4px 10px #0000004d;gap:12px;height:60px;margin:10px 0;max-width:400px;padding:8px 12px;transition:border-color .3s;width:100%}.game-player-box.my-turn{border-color:#32cd32;box-shadow:0 0 15px #32cd3280}.game-player-box.my-turn .game-player-avatar{border-color:#32cd32;box-shadow:0 0 10px #32cd3299}.game-player-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:44px;object-fit:cover;width:44px}.game-player-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.game-player-name{color:#fff;font-size:16px;font-weight:700;text-shadow:1px 1px 2px #00000080;text-transform:uppercase}.game-player-status{color:#ffffffe6;font-size:12px;margin-top:2px}.game-player-score{background:#fff3;border-radius:10px;color:#fff;font-size:14px;font-weight:700;padding:5px 10px}.btn-leave-game{align-items:center;background:#dc3545e6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s;width:30px}.btn-leave-game:hover{background:#dc3545;transform:translateY(-50%) scale(1.1)}.phaser-container{background:#4a5a6a;border-radius:15px;height:400px;margin:10px auto;overflow:hidden;width:400px}.game-chat-container{display:flex;gap:8px;margin-top:10px;max-width:400px;padding:0 5px;width:100%}.game-chat-input{background:#fff;border:2px solid #4a8fc4;border-radius:25px;flex:1 1;font-family:Oswald,sans-serif;font-size:14px;outline:none;padding:10px 15px;transition:border-color .2s}.game-chat-input:focus{border-color:#2c5f2d}.game-chat-send{align-items:center;background:linear-gradient(180deg,#32cd32,#228b22);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;transition:all .2s;width:45px}.game-chat-send:hover{box-shadow:0 4px 12px #0006;transform:scale(1.05)}.game-chat-send:active{transform:scale(.95)}.game-chat-toggle{align-items:center;background:linear-gradient(180deg,gold,orange);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px #0000004d;color:#333;cursor:pointer;display:flex;font-size:22px;height:45px;justify-content:center;position:relative;transition:all .2s;width:45px}.game-chat-toggle:hover{box-shadow:0 4px 12px #0006;transform:scale(1.05)}.chat-badge{align-items:center;background:#dc143c;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}@media (max-width:414px){.phaser-container{height:calc(100vw - 20px);max-height:400px;max-width:400px;width:calc(100vw - 20px)}.game-chat-container{padding:0 10px}}*{box-sizing:border-box;margin:0;padding:0}body{align-items:flex-start;background:silver;font-family:Oswald,sans-serif;min-height:100vh;overflow-y:auto}.btn-game,body{display:flex;justify-content:center}.btn-game{align-items:center;aspect-ratio:1/1;background-repeat:no-repeat;background-size:280px 56px;border:none;border-radius:50%;cursor:pointer;position:relative;transition:transform .15s ease}.btn-game:before{background:inherit;border-radius:50%;box-shadow:inset 0 -3px 8px #0006,inset 0 3px 8px #ffffff4d;content:"";inset:0;position:absolute}.btn-game:after{background-repeat:no-repeat;background-size:384px 240px;content:"";height:48px;position:absolute;width:48px}.btn-game:hover{transform:scale(1.05)}.btn-game:active{transform:scale(.98)}.btn-red{background-position:0 0}.btn-yellow{background-position:-56px 0}.btn-green{background-position:-112px 0}.btn-blue{background-position:-168px 0}.btn-gray{background-position:-224px 0}.btn-sm{background-size:240px 48px;height:48px;width:48px}.btn-sm:after{background-size:288px 180px;height:36px;width:36px}.btn-sm.btn-red{background-position:0 0}.btn-sm.btn-yellow{background-position:-48px 0}.btn-sm.btn-green{background-position:-96px 0}.btn-sm.btn-blue{background-position:-144px 0}.btn-sm.btn-gray{background-position:-192px 0}.btn-sm.btn-check:after{background-position:-108px -72px}.btn-sm.btn-cross:after{background-position:-72px -72px}.btn-sm.btn-info:after{background-position:-108px -36px}.btn-md{height:56px;width:56px}.btn-lg{background-size:340px 68px;height:68px;width:68px}.btn-lg:after{height:48px;width:48px}.btn-lg.btn-red{background-position:0 0}.btn-lg.btn-yellow{background-position:-68px 0}.btn-lg.btn-green{background-position:-136px 0}.btn-lg.btn-blue{background-position:-204px 0}.btn-lg.btn-gray{background-position:-272px 0}.btn-xl{background-size:380px 76px;height:76px;width:76px}.btn-xl:after{height:48px;width:48px}.btn-xl.btn-red{background-position:0 0}.btn-xl.btn-yellow{background-position:-76px 0}.btn-xl.btn-green{background-position:-152px 0}.btn-xl.btn-blue{background-position:-228px 0}.btn-xl.btn-gray{background-position:-304px 0}.btn-settings:after{background-position:0 -48px}.btn-logout:after{background-position:-240px -192px}.btn-trophy:after{background-position:-336px -144px}.btn-gift:after{background-position:-107px -110px}.btn-ribbon:after{background-position:-240px -144px}.btn-lock:after{background-position:-336px -192px}.btn-users:after{background-position:-96px -144px}.btn-chat:after{background-position:-288px -144px}.btn-check:after{background-position:-144px -96px}.btn-cross:after{background-position:-96px -96px}.btn-info:after{background-position:-144px -48px}.btn-game span{display:none}.top-bar{justify-content:space-between;margin-bottom:50px;padding:0 10px;width:100%}.coin-section,.top-bar{align-items:center;display:flex}.coin-section{position:relative}.coin-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:55px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:55px;z-index:2}.coin-icon:hover{transform:translateY(-50%) scale(1.1)}.coin-amount-container{align-items:center;background:#4a5a8c;border-radius:21px;box-shadow:0 4px 10px #0000004d;display:flex;height:42px;margin-left:25px;padding:0 20px 0 50px}.coin-amount{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px}.top-buttons{display:flex;gap:12px}.profile-wrapper{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:40px;max-width:380px;position:relative;width:100%}.side-buttons-left{left:-10px;position:absolute;z-index:1}.side-buttons-right{position:absolute;right:-10px;z-index:1}.profile-card{align-items:center;background:linear-gradient(180deg,#7fbfef,#5a9fd4);border:1px solid #4a8fc4;border-radius:25px;box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;height:320px;padding:18px;position:relative;width:260px}.profile-image-container{align-items:center;background:#e8e8e8;border-radius:20px;box-shadow:inset 0 2px 5px #0000001a,0 2px 5px #0003;display:flex;height:200px;justify-content:center;margin-bottom:10px;overflow:hidden;width:200px}.profile-image-container img{height:100%;object-fit:cover;width:100%}.profile-name{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px;max-width:180px;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 4px #00000080,0 0 10px #0000004d;text-transform:uppercase;white-space:nowrap}.bottom-icons{display:flex;gap:45px;margin-bottom:40px}.game-requests{max-width:370px;width:100%}.requests-title{color:#333;font-size:26px;font-weight:600;margin-bottom:15px;text-align:center}.request-card{align-items:center;background:linear-gradient(180deg,#6aaee0,#4a8fc4);border:1px solid #4a8fc4;border-radius:20px;box-shadow:0 5px 15px #0000004d,inset 0 1px 0 #fff3;display:flex;justify-content:space-between;margin-bottom:15px;min-height:85px;padding:12px 15px;width:100%}.request-card:last-child{margin-bottom:0}.request-left{gap:15px}.request-avatar,.request-left{align-items:center;display:flex}.request-avatar{background:#e8e8e8;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a;color:#999;flex-shrink:0;font-size:10px;height:58px;justify-content:center;width:58px}.request-name{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;text-shadow:1px 1px 2px #0000004d;text-transform:uppercase}.request-buttons{display:flex;flex-shrink:0;gap:10px}
/*# sourceMappingURL=main.d2b035fe.css.map*/