.re3o-card{position:relative;aspect-ratio:63/88;width:var(--card-width,clamp(56px,18vw,96px));border-radius:var(--radius-card);box-shadow:var(--shadow-card-rest);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--motion-standard) var(--easing-standard),box-shadow var(--motion-standard) var(--easing-standard)}.re3o-card.size-hand{--card-width:clamp(56px,18vw,96px)}.re3o-card.size-picker{--card-width:clamp(100px,26vw,130px)}.re3o-card.size-result{--card-width:clamp(110px,28vw,140px)}.re3o-card.size-compact{--card-width:clamp(44px,12vw,64px)}button.re3o-card{padding:0;min-height:0;background:none;border:none;display:block;cursor:default}.card-front{position:absolute;inset:0;border-radius:var(--radius-card);background-image:repeating-linear-gradient(0deg,rgba(43,36,21,.02) 0 1px,transparent 1px 6px),linear-gradient(160deg,var(--card-face) 0,var(--card-face-edge) 100%);border:2px solid var(--frame-color,var(--gold));color:var(--text-on-card);display:flex;flex-direction:column;overflow:hidden}.card-front:before{content:"";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--frame-color,var(--gold)) 55%,transparent);border-radius:calc(var(--radius-card) - 4px);pointer-events:none}.card-corner{position:absolute;top:6%;left:7%;font-family:var(--font-ui);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(.6rem,calc(var(--card-width, 80px) * .16),1.05rem);line-height:1;color:var(--frame-color,var(--gold));z-index:1}.card-corner.mirror{top:auto;left:auto;bottom:6%;right:7%;transform:rotate(180deg)}.card-illustration{flex:1 1;display:grid;place-items:center;padding:16% 12% 2%;min-height:0}.card-illustration img,.card-illustration svg{width:100%;height:100%;object-fit:contain}.card-numeral{font-family:var(--font-ui);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,calc(var(--card-width, 80px) * .42),2.6rem);color:var(--frame-color,var(--gold));text-shadow:0 1px 0 rgba(255,255,255,.4)}.card-names{text-align:center;padding:0 8% 9%;display:flex;flex-direction:column;gap:1px;min-height:26%;justify-content:flex-end}.card-name-ar{font-family:var(--font-arabic);font-weight:700;font-size:clamp(.55rem,calc(var(--card-width, 80px) * .13),.9rem);line-height:1.25;overflow-wrap:anywhere}.card-name-en{font-family:var(--font-ui);font-weight:500;font-size:clamp(.45rem,calc(var(--card-width, 80px) * .1),.7rem);color:color-mix(in srgb,var(--text-on-card) 70%,transparent);line-height:1.2}.card-front.card-full-face{background-image:none;background-color:transparent;border:none;display:block}.card-front.card-full-face:before{content:none}.card-full-face-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-card)}.card-art-picture{display:contents}.card-effect-badge{position:absolute;top:6%;right:7%;font-size:clamp(.5rem,calc(var(--card-width, 80px) * .11),.75rem);color:var(--frame-color,var(--gold));z-index:1}.family-number .card-front{--frame-color:#9a7b2f}.family-negative .card-front{--frame-color:var(--crimson);background:linear-gradient(160deg,#f7e3e0,#efcdc8)}.family-action .card-front{--frame-color:var(--gold)}.family-defense .card-front{--frame-color:#5a7fa8;background:linear-gradient(160deg,#e8eef4,#d7e2ec)}.family-variable .card-front{--frame-color:var(--violet);background:linear-gradient(160deg,#efeaf9,#ded4f1)}.family-special .card-front{--frame-color:#b03a42}.family-special.card-green-marham .card-front{--frame-color:#3f8f5f;background:linear-gradient(160deg,#e9f4e8,#d5e8d2)}.family-special.card-plus-20 .card-front{--frame-color:#8a6d1c;background:linear-gradient(160deg,#f6ecce,#ecd9a1)}.re3o-card-back{position:absolute;inset:0;border-radius:var(--radius-card);background-color:var(--card-back);background-image:url(/cards/card-back-blindo.png);background-image:-webkit-image-set(url("/cards/optimized/card-back-blindo-320w.webp") 1x,url("/cards/optimized/card-back-blindo-640w.webp") 2x);background-image:image-set(url("/cards/optimized/card-back-blindo-320w.webp") 1x,url("/cards/optimized/card-back-blindo-640w.webp") 2x);background-size:cover;background-position:50%;border:2px solid rgba(232,178,58,.55);overflow:hidden}.re3o-card.is-selectable{cursor:pointer;box-shadow:var(--glow-action),var(--shadow-card-lift);transform:translateY(-4px)}.re3o-card.is-selectable:focus-visible,.re3o-card.is-selectable:hover{transform:translateY(-6px) scale(1.02)}.re3o-card.is-selected{box-shadow:var(--glow-selected),var(--shadow-card-lift);transform:translateY(-4px)}.card-state-marker{position:absolute;top:-8px;right:-8px;z-index:2;background:var(--teal);color:#06302d;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;padding:2px 7px;box-shadow:var(--shadow-card-rest)}.re3o-card.is-disabled{filter:saturate(.35) brightness(.75);cursor:not-allowed}.re3o-card.is-disabled .card-front:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(20,26,46,.12) 10px 14px);border-radius:inherit}.re3o-card.is-highlighted,.re3o-card.is-targeted{animation:re3o-target-pulse 1.2s var(--easing-standard) infinite}.re3o-card.is-executing .card-front,.re3o-card.is-executing .re3o-card-back{animation:re3o-execute-flash var(--motion-deliberate) var(--easing-emphasis)}.re3o-card.is-face-up .card-front{box-shadow:inset 0 0 0 2px var(--gold-hover)}.card-status-overlay{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);z-index:2;border-radius:var(--radius-pill);font-size:.62rem;font-weight:700;padding:2px 7px;white-space:nowrap;box-shadow:var(--shadow-card-rest);pointer-events:none}.card-status-overlay.virus{background:#2f7a4b;color:#eafbe7}.card-status-overlay.thief-lock{background:#4a4459;color:#efe9ff}.re3o-card.is-infected .card-front,.re3o-card.is-infected .re3o-card-back{outline:2px dashed #2f7a4b;outline-offset:2px}.card-score{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:2;background:var(--bg-elevated);border:1px solid var(--gold);color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;font-size:.75rem;border-radius:var(--radius-pill);padding:2px 8px;animation:re3o-score-pop var(--motion-result) var(--easing-emphasis)}.card-score.negative{border-color:var(--success);color:var(--score-negative)}.re3o-card.anim-deal{animation:re3o-card-deal var(--motion-deliberate) var(--easing-standard) backwards}.re3o-card.anim-draw{animation:re3o-card-draw var(--motion-deliberate) var(--easing-standard)}.re3o-card.anim-discard{animation:re3o-card-discard var(--motion-deliberate) var(--easing-standard)}.re3o-card.anim-flip{animation:re3o-card-flip var(--motion-result) var(--easing-standard)}@keyframes re3o-card-deal{0%{opacity:0;transform:translateY(14px) scale(.9)}}@keyframes re3o-card-draw{0%{opacity:0;transform:translateY(-10px) scale(1.05)}}@keyframes re3o-card-discard{0%{opacity:.6;transform:translateY(-8px) rotate(-3deg)}}@keyframes re3o-card-flip{0%{transform:rotateY(90deg);opacity:.4}to{transform:rotateY(0deg);opacity:1}}@keyframes re3o-execute-flash{0%{box-shadow:0 0 0 0 rgba(255,212,107,.9)}to{box-shadow:0 0 22px 8px rgba(255,212,107,0)}}@keyframes re3o-target-pulse{0%,to{box-shadow:0 0 0 2px rgba(63,184,175,.9)}50%{box-shadow:0 0 0 5px rgba(63,184,175,.35)}}@keyframes re3o-score-pop{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.7)}60%{transform:translateX(-50%) translateY(-2px) scale(1.1)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.card-row{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;align-items:flex-end}