.profile-settings-content{flex-direction:column;gap:2rem;max-width:95%;height:60vh;margin:0 auto;padding:0 20px;display:flex;overflow-y:auto}.profile-column-left,.profile-column-right{flex-direction:column;gap:2rem;display:flex}.profile-section{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);-webkit-border-radius:15px;border-radius:15px;padding:1.5rem}.profile-section h4{color:#00aeef;border-bottom:1px solid rgba(0,174,239,.2);margin-bottom:1.5rem;padding-bottom:.75rem}[data-theme=light] #profileScreen h3{color:#1e293b}[data-theme=light] .profile-section{background:rgba(30,41,59,.03);border:1px solid rgba(30,41,59,.1)}[data-theme=light] .profile-section h4{color:#3b82f6;border-bottom:1px solid rgba(59,130,246,.2)}.avatar-section{align-items:center}.profile-avatar-preview{border:1px solid #00aeef;-webkit-border-radius:50%;border-radius:50%;width:150px;height:150px;transition:border-color .3s,box-shadow .3s}.profile-stats{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.profile-stat-item h4{font-size:1rem}.profile-stat-item p{font-size:1.8rem}.input-group input{padding:.8rem}.input-group button{padding:.8rem 1.5rem}.logout-section .btn-danger{width:100%}@media (max-width:768px){.profile-grid{grid-template-columns:1fr}.profile-settings-content{padding:1rem}.profile-avatar-preview{width:120px;height:120px}.profile-stats{grid-template-columns:1fr 1fr}.profile-stat-item h4{font-size:.9rem}.profile-stat-item p{font-size:1.5rem}}.profile-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.profile-column-left,.profile-column-right{flex-direction:column;gap:2rem;display:flex}#profileScreen h3{color:#fff;text-align:center;margin-bottom:2rem}#imageCropperModal .game-container.cropper-container{flex-direction:column;justify-content:center;align-items:center;width:600px;max-width:90vw;margin:0;padding:80px 2rem 2rem;display:flex}.cropper-content{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.cropper-image-container{width:100%;max-width:500px;height:auto;max-height:50vh;margin-bottom:1rem}#imageToCrop{max-width:100%;height:auto}.cropper-instructions{color:var(--color-text-medium);font-style:italic}.profile-section{background:var(--bg-light-05);padding:var(--spacing-md);border:var(--border-light);-webkit-border-radius:15px;border-radius:15px}.profile-section h4{color:var(--color-primary);margin-bottom:var(--spacing-sm);border-bottom:1px solid rgba(var(--color-primary-rgb),.2);padding-bottom:.5rem}.avatar-section{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.avatar-section button[data-action=changePicture]{margin-top:15px}.profile-avatar-wrapper{display:inline-block;position:relative}.profile-avatar-preview{-webkit-border-radius:var(--border-radius-circle);border-radius:var(--border-radius-circle);object-fit:cover;border:var(--border-primary-strong);width:120px;height:120px;box-shadow:var(--shadow-primary-xl)}.input-group{gap:.5rem;display:flex}.input-group.vertical{flex-direction:column}.input-group input{-webkit-border-radius:var(--border-radius-lg);border-radius:var(--border-radius-lg);border:var(--border-light-20);background-color:var(--rgba-text-light-10);color:var(--color-white);font-size:var(--spacing-sm);flex-grow:1;padding:.75rem}.logout-section{background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.logout-btn{background:var(--bg-red-gradient);border-color:var(--color-error);width:100%}.logout-btn:hover{background:var(--bg-red-light-gradient);border-color:var(--color-red-light)}.profile-btn{background:linear-gradient(135deg,var(--color-gold),#d4af37);border-color:var(--color-gold)}.profile-btn:hover{background:linear-gradient(135deg,#d4af37,var(--color-gold));border-color:var(--color-gold);box-shadow:0 6px 20px rgba(var(--color-gold-rgb),.4)}.player-profile-content{color:#fff;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.profile-header{margin-bottom:var(--spacing-md);border-bottom:var(--border-light);justify-content:center;align-items:center;gap:15px;padding-bottom:15px;display:flex}.profile-header .profile-flag .flag-icon{-webkit-border-radius:var(--border-radius-md);border-radius:var(--border-radius-md);border:var(--border-white-20);width:40px;height:27px;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.3)}.profile-name{font-size:var(--spacing-lg);color:var(--color-primary);text-shadow:0 0 15px rgba(var(--color-primary-rgb),.5);font-weight:700}.profile-stats{gap:var(--spacing-sm);background:var(--bg-light-05);padding:var(--spacing-md);border:var(--border-light);-webkit-border-radius:15px;border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.profile-stat-item{text-align:center}.profile-stat-item h4{color:var(--color-text-medium);text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem}.profile-stat-item p{color:var(--color-white);font-size:1.4rem;font-weight:600}.profile-recent-games{margin-top:1.5rem}.profile-recent-games h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);border-bottom:1px solid rgba(var(--color-primary-rgb),.2);padding-bottom:.5rem;font-size:1.3rem}.profile-games-list{flex-direction:column;gap:10px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.profile-game-item{background:var(--rgba-text-light-05);-webkit-border-radius:var(--border-radius-xl);border-radius:var(--border-radius-xl);border-left:3px solid var(--color-secondary);transition:var(--transition-ease-in-out-02s);justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.profile-game-mode{color:#fff;font-size:1rem;font-weight:600}.profile-game-date{color:#a0a0b0;font-size:.8rem}.profile-game-score{color:var(--color-success);font-size:1.1rem;font-weight:700}#imageCropperModal .game-container{max-width:600px;padding-top:60px}.cropper-content{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);flex-direction:column;display:flex}.cropper-image-container{background:var(--bg-light-05);border:var(--border-light);-webkit-border-radius:var(--border-radius-xl);border-radius:var(--border-radius-xl);justify-content:center;align-items:center;width:100%;max-width:400px;height:300px;display:flex;overflow:hidden}.cropper-image-container img{max-width:100%;max-height:100%;display:block}.cropper-view-box,.cropper-face{-webkit-border-radius:50%;border-radius:50%}.cropper-instructions{color:#a0a0b0;text-align:center;font-size:.9rem}.profile-avatar-preview.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:3px solid transparent}.profile-avatar-preview.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:3px solid transparent}.profile-avatar-preview.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:3px solid transparent}.profile-avatar-preview.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:3px solid transparent}.profile-avatar-preview.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:3px solid transparent}.profile-avatar-preview.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:3px solid transparent}.profile-avatar-preview.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:3px solid transparent}.profile-avatar-preview.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:3px solid transparent}.profile-avatar-preview.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:3px solid transparent}.profile-avatar-preview.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:4px solid transparent}.profile-logo.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:1px solid transparent}.profile-logo.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:1px solid transparent}.profile-logo.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:1px solid transparent}.profile-logo.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:1px solid transparent}.profile-logo.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:1px solid transparent}.profile-logo.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:1px solid transparent}.profile-logo.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:1px solid transparent}.profile-logo.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:1px solid transparent}.profile-logo.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:1px solid transparent}.profile-logo.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:2px solid transparent}.leaderboard-avatar.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:1.5px solid transparent}.leaderboard-avatar.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:2px solid transparent}.online-user-avatar.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:1px solid transparent}.online-user-avatar.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:1px solid transparent}.online-user-avatar.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:1px solid transparent}.online-user-avatar.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:1px solid transparent}.online-user-avatar.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:1px solid transparent}.online-user-avatar.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:1px solid transparent}.online-user-avatar.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:1px solid transparent}.online-user-avatar.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:1px solid transparent}.online-user-avatar.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:1px solid transparent}.online-user-avatar.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:2px solid transparent}.chat-avatar.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:2px solid transparent}.chat-avatar.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:2px solid transparent}.chat-avatar.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:2px solid transparent}.chat-avatar.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:2px solid transparent}.chat-avatar.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:2px solid transparent}.chat-avatar.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:2px solid transparent}.chat-avatar.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:2px solid transparent}.chat-avatar.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:2px solid transparent}.chat-avatar.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:2px solid transparent}.chat-avatar.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:3px solid transparent}.profile-avatar-small.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:2px solid transparent}.profile-avatar-small.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:2px solid transparent}.profile-avatar-small.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:2px solid transparent}.profile-avatar-small.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:2px solid transparent}.profile-avatar-small.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:2px solid transparent}.profile-avatar-small.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:2px solid transparent}.profile-avatar-small.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:2px solid transparent}.profile-avatar-small.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:2px solid transparent}.profile-avatar-small.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:2px solid transparent}.profile-avatar-small.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:3px solid transparent}.share-avatar-wrapper.level-1-border{background:linear-gradient(#fcc,#f99,#fcc) border-box;border:1px solid transparent}.share-avatar-wrapper.level-2-border{background:linear-gradient(#f99,#f66,#f99) border-box;border:1px solid transparent}.share-avatar-wrapper.level-3-border{background:linear-gradient(#f66,#f33,#f66) border-box;border:1px solid transparent}.share-avatar-wrapper.level-4-border{background:linear-gradient(#f33,red,#f33) border-box;border:1px solid transparent}.share-avatar-wrapper.level-5-border{background:linear-gradient(red,#c00,red) border-box;border:1px solid transparent}.share-avatar-wrapper.level-6-border{background:linear-gradient(#c00,#900,#c00) border-box;border:1px solid transparent}.share-avatar-wrapper.level-7-border{background:linear-gradient(#900,#600,#900) border-box;border:1px solid transparent}.share-avatar-wrapper.level-8-border{background:linear-gradient(#600,#300,#600) border-box;border:1px solid transparent}.share-avatar-wrapper.level-9-border{background:linear-gradient(#300,#000,#300) border-box;border:1px solid transparent}.share-avatar-wrapper.level-10-border{background:linear-gradient(red,#00f,#ff0) border-box;border:2px solid transparent}.level-badge{z-index:10;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 4px rgba(0,0,0,.7);background:#333;border:1px solid rgba(255,255,255,.1);-webkit-border-radius:20px;border-radius:20px;width:max-content;min-width:80px;padding:3px 10px;font-size:.75rem;font-weight:700;transition:all .3s;position:absolute;bottom:2px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%);box-shadow:0 1px 8px rgba(0,0,0,.8)}.level-badge.level-1{background:linear-gradient(135deg,#06f 0%,#0af 50%,#06f 100%);box-shadow:0 0 20px rgba(0,102,255,.7)}.level-badge.level-2{background:linear-gradient(135deg,#8a2be2 0%,#9932cc 50%,#8a2be2 100%);box-shadow:0 0 20px rgba(138,43,226,.7)}.level-badge.level-3{background:linear-gradient(135deg,#0f8 0%,#0c6 50%,#0f8 100%);box-shadow:0 0 20px rgba(0,255,136,.7)}.level-badge.level-4{background:linear-gradient(135deg,#f36 0%,#c03 50%,#f36 100%);box-shadow:0 0 20px rgba(255,51,102,.7)}.level-badge.level-5{background:linear-gradient(135deg,gold 0%,#fa0 50%,gold 100%);box-shadow:0 0 20px rgba(255,215,0,.7)}.level-badge.level-6{color:#333;text-shadow:none;background:linear-gradient(135deg,#e6e6e6 0%,silver 50%,#e6e6e6 100%);box-shadow:0 0 25px rgba(230,230,230,.8)}.level-badge.level-7{background:linear-gradient(135deg,#f04 0%,#c02 50%,#f04 100%);box-shadow:0 0 30px rgba(255,0,68,.8)}.level-badge.level-8{background:linear-gradient(135deg,#06c 0%,#049 50%,#06c 100%);box-shadow:0 0 30px rgba(0,102,204,.8)}.level-badge.level-9{background:linear-gradient(135deg,#0c4 0%,#093 50%,#0c4 100%);box-shadow:0 0 35px rgba(0,204,68,.8)}.level-badge.level-10{background:linear-gradient(135deg,red 0%,#ff8000 16.66%,#ff0 33.33%,#0f0 50%,#0080ff 66.66%,#8000ff 83.33%,red 100%) 0 0/200% 200%;animation:3s ease-in-out infinite rainbowShift;box-shadow:0 0 40px rgba(255,255,255,.5)}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}