実装のポイント：
• transform-style: preserve-3d で3D空間を有効化
• backface-visibility: hidden で裏面を非表示
• transform: rotateY(180deg) で180度回転
.card { transform-style: preserve-3d; }
.card.flipped { transform: rotateY(180deg); }
.card-back { transform: rotateY(180deg); }