/* Náufragos de Umbra: tema propio sobre ../../shared/engine.css */
:root {
  --gold: #5ff0d8;
  --gold2: #b8fff0;
  --accent: #c78bff;
}

/* Panel inferior: consola de nave */
#panel { background: linear-gradient(#141a33, #0a0d1d); border-top: 1px solid #2c3a66; }
#verbs button, #tools button { background: #182040; border-color: #2c3a66; }
#verbs button:hover, #tools button:hover { background: #22305a; }
#verbs button.sel { background: #103a3a; border-color: var(--gold); }
#inventory .cell { background: #10152b; border-color: #26325a; }
#inventory button.cell:hover { background: #1b2448; border-color: #3f5294; }
#subs, #choices { background: rgba(8, 12, 30, .9); border-color: rgba(95, 240, 216, .2); }

/* Título */
.title-text h1 { font-family: 'Orbitron', 'Nunito', sans-serif; font-weight: 900; letter-spacing: .08em; color: #eafffb;
  text-shadow: 0 0 18px rgba(95, 240, 216, .55), 0 2px 0 rgba(0, 0, 0, .6); }
.title-text h1 span { font-family: 'Nunito', sans-serif; font-style: normal; font-weight: 800; letter-spacing: .02em; font-size: .5em; color: var(--accent); text-shadow: 0 0 12px rgba(199, 139, 255, .5); }
#setup { background: radial-gradient(ellipse at 50% 30%, #231a52, #070918 70%); }
.card, .voices button, .box { background: #121833; border-color: #2c3a66; }
.card.sel, .voices button.sel { background: #0f3434; }
#end { background: radial-gradient(ellipse at 50% 20%, rgba(60, 40, 140, .55), rgba(6, 8, 22, .94) 70%); }
.end-box h1 { font-family: 'Orbitron', 'Nunito', sans-serif; font-style: normal; letter-spacing: .1em; }

/* Documentos propios */
.paper.manual {
  background: linear-gradient(#f3f6fa, #e3e9f1); color: #1c2635; font-family: 'Nunito', sans-serif; font-size: 23px; line-height: 1.45;
  border-top: 14px solid #e8742c; border-radius: 6px; box-shadow: 0 20px 50px rgba(0, 0, 0, .6);
}
.paper.manual p:first-child { font-family: 'Orbitron', 'Nunito', sans-serif; font-weight: 800; font-size: 25px; letter-spacing: .06em; color: #b8521a; border-bottom: 2px solid #c9d3e0; padding-bottom: 6px; }
.paper.pantalla {
  background: radial-gradient(ellipse at 50% 0%, #17304a, #0a1422 75%); color: #bdf6ff; font-family: 'Nunito', sans-serif; font-size: 23px; line-height: 1.45;
  border: 12px solid #1c2230; border-radius: 22px; box-shadow: 0 20px 50px rgba(0, 0, 0, .7), inset 0 0 30px rgba(95, 240, 216, .12);
  text-shadow: 0 0 8px rgba(95, 240, 216, .35);
}
.paper.pantalla p:first-child { color: #ffd28a; font-weight: 800; }
.paper.pantalla .gw, .paper.plano .gw { border-bottom-color: rgba(190, 250, 255, .5); }
.paper.plano {
  width: 820px; max-height: 640px; background: #0b1a2a; color: #cffaff; font-family: 'Nunito', sans-serif; font-size: 19px; line-height: 1.4;
  border: 2px solid #2d6a80; border-radius: 12px; padding: 18px 26px; box-shadow: 0 20px 50px rgba(0, 0, 0, .7), 0 0 30px rgba(95, 240, 216, .15);
}
.paper.plano p:first-of-type { font-family: 'Orbitron', 'Nunito', sans-serif; font-weight: 800; letter-spacing: .06em; color: #5ff0e0; }

/* Rompecabezas con el tema */
.frase-slots { background: #090d1f; border-color: #3f5294; }
.orden-list li { background: #0d1227; border-color: #26325a; }
.emp-card { background: #0d1227; border-color: #26325a; }
.paper.plano .doc-art { width: 560px; }