[data-aos]{opacity:1!important;transform:none!important;visibility:visible!important}
.video-background-container{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:-1!important;overflow:hidden;pointer-events:none}
.video-background-container video,#background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:.4}
.hero-header{background:linear-gradient(180deg,rgba(27,40,56,.95) 0%,rgba(22,32,45,.98) 100%);padding:20px;margin-bottom:15px}
.hero-content{display:flex;align-items:flex-start;gap:20px;max-width:1200px;margin:0 auto;position:relative}
.avatar-section{flex-shrink:0}
.profile-info{flex:1;min-width:0}
.level-container{position:absolute;top:0;right:0}
.level-badge{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:3px solid #d4af37;border-radius:50%;text-decoration:none}
.profile-social-icons{justify-content:flex-start!important}
.profile-animated-question{margin:10px 0}
.location{margin-bottom:8px}
@media(max-width:768px){.hero-content{flex-direction:column;align-items:center;text-align:center}.level-container{position:relative;margin-top:15px}.profile-social-icons{justify-content:center!important}}
.username.glitch{font-size:28px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(102,192,244,.3);letter-spacing:.5px;display:flex;align-items:center;gap:4px}
.username.glitch::before,.username.glitch::after{display:none!important}
.profile-animated-question{margin:12px 0;padding:12px 18px;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(20,25,35,.5));border-left:3px solid #d4af37;border-radius:0 6px 6px 0;backdrop-filter:blur(5px)}
.animated-valve-title{font-size:14px;color:#c7d5e0;font-style:italic;line-height:1.7}
#profile-valve-text>span{display:inline;margin:0 .2em}
#profile-valve-text>span>span{display:inline-block;opacity:0;animation:letter-appear .08s ease forwards}
@keyframes letter-appear{to{opacity:1}}
.glitch-word{color:#ff6b6b!important;font-weight:700;font-style:normal;text-shadow:0 0 10px rgba(255,107,107,.8),0 0 20px rgba(255,50,50,.4);animation:glitch-text .3s infinite;position:relative}
@keyframes glitch-text{0%,100%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}
.avatar{position:relative;z-index:1}
.avatar::before{content:'';position:absolute;inset:-10px;background:conic-gradient(from 0deg,rgba(102,192,244,.6),rgba(139,92,246,.4),rgba(102,192,244,.6));border-radius:8px;filter:blur(15px);opacity:.7;z-index:-1;animation:avatar-glow 4s ease-in-out infinite}
@keyframes avatar-glow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}
.avatar:hover::before{opacity:1;filter:blur(20px)}
.avatar:hover .avatar-img{transform:scale(1.03)}
.avatar-img{position:relative;z-index:2;border-radius:4px;transition:transform .3s ease}
.avatar-frame{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 0 8px rgba(102,192,244,.5))}
.level-badge{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.level-badge::before{content:'';position:absolute;inset:-5px;background:conic-gradient(from 0deg,#d4af37,#f0d977,#d4af37,#b8941e,#d4af37);border-radius:50%;filter:blur(8px);opacity:.6;z-index:-1;animation:level-rotate 4s linear infinite}
@keyframes level-rotate{to{filter:blur(8px) hue-rotate(30deg);transform:rotate(360deg)}}
.level-badge:hover{transform:scale(1.15) rotate(5deg)}
.level-badge:hover::before{opacity:1;filter:blur(12px)}
.level-number{font-size:26px!important;font-weight:800!important;background:linear-gradient(135deg,#ffd700 0%,#ffec8b 30%,#d4af37 60%,#b8941e 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(212,175,55,.5));animation:level-shine 3s ease-in-out infinite}
@keyframes level-shine{0%,100%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(212,175,55,.5))}50%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 25px rgba(255,215,0,.8))}}
.status-banned{animation:banned-pulse 1.5s ease-in-out infinite;text-shadow:0 0 10px rgba(255,68,68,.8)}
@keyframes banned-pulse{0%,100%{box-shadow:0 0 10px rgba(255,68,68,.5),0 0 20px rgba(255,68,68,.3)}50%{box-shadow:0 0 20px rgba(255,68,68,.8),0 0 40px rgba(255,68,68,.5)}}
.profile-social-icons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:15px}
.profile-social-link{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}
.profile-social-link:hover{transform:translateY(-6px) scale(1.1)}
.profile-social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(30,35,45,.9);border:2px solid rgba(102,192,244,.3);transition:all .3s ease}
.profile-social-link:hover .profile-social-icon{border-color:#66c0f4;box-shadow:0 0 20px rgba(102,192,244,.5);background:rgba(102,192,244,.1)}
.profile-icon-svg{width:20px;height:20px;fill:#c7d5e0;transition:fill .3s ease}
.profile-social-link:hover .profile-icon-svg{fill:#fff}
.profile-social-link:hover .profile-twitter{border-color:#1da1f2;box-shadow:0 0 20px rgba(29,161,242,.5)}
.profile-social-link:hover .profile-twitter .profile-icon-svg{fill:#1da1f2}
.profile-social-link:hover .profile-instagram{border-color:#e1306c;box-shadow:0 0 20px rgba(225,48,108,.5)}
.profile-social-link:hover .profile-instagram .profile-icon-svg{fill:#e1306c}
.profile-social-link:hover .profile-youtube{border-color:#f00;box-shadow:0 0 20px rgba(255,0,0,.5)}
.profile-social-link:hover .profile-youtube .profile-icon-svg{fill:#f00}
.content-box,.profile_customization{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}
.content-box::after,.profile_customization::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}
.content-box:hover::after,.profile_customization:hover::after{left:150%}
.content-box:hover,.profile_customization:hover{transform:translateY(-6px);box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 20px rgba(102,192,244,.2);border-color:rgba(102,192,244,.5)}
.important-link{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}
.important-link:hover{transform:translateY(-4px) translateX(8px);box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 15px rgba(212,175,55,.3)}
.showcase_item,.game_link,.workshop_item{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}
.showcase_item:hover,.game_link:hover,.workshop_item:hover{transform:scale(1.08) rotate(1deg);z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.stat-box,.stat_item{transition:all .3s ease}
.stat-box:hover,.stat_item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}
.flag-icon,.profile-badge{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}
.flag-icon:hover{transform:scale(1.2) rotate(-5deg)}
.profile-badge:hover{transform:scale(1.3) rotate(10deg)}
.cta-button,.hero-link-btn,.archive_profile_button{transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}
.cta-button:hover,.hero-link-btn:hover,.archive_profile_button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(26,159,255,.4)}
.box-title{position:relative;display:inline-block}
.box-title::after{content:'';position:absolute;bottom:-5px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#d4af37,#66c0f4);border-radius:2px}
::selection{background:rgba(102,192,244,.4);color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid #66c0f4;outline-offset:3px}
@media(max-width:768px){.username.glitch{font-size:26px}.level-number{font-size:22px!important}.avatar::before{display:none}.level-badge::before{display:none}.content-box:hover,.profile_customization:hover{transform:translateY(-3px)}.profile-social-icon{width:38px;height:38px}.status-banned{animation:none;box-shadow:0 0 15px rgba(217,83,79,.6)}}
@media(max-width:480px){.avatar::before{display:none}.profile-social-icon{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.avatar::before,.level-badge::before{animation:none!important}.status-banned{animation:none!important}.glitch-word{animation:none!important}}
.username-fire{width:32px;height:32px;vertical-align:middle;display:inline-block;margin:0 2px;filter:drop-shadow(0 0 8px rgba(255,100,0,.8)) drop-shadow(0 0 15px rgba(255,50,0,.5));animation:fire-pulse 1s ease-in-out infinite}
.username-fire-left{animation:fire-pulse 1s ease-in-out infinite,fire-float-left 2s ease-in-out infinite}
.username-fire-right{animation:fire-pulse 1s ease-in-out infinite,fire-float-right 2s ease-in-out infinite}
@keyframes fire-pulse{0%,100%{filter:drop-shadow(0 0 8px rgba(255,100,0,.8)) drop-shadow(0 0 15px rgba(255,50,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,150,0,1)) drop-shadow(0 0 25px rgba(255,80,0,.8));transform:scale(1.1)}}
@keyframes fire-float-left{0%,100%{transform:translateY(0) rotate(-5deg) scale(1)}50%{transform:translateY(-3px) rotate(5deg) scale(1.1)}}
@keyframes fire-float-right{0%,100%{transform:translateY(0) rotate(5deg) scale(1)}50%{transform:translateY(-3px) rotate(-5deg) scale(1.1)}}
.username.glitch:hover .username-fire{filter:drop-shadow(0 0 20px rgba(255,200,0,1)) drop-shadow(0 0 40px rgba(255,100,0,.9));transform:scale(1.2)}
@media(max-width:768px){.username-fire{width:24px;height:24px}}
@media(max-width:480px){.username-fire{width:20px;height:20px}}
.flag-icon{width:24px;height:18px;filter:drop-shadow(0 0 5px rgba(255,215,0,.5));animation:flag-wave 2s ease-in-out infinite;transform-origin:left center}
@keyframes flag-wave{0%,100%{transform:rotate(0deg) scaleX(1)}25%{transform:rotate(2deg) scaleX(1.02)}75%{transform:rotate(-1deg) scaleX(.98)}}
.flag-icon:hover{filter:drop-shadow(0 0 10px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(0,87,184,.6));animation:flag-wave .5s ease-in-out infinite}
.profile-badge{filter:drop-shadow(0 0 5px rgba(255,215,0,.4));animation:badge-float 3s ease-in-out infinite}
@keyframes badge-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}
.profile-badge:hover{filter:drop-shadow(0 0 15px rgba(255,215,0,.9)) drop-shadow(0 0 30px rgba(255,100,0,.5));animation:badge-spin .5s ease-in-out}
@keyframes badge-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}
.avatar-frame{animation:frame-glow 3s ease-in-out infinite}
@keyframes frame-glow{0%,100%{filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}50%{filter:drop-shadow(0 0 15px rgba(212,175,55,.8)) drop-shadow(0 0 25px rgba(102,192,244,.4))}}
.avatar:hover .avatar-frame{filter:drop-shadow(0 0 20px rgba(212,175,55,1)) drop-shadow(0 0 40px rgba(102,192,244,.6));animation:frame-pulse .3s ease-in-out infinite}
@keyframes frame-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
.profile-social-icon{position:relative;overflow:hidden}
.profile-social-icon::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 60%);opacity:0;transition:opacity .3s}
.profile-social-link:hover .profile-social-icon::before{opacity:1}
.profile-icon-svg{transition:all .3s ease}
.profile-social-link:hover .profile-icon-svg{filter:drop-shadow(0 0 8px currentColor)}
.profile-social-link:hover .profile-twitter{background:linear-gradient(135deg,#1da1f2,#0a66c2);border-color:#1da1f2;box-shadow:0 0 25px rgba(29,161,242,.6),inset 0 0 15px rgba(255,255,255,.1)}
.profile-social-link:hover .profile-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#e1306c;box-shadow:0 0 25px rgba(225,48,108,.6),inset 0 0 15px rgba(255,255,255,.1)}
.profile-social-link:hover .profile-telegram{background:linear-gradient(135deg,#0088cc,#00b2ff);border-color:#0088cc;box-shadow:0 0 25px rgba(0,136,204,.6),inset 0 0 15px rgba(255,255,255,.1)}
.profile-social-link:hover .profile-email{background:linear-gradient(135deg,#888,#555);border-color:#888;box-shadow:0 0 25px rgba(136,136,136,.6),inset 0 0 15px rgba(255,255,255,.1)}
.link-icon{transition:all .3s ease}
.important-link:hover .link-icon{transform:scale(1.2) rotate(10deg);filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}
.important-link:hover .link-icon svg{filter:drop-shadow(0 0 5px currentColor)}
.stat-badge{transition:all .3s ease;position:relative}
.stat-badge:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(102,192,244,.5)}
.top-logo-img{transition:all .3s ease;filter:drop-shadow(0 0 10px rgba(102,192,244,.3))}
.top-logo-img:hover{filter:drop-shadow(0 0 20px rgba(102,192,244,.6)) drop-shadow(0 0 40px rgba(212,175,55,.4));transform:scale(1.05)}
.header-logo{transition:all .3s ease}
.header-logo:hover{filter:drop-shadow(0 0 15px rgba(102,192,244,.5))}
.showcase_item{position:relative}
.showcase_item::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s;pointer-events:none;border-radius:4px}
.showcase_item:hover::after{opacity:1}
.game_link{position:relative;overflow:hidden}
.game_link::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.1),transparent 30%);animation:none;opacity:0}
.game_link:hover::before{animation:card-rotate 2s linear infinite;opacity:1}
@keyframes card-rotate{to{transform:rotate(360deg)}}
.workshop_item img{transition:all .3s ease}
.workshop_item:hover img{filter:brightness(1.2) saturate(1.2)}
.emoticon,.achievement_img{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}
.emoticon:hover,.achievement_img:hover{transform:scale(1.3) rotate(10deg);filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}
