/* V22: consistent badge tokens, one-shot mascot clip, integrated rank navigation. */
html[dir="rtl"] .topic-card .topic-count > .development-topic-tag{
 display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
 padding:6px 14px;background:#f3ecdc;color:#68583b;
 font:700 14px/1.5 Rubik,Arial,sans-serif;min-height:32px;white-space:nowrap;
}
html[dir="rtl"] .topic-card.active .topic-count > .development-topic-tag{background:#fff3d3;color:#5e4a23}
.games-page #mascotGreeting .mascot-rig{display:block;position:relative;animation:none!important;transform:none!important}
.games-page #mascotGreeting .mascot-still-v22{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:275/325;object-fit:contain;max-width:100%;pointer-events:none;animation:none!important;transform:none!important}
.games-page #mascotGreeting .mascot-clip-v22{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:275/325;pointer-events:none;animation:none!important;transform:none!important}
.games-page #mascotGreeting .mascot-clip-v22[hidden]{display:none!important}
.games-page #mascotGreeting .mascot-source-v22{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;inset:0}
.games-page #mascotGreeting{animation:none!important;-webkit-tap-highlight-color:transparent;aspect-ratio:275/325}
.games-page #mascotGreeting:focus:not(:focus-visible){outline:none;box-shadow:none}
.games-page #mascotGreeting:focus-visible{outline:2px solid #c6952e;outline-offset:3px}
#siteMenuMainView[hidden],#siteMenuRanksView[hidden],#drawerRanksBack[hidden]{display:none!important}
.site-menu-drawer{overflow-x:hidden;overscroll-behavior:contain}
#siteMenuMainView,#siteMenuRanksView{min-width:0;transform-origin:50% 100px}
.menu-heading-group{display:flex;align-items:center;gap:9px;min-width:0}
#drawerRanksBack{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid #c8d7ce;border-radius:12px;background:#eff7ef;color:#204e3c;cursor:pointer}
#drawerRanksBack svg{width:21px;height:21px}
#siteMenuRanksView .rank-dialog.rank-embedded-v22{position:relative;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;overflow:visible;box-sizing:border-box;}
#siteMenuRanksView .rank-dialog-head{display:none}
#siteMenuRanksView .rank-rules{padding:14px 12px}
#siteMenuRanksView .rank-row{gap:9px;padding:11px 10px;align-items:center}
#siteMenuRanksView .rank-row>span:nth-child(2){flex:1;min-width:0}
#siteMenuRanksView .rank-status{font-size:10px;flex-shrink:0}
#siteMenuRanksView .rank-step{font-size:10px;line-height:1.7}
#siteMenuRanksView .rank-summary{margin-top:4px}
.rank-back-link-v22{display:inline-flex;align-items:center;gap:7px;}
[data-motion-leaving="true"]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.mascot-rig{animation:none!important}}
