.combat-card__keyword-pill{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2xs);height:12px;font-size:.52rem;font-weight:700;letter-spacing:.04em;line-height:1;border-radius:var(--radius-pill);background:var(--kw-bg, var(--color-veil-14));color:var(--kw-color, #f0e8d8);border:1px solid var(--kw-border, var(--color-veil-22));box-shadow:inset 0 1px 0 var(--color-veil-14),0 1px 3px var(--color-scrim-22);vertical-align:middle;pointer-events:none;white-space:nowrap;flex-shrink:0}.combat-card__keyword-pill--rage{--kw-bg: var(--rage-tint-dim);--kw-color: var(--rage-tint-bright);--kw-border: var(--rage-tint)}.combat-card__keyword-pill--faith{--kw-bg: var(--faith-tint-dim);--kw-color: var(--faith-tint-bright);--kw-border: var(--faith-tint)}.combat-card__keyword-pill--fire{--kw-bg: var(--charge-fire-tint-dim);--kw-color: var(--ember-300);--kw-border: var(--charge-fire-tint)}.combat-card__keyword-pill--cold{--kw-bg: var(--charge-cold-tint-dim);--kw-color: var(--c-teal-4);--kw-border: var(--charge-cold-tint)}.combat-card__keyword-pill--lightning{--kw-bg: var(--charge-lightning-tint-dim);--kw-color: var(--c-violet-3);--kw-border: var(--charge-lightning-tint)}.combat-card__keyword-pill--charge{--kw-bg: rgba(80, 40, 100, .55);--kw-color: var(--c-violet-3);--kw-border: var(--charge-lightning-tint)}.combat-card__keyword-pill--form{--kw-bg: var(--form-tint-dim);--kw-color: var(--c-green-op);--kw-border: var(--form-tint)}.combat-card__keyword-pill--corpse{--kw-bg: var(--corpse-tint-dim);--kw-color: var(--c-green-op);--kw-border: var(--corpse-tint)}.combat-card__keyword-pill--regrowth{--kw-bg: var(--regrowth-tint-dim);--kw-color: var(--c-green-op);--kw-border: var(--regrowth-tint)}.combat-card__keyword-pill--pact{--kw-bg: var(--pact-debt-tint-dim);--kw-color: #f0a0b0;--kw-border: var(--pact-debt-tint)}.combat-card__keyword-pill--hex{--kw-bg: var(--hex-tint-dim);--kw-color: var(--c-violet-3);--kw-border: var(--hex-tint)}.combat-card__keyword-pill--pestilence{--kw-bg: var(--pestilence-tint-dim);--kw-color: var(--c-green-op-2);--kw-border: var(--pestilence-tint)}.combat-card__keyword-pill--inferno{--kw-bg: var(--inferno-tint-dim);--kw-color: var(--c-gold-8);--kw-border: var(--inferno-tint)}.combat-card__keyword-pill--soul{--kw-bg: var(--soul-tint-dim);--kw-color: var(--soul-tint);--kw-border: var(--soul-tint)}.combat-card__keyword-pill--mark{--kw-bg: var(--c-bark-4-a85);--kw-color: var(--ember-200);--kw-border: var(--ember-400)}.combat-card__keyword-pill--chain{--kw-bg: rgba(20, 30, 60, .55);--kw-color: var(--c-azure-3);--kw-border: var(--c-blue-op-2)}.combat-card__keyword-pill--shadow{--kw-bg: var(--c-dark-azure-1-a72);--kw-color: var(--c-blue-op);--kw-border: var(--shadow-tint)}.combat-card__countdown-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:16px;padding:0 var(--space-2xs);border-radius:var(--radius-pill);border:1px solid rgba(140,205,220,.38);background:var(--c-ink-a90);box-shadow:0 4px 10px var(--color-scrim-22);color:var(--c-azure-3);font-family:var(--font-display);font-size:calc(.48rem * var(--card-scale));font-weight:800;line-height:1;pointer-events:none;white-space:nowrap}.card-fan{display:flex;align-items:stretch;justify-content:flex-start;flex:1;min-height:252px;position:relative;padding-bottom:0}.fan-card{flex:0 0 184px;height:246px;display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-xs);padding:var(--space-xs) var(--space-sm) var(--space-sm);cursor:pointer;font-family:inherit;color:var(--text);text-align:center;position:relative;transform-origin:center bottom;transform:translate(var(--refan-dx, 0px)) rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px)) scale(1);transform-style:flat;transition:transform var(--transition-base),margin var(--transition-base),box-shadow var(--transition-base),border-color var(--duration-fast);margin:0;z-index:1}.fan-card:hover,.fan-card--prefire{will-change:transform}.fan-card.fan-card--dragging{position:fixed;margin:0;z-index:9999;pointer-events:none;transition:none;transform:scale(1.06);box-shadow:0 18px 32px var(--color-scrim-55),0 0 0 1px var(--c-cream-a22);filter:drop-shadow(0 8px 16px var(--color-scrim-strong))}.fan-card--fire{background:linear-gradient(180deg,rgba(140,30,25,.75) 0%,var(--oxblood-800-a95) 100%);border:2px solid var(--c-amber-3-a28)}.fan-card--ice{background:linear-gradient(180deg,rgba(35,90,150,.75) 0%,var(--c-dark-azure-2-a95) 100%);border:2px solid var(--c-azure-1-a30)}.fan-card--lightning{background:linear-gradient(180deg,rgba(120,100,25,.75) 0%,var(--c-browndark-a95) 100%);border:2px solid rgba(255,220,70,.3)}.fan-card--poison{background:linear-gradient(180deg,rgba(40,100,35,.75) 0%,var(--c-darkverdant-a98) 100%);border:2px solid var(--c-verdant-2-a30)}.fan-card--arcane{background:linear-gradient(180deg,rgba(85,35,135,.75) 0%,var(--c-dark-violet-a90) 100%);border:2px solid var(--c-blue-a30-3)}.fan-card--physical{background:linear-gradient(180deg,var(--c-browndark-a72) 0%,var(--color-surface-raised) 100%);border:2px solid rgba(175,140,90,.3)}.fan-card--support{background:linear-gradient(180deg,rgba(40,80,100,.75) 0%,var(--c-dark-azure-2-a95) 100%);border:2px solid rgba(123,170,187,.3)}.fan-card--disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}.fan-card--board-blocked{box-shadow:inset 0 0 0 1px var(--c-amber-3-a40)}.fan-card--rejected{animation:card-reject .35s ease}@keyframes card-reject{0%,to{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px)) translate(0)}20%{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px)) translate(-6px)}40%{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px)) translate(5px)}60%{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px)) translate(-3px)}80%{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px)) translate(2px)}}.fan-card--wake{animation:fan-card-wake calc(var(--fan-wake-duration, var(--duration-linger)) * var(--combat-fx-speed, 1)) ease-out}@keyframes fan-card-wake{0%{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px));filter:brightness(1)}32%{transform:rotate(var(--fan-rotate, 0deg)) translateY(calc(var(--fan-lift, 0px) - var(--space-2xs)));filter:brightness(1.12)}to{transform:rotate(var(--fan-rotate, 0deg)) translateY(var(--fan-lift, 0px));filter:brightness(1)}}@media(max-width:600px){.fan-card{flex:0 0 90px;height:130px;margin:0 -6px}}
