.language-flags{display:inline-flex;flex-direction:row;direction:ltr;align-items:center;gap:6px;flex-shrink:0;max-width:100%;vertical-align:middle}
.language-flags .language-flag{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:48px;min-width:48px;height:44px;min-height:44px;margin:0;padding:8px;border:1px solid #bbcbb0;border-radius:8px;background:#fff;color:#243a15;cursor:pointer;appearance:none;touch-action:manipulation;line-height:1}
.language-flags .language-flag img{display:block;width:30px;height:20px;object-fit:contain;margin:0;box-shadow:none;border:0;border-radius:0}
.language-flags .language-flag[aria-pressed=true]{border-color:#497510;box-shadow:inset 0 -3px #497510;background:#f1f6eb}
.language-flags .language-flag:hover{background:#e8f1df;border-color:#497510}
.language-flags .language-flag:focus-visible{outline:3px solid #497510;outline-offset:3px}
.language-flags .language-flag:disabled{cursor:wait;opacity:.6}
.language-flags .flag-tooltip{position:absolute;z-index:1000;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#26351d;color:#fff;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none;padding:5px 8px;border-radius:5px;pointer-events:none;opacity:0;visibility:hidden}
.language-flags .language-flag:last-child .flag-tooltip{left:auto;right:0;transform:none}
.language-flags .language-flag:is(:hover,:focus-visible) .flag-tooltip{opacity:1;visibility:visible}
.global-language-control{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;margin-inline-end:8px}
.language-flags-slot{display:inline-flex;flex-shrink:0}
@media print{.language-flags,.language-flags-slot,.global-language-control{display:none!important}}

.tournament-frame > .global-language-control{display:flex;justify-content:center;box-sizing:border-box;width:100%;margin:0;padding:6px 12px}
.tournament-frame > .global-language-control .language-flags{flex-wrap:wrap;justify-content:center}

@media screen and (max-width: 767px) {
  .intro-nav, .member-header, .us-top, .panel-top, .tournament-topbar {
    flex-wrap: wrap;
  }

  .header-actions:has(> .language-flags-slot),
  .global-language-control, .language-flags-slot, .us-language-slot,
  .member-language.language-flags {
    box-sizing: border-box;
    flex: none;
    width: 100%;
    min-width: 0;
    margin-inline: 0;
    grid-column: 1 / -1;
  }

  .language-flags {
    display: grid;
    grid-auto-flow: row;
    justify-content: center;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
  }

  .language-flags .language-flag {
    width: 100%;
    min-width: 0;
  }
}