* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; padding: 24px 16px 60px;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #141428; color: #fff;
  display: flex; flex-direction: column; align-items: center;
}
h1 { margin: 0 0 20px; font-weight: 800; letter-spacing: 1px; }
h2 { font-size: 1rem; color: #8d8db3; text-transform: uppercase; letter-spacing: 2px; }
.barra { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 24px; }
select, button, input { font-size: 1rem; padding: 10px 18px; border-radius: 10px; border: none; cursor: pointer; }
select, input { background: #22224a; color: #fff; }
button { background: #0f3460; color: #fff; font-weight: 600; }
button:hover { filter: brightness(1.25); }
#btnSacar { background: #e94560; font-size: 1.4rem; padding: 18px 42px; border-radius: 16px; margin-top: 8px; }
#contador { color: #8d8db3; margin-bottom: 6px; min-height: 1.4em; }
#palabra {
  min-height: 130px; display: flex; align-items: center; justify-content: center;
  font-size: 4.2rem; font-weight: 900; text-transform: uppercase;
  color: #ffd166; text-align: center; padding: 0 10px;
}
.pista { color: #8d8db3; font-size: .9rem; margin: 4px 0 26px; }
#historial { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 900px; margin-bottom: 40px; }
.chip {
  background: #22224a; border: 1px solid #34345f; color: #cfd0ff;
  padding: 6px 14px; border-radius: 999px; font-size: .95rem;
}
.aviso { background: #5c2b2b; border: 1px solid #a04b4b; padding: 10px 18px; border-radius: 10px; }
.panel-descarga {
  margin-top: 40px; background: #1c1c38; border: 1px solid #34345f;
  padding: 20px 24px; border-radius: 14px; text-align: center;
}
.panel-descarga form { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 12px; }


/* Botón de enlace (Administración) */
.btn-enlace {
  display: inline-block; background: #1c1c38; border: 1px solid #34345f;
  color: #fff; text-decoration: none; padding: 10px 18px; border-radius: 10px;
  font-size: 1rem; font-weight: 600; cursor: pointer;
}
.btn-enlace:hover { filter: brightness(1.25); }