/* La Lámpara de las Palabras: tema propio sobre ../../shared/engine.css */
:root {
  --gold: #f0c05a;
  --gold2: #ffe39a;
  --accent: #9fe0d8;
}

/* Panel inferior con aire de noche árabe */
#panel { background: linear-gradient(#1a1532, #0e0b1e); border-top: 1px solid #3a2f63; }
#verbs button, #tools button { background: #1f1a3a; border-color: #3a2f63; }
#verbs button:hover, #tools button:hover { background: #2a2350; }
#inventory .cell { background: #151129; border-color: #2e2652; }
#inventory button.cell:hover { background: #221c42; border-color: #4a3f7a; }
#subs, #choices { background: rgba(14, 10, 30, .9); border-color: rgba(240, 192, 90, .18); }

/* Título */
.title-text h1 { font-family: 'Aref Ruqaa', 'Playfair Display', Georgia, serif; font-weight: 700; color: #ffe8b0; }
.title-text h1 span { font-family: 'Aref Ruqaa', 'Playfair Display', Georgia, serif; font-style: normal; font-weight: 400; color: var(--gold2); }
#setup { background: radial-gradient(ellipse at 50% 30%, #2a1f52, #0a0816 70%); }
.card, .voices button, .box { background: #16122c; border-color: #33295a; }
.card.sel, .voices button.sel { background: #2a2110; }
#end { background: radial-gradient(ellipse at 50% 20%, rgba(120, 70, 30, .55), rgba(10, 8, 22, .94) 70%); }
.end-box h1 { font-family: 'Aref Ruqaa', 'Playfair Display', Georgia, serif; font-style: normal; }

/* Documentos propios */
.paper.mapa {
  background:
    radial-gradient(circle at 88% 16%, rgba(120, 80, 30, .18) 0 42px, transparent 43px),
    linear-gradient(135deg, #f1e2b8, #e2cc94);
  font-family: 'Caveat', 'Segoe Print', cursive; font-size: 30px; line-height: 1.3; color: #4a2e12;
  border: 2px solid #b8955a; transform: rotate(-.8deg);
}
.paper.mapa p:first-child { font-family: 'Aref Ruqaa', Georgia, serif; font-size: 34px; text-align: center; letter-spacing: .06em; border-bottom: 2px solid #b8955a; padding-bottom: 6px; }
.paper.piedra {
  background: linear-gradient(160deg, #8c8272, #6d6456 60%, #857b6a);
  color: #f3ead6; font-family: 'Aref Ruqaa', 'Playfair Display', Georgia, serif; font-size: 27px; line-height: 1.5; text-align: center;
  border: 10px solid #4a4236; border-radius: 6px; transform: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .6), 0 -1px 0 rgba(255, 255, 255, .15);
}
.paper.piedra .gw { border-bottom-color: rgba(255, 240, 200, .5); }
.paper.espejo {
  background: linear-gradient(135deg, #cfe0ea, #9fb6c6 45%, #e4eef4 55%, #a9bfcd);
  color: #1d2a36; font-family: 'Nunito', sans-serif; font-size: 24px; text-align: center;
  border: 14px solid #b98d3a; border-radius: 50% / 18%; transform: none; box-shadow: 0 20px 50px rgba(0, 0, 0, .6), inset 0 0 40px rgba(255, 255, 255, .5);
  padding: 60px 70px;
}
.paper.espejo p:last-child { font-family: 'Caveat', cursive; font-size: 64px; color: #b3122c; letter-spacing: .12em; margin-top: 10px; }

/* Rompecabezas con el tema */
.frase-slots { background: #0d0a1c; border-color: #4a3f7a; }
.orden-list li { background: #120e24; border-color: #2e2652; }