/* ouija.css — Tablero espiritista (Ouija) */

/* 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 ===================== */
.ou-screen { min-height:100svh; min-height:100vh; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 25%, #221a3a 0%, #140f28 55%, #0b0818 100%); color:#e9e3d2; }
.ou-inner { width:100%; max-width:540px; padding:22px 16px 34px; display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; }
.ou-title { font-size:22px; font-weight:800; letter-spacing:.5px; margin:0; }
.ou-status { font-size:14px; color:#b6acd6; margin:0; min-height:20px; transition:color .3s; }
.ou-status.is-ready { color:#d9c48a; }
.ou-status.is-done  { color:#7cffb2; font-weight:700; }
.ou-status.is-error { color:#ff8a9c; }

.ouija-board { width:380px; max-width:94vw; transition:filter .5s; }
.ouija-board svg { width:100%; height:auto; display:block; }
.ouija-planchette { transition:transform 1.1s ease-in-out; }
.ouija-letter { transition:fill .25s; }
.ouija-board .lit { fill:#a0301a; }

/* Aura de invocación mientras "lee" */
.ouija-board.reading { animation:ouAura 1.8s ease-in-out infinite; }
@keyframes ouAura {
  0%,100% { filter:drop-shadow(0 0 6px rgba(202,164,90,.45)); }
  50%     { filter:drop-shadow(0 0 18px rgba(202,164,90,.9)); }
}
.ouija-board.revealed { filter:drop-shadow(0 0 12px rgba(202,164,90,.8)); }

.ou-out { min-height:34px; font-family:Georgia,serif; font-size:26px; font-weight:700; letter-spacing:6px; color:#f0e6c8; text-shadow:0 0 10px rgba(202,164,90,.6); }

.ou-start { font-size:15px; font-weight:800; letter-spacing:.5px; padding:13px 36px; border-radius:14px; border:none; background:linear-gradient(135deg,#6c5ce7,#8a6a2a); color:#fff; cursor:pointer; box-shadow:0 6px 18px rgba(108,92,231,.32); }
.ou-start:active { transform:translateY(1px); }
.ou-start:disabled { opacity:.5; cursor:default; box-shadow:none; }

/* ===================== CONTROL ===================== */
.ou-ctrl-preview { width:300px; max-width:80vw; }
.ou-ctrl-preview svg { width:100%; height:auto; display:block; }
.ou-word-input { width:100%; font-size:18px; font-weight:600; text-align:center; letter-spacing:2px; padding:11px 12px; border-radius:12px; border:1.5px solid var(--line); color:#3a3550; background:#fff; text-transform:uppercase; }
.ou-word-input:focus { outline:none; border-color:var(--brand1); box-shadow:0 0 0 3px rgba(108,92,231,.18); }
.ou-preview-text { font-family:Georgia,serif; font-size:18px; font-weight:700; letter-spacing:4px; color:var(--brand1); min-height:22px; }