.header-actions{display:flex;align-items:center;gap:10px}.profile-btn{display:flex;align-items:center;gap:9px;background:#151923;border:1px solid var(--line);color:var(--text);padding:8px 12px;font:700 10px "Chakra Petch";letter-spacing:1px}.profile-btn i{font-style:normal;color:var(--lime);font-size:8px}.profile-modal{width:min(780px,95vw)}.profile-shell{background:#0c0f17;border:1px solid #353b4b}.profile-head{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.profile-head small{color:var(--lime);font:600 9px "Chakra Petch";letter-spacing:2px}.profile-head h2{font:700 25px "Chakra Petch";margin:3px 0}.profile-head button{border:1px solid var(--line);background:none;color:var(--text);font-size:22px;padding:3px 11px}.profile-body{padding:25px}.identity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.avatar{width:70px;height:70px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:700 31px "Chakra Petch";clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.name-edit label,.level-box small{display:block;color:var(--muted);font:600 8px "Chakra Petch";letter-spacing:1.5px;margin-bottom:7px}.name-edit>div{display:flex}.name-edit input{min-width:0;width:100%;background:#151923;border:1px solid var(--line);color:var(--text);padding:11px;font:600 14px "Chakra Petch";outline:0}.name-edit button{background:var(--lime);border:0;padding:0 15px;font:700 9px "Chakra Petch"}.level-box{text-align:center;border-left:1px solid var(--line);padding-left:22px}.level-box strong{font:700 36px "Chakra Petch";color:var(--lime)}.xp-section{margin:25px 0}.xp-section>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font:600 9px "Chakra Petch";margin-bottom:8px}.xp-track{height:7px;background:#202431}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--lime));box-shadow:0 0 12px rgba(201,255,54,.4);transition:.5s}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:24px}.profile-stats div{padding:15px;text-align:center;border-right:1px solid var(--line)}.profile-stats div:last-child{border:0}.profile-stats strong{display:block;font:700 23px "Chakra Petch"}.profile-stats span{font:600 7px "Chakra Petch";color:var(--muted);letter-spacing:1px}.profile-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px}.profile-tabs button{background:none;border:0;color:var(--muted);padding:12px 0;font:600 9px "Chakra Petch";letter-spacing:1px}.profile-tabs button.active{color:var(--lime);border-bottom:2px solid var(--lime)}.tab-panel{padding-top:17px;max-height:275px;overflow:auto}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.achievement{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);opacity:.4}.achievement.unlocked{opacity:1;border-color:rgba(201,255,54,.35)}.achievement-icon{width:38px;height:38px;display:grid;place-items:center;background:#1c2130;color:var(--muted);font-size:18px}.unlocked .achievement-icon{background:rgba(201,255,54,.12);color:var(--lime)}.achievement strong{display:block;font:600 11px "Chakra Petch"}.achievement p{font-size:9px;color:var(--muted);margin:3px 0}.ranking-filter{display:flex;gap:6px;overflow:auto;padding-bottom:12px}.ranking-filter button{white-space:nowrap;background:none;border:1px solid var(--line);color:var(--muted);padding:7px 9px;font:600 8px "Chakra Petch"}.ranking-filter button.active{background:var(--text);color:var(--ink)}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:35px 1fr auto;gap:10px;padding:10px;border-bottom:1px solid var(--line);font:600 10px "Chakra Petch"}.ranking-list li b{color:var(--lime)}.ranking-list li span:last-child{color:var(--muted)}.ranking-empty{text-align:center!important;display:block!important;color:var(--muted);padding:25px!important}.xp-toast{position:fixed;z-index:100;right:25px;bottom:25px;background:#111621;border:1px solid var(--lime);padding:13px 18px;color:var(--lime);font:700 10px "Chakra Petch";animation:toast 2.6s forwards}@keyframes toast{0%{transform:translateY(20px);opacity:0}15%,80%{transform:none;opacity:1}100%{opacity:0;transform:translateY(-10px)}}@media(max-width:600px){.profile-btn span{display:none}.profile-body{padding:17px}.identity{grid-template-columns:auto 1fr}.level-box{display:none}.profile-stats{grid-template-columns:1fr 1fr}.profile-stats div:nth-child(2){border-right:0}.achievement-grid{grid-template-columns:1fr}}