/* mentiras.css — Detector de Mentiras (polígrafo biométrico falso) */

/* Barra de salida (igual que el resto de efectos) */
.exit-bar { position:fixed; top:10px; right:10px; display:flex; gap:8px; z-index:60; }
.exit-btn { font-size:12px; font-weight:600; padding:6px 11px; border-radius:9px; border:1px solid var(--line); background:rgba(255,255,255,.92); color:var(--muted); cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.08); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.exit-btn:active { transform:translateY(1px); }
.exit-btn.danger { color:var(--danger); border-color:#f3c9d2; }
#logout-btn { display:none; }

/* ===================== JUEGO ===================== */
.lie-screen { min-height:100svh; min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 20%, #10202e 0%, #0a141d 55%, #050a10 100%); color:#d7e8f2; }
.lie-inner { width:100%; max-width:520px; padding:24px 20px 36px; display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center; }
.lie-title { font-size:17px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; margin:0; color:#7fd4ff; }
.lie-sub { font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#557a90; margin:-10px 0 0; }
.lie-status { font-size:14px; color:#9fc2d6; margin:0; min-height:20px; }
.lie-status.is-error { color:#ff8a9c; }

/* Lecturas biométricas */
.lie-readouts { display:flex; gap:12px; width:100%; justify-content:center; }
.lie-read { flex:1; max-width:130px; background:rgba(127,212,255,.06); border:1px solid rgba(127,212,255,.22); border-radius:12px; padding:9px 6px; }
.lie-read .v { font-size:21px; font-weight:800; color:#7fd4ff; font-variant-numeric:tabular-nums; }
.lie-read .k { font-size:9.5px; letter-spacing:1.2px; text-transform:uppercase; color:#557a90; margin-top:2px; }

/* Onda (canvas) */
.lie-wave { width:100%; height:110px; border-radius:12px; border:1px solid rgba(127,212,255,.22);
  background:rgba(4,12,18,.75); display:block; }

/* Sensor de huella */
.lie-sensor { position:relative; width:130px; height:130px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:2px solid rgba(127,212,255,.35); background:radial-gradient(circle at 50% 40%, rgba(127,212,255,.10), rgba(6,16,24,.4) 70%);
  cursor:pointer; -webkit-tap-highlight-color:transparent; -webkit-user-select:none; user-select:none; touch-action:none; }
.lie-sensor svg { width:64px; height:64px; color:#4d7f9c; transition:color .25s, filter .25s; }
.lie-sensor::before { content:""; position:absolute; inset:-2px; border-radius:50%; border:2px solid rgba(127,212,255,.0); pointer-events:none; }
.lie-sensor.active svg { color:#7fd4ff; filter:drop-shadow(0 0 12px rgba(127,212,255,.9)); }
.lie-sensor.active::before { border-color:rgba(127,212,255,.55); animation:liePulse 1.1s ease-out infinite; }
@keyframes liePulse { 0%{transform:scale(.92);opacity:.9;} 100%{transform:scale(1.28);opacity:0;} }
.lie-sensor-label { font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#557a90; margin-top:-6px; }

/* Barra de análisis */
.lie-progress { width:100%; height:6px; border-radius:4px; background:rgba(127,212,255,.12); overflow:hidden; opacity:0; transition:opacity .3s; }
.lie-progress.on { opacity:1; }
.lie-progress i { display:block; height:100%; width:0%; border-radius:4px; background:linear-gradient(90deg,#2b9fd8,#7fd4ff); transition:width .25s linear; }

/* Veredicto */
.lie-verdict { min-height:74px; display:flex; align-items:center; justify-content:center; }
.lie-verdict .verdict { font-size:44px; font-weight:900; letter-spacing:3px; opacity:0; transform:scale(.6); }
.lie-verdict .verdict.show { animation:lieShow .55s cubic-bezier(.2,1.4,.4,1) forwards; }
@keyframes lieShow { to { opacity:1; transform:scale(1); } }
.lie-verdict .truth { color:#4ade80; text-shadow:0 0 18px rgba(74,222,128,.75); }
.lie-verdict .lie   { color:#ff4d6a; text-shadow:0 0 18px rgba(255,77,106,.8); }

/* Flash rojo en mentira */
.lie-screen.alarm { animation:lieAlarm .8s ease 2; }
@keyframes lieAlarm { 0%,100%{ box-shadow:none; } 50%{ box-shadow:inset 0 0 140px rgba(255,40,70,.5); } }

/* Botones */
.lie-actions { display:flex; gap:12px; }
.lie-btn { font-size:13px; font-weight:700; letter-spacing:.8px; padding:12px 24px; border-radius:12px;
  border:1px solid rgba(127,212,255,.4); background:rgba(127,212,255,.12); color:#cfeeff; cursor:pointer; }
.lie-btn:active { transform:translateY(1px); }
.lie-btn[disabled] { opacity:.4; cursor:default; }

/* ===================== CONTROL ===================== */
.lc-buttons { display:flex; flex-direction:column; gap:12px; width:100%; }
.lc-btn { height:110px; border-radius:18px; border:none; cursor:pointer; font-size:24px; font-weight:900; letter-spacing:2px; color:#fff; -webkit-tap-highlight-color:transparent; }
.lc-btn:active { transform:scale(.98); filter:brightness(1.15); }
.lc-btn.truth { background:linear-gradient(135deg,#22c55e,#15803d); box-shadow:0 8px 22px rgba(34,197,94,.35); }
.lc-btn.lie   { background:linear-gradient(135deg,#f43f5e,#be123c); box-shadow:0 8px 22px rgba(244,63,94,.35); }
.lc-btn small { display:block; font-size:11px; font-weight:600; letter-spacing:1px; opacity:.85; margin-top:4px; }

/* Modo bolsillo: dos zonas gigantes a pantalla completa para tocar
   a ciegas. La vibración confirma: 1 pulso = verdad, 2 = mentira.
   Salir: triple toque en cualquier zona. */
.lc-pocket { position:fixed; inset:0; z-index:90; display:none; flex-direction:column; }
.lc-pocket.on { display:flex; }
.lc-pocket .zone { flex:1; display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:900; letter-spacing:3px; color:rgba(255,255,255,.25); -webkit-user-select:none; user-select:none; }
.lc-pocket .zone.truth { background:#0c2a17; }
.lc-pocket .zone.lie   { background:#2a0c14; }
.lc-pocket .hint { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; font-size:11px; color:rgba(255,255,255,.35); pointer-events:none; }