#screen-burro-menu {
  background: radial-gradient(ellipse at 50% 30%, #2f2a10 0%, #0b0a05 72%);
  gap: 22px;
}

#screen-burro-menu .submenu-title {
  color: #f4e2a2;
  text-shadow: 0 0 20px rgba(220,180,80,0.24), 1px 1px 0 #241c08;
}

#screen-burro-menu .submenu-desc {
  color: #b5a66e;
}

.burro-menu-icon {
  border-color: #d8b64a !important;
  background: linear-gradient(155deg, #fff2c0, #c88c28);
  color: #201404;
  box-shadow: 0 0 22px rgba(210,170,70,0.25), 3px 6px 18px rgba(0,0,0,0.6);
}

.burro-menu-icon span {
  display: block;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 0.95;
}

.burro-menu-icon small {
  display: block;
  color: #6b1c12;
  font-size: 1rem;
  font-weight: 900;
}

#screen-burro-menu .burro-menu-action {
  color: #fff;
  font-weight: 700;
  border: 1px solid transparent;
  background: rgba(58,46,12,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform 0.14s ease, filter 0.14s ease, box-shadow 0.18s ease;
}

#screen-burro-menu .burro-menu-action--solo { border-color: rgba(80,220,140,0.35); }
#screen-burro-menu .burro-menu-action--private { border-color: rgba(100,140,255,0.35); }
#screen-burro-menu .burro-menu-action--join { border-color: rgba(230,160,40,0.35); }
#screen-burro-menu .burro-menu-action--public { border-color: rgba(220,180,80,0.42); }

#screen-burro-menu .burro-menu-action:hover {
  transform: scale(1.03);
  filter: brightness(1.08);
  box-shadow: 0 0 18px rgba(220,180,80,0.24);
}

#screen-burro-menu .submenu-rules-link {
  color: #f4e2a2;
  border-color: rgba(220,180,80,0.34);
  background: rgba(36,28,8,0.72);
}

#screen-burro-game {
  background: radial-gradient(ellipse at center, #2f2a10 0%, #0b0a05 72%);
  padding: 64px 14px 22px;
  gap: 12px;
}

.burro-wrap {
  width: min(1040px, 96vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.burro-players {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.burro-player {
  position: relative;
  min-width: 118px;
  padding: 8px 10px;
  border: 1px solid rgba(220,180,80,0.25);
  border-radius: 8px;
  background: rgba(0,0,0,0.28);
  color: #f4e2a2;
  text-align: center;
  font-size: 0.76rem;
}

.burro-player.current {
  border-color: #f2cf68;
  box-shadow: 0 0 16px rgba(220,180,80,0.35);
}

.burro-player.target {
  border-color: rgba(120,190,255,0.58);
}

.burro-player.out {
  opacity: 0.5;
}

.burro-player.lost {
  border-color: #d05040;
  box-shadow: 0 0 18px rgba(220,60,40,0.3);
}

.burro-player small {
  display: block;
  margin-top: 3px;
  color: #c8b46c;
}

.burro-table {
  width: min(620px, 94vw);
  min-height: 132px;
  border: 2px solid rgba(220,180,80,0.28);
  border-radius: 12px;
  background: rgba(0,0,0,0.24);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px;
}

.burro-event {
  color: #f4e2a2;
  font-size: 0.84rem;
  line-height: 1.45;
  min-height: 2.5em;
  text-align: center;
}

.burro-draw-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.burro-draw-pile {
  min-width: 74px;
  min-height: 46px;
  color: #b5a66e;
  font-size: 0.72rem;
  text-align: center;
}

.burro-back-card {
  width: 42px;
  height: 60px;
  border: 1px solid rgba(240,220,150,0.5);
  border-radius: 5px;
  background: linear-gradient(135deg, #3b2408, #a47622);
  box-shadow: 0 6px 14px rgba(0,0,0,0.42);
  margin: 0 auto 4px;
}

.burro-hand {
  min-height: 132px;
  justify-content: flex-start;
}

.burro-results {
  color: #f4e2a2;
  font-size: 0.84rem;
  text-align: center;
  line-height: 1.5;
}

.burro-results strong {
  color: #f0c040;
}

#screen-burro-game .status-bar {
  color: #d8c874;
}

#screen-burro-game .game-menu-wrap .btn-back {
  color: #f4e2a2;
  border-color: rgba(220,180,80,0.32);
}

#screen-burro-game .game-menu-dropdown {
  background: rgba(12,10,5,0.95);
  border-color: rgba(220,180,80,0.22);
}

#screen-burro-game .game-menu-dropdown button {
  color: #f4e2a2;
}

@media (max-width: 600px) {
  #screen-burro-game {
    padding-top: 58px;
  }

  .burro-player {
    min-width: 94px;
    padding: 7px 8px;
    font-size: 0.7rem;
  }
}