@import url('./language-picker.css?v=stats-language-1');
/* Official variable Nunito, SIL OFL; full Latin/Latin-ext/Cyrillic character set. */
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('../fonts/nunito-variable.ttf') format('truetype')}
body,input,textarea,button,select{font-family:Nunito,'Trebuchet MS',system-ui,sans-serif}
#language-links{flex-wrap:wrap;gap:6px 10px}
#language-links a{font-size:14px;padding:4px 6px}
#languageSelector{max-width:175px;font-size:14px}
.party-mode-options,.game-choice-options{flex-wrap:wrap}
#avatarList span.text-xs{font-size:13px;line-height:1.2;overflow-wrap:anywhere}
#avatarList .text-center{min-width:0;max-width:100%}
#gameIsOverLabel{overflow-wrap:anywhere}
[role="tooltip"][aria-label]::after{width:max-content;max-width:180px;white-space:normal;overflow-wrap:anywhere;text-align:center}
body.playing .menu-settings.ingame-settings{display:flex;position:fixed;top:76px;left:50%;right:auto;transform:translateX(-50%);z-index:21;pointer-events:auto;width:max-content}
body.playing .ingame-settings .language-picker{display:none}
body.playing .ingame-settings :is(#soundUnMutedIcon,#soundMutedIcon){display:none}
@media(max-width:640px){#language-links a{font-size:13px}#languageSelector{max-width:145px}body.playing .menu-settings.ingame-settings{top:calc(26px + var(--hud-turn-height,130px));left:8px;transform:none}body.playing #game-layout.panels-open .ingame-settings{display:none}}
/* Keep both homepage statistics entrances in the DOM until real data is ready.
   Remove this single rule when enabling public navigation. */
.stats-entry-link{display:none!important}
.nav-links #navStatsLink{display:inline-flex;align-items:center;gap:8px}
.stats-nav-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background:#ffe18a;border:1px solid #eebd49;border-radius:9px;box-shadow:0 3px 0 #c9a135;transform:rotate(-6deg);transition:transform .2s}
.stats-nav-icon svg{width:22px;height:22px}
#navStatsLink:hover .stats-nav-icon{transform:translateY(-2px) rotate(5deg)}
@media(prefers-reduced-motion:reduce){.stats-nav-icon{transition:none}}