/* Beast Tactics v6.40 — custom deck dropdown */
.main-menu-deck-picker{
  position:relative;
  overflow:visible;
}

.main-menu-deck-picker .bt-native-select-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.bt-deck-select{
  position:relative;
  width:100%;
  z-index:24;
}

.bt-deck-select-trigger{
  width:100%;
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:center;
  gap:8px;
  padding:7px 9px 7px 13px;
  border:1px solid rgba(117,232,255,.55);
  border-radius:13px;
  background:
    linear-gradient(180deg,rgba(34,62,91,.98),rgba(10,24,42,.98));
  color:#fff3a8;
  text-align:left;
  cursor:pointer;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 5px 14px rgba(0,0,0,.25),
    0 0 0 3px rgba(117,232,255,.055);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}

.bt-deck-select-trigger:hover,
.bt-deck-select-trigger:focus-visible,
.bt-deck-select.is-open .bt-deck-select-trigger{
  border-color:#75e8ff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 7px 18px rgba(0,0,0,.34),
    0 0 0 3px rgba(117,232,255,.14),
    0 0 18px rgba(34,207,255,.16);
  outline:0;
}

.bt-deck-select-trigger:active{transform:translateY(1px)}

.bt-deck-select-current{
  min-width:0;
  display:grid;
  gap:2px;
}

.bt-deck-select-name{
  color:#fff3a8;
  font-size:13px;
  line-height:1.08;
  font-weight:1000;
  letter-spacing:.01em;
  white-space:normal;
  overflow-wrap:anywhere;
}

.bt-deck-select-meta{
  color:#a9d9e7;
  font-size:9px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:normal;
  overflow-wrap:anywhere;
}

.bt-deck-select-caret{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#fff3a8;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
  transition:transform .18s ease,background .18s ease;
}

.bt-deck-select-caret::before{
  content:'';
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}

.bt-deck-select.is-open .bt-deck-select-caret{
  transform:rotate(180deg);
  background:rgba(117,232,255,.12);
}

.bt-deck-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 7px);
  max-height:min(280px,44vh);
  overflow:auto;
  overscroll-behavior:contain;
  padding:7px;
  border:1px solid rgba(117,232,255,.38);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(18,36,58,.995),rgba(7,16,29,.995));
  box-shadow:
    0 18px 38px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 22px rgba(34,207,255,.12);
  z-index:999;
  scrollbar-width:thin;
  scrollbar-color:rgba(117,232,255,.45) rgba(255,255,255,.04);
}

.bt-deck-select.open-up .bt-deck-select-menu{
  top:auto;
  bottom:calc(100% + 7px);
}

.bt-deck-select-menu[hidden]{display:none !important}

.bt-deck-select-option{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  min-height:43px;
  padding:7px 9px 7px 11px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#dfeaf3;
  text-align:left;
  cursor:pointer;
}

.bt-deck-select-option + .bt-deck-select-option{margin-top:3px}

.bt-deck-select-option:hover,
.bt-deck-select-option:focus-visible,
.bt-deck-select-option.is-focused{
  outline:0;
  border-color:rgba(117,232,255,.28);
  background:rgba(66,157,196,.13);
}

.bt-deck-select-option[aria-selected="true"]{
  border-color:rgba(117,232,255,.55);
  background:
    linear-gradient(90deg,rgba(0,113,201,.72),rgba(27,96,145,.42));
  box-shadow:inset 3px 0 0 #75e8ff;
}

.bt-deck-select-option-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.bt-deck-select-option-name{
  color:#fff3a8;
  font-size:12px;
  line-height:1.1;
  font-weight:950;
  white-space:normal;
  overflow-wrap:anywhere;
}

.bt-deck-select-option-meta{
  color:#a9bccc;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:normal;
  overflow-wrap:anywhere;
}

.bt-deck-select-option-check{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:transparent;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.14);
  font-size:12px;
  font-weight:1000;
}

.bt-deck-select-option[aria-selected="true"] .bt-deck-select-option-check{
  color:#092036;
  background:#75e8ff;
  border-color:#bff7ff;
}

@media (max-height:650px){
  .bt-deck-select-trigger{min-height:40px;padding-top:5px;padding-bottom:5px}
  .bt-deck-select-name{font-size:11px}
  .bt-deck-select-meta{font-size:8px}
  .bt-deck-select-menu{max-height:min(220px,42vh)}
  .bt-deck-select-option{min-height:37px;padding-top:5px;padding-bottom:5px}
}