.game-picker {
  position: relative;
  z-index: 20;
}

.game-picker summary {
  min-width: 184px;
  min-height: 54px;
  padding: 8px 13px 8px 15px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  border: 1px solid #6b5a37;
  background:
    linear-gradient(135deg, rgba(191, 164, 104, .11), transparent 52%),
    #101412;
  box-shadow: inset 0 0 0 1px rgba(191, 164, 104, .06), 0 5px 18px rgba(0, 0, 0, .3);
  cursor: pointer;
  list-style: none;
}
.game-picker summary::-webkit-details-marker { display: none; }
.game-picker summary:hover,
.game-picker[open] summary { border-color: var(--gold); }
.game-picker-label {
  grid-column: 1;
  color: #8e957f;
  font: 500 10px var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.game-picker summary strong {
  grid-column: 1;
  color: #eadab7;
  font: 600 18px var(--serif);
  letter-spacing: .04em;
}
.game-picker-chevron {
  grid-column: 2;
  grid-row: 1 / 3;
  color: var(--gold);
  font-size: 17px;
  transition: transform .18s ease;
}
.game-picker[open] .game-picker-chevron { transform: rotate(180deg); }

.game-picker-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  width: 270px;
  padding: 9px;
  border: 1px solid #665638;
  background: #0d110f;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .65), inset 0 0 25px rgba(191, 164, 104, .035);
}
.game-picker-menu::before {
  content: '';
  position: absolute;
  right: 25px;
  top: -5px;
  width: 9px;
  height: 9px;
  border-left: 1px solid #665638;
  border-top: 1px solid #665638;
  background: #0d110f;
  transform: rotate(45deg);
}
.game-picker-heading {
  display: block;
  padding: 9px 10px 11px;
  color: #757d76;
  font: 500 11px var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.game-picker-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 12px 11px;
  border-top: 1px solid #28312d;
  text-decoration: none;
}
.game-picker-menu a:hover { background: #151b18; }
.game-picker-menu a.active { background: rgba(191, 164, 104, .08); }
.game-picker-menu b,
.game-picker-menu small { display: block; }
.game-picker-menu b { color: #e5dac3; font: 600 16px var(--serif); }
.game-picker-menu small { margin-top: 2px; color: #858c86; font: 11px var(--sans); }
.game-picker-menu i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #4e452f;
  color: var(--gold);
  font: normal 500 12px var(--mono);
}
.game-picker-menu a.active i { background: var(--gold); color: #101311; }

@media (max-width: 760px) {
  .game-picker summary { min-width: 150px; min-height: 48px; }
  .game-picker summary strong { font-size: 15px; }
  .game-picker-menu { right: 0; width: 250px; }
}