.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media (max-width:560px){.vocab-grid{grid-template-columns:1fr;}}
.flip-card{perspective:1000px;height:160px;cursor:pointer;}
.flip-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;}
.flip-card.flipped .flip-inner{transform:rotateY(180deg);}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;border:1px solid var(--border);padding:18px;display:flex;flex-direction:column;justify-content:center;}
.flip-front{background:var(--bg-panel);}
.flip-front .term{font-family:var(--mono);font-weight:700;font-size:16px;color:var(--text);}
.flip-front .hint{font-family:var(--mono);font-size:11px;color:var(--text-muted);margin-top:10px;letter-spacing:.05em;}
.flip-back{background:var(--bg-panel-2);transform:rotateY(180deg);border-color:var(--amber-dim);}
.flip-back p{margin:0;font-size:13.5px;color:var(--text);}
.flip-back .term-small{font-family:var(--mono);font-size:11px;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}