/* El Búho Dúo cuando habla (core/static/js/buho.js). A lo Day of the Tentacle:
   el personaje abajo, el texto flotando en letras con borde, y las respuestas
   como líneas de diálogo. */
.buho { font-family: 'Press Start 2P', ui-monospace, monospace; }
.buho-img { width: 96px; height: 96px; image-rendering: pixelated; flex: none; filter: drop-shadow(4px 4px 0 rgba(7, 5, 11, .75)); }
.buho-texto { color: #ffd66b; font-size: 15px; line-height: 1.75; letter-spacing: .5px; max-width: min(620px, 72vw); white-space: pre-line;
  text-shadow: 2px 0 0 #07050b, -2px 0 0 #07050b, 0 2px 0 #07050b, 0 -2px 0 #07050b, 2px 2px 0 #07050b, -2px -2px 0 #07050b, 2px -2px 0 #07050b, -2px 2px 0 #07050b, 4px 4px 0 rgba(7, 5, 11, .6); }

/* Comenta y se va */
.buho-dice { position: fixed; left: 18px; bottom: 14px; z-index: 2147483000; display: flex; align-items: flex-end; gap: 12px; cursor: pointer;
  transform: translateY(130%); transition: transform .22s cubic-bezier(.2, 1.4, .4, 1); pointer-events: auto; }
.buho-dice.ya { transform: none; }
.buho-dice .buho-texto { padding-bottom: 34px; }
.buho-dice::before { content: ''; position: absolute; left: -18px; right: -60px; bottom: -14px; top: -26px; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 22% 100%, rgba(7, 5, 11, .88) 0, rgba(7, 5, 11, .6) 46%, rgba(7, 5, 11, 0) 72%); }

/* Pregunta y espera */
.buho-velo { position: fixed; inset: 0; z-index: 2147483001; background: rgba(7, 5, 11, 0); display: flex; align-items: flex-end; justify-content: center;
  transition: background .18s; }
.buho-velo.ya { background: rgba(7, 5, 11, .78); }
.buho-pregunta { width: 100%; box-sizing: border-box; padding: 0 0 0; transform: translateY(40px); opacity: 0; transition: transform .2s, opacity .2s; }
.buho-velo.ya .buho-pregunta { transform: none; opacity: 1; }
.buho-fila { display: flex; align-items: flex-end; gap: 16px; max-width: 900px; margin: 0 auto; padding: 0 24px 14px; }
.buho-pregunta .buho-img { width: 128px; height: 128px; }
.buho-pregunta .buho-texto { font-size: 17px; padding-bottom: 46px; }
.buho-resp { background: #0a0710; border-top: 3px solid #3b2550; padding: 14px max(24px, calc(50vw - 426px)) 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.buho-linea { font-family: 'Press Start 2P', ui-monospace, monospace; font-size: 14px; line-height: 1.5; letter-spacing: .5px; text-align: left;
  color: #8f72c9; background: none; border: 0; padding: 9px 6px; cursor: pointer; }
.buho-linea:hover, .buho-linea:focus { color: #ffd66b; outline: none; text-shadow: 2px 2px 0 #3b2550; }
.buho-linea.peligro { color: #d6455a; }
.buho-linea.peligro:hover, .buho-linea.peligro:focus { color: #ff8a9a; }
.buho-n { display: inline-block; width: 30px; color: #4d3d6e; }
.buho-linea:hover .buho-n, .buho-linea:focus .buho-n { color: #ffd66b; }
.buho-resp.con-campo { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 14px; }
.buho-campo { font-family: 'Press Start 2P', ui-monospace, monospace; font-size: 16px; color: #f3eaff; background: #150e21; border: 3px solid #2d2142;
  box-shadow: inset 2px 2px 0 #07050b; padding: 12px 14px; min-width: 120px; flex: 0 1 380px; border-radius: 0; outline: none; text-transform: none; }
.buho-campo:focus { border-color: #ffd66b; }
@media (max-width: 560px) {
  .buho-texto { font-size: 11px; } .buho-pregunta .buho-texto { font-size: 12px; padding-bottom: 30px; }
  .buho-pregunta .buho-img { width: 88px; height: 88px; } .buho-linea { font-size: 11px; }
}

/* Cuando habla otro personaje (opts.quien): su nombre chiquito encima, del mismo color */
.buho-quien { display: block; font-size: 10px; opacity: .8; margin-bottom: 8px; letter-spacing: 1px; }
.buho-img--otro { width: 112px; height: 112px; object-fit: contain; }