/* v36: original multicolor illustrations. Icons never replace readable labels. */
.ui-icon.tab-icon{display:block;object-fit:contain;aspect-ratio:1;border:0;flex-shrink:0}
.pro-nav .tab-icon{width:30px;height:30px;border-radius:9px;box-shadow:0 2px 5px #041a3230;transition:transform .16s}
.pro-nav button{min-height:50px}
.pro-nav button:hover .tab-icon{transform:translateY(-1px)}
.pro-nav button.active .tab-icon{box-shadow:0 0 0 1px #ffffffa0,0 2px 4px #96621520}
.home-quick-tile>span{margin-bottom:8px}
.home-quick-tile>span .tab-icon{width:42px;height:42px;border-radius:12px}
.home-main-cta>span .tab-icon,.home-bank-cta>span .tab-icon{width:36px;height:36px;border-radius:10px}
.home-current-world>span .tab-icon{width:36px;height:36px}
.home-quick-tile{min-height:118px}
.leaderboard-tabs button,.pro-tabs button,.auth-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.leaderboard-tabs .tab-icon,.pro-tabs .tab-icon,.auth-tab .tab-icon{width:26px;height:26px;border-radius:8px}
.bank-tab .tab-icon{width:36px;height:36px;margin:0 auto 10px;border-radius:10px}
.bank-tab{font-weight:650;overflow-wrap:anywhere}
.term-tab{position:relative}
.term-tab::before{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;margin-right:7px;font:750 12px/1 var(--font-heading);vertical-align:middle;box-shadow:inset 0 0 0 1px #ffffff90}
.term-tab:nth-child(1)::before{content:'1';background:#d1e9ff;color:#255b91}
.term-tab:nth-child(2)::before{content:'2';background:#d4f2e1;color:#27664f}
.term-tab:nth-child(3)::before{content:'3';background:#eadcff;color:#6a478f}
@media(max-width:900px){
 .pro-nav .tab-icon{width:28px;height:28px;border-radius:8px}
 .pro-nav button{min-height:68px;gap:5px;padding-block:9px}
 .pro-nav.is-expanded .nav-extra{min-height:54px;gap:10px;padding:10px 12px}
 .home-quick-tile{min-height:114px}
}
@media(max-width:480px){
 .pro-nav .tab-icon{width:27px;height:27px}
 .leaderboard-tabs button,.pro-tabs button,.auth-tab{gap:6px;padding-inline:9px;flex-wrap:wrap}
 .leaderboard-tabs .tab-icon,.pro-tabs .tab-icon,.auth-tab .tab-icon{width:24px;height:24px}
 .home-quick-tile>span .tab-icon{width:38px;height:38px}
 .bank-tab .tab-icon{width:32px;height:32px}
 .term-tab{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.pro-nav .tab-icon{transition:none;transform:none!important}}