/* Keep native select APIs while removing their native popup from the user flow. */
.mode-native-select{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  border:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;opacity:0!important;pointer-events:none!important;
}
.select-wrap.mode-dropdown-host:after{display:none}
.mode-dropdown-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-width:0;min-height:44px;border:2px solid #73C9EF;border-radius:10px;
  background:#E4F6FF;color:#1D4ED8;padding:10px 12px;font:inherit;font-weight:650;
  line-height:1.4;text-align:start;cursor:pointer;
}
.mode-dropdown-trigger:hover{border-color:#2563EB;background:#DAF5FF}
.mode-dropdown-trigger:focus-visible{outline:3px solid #2563EB;outline-offset:3px}
.mode-dropdown-trigger:disabled{cursor:wait;opacity:.5}
.select-wrap>.mode-dropdown-trigger{width:100%;min-height:54px;padding-inline:43px 16px;font-size:16px}
.mode-dropdown-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mode-dropdown-trigger .mode-dropdown-chevron{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.game-mode-label>.mode-dropdown-trigger{font-size:14px;max-width:250px}
.mode-dropdown-menu{
  position:fixed;z-index:250;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;
  margin:0;padding:5px;border:2px solid #73C9EF;border-radius:12px;
  background:#FFFFFF;color:#244B65;box-shadow:0 12px 28px #1746B426;
  font:400 15px/1.4 "Segoe UI",Arial,sans-serif;outline:none;
  scrollbar-width:thin;scrollbar-color:#7CBDEC #E4F6FF;
}
.mode-dropdown-option{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;
  padding:10px 12px;border:1px solid transparent;border-radius:7px;cursor:pointer;
  overflow-wrap:anywhere;text-align:start;
}
.mode-dropdown-option:after{content:"";width:1em;flex:none}
.mode-dropdown-option[aria-selected="true"]{color:#1746B4;font-weight:650}
.mode-dropdown-option[aria-selected="true"]:after{content:"✓"}
.mode-dropdown-option[data-active="true"]{background:#DAF5FF;border-color:#73C9EF}
.mode-dropdown-option[aria-disabled="true"]{opacity:.45;cursor:default}
@media(max-width:620px){
  .game-mode-label>.mode-dropdown-trigger{font-size:12px;max-width:170px;padding:8px 10px;gap:8px}
  .select-wrap>.mode-dropdown-trigger{font-size:14px}
}