.reading-table{align-items:flex-start}.card-slot{animation:none}.flip-card{position:relative;display:block;width:142px;height:220px;padding:0;border:0;background:transparent;cursor:pointer;perspective:1000px;transform-style:preserve-3d}.flip-side{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;backface-visibility:hidden;border:1px solid var(--gold);border-radius:6px;box-shadow:0 14px 24px rgba(0,0,0,.33)}.flip-back{background:radial-gradient(circle at 50% 50%,rgba(202,165,90,.16) 0 26%,transparent 27%),linear-gradient(135deg,#284333,#102218);outline:1px solid rgba(202,165,90,.48);outline-offset:-11px}.flip-back:before{content:'';position:absolute;inset:20px;border:1px solid rgba(202,165,90,.65);border-radius:3px}.flip-back b{position:relative;color:var(--gold);font:50px Georgia,serif;text-shadow:0 0 20px rgba(202,165,90,.5)}.flip-front{background:var(--paper);transform:rotateY(180deg)}.flip-front img{width:100%;height:100%;object-fit:contain;background:#ece2c9}.flip-card.is-flipped{animation:card-flip .76s cubic-bezier(.2,.72,.16,1) forwards}@keyframes card-flip{from{transform:rotateY(0) translateY(0)}55%{transform:rotateY(105deg) translateY(-13px)}to{transform:rotateY(180deg) translateY(0)}}.card-slot.reversed .flip-front img{transform:rotate(180deg)}.card-slot .card-label,.card-slot .orientation{visibility:hidden}.card-slot.revealed .card-label,.card-slot.revealed .orientation{visibility:visible}.card-slot.revealed .card-label{animation:label-in .25s ease-out both}.card-slot.revealed .orientation{animation:label-in .25s .06s ease-out both}@keyframes label-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.flip-card:focus-visible{outline:2px solid var(--gold);outline-offset:7px}@media(max-width:560px){.flip-card{width:116px;height:181px}}