.profile-panel{position:absolute;inset:0;z-index:200;pointer-events:auto;background:radial-gradient(ellipse at 70% 0%,#164560,#07192c 75%);padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));display:grid;grid-template-rows:40px 36px 20px minmax(0,1fr);gap:8px;direction:rtl}
.profile-panel header{display:flex;align-items:center;gap:16px}.profile-panel h2{font-size:19px;margin:0}.profile-panel button{font:inherit;border:1px solid #679fba60;border-radius:9px;padding:5px 12px;background:#15394e;color:#dff7f5;cursor:pointer}.profile-panel button:disabled{opacity:.4}.profile-tabs{display:flex;gap:7px}.profile-tabs button[aria-selected=true]{background:#b4efd2;color:#14363c}.profile-status{margin:0;font-size:11px;color:#cfedb8}.profile-content{overflow:auto;touch-action:pan-y;padding:4px;min-height:0;font-size:12px}.profile-summary{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto 15px}.profile-summary>div:last-child{flex:1}.profile-summary h3{margin:0 0 5px}.profile-summary span{color:#a4c9d6}.profile-panel progress{display:block;width:100%;height:8px;margin-top:8px;accent-color:#8be3c6}.level-medal{position:relative;width:60px;text-align:center}.level-medal img{width:54px;height:54px}.level-medal b{display:block;color:#ffe7a5;font-size:20px}#profileForm{display:flex;gap:10px;align-items:end;max-width:640px;margin:0 auto 14px}#profileForm label{display:grid;gap:4px;flex:1;color:#9bc6d2}#profileForm input,#profileForm select{width:100%;min-width:0;padding:7px;border:1px solid #5b849766;border-radius:8px;color:#fff;background:#10283b;font:inherit;user-select:text}#profileForm button{background:#9de8c6;color:#153a3a;min-height:36px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:780px;margin:auto}.profile-stats>div{display:flex;align-items:center;gap:8px;padding:12px;background:#193a5166;border:1px solid #517c902f;border-radius:12px}.profile-stats strong{font-size:17px}.profile-stats span{font-size:10px;color:#a8c4d3}.profile-help{text-align:center;font-size:10px;color:#9ac0cc;margin:15px auto;max-width:640px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1000px;margin:auto}.achievement{display:flex;gap:10px;background:#0d2a3d;padding:14px;border:1px solid #48637760;border-radius:12px;opacity:.7}.achievement.earned{border-color:#e8c45b;opacity:1}.achievement>img{width:38px;height:38px}.achievement h3{font-size:13px;margin:0}.achievement p{font-size:10px;color:#b9d2da}.achievement small{display:block;margin-top:5px;color:#c7d4a5}.profile-records{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:900px;margin:auto}.profile-records article{background:#17384b88;padding:12px;border-radius:10px}.profile-records article>span{float:left;font-size:10px;color:#adc5cc}.profile-records p{font-size:11px;color:#adcad6}.profile-records b{color:#b7e7b9}.profile-pages{display:flex;gap:16px;justify-content:center;align-items:center;margin:15px}.profile-empty{text-align:center;padding:35px}.profile-menu-button{font:inherit;border:1px solid #82c7c855;border-radius:10px;background:#17394a;color:#cdf4e5;padding:5px 10px;font-size:11px;white-space:nowrap}
@media(max-height:500px){.profile-panel{gap:5px;grid-template-rows:32px 30px 17px minmax(0,1fr);padding:8px 12px}.profile-panel h2{font-size:16px}.profile-panel button{font-size:11px}.profile-tabs{font-size:11px}.profile-menu-button{font-size:10px;padding:4px 7px}.profile-stats>div{padding:8px}.achievement{padding:10px}.profile-summary{margin-bottom:8px}.profile-summary h3{font-size:15px}.level-medal img{width:38px;height:38px}.level-medal b{font-size:15px}}
@media(max-width:700px){.achievement-grid{grid-template-columns:repeat(2,1fr)}.profile-stats span{font-size:8px}.profile-stats>div{gap:3px}.profile-stats img{width:23px;height:23px}.profile-records{grid-template-columns:1fr}.lobby-status{display:none}}