/* ═══════════════════════════════════════════
   flashcard.css — Schermata S5
═══════════════════════════════════════════ */

#flashcard { background: var(--deep); flex-direction: column; }

.fc-bar {
  padding: .38rem 1.4rem;
  border-bottom: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between;
  background: var(--surface); flex-shrink: 0;
}
.fc-bar-label {
  font-family: 'Space Mono', monospace;
  font-size: .56rem; letter-spacing: .15em; text-transform: uppercase;
  color: var(--muted);
}
.fc-bar-n {
  font-family: 'Space Mono', monospace;
  font-size: .6rem; color: var(--pulse);
}

.fc-corpo {
  flex: 1; display: flex; flex-direction: column;
  padding: 1.6rem 1.4rem 1.4rem; gap: 1rem;
}

#fc-card {
  flex: 1; min-height: 220px;
  background: var(--surface);
  border: 1px solid var(--line); border-radius: 12px;
  cursor: pointer;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 2rem 1.4rem; text-align: center;
  position: relative; transition: border-color .3s; overflow: hidden;
}

/* Glow di sfondo */
#fc-card::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(74,140,255,.08) 0%, transparent 60%);
}

/* Icona decorativa */
#fc-card::after {
  content: '⬡';
  position: absolute; top: .7rem; right: .9rem;
  font-size: .65rem; color: var(--muted); opacity: .4;
}

#fc-card.girata {
  border-color: rgba(74,140,255,.3); background: var(--panel);
}
#fc-card.girata::before {
  background: radial-gradient(ellipse at 50% 100%, rgba(0,229,255,.08) 0%, transparent 60%);
}

.fc-tap {
  font-family: 'Space Mono', monospace;
  font-size: .52rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 1rem; position: relative; z-index: 1;
}
#fc-testo {
  font-size: 1rem; font-weight: 400;
  color: var(--text); line-height: 1.55; position: relative; z-index: 1;
}

#fc-valuta { display: none; gap: .5rem; }
.fc-vlink {
  flex: 1; text-align: center;
  font-family: 'Space Mono', monospace;
  font-size: .56rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); cursor: pointer; padding: .5rem;
  border: 1px solid var(--dim); border-radius: 6px;
  transition: all .15s; background: var(--surface);
}
.fc-vlink.no    { color: var(--hot);   border-color: rgba(255,64,96,.3); }
.fc-vlink.forse { color: var(--muted); }
.fc-vlink.si    { color: var(--verde); border-color: rgba(0,200,150,.3); }
.fc-vlink:active { background: var(--panel); }

.fc-bar-nav { display:flex; gap:.3rem; margin-left:.6rem; flex-shrink:0; }