/* Looky Cards series — shared flashcard styles (used with shell.css) */
.card3d{perspective:1000px;max-width:420px;margin:6px auto}
.fcard{
  position:relative;width:100%;height:260px;cursor:pointer;
  transform-style:preserve-3d;transition:transform .45s;
}
.fcard.flip{transform:rotateY(180deg)}
.fface{
  position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border:var(--line);border-radius:20px;box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px
}
.fface.front{background:#fff}
.fface.back{background:var(--sun);transform:rotateY(180deg)}
.fbig{font-size:clamp(60px,16vw,110px);line-height:1.1;font-weight:900}
.fword{font-size:clamp(24px,6.5vw,38px);font-weight:900;letter-spacing:-1px}
.fextra{font-weight:700;color:#444;font-size:clamp(14px,3.8vw,17px);text-align:center}
.ftip{font-weight:700;color:#999;font-size:12px}
.cardnav{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.ans.deckans{font-size:clamp(16px,4.4vw,24px)}
@media (prefers-reduced-motion: reduce){.fcard{transition:none}}