/* CR Card Reader. Uses your theme's fonts and colours; only layout lives here. */
.cr-rd{max-width:60rem;margin:0 auto}
.cr-rd-form{margin:0 0 1.5rem}
.cr-rd-form label{display:block;font-weight:600;margin-bottom:.4rem}
.cr-rd-form input[type=text]{width:100%;max-width:32rem;box-sizing:border-box;padding:.6rem .7rem;font-size:1rem}
.cr-rd-hint{font-size:.9rem;opacity:.8;max-width:38rem}
.cr-rd button,.cr-rd-account button{cursor:pointer;padding:.6rem 1.1rem;font-size:1rem;border-radius:.4rem}
.cr-rd button[disabled]{cursor:default;opacity:.6}
.cr-rd-secondary{background:transparent}
.cr-rd-question{text-align:center;font-size:1.4rem;font-weight:700;margin:.5rem 0 1.2rem;overflow-wrap:anywhere}
.cr-rd-slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cr-rd-slot{text-align:center;margin:0}
.cr-rd-flip{perspective:900px;aspect-ratio:5/7;width:100%}
.cr-rd-flip-inner{position:relative;width:100%;height:100%;transition:transform .35s;transform-style:preserve-3d}
.cr-rd-slot.is-flipped .cr-rd-flip-inner{transform:rotateY(180deg)}
.cr-rd-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.25);background:#fff}
.cr-rd-face img{display:block;width:100%;height:100%;object-fit:contain}
.cr-rd-front{transform:rotateY(180deg)}
.cr-rd-turn{margin-top:.6rem;width:100%;font-weight:700;border:0;background:none;padding:.4rem}
.cr-rd-turn:not([disabled]){outline:2px solid currentColor;outline-offset:2px}
.cr-rd-status{text-align:center;min-height:1.5em}
.cr-rd-meanings{margin-top:1rem}
.cr-rd-meaning{margin:0 0 1.5rem;max-width:42rem}
.cr-rd-meaning h3{margin:0 0 .3rem}
.cr-rd-intro{font-style:italic;margin:.2rem 0}
.cr-rd-keywords{font-size:.9rem;opacity:.8;margin:.2rem 0 .6rem}
.cr-rd-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:1rem 0}
.cr-rd-pending{border:1px solid currentColor;border-radius:.4rem;padding:.8rem 1rem;margin:0 0 1rem}
.cr-rd-credit{font-size:.8rem;opacity:.75;margin-top:2rem}
.cr-rd-account .cr-rd-item{border:1px solid rgba(128,128,128,.4);border-radius:.4rem;padding:.6rem .9rem;margin:0 0 .7rem}
.cr-rd-account summary{cursor:pointer}
.cr-rd-item-date{opacity:.7;font-size:.9rem;margin-left:.5rem}
.cr-rd-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.8rem 0}
.cr-rd-mini figure{margin:0;text-align:center;font-size:.85rem}
.cr-rd-mini img{width:100%;height:auto;aspect-ratio:5/7;object-fit:contain}
.cr-rd-account textarea{width:100%;box-sizing:border-box}
.cr-rd-inline{margin:.5rem 0}
.cr-rd-del{margin-top:.6rem}
@media (max-width:520px){.cr-rd-slots{gap:.4rem}.cr-rd-turn{font-size:.8rem;padding:.3rem 0}}
@media (prefers-reduced-motion:reduce){.cr-rd-flip-inner{transition:none}}
.cr-rd [hidden],.cr-rd-account [hidden]{display:none!important}
.cr-rd-turn,.cr-rd-secondary{color:inherit}
.cr-rd-secondary{border:1px solid currentColor}
.cr-rd-turn[disabled]{opacity:1}
.cr-rd-slot:not(.is-flipped) .cr-rd-turn[disabled]{opacity:.55}
.cr-rd-account .cr-rd-item{width:100%;box-sizing:border-box}
.cr-rd-slot,.cr-rd-slots{min-width:0}
.cr-rd-turn{overflow-wrap:anywhere;hyphens:auto}

.cr-rd-flip{-webkit-tap-highlight-color:transparent}
.cr-rd-flip.is-next{cursor:pointer;animation:cr-rd-pulse 2s ease-in-out infinite}
.cr-rd-flip.is-next:hover{transform:translateY(-6px)}
.cr-rd-flip{transition:transform .15s}
.cr-rd-flip:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:.5rem}
.cr-rd-slot.is-waiting .cr-rd-flip{transform:translateY(-10px) scale(1.03);animation:none}
.cr-rd-soundrow{text-align:center;margin:.8rem 0 0}
.cr-rd-sound{font-size:.85rem;padding:.3rem .7rem}
@keyframes cr-rd-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(212,175,85,0))}50%{filter:drop-shadow(0 0 10px rgba(212,175,85,.7))}}
@media (prefers-reduced-motion:reduce){.cr-rd-flip.is-next{animation:none}.cr-rd-flip,.cr-rd-slot.is-waiting .cr-rd-flip{transition:none;transform:none}}