/* Mythimon starter select page (unique theme) */

.mythimon-select{
  /* warm soft gradient */
  background: linear-gradient(
    180deg,
    #f6e7a8 0%,
    #fffdf6 85%,
    #ffffff 100%
  ) !important;

  /* pixel font */
  font-family: "Press Start 2P", system-ui, sans-serif !important;

  /* dark, slightly desaturated brown */
  color: #3b2f2a;
}

/* Keep your site window, but re-skin it to match the warm theme */
.mythimon-select .window{
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(59,47,42,.25);
  box-shadow: 0 14px 60px rgba(0,0,0,.18);
}

.mythimon-select .topbar{
  background: rgba(255,255,255,.55);
  border-bottom: 1px solid rgba(59,47,42,.18);
}

.mythimon-select .pill{
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(59,47,42,.18);
}

.mythimon-select .url,
.mythimon-select .panel-title,
.mythimon-select .mini{
  color: #3b2f2a !important;
  opacity: 0.9;
}

/* Panel re-skin */
.mythimon-select .panel{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(59,47,42,.20);
}

/* Starter grid */
.mythimon-select .starter-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
}

@media (max-width: 860px){
  .mythimon-select .starter-grid{ grid-template-columns: 1fr; }
}

/* Buttons look like soft “cards” */
.mythimon-select .starter{
  appearance:none;
  border: 1px solid rgba(59,47,42,.22);
  background: rgba(255,255,255,.80);
  border-radius: 18px;
  padding: 14px 12px;
  cursor: pointer;
  text-align:center;

  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  transition: transform .08s ease, box-shadow .12s ease;f
}

.mythimon-select .starter:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.14);
}

.mythimon-select .starter:active{
  transform: translateY(0) scale(0.98);
}

.mythimon-select .starter img{
  width: 96px;
  height: 96px;
  object-fit: contain;
  display:block;
  margin: 6px auto 10px;
}

.mythimon-select .starter span{
  display:block;
  font-size: 20px;
  line-height: 1.5;
}

/* Optional: make links match */
.mythimon-select a{
  color:#3b2f2a;
}