/* Box of Lies specific styles */
#boxoflies-container {
  position: absolute;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(4px);
}
#boxoflies-container.hidden { display: none; }

.boxoflies-card {
  position: relative;
  background: var(--bg-2);
  border: 2px solid var(--green);
  box-shadow: var(--shadow-box-green);
  padding: 2rem;
  width: 90%;
  max-width: 500px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all 0.3s ease;
}
.boxoflies-card h2 { color: var(--cyan); font-size:1.5rem; text-transform:uppercase; letter-spacing:0.1em; margin:0; }
.boxoflies-status { font-size:0.9rem; color:var(--amber); min-height:1.2rem; }
.boxoflies-item { font-size:1.3rem; color:var(--text); margin:1rem 0; }
.boxoflies-role { font-size:1rem; color:var(--text-faint); text-transform:uppercase; letter-spacing:0.08em; }
.boxoflies-guess-area .btn { margin:0.5rem; padding:0.75rem 1.5rem; font-size:1rem; }
.boxoflies-guess-area .btn-truth { border-color:var(--green); color:var(--green); }
.boxoflies-guess-area .btn-truth:hover { background:var(--green); color:var(--bg); }
.boxoflies-guess-area .btn-lie { border-color:var(--red); color:var(--red); }
.boxoflies-guess-area .btn-lie:hover { background:var(--red); color:var(--bg); }
.boxoflies-reveal-area img { max-width:100%; border-radius:4px; margin:1rem 0; }
.boxoflies-result { font-size:1.2rem; color:var(--green); margin:1rem 0; }
.boxoflies-score { font-size:0.9rem; color:var(--text-dim); }
.boxoflies-close-btn {
  position:absolute; top:10px; right:10px;
  background:transparent; border:none; color:var(--text-faint); font-size:1.2rem; cursor:pointer;
}
.boxoflies-close-btn:hover { color:var(--red); }

/* Mobile adjustments */
@media (max-width:768px) {
  .boxoflies-card { padding:1rem !important; gap:0.8rem !important; width:95% !important; }
  .boxoflies-card h2 { font-size:1.1rem !important; }
}