/* Ball Knowledge - the Leagues tab on the account page, and the Overview card that points to it */
.acc-page .al-season{color:var(--dim);font-size:13px;margin:0 2px 12px}
.acc-page .al-season b{color:#fff}
.acc-page .al-cabinet{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
.acc-page .al-medal{background:var(--surface);border:1px solid var(--surface-line);border-radius:14px;padding:12px 8px;text-align:center}
.acc-page .al-medal .ic{font-size:26px;line-height:1}
.acc-page .al-medal .n{display:block;font-weight:800;font-size:24px;margin-top:4px}
.acc-page .al-medal .l{display:block;color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.acc-page .al-list{display:grid;gap:10px}
.acc-page .al-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;background:var(--surface);border:1px solid var(--surface-line);border-radius:14px;padding:13px 15px;text-decoration:none;color:#fff}
.acc-page .al-card:hover{border-color:#ff7a2e}
.acc-page .al-card .t{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-page .al-card .s{color:var(--dim);font-size:13px;grid-column:1}
.acc-page .al-card .r{grid-row:1/3;grid-column:2;text-align:right;font-weight:800;font-size:15px;line-height:1.25}
.acc-page .al-card .r small{display:block;color:var(--dim);font-weight:600;font-size:11px}
.acc-page .al-empty{color:var(--dim);font-size:14px;line-height:1.5;margin:0;padding:14px;border:1px dashed var(--surface-line);border-radius:14px}
.acc-page .al-form{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.acc-page .al-form input{flex:1 1 200px;min-width:0;background:var(--surface);border:1px solid var(--surface-line);color:#fff;border-radius:999px;padding:11px 16px;font:600 15px/1 var(--font-body)}
.acc-page .al-form input:focus{outline:2px solid #ff7a2e;outline-offset:1px}
.acc-page .al-msg{min-height:1.3em;margin:6px 2px;font-size:13px;color:var(--flame-orange)}
.acc-page .al-hint{color:var(--dim);font-size:12.5px;line-height:1.5;margin:8px 2px 0}
.acc-page .al-more{display:inline-block;margin-top:14px;font-weight:700;font-size:14px;color:var(--flame-orange);text-decoration:none}
.acc-page .al-more:hover{text-decoration:underline}
.acc-page .al-invite{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:rgba(255,122,46,.1);border:1px solid rgba(255,122,46,.5)}
.acc-page .al-invite span{flex:1 1 200px;font-size:14px;line-height:1.4}
/* Overview card */
.acc-page .acc-lgpromo{display:flex;gap:12px;align-items:center;margin-top:18px;padding:14px;border:1px solid rgba(255,122,46,.45);border-radius:14px;background:rgba(255,122,46,.07);width:100%;text-align:left;color:#fff;font:inherit;cursor:pointer;appearance:none}
.acc-page .acc-lgpromo:hover{border-color:#ff7a2e}
.acc-page .acc-lgpromo .ic{font-size:24px}
.acc-page .acc-lgpromo b{display:block;font-size:14.5px}
.acc-page .acc-lgpromo small{display:block;color:var(--dim);font-size:12.5px;font-weight:400}
.acc-page .acc-lgpromo .go{margin-left:auto;font-weight:800;font-size:13px;color:var(--flame-orange);white-space:nowrap}
/* four tabs now: keep them all on screen on a phone */
@media (max-width:480px){.acc-page .acc-subtabs{gap:2px}.acc-page .acc-subtabs button{padding:12px 9px;font-size:13.5px}}
@media (max-width:380px){.acc-page .acc-subtabs button{padding:12px 6px;font-size:13px}}