/* Account card: clear hierarchy, compact stats and two distinct progress tracks. */
#playerCard.account-card{--rank-accent:#b99bff;cursor:default;padding:24px;background:radial-gradient(ellipse at 95% 0,#533d6829,transparent 65%),linear-gradient(145deg,#192841,#101c31);border:1px solid #45607d;border-radius:24px;box-shadow:0 18px 45px #03081650;overflow:hidden}
.account-card .account-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #38516b70;margin-bottom:22px}.account-meta>div:first-child{min-width:0}.account-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;color:#9db4cf;font-weight:800;margin-bottom:5px}.account-card #profileId{background:none;border:0;padding:0;color:#a6bdd4;font-size:11px;overflow-wrap:anywhere;min-height:0}.account-meta .profile-tools{display:flex;gap:8px;margin:0}.account-meta .profile-tools button{width:42px;height:42px;min-height:42px;padding:0;border-radius:12px;background:#15263c;border:1px solid #3d5772;color:#bfe1f8;font-size:18px}
.account-identity{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px}.account-avatar{display:grid;place-items:center;width:80px;height:80px;padding:0;border:2px solid #b99bff90;border-radius:24px;background:radial-gradient(circle at 32% 22%,#7a5b9c,#233856 65%);box-shadow:inset 0 1px 0 #ffffff20,0 8px 24px #080b2755;cursor:pointer}.account-avatar #avatar{font-size:43px;line-height:1.2}.account-card .account-identity h2{font-size:23px;line-height:1.3;margin:0 0 7px;color:#f4f7ff;letter-spacing:-.5px;overflow-wrap:anywhere}.account-card #playerName{font-weight:800}.account-card #profileSubtitle{font-size:12px;color:#b1c7db;margin:0 0 8px;line-height:1.5}.account-brigade{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid #446271;border-radius:20px;padding:4px 9px;background:#173239;color:#9ee9d2;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.account-level-chip{text-align:center;background:#203c54;border:1px solid #54869a;border-radius:15px;padding:10px 13px;color:#b3fbe5;min-width:65px}.account-level-chip small{display:block;font-size:9px;letter-spacing:1px}.account-level-chip b{display:block;font-size:25px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-bottom:24px}.account-card .account-actions button{min-height:44px;margin:0;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.5;white-space:normal}.account-card .telegram-profile-button{background:#183b50;border-color:#467f97;color:#b8f0fa;box-shadow:none}.account-actions .ghost{background:#242c46;border:1px solid #68658e;color:#e5dafa}
.ap-core{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ap-rank,.ap-xp{padding:20px 18px;border:1px solid #3d576e;border-radius:17px;min-width:0}.ap-rank{background:linear-gradient(145deg,#342e49,#1d2a40)}.ap-xp{background:linear-gradient(145deg,#17393e,#19283f)}.ap-label{display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;line-height:1.6;color:#bdd0e3}.ap-rank-heading{display:flex;align-items:center;gap:13px}.ap-insignia{display:grid;place-items:center;flex:0 0 47px;height:52px;color:var(--rank-accent);border:1px solid var(--rank-accent);background:#182137;border-radius:13px 13px 20px 20px;font-size:22px;font-weight:900}.account-card .ap-rank h3{color:var(--rank-accent);font-size:19px;line-height:1.35;margin:6px 0}.ap-rank-heading small{font-size:10px;color:#b4c4d8;line-height:1.6}.ap-rank-next{margin-top:17px;padding-top:14px;border-top:1px solid #bda1df26}.ap-rank-next>span{display:block;font-size:10px;color:#b4c4d8;margin-bottom:4px}.ap-rank-next b{display:block;font-size:13px;line-height:1.6;color:#e6dfff}.ap-rank-next>small{display:block;font-size:10px;line-height:1.6;color:#b4c4d8;margin-top:5px}.ap-total{margin:7px 0 18px;color:#c0ffe7;font-size:clamp(26px,4vw,37px);font-weight:900;letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ap-total>span{font-size:14px;font-weight:600;color:#79c5b8;letter-spacing:0}.ap-level-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;color:#c7e8ee}.ap-level-line span{color:#86d2c4}.ap-meter{height:8px;border-radius:10px;background:#0d1b2b;overflow:hidden;margin:11px 0 8px}.ap-meter>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d4bc,#a0ffca);transition:width .45s ease}.ap-rank-meter{height:5px;margin:13px 0 0}.ap-rank-meter>i{background:var(--rank-accent)}.ap-xp-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.6;color:#b2d6db}.ap-xp-caption b{color:#99edcd;font-weight:600}.ap-no-cap{display:block;margin-top:14px;font-size:10px;line-height:1.6;color:#a4c2cc}
.ap-details{display:grid;gap:10px;margin-top:14px}.ap-details details{border:1px solid #3e5371;border-radius:13px;background:#152339;overflow:hidden}.ap-details summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;min-height:46px;cursor:pointer;list-style:none;font-size:12px;font-weight:700;color:#d7e7f9}.ap-details summary::-webkit-details-marker{display:none}.ap-details summary>span:last-child{font-size:10px;color:#a7c0db;font-weight:500}.ap-details details[open]>summary{background:#20324d;border-bottom:1px solid #3e5371}.account-card .ap-details p{padding:0 15px;font-size:11px;line-height:1.8;color:#b3c7dd}.ap-rank-list ol{list-style:none;padding:0 15px;margin:0}.ap-rank-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #38506b70;color:#a0b4ca}.ap-rank-list li>div{flex:1;min-width:0}.ap-rank-list li b{font-size:12px;line-height:1.5}.ap-rank-list li small{display:block;font-size:10px;line-height:1.7;color:#93abc4;margin-top:3px}.ap-mini-seal{display:grid;place-items:center;width:33px;height:37px;flex-shrink:0;border:1px solid #48607e;border-radius:8px;font-size:13px;font-weight:800;color:#9aacc6}.is-unlocked .ap-mini-seal{color:var(--rank-accent);border-color:var(--rank-accent)}.ap-rank-list .is-unlocked{color:#e9f1fb}.ap-unlock-label{font-size:9px;white-space:nowrap;color:#92acc2}.is-unlocked .ap-unlock-label{color:#8ae6c8}.ap-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:4px 13px 16px}.ap-icon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px 5px!important;border-radius:13px;background:#1d3049;border:1px solid #4a617b;min-width:0;color:#d6e8f4;cursor:pointer;white-space:normal}.ap-icon-option>span{font-size:31px;line-height:1.3}.ap-icon-option b{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.ap-icon-option small{font-size:9px;color:#a3b8d0;line-height:1.5}.ap-icon-option.selected{border:2px solid #7be6cc;background:#20433f;box-shadow:0 0 0 2px #7be6cc12}.ap-icon-option.selected small{color:#a6ffe1}.ap-icon-option:disabled{opacity:.48;cursor:not-allowed}.ap-icon-option:not(:disabled):hover{border-color:#a2e7eb;background:#29485b}.ap-xp-help{margin:18px 0 0}.ap-xp-help>span{font-size:10px;color:#a9c2d4}.ap-xp-help>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.ap-xp-help button{min-height:36px;padding:8px 11px;border:1px solid #3e586e;border-radius:10px;background:#172a3d;color:#bad7e8;font-size:11px}.ap-save-status{min-height:0!important;margin:7px 0 0!important;color:#a9ead1;font-size:12px!important;line-height:1.6}.ap-save-status:empty{display:none}
.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:23px;padding-top:20px;border-top:1px solid #3b506a70}.account-stats>div,.account-stats>button{background:#152940;border:1px solid #344f68;border-radius:13px;padding:13px 10px;min-width:0;text-align:left;color:#eaf3ff}.account-stats span{display:block;color:#b0c7dd;font-size:10px;line-height:1.6}.account-stats b{display:block;font-size:20px;margin-top:7px;font-weight:800;font-variant-numeric:tabular-nums}.account-stats .account-energy{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.account-energy>span{font-size:12px}.account-energy b{margin:0;font-size:15px;color:#94f0ce}.account-energy i{font-style:normal}.player-list-icon{font-size:15px;line-height:1;vertical-align:middle;margin-right:6px}.leader-row small{display:block;line-height:1.5;margin-top:4px}
.account-card button:focus-visible,.account-card summary:focus-visible{outline:3px solid #83e9d2;outline-offset:3px}.account-card [data-profile-control]{cursor:auto}@media(max-width:599px){#playerCard.account-card{padding:18px;border-radius:20px}.account-identity{grid-template-columns:62px minmax(0,1fr);gap:12px;position:relative;padding-right:0}.account-avatar{width:62px;height:62px;border-radius:19px}.account-avatar #avatar{font-size:34px}.account-card .account-identity h2{font-size:19px}.account-level-chip{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;width:fit-content;min-width:0;border-radius:10px}.account-level-chip b{font-size:16px}.account-level-chip small{font-size:9px}.ap-core{grid-template-columns:1fr}.ap-rank,.ap-xp{padding:17px}.ap-total{font-size:34px;margin-bottom:16px}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-actions{gap:8px}.account-card .account-actions button{font-size:11px;padding:10px 7px}.ap-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-meta .profile-tools button{width:38px;height:40px;min-height:40px}.account-meta{gap:8px}.ap-unlock-label{font-size:8px}}@media(prefers-reduced-motion:reduce){.ap-meter>i{transition:none}}