.flashcard{perspective:800px;cursor:pointer;width:320px;height:220px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .45s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;padding:1rem 1.25rem;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard-front{background-color:#282828;border:2px solid #adafae}.flashcard-back{background-color:#1a1a2e;border:2px solid #2a9fd6;transform:rotateY(180deg)}.flashcard.result-correct .flashcard-back{background-color:#0f2a0f;border-color:#28a745}.flashcard.result-wrong .flashcard-back{background-color:#2a0f0f;border-color:#dc3545}.card-front{color:#adafae;text-align:center;word-break:break-word;overflow-wrap:break-word;max-width:100%;font-size:clamp(1.3rem,4.2vw,2.2rem);font-weight:700;line-height:1.2}.card-back{color:#2a9fd6;text-align:center;word-break:break-word;overflow-wrap:break-word;max-width:100%;font-size:clamp(1.2rem,3.7vw,1.7rem);font-weight:600;line-height:1.2}