.card-diagram{margin:32px 0}.cd-fallback{color:#4b5361;background:#fff;border:1px solid #e6e9ee;border-radius:12px;margin:0;padding:18px 20px 18px 38px}.cd-fallback li+li{margin-top:6px}.cd-stage{aspect-ratio:100/70;background:linear-gradient(160deg,#10381f,#0b2a17);border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0f172a0f,0 8px 24px #0f172a17;container-type:inline-size}.cd-stage.is-instant .cd-card,.cd-stage.is-instant .cd-label{transition:none!important}.cd-slot{aspect-ratio:1/1.4;box-sizing:border-box;color:#ffffff73;letter-spacing:.02em;border:1.5px dashed #ffffff47;border-radius:1.4cqw;justify-content:center;align-items:center;width:12cqw;font-size:max(12px,3.1cqw);font-weight:600;display:flex;position:absolute}.cd-slot.is-target{color:#beffe1e6;background:#78ffbe17;border-color:#78ffbed9}.cd-card{aspect-ratio:1/1.4;box-sizing:border-box;width:12cqw;transition:left .62s cubic-bezier(.22,.68,.36,1),top .62s cubic-bezier(.22,.68,.36,1),transform .42s,opacity .38s,box-shadow .25s;transition-delay:var(--cd-delay,0s);will-change:left, top;background:#fdfdfb;border-radius:1.4cqw;padding:.9cqw;font-family:Oxanium,ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1;position:absolute;box-shadow:0 .3cqw .9cqw #00000052}.cd-card .cd-rank{font-size:max(12px,3.4cqw);display:block}.cd-card .cd-pip{font-size:max(9px,2.6cqw);display:block}.cd-card .cd-face{opacity:.92;font-size:max(18px,6cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cd-card.is-covered .cd-face{display:none}.cd-card[data-colour=red]{color:#c62828}.cd-card[data-colour=black]{color:#1c2430}.cd-card.is-down{color:#0000;background:linear-gradient(135deg,#4338ca,#d6009f)}.cd-card.is-down>*{visibility:hidden}.cd-card.is-down:after{content:"";background-image:repeating-linear-gradient(45deg,#ffffff29 0 .5cqw,#0000 .5cqw 1.1cqw);border:1px solid #fff6;border-radius:.9cqw;position:absolute;inset:.85cqw}.cd-card.is-lifted{z-index:60;transform:translateY(-1.6cqw)scale(1.04);box-shadow:0 1.2cqw 2cqw #0000006b}.cd-card.is-valid{outline-offset:-.2cqw;outline:.45cqw solid #5af0aaf2}.cd-card.is-invalid{outline-offset:-.2cqw;outline:.45cqw solid #ff6e6ef2;animation:.42s cd-shake}.cd-card.is-blocked{filter:grayscale(.6)brightness(.84)}.cd-card.is-gone{opacity:0;transform:scale(.7)}@keyframes cd-shake{0%,to{margin-left:0}20%{margin-left:-1.1cqw}45%{margin-left:1.1cqw}70%{margin-left:-.6cqw}}.cd-label{color:#ffffffd1;letter-spacing:.01em;max-width:calc(98% - (var(--cd-lx,0) * 1%));opacity:0;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:max(11.5px,2.9cqw);font-weight:600;line-height:1.25;transition:opacity .3s;position:absolute}.cd-label.is-on{opacity:1}.cd-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.cd-btn{font:inherit;color:#2a2f38;cursor:pointer;background:#fff;border:1.5px solid #c6ccd6;border-radius:8px;padding:7px 15px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.cd-btn:hover:not(:disabled){color:#14181f;background:#f0f2f5;border-color:#aab2bf}.cd-btn:disabled{opacity:.45;cursor:default}.cd-btn:focus-visible{outline-offset:2px;outline:2px solid #4338ca}.cd-dots{gap:6px;margin-left:auto;display:flex}.cd-dot{background:#c6ccd6;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.cd-dot.is-on{background:#4338ca;transform:scale(1.35)}.card-diagram figcaption{color:#4b5361;min-height:2.8em;margin-top:10px;font-size:.95rem}.card-diagram figcaption strong{color:#14181f}@media (prefers-reduced-motion:reduce){.cd-card,.cd-label{transition:none!important}.cd-card.is-invalid{animation:none}}@media (width<=480px){.card-diagram{margin:26px 0}.card-diagram figcaption{font-size:.9rem}}