@charset "UTF-8";.lang-switcher{background:none;border:1px solid #fafafa;color:#fafafa;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .2s}.lang-switcher:hover{background:#ffd166;color:#0d0d0d}.navbar{position:fixed;top:0;left:0;width:100%;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.navbar__container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;position:relative}@media (max-width: 640px){.navbar__container{justify-content:space-between}}.navbar__logo{width:100px;height:100px;padding:.5rem;transition:transform .3s ease;z-index:1001}.navbar__logo img{width:100%;height:100%;object-fit:contain}@media (min-width: 769px){.navbar__logo{position:absolute;left:50%;transform:translate(-50%)}}@media (max-width: 640px){.navbar__logo{width:80px;height:80px;padding:.3rem}}.navbar__links{display:flex;gap:1.5rem;align-items:center}@media (min-width: 769px){.navbar__links--left{margin-right:auto}}@media (min-width: 769px){.navbar__links--right{margin-left:auto}}.navbar__links li a{font-weight:500;transition:color .3s;color:#fafafa;text-decoration:none}.navbar__links li a:hover{color:#ffd166}.navbar__links .btn{transition:all .3s ease;color:#0d0d0d;display:flex;padding:.5rem 1.2rem}.navbar__links .btn:hover{background:#ffd1661a;color:#ffd166}@media (max-width: 640px){.navbar__links{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow-y:auto;flex-direction:column;justify-content:center;background:#0d0d0dfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:2rem;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);visibility:hidden;opacity:0}.navbar__links--open{transform:translate(0);visibility:visible;opacity:1}.navbar__links li{text-align:center}.navbar__links li a{font-size:1.2rem;padding:1rem;display:block;border-radius:8px;transition:all .3s ease}.navbar__links li a:hover{background:#ffd1661a;color:#ffd166}}.navbar__toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto;z-index:1002;position:relative;width:40px;height:40px;justify-content:center;align-items:center}@media (max-width: 640px){.navbar__toggle{display:flex;flex-direction:column;gap:5px}}.navbar__toggle-bar{width:29px;height:2px;background:#fafafa;border-radius:3px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transform-origin:5px 0}.navbar__toggle-bar:first-child{transform-origin:0% 0%}.navbar__toggle-bar:nth-last-child(2){transform-origin:0% 100%}.navbar__toggle--open .navbar__toggle-bar:nth-child(1){transform:rotate(45deg) translate(-3px,-1px)}.navbar__toggle--open .navbar__toggle-bar:nth-child(2){opacity:0;transform:rotate(0) scale(.2)}.navbar__toggle--open .navbar__toggle-bar:nth-child(3){transform:rotate(-45deg) translateY(-1px)}.navbar__toggle:hover .navbar__toggle-bar{background:#ffd166}.hero{height:100vh;display:flex;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(0,255,153,.15),transparent 60%),url(/assets/images/characterPosition2.jpg) center/cover no-repeat;position:relative}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.hero__content{position:relative;z-index:2;text-align:center}.hero__subtitle{color:#ffd166;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:600}.hero__title{font-size:clamp(2rem,5vw + 1rem,4rem);font-weight:900;margin-bottom:2rem}.hero__cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.features{padding:4rem 0;background:#0d0d0d}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.features__item{background:#1a1a1a;padding:2rem;border:1px solid rgba(255,255,255,.05);border-radius:8px;text-align:center}.features__item h3{margin-bottom:1rem;color:#ffd166}.features__item p{font-size:.95rem;color:#fafafa}.about-game{padding:4rem 0;background:#121212}.about-game__wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:center}.about-game__text h2{margin-bottom:1rem;color:#ffd166}.about-game__text p+p{margin-top:1rem}.about-game__media img{width:100%;border-radius:10px;box-shadow:0 10px 20px #0006}.characters{padding:4rem 0;background:#0d0d0d}.characters__heading{text-align:center;margin-bottom:3rem;font-size:2rem;color:#ffd166}.characters__selected{display:flex;gap:2rem;margin-bottom:4rem;background:#151515;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem}@media (max-width: 768px){.characters__selected{flex-direction:column;gap:1.5rem}}.characters__selected-image{flex-shrink:0;width:300px;height:400px}.characters__selected-image img{width:100%;height:100%;object-fit:cover;border-radius:10px}@media (max-width: 768px){.characters__selected-image{width:100%;height:300px}}.characters__selected-info{flex:1;display:flex;flex-direction:column;gap:1.5rem}.characters__selected-name{font-size:2rem;color:#ffd166;margin:0}.characters__selected-role{color:#4cc9f0;font-weight:600;font-size:1.2rem;margin:0}.characters__stats h4{color:#fafafa;margin-bottom:1rem;font-size:1.1rem}.characters__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}@media (max-width: 480px){.characters__stats-grid{grid-template-columns:1fr}}.characters .stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:5px}.characters .stat-label{color:#fafafa;font-size:.9rem}.characters .stat-value{color:#ffd166;font-weight:600}.characters__abilities h4{color:#fafafa;margin-bottom:1rem;font-size:1.1rem}.characters__abilities .ability{margin-bottom:1rem;padding:1rem;background:#ffffff0d;border-radius:8px}.characters__abilities .ability h5{color:#4cc9f0;margin:0 0 .5rem;font-size:1rem}.characters__abilities .ability p{margin:0 0 .5rem;color:#fafafa;font-size:.9rem;line-height:1.4}.characters__abilities .ability .ability-cooldown{display:inline-block;background:#ffd16633;color:#ffd166;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.characters__description h4{color:#fafafa;margin-bottom:1rem;font-size:1.1rem}.characters__description p{color:#fafafa;line-height:1.5;margin:0}.characters__controls{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.characters__controls{flex-direction:column;gap:1rem}}.characters__search{flex:1;min-width:200px}.characters__search-input{width:100%;padding:.75rem 1rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fafafa;font-size:1rem;transition:border-color .3s ease}.characters__search-input:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16633}.characters__search-input::placeholder{color:#fafafa99}.characters__filters{display:flex;gap:1rem}@media (max-width: 768px){.characters__filters{width:100%;justify-content:space-between}}.characters__filter-select,.characters__sort-select{padding:.75rem 1rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fafafa;font-size:.9rem;cursor:pointer;min-width:150px;transition:border-color .3s ease}.characters__filter-select:focus,.characters__sort-select:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16633}.characters__filter-select option,.characters__sort-select option{background:#0d0d0d;color:#fafafa}@media (max-width: 768px){.characters__filter-select,.characters__sort-select{min-width:120px;font-size:.8rem}}.characters__no-results{text-align:center;padding:3rem;color:#fafafa99;font-size:1.1rem}.characters__no-results p{margin:0}.characters__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:1rem}@media (max-width: 1200px){.characters__grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 992px){.characters__grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.characters__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.characters__grid{grid-template-columns:repeat(3,1fr)}}.characters__grid-item{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.characters__grid-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.characters__grid-item--active{border-color:#ffd166;box-shadow:0 0 15px #ffd16666}.characters__grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.characters__grid-item:hover img{transform:scale(1.05)}.characters__grid-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem .5rem .5rem;text-align:center;transform:translateY(100%);transition:transform .3s ease}.characters__grid-item:hover .characters__grid-overlay{transform:translateY(0)}.characters__grid-name{display:block;color:#fff;font-weight:600;font-size:.8rem;margin-bottom:.2rem}.characters__grid-role{display:block;color:#4cc9f0;font-size:.7rem;font-weight:500}.how-to-play{padding:4rem 0;background:#0d0d0d}.how-to-play__heading{text-align:center;font-size:2rem;color:#ffd166;margin-bottom:3rem}.how-to-play__list{counter-reset:step;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.how-to-play__item{background:#1a1a1a;padding:2rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);position:relative}.how-to-play__item h3{margin-bottom:.5rem}.how-to-play__item p{font-size:.9rem}.how-to-play__number{position:absolute;top:-15px;left:-15px;width:40px;height:40px;background:#ffd166;color:#0d0d0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.items{padding:4rem 0;background:#0d0d0d}.items__heading{text-align:center;margin-bottom:3rem;font-size:2rem;color:#ffd166}.items__selected{display:flex;gap:2rem;margin-bottom:4rem;background:#151515;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem}@media (max-width: 768px){.items__selected{flex-direction:column;gap:1.5rem}}.items__selected-image{flex-shrink:0;width:300px;height:300px}.items__selected-image img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#ffffff0d}@media (max-width: 768px){.items__selected-image{width:100%;height:250px}}.items__selected-info{flex:1;display:flex;flex-direction:column;gap:1.5rem}.items__selected-name{font-size:2rem;color:#ffd166;margin:0}.items__selected-shop{color:#4cc9f0;font-weight:600;font-size:1.2rem;margin:0}.items__price h4{color:#fafafa;margin-bottom:.5rem;font-size:1.1rem}.items__price p{color:#ffd166;font-weight:600;font-size:1.1rem;margin:0}.items__ability h4{color:#fafafa;margin-bottom:1rem;font-size:1.1rem}.items__ability p{margin:0;color:#fafafa;font-size:.9rem;line-height:1.4;padding:1rem;background:#ffffff0d;border-radius:8px}.items__availability h4{color:#fafafa;margin-bottom:1rem;font-size:1.1rem}.items__availability p{margin:0;color:#fafafa;font-size:.9rem;line-height:1.4;padding:1rem;background:#ffffff0d;border-radius:8px}.items__description h4{color:#fafafa;margin-bottom:1rem;font-size:1.1rem}.items__description p{color:#fafafa;line-height:1.5;margin:0}.items__special .items__throwable{display:inline-block;background:#4cc9f033;color:#4cc9f0;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin:0}.items__controls{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.items__controls{flex-direction:column;gap:1rem}}.items__search{flex:1;min-width:200px}.items__search-input{width:100%;padding:.75rem 1rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fafafa;font-size:1rem;transition:border-color .3s ease}.items__search-input:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16633}.items__search-input::placeholder{color:#fafafa99}.items__filters{display:flex;gap:1rem}@media (max-width: 768px){.items__filters{width:100%;justify-content:space-between}}.items__filter-select,.items__sort-select{padding:.75rem 1rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fafafa;font-size:.9rem;cursor:pointer;min-width:150px;transition:border-color .3s ease}.items__filter-select:focus,.items__sort-select:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16633}.items__filter-select option,.items__sort-select option{background:#0d0d0d;color:#fafafa}@media (max-width: 768px){.items__filter-select,.items__sort-select{min-width:120px;font-size:.8rem}}.items__no-results{text-align:center;padding:3rem;color:#fafafa99;font-size:1.1rem}.items__no-results p{margin:0}.items__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:1rem}@media (max-width: 1200px){.items__grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 992px){.items__grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.items__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.items__grid{grid-template-columns:repeat(3,1fr)}}.items__grid-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.items__grid-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.items__grid-item--active{border-color:#ffd166;box-shadow:0 0 15px #ffd16666}.items__grid-item img{width:100%;height:100%;object-fit:contain;background:#ffffff0d;transition:transform .3s ease}.items__grid-item:hover img{transform:scale(1.05)}.items__grid-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:1rem .5rem .5rem;text-align:center;transform:translateY(100%);transition:transform .3s ease}.items__grid-item:hover .items__grid-overlay{transform:translateY(0)}.items__grid-name{display:block;color:#fff;font-weight:600;font-size:.8rem;margin-bottom:.2rem}.items__grid-shop{display:block;color:#4cc9f0;font-size:.7rem;font-weight:500;margin-bottom:.2rem}.items__grid-price{display:block;color:#ffd166;font-size:.7rem;font-weight:600}.blog-preview{padding:4rem 0;background:#151515}.blog-preview__title{text-align:center;margin-bottom:3rem;font-size:2rem}.blog-preview__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.blog-preview__card{background:#0d0d0d;border:1px solid rgba(255,255,255,.05);padding:2rem;border-radius:8px}.blog-preview__card h3{margin-bottom:1rem;color:#ffd166;font-size:1.1rem}.blog-preview__card p{font-size:.9rem;margin-bottom:1.5rem}.blog-preview__card .btn--small{padding:.4rem 1rem;font-size:.8rem}.footer{background:#0d0d0d;padding:2rem 0;text-align:center;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05)}.admin{padding-top:6rem}.admin h1{margin-bottom:2rem;text-align:center}.admin__form{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.admin__form input,.admin__form textarea{padding:.75rem 1rem;border-radius:4px;border:none}.admin__form textarea{min-height:120px;resize:vertical}.admin__posts{display:grid;gap:2rem}.admin__posts .admin__post{background:#0d0d0d;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:6px}.admin__posts .admin__post h3{margin-bottom:.5rem;color:#ffd166}.admin__posts .admin__post p{font-size:.9rem}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(0,255,153,.15),transparent 60%),url(/assets/images/characterPosition2.jpg) center/cover no-repeat;position:relative}.auth-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.auth-page__container{position:relative;z-index:2;width:100%;max-width:450px;background:#0d0d0de6;padding:3rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,209,102,.1);box-shadow:0 20px 40px #0006}@media (max-width: 640px){.auth-page__container{max-width:90%;padding:2rem}}.auth-page h2{margin-bottom:2rem;text-align:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#fafafa}.auth-page p{text-align:center;margin-bottom:2rem;color:#fafafacc;line-height:1.6}.auth-page form{display:flex;flex-direction:column;gap:1.5rem}.auth-page form input{padding:1rem 1.5rem;border-radius:50px;border:2px solid rgba(250,250,250,.1);background:#fafafa0d;color:#fafafa;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-page form input::placeholder{color:#fafafa80}.auth-page form input:focus{outline:none;border-color:#ffd166;background:#fafafa14;box-shadow:0 0 20px #ffd16633}.auth-page form input:hover{border-color:#ffd1664d}.auth-page form .auth__actions{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 640px){.auth-page form .auth__actions{flex-direction:column;align-items:stretch}}.auth-page form .auth__actions .btn{min-width:120px}@media (max-width: 640px){.auth-page form .auth__actions .btn{width:100%}}.auth-page form .auth__actions.single-btn{justify-content:center}.auth-page .auth__footer-link{margin-top:2rem;text-align:center;color:#fafafab3;font-size:.95rem}.auth-page .auth__footer-link a{color:#ffd166;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-page .auth__footer-link a:hover{color:#ffe099;text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#0d0d0d;color:#fafafa;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}img{max-width:100%;display:block}.container{width:90%;max-width:1200px;margin:0 auto}.btn{display:inline-block;padding:.75rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;font-size:1rem;text-align:center;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn--primary{background:#ffd166;color:#0d0d0d;box-shadow:0 4px 15px #ffd1664d}.btn--primary:hover{background:#ffd980;transform:translateY(-2px);box-shadow:0 6px 20px #ffd16666}.btn--primary:active{transform:translateY(0)}.btn--outline{background:transparent;color:#fafafa;border:2px solid #fafafa;box-shadow:0 4px 15px #fafafa1a}.btn--outline:hover{background:#fafafa;color:#0d0d0d;transform:translateY(-2px);box-shadow:0 6px 20px #fafafa33}.btn--outline:active{transform:translateY(0)}.btn--outline-primary{background:transparent;color:#ffd166;border:2px solid #ffd166;box-shadow:0 4px 15px #ffd16633}.btn--outline-primary:hover{background:#ffd166;color:#0d0d0d;transform:translateY(-2px);box-shadow:0 6px 20px #ffd1664d}.btn--outline-primary:active{transform:translateY(0)}.btn--small{padding:.5rem 1.5rem;font-size:.9rem}.profile-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0df2,#0024544d,#4cc9f01a 50%,#0d0d0df2),url(/assets/images/characterPosition2.jpg) center/cover no-repeat;padding:2rem 1rem;position:relative}.profile-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(76,201,240,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,209,102,.08) 0%,transparent 50%);pointer-events:none}.profile-page .loading-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.profile-page .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 768px){.profile-container{grid-template-columns:350px 1fr;grid-template-areas:"sidebar main" "sidebar main"}}.profile-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:linear-gradient(145deg,#141923f2,#1e232de6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(76,201,240,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;text-align:center}.profile-card .avatar-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem}.profile-card .avatar-wrapper .avatar-uploader{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid rgba(255,255,255,.2);transition:all .3s ease;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card .avatar-wrapper .avatar-uploader:hover{border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.3)}.profile-card .avatar-wrapper .avatar-uploader img{width:100%;height:100%;object-fit:cover}.profile-card .avatar-wrapper .avatar-uploader .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff9;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.profile-card .avatar-uploader-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-card .avatar-uploader-wrapper .avatar-error{background:linear-gradient(135deg,#dc267f26,#dc267f0d);border:1px solid rgba(220,38,127,.3);border-radius:8px;padding:8px 12px;color:#ff6b9d;font-size:12px;text-align:center;max-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.profile-card .avatar-uploader-wrapper .avatar-error:before{content:"⚠️";margin-right:6px}.profile-card h2{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(45deg,#fafafa,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-card .rank-info{margin-bottom:1.5rem}.profile-card .rank-info .mmr-rank{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:#4cc9f01a;border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.profile-card .rank-info .mmr-rank:hover{background:#4cc9f033;transform:translateY(-2px)}.profile-card .rank-info .mmr-rank .rank{color:#ffd166;font-weight:700;font-size:1.1rem}.profile-card .rank-info .mmr-rank .mmr{color:#fafafacc;font-size:.9rem}.profile-card .rank-info .progress-container .progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:#fafafab3;margin-bottom:.5rem}.profile-card .rank-info .progress-container .progress{width:100%;height:8px;background:#fafafa1a;border-radius:8px;overflow:hidden;position:relative}.profile-card .rank-info .progress-container .progress .bar{height:100%;background:linear-gradient(90deg,#4cc9f0,#ffd166);border-radius:8px;transition:width .5s ease;position:relative}.profile-card .rank-info .progress-container .progress .bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stats-card{background:linear-gradient(145deg,#141923f2,#1e232de6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,209,102,.2);border-radius:16px;padding:1.2rem;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.stats-card h3{font-size:1rem;margin-bottom:.8rem;color:#ffd166;text-align:center}.stats-card .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.stats-card .stats-grid .stat-item{text-align:center}.stats-card .stats-grid .stat-item .stat-value{font-size:1.3rem;font-weight:700;color:#4cc9f0;display:block}.stats-card .stats-grid .stat-item .stat-label{font-size:.75rem;color:#fafafab3}.stats-card .social-stats{display:flex;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(76,201,240,.1)}.stats-card .social-stats .social-stat-item{flex:1;text-align:center;padding:.5rem;background:#4cc9f00d;border-radius:12px;border:1px solid rgba(76,201,240,.1);transition:all .3s ease;cursor:pointer}.stats-card .social-stats .social-stat-item:hover{background:#4cc9f01a;transform:translateY(-2px);border-color:#4cc9f04d}.stats-card .social-stats .social-stat-item .stat-value{font-size:1.1rem;font-weight:700;color:#3b82f6;display:block;margin-bottom:.25rem}.stats-card .social-stats .social-stat-item .stat-label{font-size:.7rem;color:#fafafacc;font-weight:500}.profile-main{grid-area:main;display:flex;flex-direction:column;gap:2rem}.tabs-nav{display:flex;gap:.5rem;margin-bottom:0;flex-wrap:wrap;background:#14192399;padding:.5rem;border-radius:16px;border:1px solid rgba(76,201,240,.2)}.tabs-nav button{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:12px;color:#fafafab3;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden}.tabs-nav button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,201,240,.2),transparent);transition:left .5s}.tabs-nav button:hover:before{left:100%}.tabs-nav button.active,.tabs-nav button:hover{background:linear-gradient(145deg,#4cc9f033,#ffd1661a);color:#fafafa;transform:translateY(-2px);box-shadow:0 4px 15px #4cc9f04d}.tabs-nav button.active{background:linear-gradient(145deg,#4cc9f0,#ffd166);color:#0d0d0d}.tab-content{background:linear-gradient(145deg,#141923f2,#1e232de6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(76,201,240,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.tab-content h3{font-size:1.4rem;margin-bottom:1.5rem;color:#4cc9f0;position:relative}.tab-content h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:50px;height:2px;background:linear-gradient(90deg,#4cc9f0,#ffd166);border-radius:1px}.tab-content .games-list{list-style:none;padding:0}.tab-content .games-list li{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:.5rem;background:#4cc9f00d;border-radius:12px;border:1px solid rgba(76,201,240,.1);transition:all .3s ease}.tab-content .games-list li:hover{background:#4cc9f01a;transform:translate(5px);border-color:#4cc9f04d}.tab-content .games-list li span:first-child{color:#fafafacc;font-size:.9rem}.tab-content .games-list li span:nth-child(2){color:#ffd166;font-weight:600}.tab-content .games-list li span:last-child{color:#00ff84;font-weight:700;padding:.25rem .75rem;background:#00ff841a;border-radius:20px;font-size:.8rem}.tab-content .games-list.full{max-height:500px;overflow-y:auto}.tab-content .games-list.full::-webkit-scrollbar{width:6px}.tab-content .games-list.full::-webkit-scrollbar-track{background:#fafafa1a;border-radius:3px}.tab-content .games-list.full::-webkit-scrollbar-thumb{background:#4cc9f080;border-radius:3px}.tab-content .games-list.full::-webkit-scrollbar-thumb:hover{background:#4cc9f0b3}.tab-content .heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.tab-content .heroes-grid .hero-card{background:linear-gradient(145deg,#4cc9f01a,#ffd1660d);border:1px solid rgba(76,201,240,.2);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.tab-content .heroes-grid .hero-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.tab-content .heroes-grid .hero-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #4cc9f04d;border-color:#4cc9f066}.tab-content .heroes-grid .hero-card:hover:before{left:100%}.tab-content .heroes-grid .hero-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin-bottom:1rem;border:2px solid rgba(76,201,240,.3)}.tab-content .heroes-grid .hero-card span{color:#fafafa;font-weight:600;font-size:.9rem}.tab-content .settings-tab form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.tab-content .settings-tab form label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#fafafae6;font-weight:600}.tab-content .settings-tab form input,.tab-content .settings-tab form textarea{padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(76,201,240,.2);background:#141923cc;color:#fafafa;resize:none;transition:all .3s ease}.tab-content .settings-tab form input:disabled,.tab-content .settings-tab form textarea:disabled{background:#15171ccc;border-color:#4cc9f033;color:#555560}.tab-content .settings-tab form input:focus,.tab-content .settings-tab form textarea:focus{outline:none;border-color:#4cc9f0;background:#141923;box-shadow:0 0 15px #4cc9f04d}.tab-content .settings-tab form input::placeholder,.tab-content .settings-tab form textarea::placeholder{color:#fafafa80}.tab-content .settings-tab form .error-message{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;color:#fca5a5;font-size:.9rem;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-content .settings-tab form .error-message:before{content:"⚠️";font-size:16px}.tab-content .settings-tab form button{align-self:flex-start;margin-top:1rem}.rank-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999}.rank-modal .modal-content{background:linear-gradient(145deg,#141923fa,#1e232df2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(76,201,240,.3);border-radius:20px;padding:2.5rem;width:90%;max-width:450px;position:relative;box-shadow:0 20px 60px #0009}.rank-modal .modal-content h3{text-align:center;margin-bottom:2rem;color:#4cc9f0;font-size:1.5rem}.rank-modal .modal-content ul{list-style:none;padding:0;max-height:400px;overflow-y:auto}.rank-modal .modal-content ul li{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:.5rem;border-radius:12px;transition:all .3s ease}.rank-modal .modal-content ul li.current{background:linear-gradient(145deg,#4cc9f033,#ffd1661a);border:1px solid rgba(76,201,240,.4);color:#ffd166;font-weight:700}.rank-modal .modal-content ul li:not(.current){background:#4cc9f00d;border:1px solid rgba(76,201,240,.1)}.rank-modal .modal-content ul li:not(.current):hover{background:#4cc9f01a}.rank-modal .modal-content .close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fafafa;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rank-modal .modal-content .close:hover{background:#fff3;transform:scale(1.1)}@media (max-width: 1024px){.profile-container{max-width:100%;padding:0 1rem}.profile-card,.tab-content{padding:1.8rem}}@media (max-width: 768px){.profile-page{padding:1rem .5rem}.profile-container{grid-template-columns:1fr;grid-template-areas:none;gap:1.5rem;padding:0}.profile-sidebar{order:1}.profile-main{order:2}.profile-card{padding:1.5rem;border-radius:16px}.profile-card h2{font-size:1.5rem}.profile-card .avatar-wrapper .avatar-uploader{width:100px;height:100px}.profile-card .rank-info .mmr-rank{flex-direction:column;gap:.5rem;padding:1rem}.profile-card .rank-info .mmr-rank .rank{font-size:1rem}.profile-card .rank-info .mmr-rank .mmr{font-size:.85rem}.profile-card .rank-info .progress-container .progress-label{font-size:.75rem}.stats-card{padding:1.2rem}.stats-card h3{font-size:1rem;margin-bottom:.8rem}.stats-card .stats-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.stats-card .stats-grid .stat-item .stat-value{font-size:1.3rem}.stats-card .stats-grid .stat-item .stat-label{font-size:.75rem}.stats-card .social-stats{gap:.5rem;margin-top:.8rem;padding-top:.8rem}.stats-card .social-stats .social-stat-item{padding:.5rem}.stats-card .social-stats .social-stat-item .stat-value{font-size:1.1rem}.stats-card .social-stats .social-stat-item .stat-label{font-size:.7rem}.tabs-nav{padding:.4rem;border-radius:12px;gap:.3rem}.tabs-nav button{padding:.6rem 1rem;font-size:.85rem;border-radius:8px}.tab-content{padding:1.5rem;border-radius:16px}.tab-content h3{font-size:1.2rem;margin-bottom:1.2rem}.tab-content .heroes-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem}.tab-content .heroes-grid .hero-card{padding:1rem .8rem;border-radius:12px}.tab-content .heroes-grid .hero-card img{border-radius:8px;margin-bottom:.8rem}.tab-content .heroes-grid .hero-card span{font-size:.8rem}.tab-content .games-list li{padding:.8rem 1rem;flex-direction:column;align-items:flex-start;gap:.3rem;border-radius:8px}.tab-content .games-list li span:first-child{font-size:.8rem;order:3}.tab-content .games-list li span:nth-child(2){font-size:.9rem;order:1}.tab-content .games-list li span:last-child{font-size:.75rem;order:2;align-self:flex-end;margin-top:-1.5rem}.tab-content .settings-tab form{gap:1.2rem}.tab-content .settings-tab form label{font-size:.85rem}.tab-content .settings-tab form input,.tab-content .settings-tab form textarea{padding:.8rem 1rem;font-size:.9rem}.rank-modal .modal-content{padding:2rem 1.5rem;margin:1rem;border-radius:16px}.rank-modal .modal-content h3{font-size:1.3rem;margin-bottom:1.5rem}.rank-modal .modal-content ul{max-height:300px}.rank-modal .modal-content ul li{padding:.8rem 1rem;font-size:.9rem;border-radius:8px}}@media (max-width: 480px){.profile-page{padding:.5rem .25rem}.profile-container{gap:1rem}.profile-card{padding:1.2rem}.profile-card h2{font-size:1.3rem}.profile-card .avatar-wrapper .avatar-uploader{width:80px;height:80px}.profile-card .rank-info{margin-bottom:1rem}.profile-card .rank-info .mmr-rank{padding:.8rem}.profile-card .rank-info .mmr-rank .rank{font-size:.9rem}.profile-card .rank-info .mmr-rank .mmr{font-size:.8rem}.stats-card{padding:1rem}.stats-card .stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.stats-card .stats-grid .stat-item .stat-value{font-size:1.1rem}.stats-card .stats-grid .stat-item .stat-label{font-size:.7rem}.tabs-nav{padding:.3rem;gap:.2rem;flex-wrap:wrap}.tabs-nav button{padding:.5rem .8rem;font-size:.8rem;min-width:calc(50% - .1rem);flex:1}.tabs-nav button:nth-child(odd):last-child{flex:1 1 100%}.tab-content{padding:1.2rem}.tab-content h3{font-size:1.1rem;margin-bottom:1rem}.tab-content .heroes-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.tab-content .heroes-grid .hero-card{padding:.8rem .5rem}.tab-content .heroes-grid .hero-card img{margin-bottom:.6rem}.tab-content .heroes-grid .hero-card span{font-size:.75rem}.tab-content .games-list li{padding:.7rem .8rem;margin-bottom:.4rem}.tab-content .games-list li span:first-child{font-size:.75rem}.tab-content .games-list li span:nth-child(2){font-size:.85rem}.tab-content .games-list li span:last-child{font-size:.7rem;padding:.2rem .6rem}.tab-content .settings-tab form{gap:1rem}.tab-content .settings-tab form label{font-size:.8rem;gap:.4rem}.tab-content .settings-tab form input,.tab-content .settings-tab form textarea{padding:.7rem .9rem;font-size:.85rem;border-radius:10px}.tab-content .settings-tab form button{padding:.7rem 1.5rem;font-size:.9rem}.rank-modal{padding:.5rem}.rank-modal .modal-content{padding:1.5rem 1rem;max-width:calc(100vw - 1rem)}.rank-modal .modal-content h3{font-size:1.2rem;margin-bottom:1.2rem}.rank-modal .modal-content ul{max-height:250px}.rank-modal .modal-content ul li{padding:.7rem .8rem;font-size:.85rem}.rank-modal .modal-content ul li span:first-child{font-size:.9rem}.rank-modal .modal-content ul li span:last-child{font-size:.8rem}.rank-modal .modal-content .close{width:28px;height:28px;top:10px;right:10px}}@media (max-width: 360px){.profile-card{padding:1rem}.profile-card h2{font-size:1.2rem}.profile-card .avatar-wrapper .avatar-uploader{width:70px;height:70px}.stats-card .stats-grid .stat-item .stat-value{font-size:1rem}.stats-card .stats-grid .stat-item .stat-label{font-size:.65rem}.tabs-nav button{padding:.4rem .6rem;font-size:.75rem}.tab-content{padding:1rem}.tab-content .heroes-grid{grid-template-columns:repeat(2,1fr)}.tab-content .heroes-grid .hero-card{padding:.7rem .4rem}.tab-content .heroes-grid .hero-card span{font-size:.7rem}}@media (max-width: 768px) and (orientation: landscape){.profile-page{padding:1rem .5rem}.profile-container{grid-template-columns:300px 1fr;grid-template-areas:"sidebar main";gap:1rem}.profile-sidebar{order:1}.profile-main{order:2}.profile-card{padding:1.2rem}.profile-card .avatar-wrapper .avatar-uploader{width:80px;height:80px}.stats-card .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.tabs-nav button{min-height:44px;padding:.7rem 1rem}.mmr-rank,.hero-card,.games-list li{min-height:44px}.rank-modal .close{min-width:44px;min-height:44px}}.friends-search{margin-bottom:20px}.friends-search .search-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.friends-search .search-header h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.friends-search .search-header h3 svg{color:#3b82f6}.friends-search .tabs{display:flex;gap:4px;margin-bottom:20px;background:#1e293b66;border-radius:12px;padding:4px;overflow-x:auto}.friends-search .tabs .tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.friends-search .tabs .tab svg{flex-shrink:0}.friends-search .tabs .tab:hover{background:#3b82f61a;color:#3b82f6}.friends-search .tabs .tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.friends-search .tabs .tab .tab-count{background:#fff3;color:currentColor;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.friends-search .tabs .tab.active .tab-count{background:#ffffff4d}.friends-search .tabs::-webkit-scrollbar{height:2px}.friends-search .tabs::-webkit-scrollbar-track{background:#1e293b4d}.friends-search .tabs::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:1px}.friends-search .search-input-wrapper{position:relative;margin-bottom:20px}.friends-search .search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;z-index:2}.friends-search .search-input-wrapper .search-input{width:100%;padding:12px 16px 12px 40px;background:#1e293b99;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#e2e8f0;font-size:14px;transition:all .3s ease}.friends-search .search-input-wrapper .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.friends-search .search-input-wrapper .search-input::placeholder{color:#64748b}.friends-search .search-results .loading-state{text-align:center;padding:20px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px}.friends-search .search-results .loading-state:before{content:"";width:16px;height:16px;border:2px solid #64748b;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.friends-search .search-results .empty-state{text-align:center;padding:20px;color:#64748b;font-style:italic}.friends-search .search-results .user-result{display:flex;align-items:center;gap:12px;padding:12px;background:#1e293b66;border-radius:12px;margin-bottom:8px;transition:all .3s ease}.friends-search .search-results .user-result:hover{background:#1e293b99;transform:translateY(-1px)}.friends-search .search-results .user-result .user-info{display:flex;align-items:center;gap:12px;flex:1}.friends-search .search-results .user-result .user-info .user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;overflow:hidden}.friends-search .search-results .user-result .user-info .user-avatar img{width:100%;height:100%;object-fit:cover}.friends-search .search-results .user-result .user-info .user-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.friends-search .search-results .user-result .user-info .user-details{flex:1}.friends-search .search-results .user-result .user-info .user-details .username{color:#e2e8f0;font-weight:500;margin-bottom:2px;font-size:14px}.friends-search .search-results .user-result .user-info .user-details .user-status{color:#64748b;font-size:12px}.friends-search .search-results .user-result .user-actions{display:flex;gap:8px}.friends-search .search-results .user-result .user-actions .action-btn{padding:8px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.friends-search .search-results .user-result .user-actions .action-btn.follow-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.friends-search .search-results .user-result .user-actions .action-btn.follow-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.friends-search .search-results .user-result .user-actions .action-btn.follow-btn.following{background:linear-gradient(135deg,#10b981,#059669)}.friends-search .search-results .user-result .user-actions .action-btn.chat-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.friends-search .search-results .user-result .user-actions .action-btn.chat-btn:hover{background:#3b82f633;transform:translateY(-1px)}.friends-search .search-results .user-result .user-actions .action-btn.accept-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.friends-search .search-results .user-result .user-actions .action-btn.accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.friends-search .search-results .user-result .user-actions .action-btn.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.friends-search .search-results .user-result .user-actions .action-btn.reject-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.friends-search .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 10px}.friends-search .pagination .pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1e293b99;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;cursor:pointer;transition:all .3s ease}.friends-search .pagination .pagination-btn:hover:not(:disabled){background:#3b82f61a;transform:translateY(-1px)}.friends-search .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:#64748b}.friends-search .pagination .pagination-info{color:#e2e8f0;font-size:14px;font-weight:500;padding:0 8px}.friends-search .results-info{text-align:center;color:#64748b;font-size:13px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(59,130,246,.1)}.chat-window{position:fixed;bottom:20px;right:20px;width:350px;height:500px;background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:16px;border:1px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;z-index:1000}.chat-window .chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.2)}.chat-window .chat-header .chat-title{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:600}.chat-window .chat-header .chat-title .chat-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.chat-window .chat-header .chat-title svg{color:#3b82f6}.chat-window .chat-header .close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .3s ease}.chat-window .chat-header .close-btn:hover{background:#3b82f61a;color:#3b82f6}.chat-window .chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-window .chat-messages .loading-messages{text-align:center;color:#64748b;padding:20px}.chat-window .chat-messages .empty-chat{text-align:center;color:#64748b;padding:20px;font-style:italic}.chat-window .chat-messages .message-group .date-separator{text-align:center;color:#64748b;font-size:12px;margin:16px 0 8px;position:relative}.chat-window .chat-messages .message-group .date-separator:before,.chat-window .chat-messages .message-group .date-separator:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#64748b4d}.chat-window .chat-messages .message-group .date-separator:before{left:0}.chat-window .chat-messages .message-group .date-separator:after{right:0}.chat-window .chat-messages .message-group .message-wrapper{width:100%;margin-bottom:8px;display:flex}.chat-window .chat-messages .message-group .message-wrapper.own{justify-content:flex-end}.chat-window .chat-messages .message-group .message-wrapper.other{justify-content:flex-start}.chat-window .chat-messages .message-group .message-wrapper .message-bubble{max-width:80%;display:flex;flex-direction:column}.chat-window .chat-messages .message-group .message-wrapper .message-bubble .message-content{padding:8px 12px 4px;word-wrap:break-word;font-size:14px;line-height:1.4;border-radius:16px}.chat-window .chat-messages .message-group .message-wrapper .message-bubble .message-time{font-size:10px;margin-top:2px;padding:0 12px 6px;line-height:1}.chat-window .chat-messages .message-group .message-wrapper.own .message-bubble .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:16px 16px 4px}.chat-window .chat-messages .message-group .message-wrapper.own .message-bubble .message-time{text-align:right;color:#fff9}.chat-window .chat-messages .message-group .message-wrapper.other .message-bubble .message-content{background:#1e293b99;color:#e2e8f0;border-radius:16px 16px 16px 4px}.chat-window .chat-messages .message-group .message-wrapper.other .message-bubble .message-time{text-align:left;color:#e2e8f099}.chat-window .chat-messages::-webkit-scrollbar{width:4px}.chat-window .chat-messages::-webkit-scrollbar-track{background:#1e293b4d;border-radius:2px}.chat-window .chat-messages::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:2px}.chat-window .chat-messages::-webkit-scrollbar-thumb:hover{background:#3b82f699}.chat-window .chat-input{display:flex;align-items:center;gap:8px;padding:16px;border-top:1px solid rgba(59,130,246,.2)}.chat-window .chat-input input{flex:1;padding:10px 12px;background:#1e293b99;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#e2e8f0;font-size:14px;transition:all .3s ease}.chat-window .chat-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.chat-window .chat-input input::placeholder{color:#64748b}.chat-window .chat-input button{padding:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.chat-window .chat-input button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.chat-window .chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.profile-container{display:flex;flex-direction:column}.friends-search{padding:16px;margin:0 -16px 20px;border-radius:0}.friends-search .tabs{margin:0 -4px 16px;padding:4px;gap:2px}.friends-search .tabs .tab{padding:6px 8px;font-size:12px;gap:4px}.friends-search .tabs .tab span{display:none}.friends-search .tabs .tab .tab-count{font-size:10px;padding:1px 4px;min-width:16px}.friends-search .tabs .tab svg{width:14px;height:14px}.friends-search .search-input-wrapper{margin-bottom:16px}.friends-search .search-input-wrapper .search-input{padding:10px 12px 10px 36px;font-size:14px}.friends-search .search-input-wrapper .search-icon{left:10px;width:16px;height:16px}.friends-search .user-result{padding:10px;gap:10px}.friends-search .user-result .user-info{gap:10px}.friends-search .user-result .user-info .user-avatar{width:35px;height:35px;font-size:12px}.friends-search .user-result .user-info .user-details .username{font-size:13px}.friends-search .user-result .user-info .user-details .user-status{font-size:11px}.friends-search .user-result .user-actions{flex-direction:column;gap:4px}.friends-search .user-result .user-actions .action-btn{font-size:11px;padding:6px;min-width:32px;height:32px}.friends-search .user-result .user-actions .action-btn svg{width:14px;height:14px}.friends-search .pagination{gap:8px;margin:16px 0 8px}.friends-search .pagination .pagination-btn{width:32px;height:32px}.friends-search .pagination .pagination-btn svg{width:14px;height:14px}.friends-search .pagination .pagination-info{font-size:13px;padding:0 6px}.friends-search .results-info{font-size:12px;margin-top:8px;padding-top:8px}.chat-window{position:fixed;bottom:0;right:0;left:0;width:100%;height:70vh;border-radius:16px 16px 0 0}.chat-window .chat-messages,.chat-window .chat-input{padding:12px}}@media (max-width: 360px){.friends-search .tabs .tab{padding:4px 6px}.friends-search .tabs .tab svg{width:12px;height:12px}.friends-search .tabs .tab .tab-count{font-size:9px;padding:1px 3px;min-width:14px}.friends-search .user-result .user-avatar{width:32px;height:32px;font-size:11px}.friends-search .user-result .user-details .username{font-size:12px}.friends-search .user-result .user-details .user-status{font-size:10px}.friends-search .user-result .user-actions .action-btn{min-width:28px;height:28px;padding:4px}.friends-search .user-result .user-actions .action-btn svg{width:12px;height:12px}.chat-window{height:80vh}}.friends-tab{padding:0}.social-info{display:flex;gap:1rem;color:#fafafa;margin-top:1rem;margin-bottom:1rem}.social-info .social-info-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#4cc9f00d;border-radius:12px;border:1px solid rgba(76,201,240,.1);flex:1;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.social-info .social-info-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,201,240,.1),transparent);transition:left .5s}.social-info .social-info-item:hover{background:#4cc9f01a;transform:translateY(-2px);border-color:#4cc9f04d;box-shadow:0 4px 15px #4cc9f033}.social-info .social-info-item:hover:before{left:100%}.social-info .social-info-item:hover .stat-value{transform:scale(1.05)}.social-info .social-info-item .stat-label{font-size:.8rem;color:#fafafab3;font-weight:500;order:2}.social-info .social-info-item .stat-value{font-size:1.4rem;font-weight:700;background:linear-gradient(45deg,#fafafa,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;order:1;transition:transform .3s ease;position:relative}.social-info .social-info-item .stat-value:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#4cc9f0,#ffd166);border-radius:1px;transition:width .3s ease}.social-info .social-info-item:hover .stat-value:after{width:80%}@media (max-width: 768px){.social-info{gap:.8rem;margin-top:.8rem}.social-info .social-info-item{padding:.6rem;gap:.4rem}.social-info .social-info-item .stat-label{font-size:.75rem}.social-info .social-info-item .stat-value{font-size:1.2rem}}@media (max-width: 480px){.social-info{gap:.6rem;flex-wrap:wrap}.social-info .social-info-item{padding:.5rem;min-width:calc(50% - .3rem)}.social-info .social-info-item .stat-label{font-size:.7rem}.social-info .social-info-item .stat-value{font-size:1.1rem}}@media (max-width: 360px){.social-info .social-info-item .stat-value{font-size:1rem}.social-info .social-info-item .stat-label{font-size:.65rem}}.typing-indicator{text-align:center;color:#64748b;font-size:12px;padding:4px 0 8px}