/* Full native artwork, outside the table's input surface. */
.card-preview-layer{position:fixed;z-index:12;top:49%;right:23px;left:auto;width:clamp(180px,26vw,290px);max-width:calc((100dvh - 225px)*.716);pointer-events:none!important;opacity:0;visibility:hidden;transform:translate3d(10px,-50%,0) scale(.985);transform-origin:right center;transition:opacity .14s ease,transform .18s ease,visibility 0s linear .18s;contain:layout style;color:#d5e2e8;font-family:'Barlow',Arial,sans-serif;filter:drop-shadow(0 15px 22px #000a)}.card-preview-layer[hidden]{display:none!important}.card-preview-layer *,.card-preview-layer *::before,.card-preview-layer *::after{pointer-events:none!important;box-sizing:border-box}.card-preview-layer[data-side=left]{left:23px;right:auto;transform:translate3d(-10px,-50%,0) scale(.985);transform-origin:left center}.card-preview-layer.is-visible{opacity:1;visibility:visible;transform:translate3d(0,-50%,0) scale(1);transition-delay:0s}.cpv-frame{position:relative;padding:5px;border:1px solid #b8d0da3b;border-radius:8px;background:linear-gradient(135deg,#253745ed,#0b141de8 38%,#243442e8);box-shadow:inset 0 1px #ddf2ff12,0 0 0 1px #050c12b3}.cpv-marker{position:absolute;left:13px;top:-10px;padding:3px 8px;border:1px solid #a4c6d33b;border-radius:4px;background:#111f2be8;color:#a3c2cf;font:8px/1.2 'IBM Plex Mono',monospace;z-index:2;box-shadow:0 3px 8px #0005}.cpv-sleeve{position:relative;width:100%;aspect-ratio:600/838;overflow:hidden;border:1px solid #cce2e330;border-radius:4px;background:#0a141e}.cpv-image{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:none}.cpv-corner{position:absolute;inset:0;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0a;z-index:1}.cpv-corner::before,.cpv-corner::after{content:"";position:absolute;width:17px;height:17px;border-color:#c9e6ee73;border-style:solid}.cpv-corner::before{left:0;top:0;border-width:1px 0 0 1px}.cpv-corner::after{right:0;bottom:0;border-width:0 1px 1px 0}.cpv-caption{padding:10px 7px 6px;background:linear-gradient(0deg,#101b26d9,#101b2640);text-shadow:0 1px 3px #0008}.cpv-name{display:block;font-size:12px;font-weight:500;line-height:1.35;color:#e1ebf0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpv-facts{display:flex;align-items:center;gap:8px;margin-top:6px;color:#8ea9b9;font-size:9px;line-height:1.3}.cpv-facts span+span:not([hidden])::before{content:"";display:inline-block;width:2px;height:2px;vertical-align:2px;border-radius:50%;background:#76909e;margin-right:7px}.cpv-power{color:#c9dbab}.cpv-state{color:#9fb5c2}.cpv-hint{display:block;font-size:8px;color:#688798;line-height:1.4;margin-top:8px}.card-preview-layer.is-pinned .cpv-frame{border-color:#c6d79569;box-shadow:inset 0 1px #effbd21a,0 0 0 1px #050c12b3,0 0 14px #d0e2900a}.card-preview-layer.is-pinned .cpv-marker{border-color:#bfce975c;background:#222f28ed;color:#c9dda5}.card-preview-layer.is-pinned .cpv-corner::before,.card-preview-layer.is-pinned .cpv-corner::after{border-color:#e3f4b48c}.cpv-art-unavailable{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#829dac;font-size:11px;background:radial-gradient(ellipse,#1a2d3a,#0c1822)}.card-preview-layer.art-unavailable .cpv-image{visibility:hidden}.card-preview-layer.art-unavailable .cpv-art-unavailable{display:flex}
@media(min-width:1650px){.card-preview-layer{right:32px;width:min(310px,24vw);max-width:calc((100dvh - 245px)*.716)}.card-preview-layer[data-side=left]{left:32px;right:auto}.cpv-caption{padding:11px 8px 7px}.cpv-name{font-size:13px}.cpv-facts{font-size:10px}.cpv-hint{font-size:9px}.cpv-marker{font-size:9px;top:-11px}}
@media(max-width:1050px){.card-preview-layer{width:clamp(180px,25vw,260px);right:17px;max-width:calc((100dvh - 220px)*.716)}.card-preview-layer[data-side=left]{left:17px;right:auto}.cpv-caption{padding:9px 6px 5px}.cpv-name{font-size:11px}.cpv-facts{font-size:8px;gap:6px}.cpv-hint{font-size:7px;margin-top:7px}.cpv-facts span+span:not([hidden])::before{margin-right:5px}}
@media(max-width:640px){.card-preview-layer{top:47%;right:12px;width:clamp(170px,43vw,205px);min-width:0;max-width:min(calc(100vw - 30px),calc((100dvh - 265px)*.716));border-radius:6px;filter:drop-shadow(0 10px 18px #000b)}.card-preview-layer[data-side=left]{left:12px;right:auto}.cpv-frame{padding:4px;border-radius:6px}.cpv-marker{font-size:6px;top:-8px;left:10px;padding:3px 6px}.cpv-caption{padding:8px 5px 4px}.cpv-name{font-size:10px}.cpv-facts{font-size:7px;gap:5px;margin-top:5px}.cpv-hint{font-size:6px;margin-top:6px}.cpv-corner::before,.cpv-corner::after{width:13px;height:13px}}
@media(max-height:610px){.card-preview-layer{top:46%;width:min(230px,23vw);max-width:calc((100dvh - 185px)*.716);min-width:0;right:16px}.card-preview-layer[data-side=left]{left:16px;right:auto}.cpv-caption{padding:7px 5px 3px}.cpv-name{font-size:10px}.cpv-facts{font-size:7px;gap:5px;margin-top:4px}.cpv-hint{font-size:6px;margin-top:5px}.cpv-marker{font-size:6px;top:-8px}.cpv-frame{padding:4px}}
@media(max-width:430px) and (max-height:680px){.card-preview-layer{top:45%;right:10px;width:165px;max-width:calc((100dvh - 255px)*.716)}.card-preview-layer[data-side=left]{left:10px;right:auto}.cpv-caption{padding:6px 4px 3px}.cpv-hint{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.card-preview-layer{transition:none!important;transform:translate3d(0,-50%,0)!important}}body.reduce-motion .card-preview-layer{transition:none!important;transform:translate3d(0,-50%,0)!important}
@media(max-width:640px) and (min-height:681px){.card-preview-layer{width:clamp(180px,43vw,205px)}}
@media(max-height:520px){.card-preview-layer,.card-preview-layer[data-side=left]{top:50%;max-width:calc((100dvh - 245px)*.716);min-width:0}}
/* A short, readable rules excerpt complements the full native card artwork. */
.card-preview-layer.has-rules{width:clamp(220px,28vw,300px);max-width:calc(100vw - 35px)}.card-preview-layer.has-rules .cpv-sleeve{max-height:max(140px,calc(100dvh - 385px))}.cpv-rules{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:76px;margin:9px 0 0;color:#b7cbd7;font:400 13px/1.45 'Barlow',Arial,sans-serif;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 1px 3px #0008}.cpv-rules[hidden]{display:none!important}.has-rules .cpv-hint{margin-top:8px;color:#7e9cab}.has-rules .cpv-caption{background:linear-gradient(0deg,#101b26e3,#101b2694)}
@media(max-width:1050px){.card-preview-layer.has-rules{width:clamp(210px,28vw,270px)}.has-rules .cpv-name{font-size:12px}.has-rules .cpv-facts{font-size:9px}.has-rules .cpv-hint{font-size:8px}.has-rules .cpv-caption{padding:10px 7px 6px}}
@media(max-width:640px){.card-preview-layer.has-rules{width:clamp(180px,46vw,220px);max-width:calc(100vw - 26px)}.card-preview-layer.has-rules .cpv-sleeve{max-height:max(125px,calc(100dvh - 395px))}.cpv-rules{font-size:13px;-webkit-line-clamp:3;max-height:57px;margin-top:8px}.has-rules .cpv-name{font-size:11px}.has-rules .cpv-facts{font-size:8px}.has-rules .cpv-hint{font-size:7px}.has-rules .cpv-caption{padding:9px 6px 5px}}
@media(max-height:610px){.card-preview-layer.has-rules,.card-preview-layer.has-rules[data-side=left]{top:48%;width:clamp(200px,28vw,250px);max-width:calc(100vw - 35px)}.card-preview-layer.has-rules .cpv-sleeve{max-height:max(110px,calc(100dvh - 350px))}.cpv-rules{-webkit-line-clamp:3;max-height:57px;font-size:13px;margin-top:7px}.has-rules .cpv-caption{padding:8px 6px 5px}.has-rules .cpv-hint{font-size:7px;margin-top:6px}}
@media(max-height:480px){.card-preview-layer.has-rules,.card-preview-layer.has-rules[data-side=left]{top:49%;width:210px}.card-preview-layer.has-rules .cpv-sleeve{max-height:max(95px,calc(100dvh - 295px))}.cpv-rules{-webkit-line-clamp:2;max-height:38px}}
@media(max-height:480px){.card-preview-layer.has-rules,.card-preview-layer.has-rules[data-side=left]{top:48%}}
.card-preview-layer{z-index:2}
/* Keep the focus lens above the separate hand row. */
.card-preview-layer,.card-preview-layer[data-side=left],.card-preview-layer.has-rules,.card-preview-layer.has-rules[data-side=left]{top:94px;transform:translate3d(8px,0,0) scale(.985)}
.card-preview-layer[data-side=left]{transform:translate3d(-8px,0,0) scale(.985)}
.card-preview-layer.is-visible{transform:translate3d(0,0,0) scale(1)}
.card-preview-layer .cpv-sleeve,.card-preview-layer.has-rules .cpv-sleeve{max-height:max(90px,calc(var(--table-hand-top,70vh) - 285px))}
@media(max-width:640px){.card-preview-layer,.card-preview-layer[data-side=left],.card-preview-layer.has-rules,.card-preview-layer.has-rules[data-side=left]{top:112px}}
@media(max-height:480px){.card-preview-layer,.card-preview-layer[data-side=left],.card-preview-layer.has-rules,.card-preview-layer.has-rules[data-side=left]{top:64px}.card-preview-layer.has-rules .cpv-sleeve{display:none}.card-preview-layer.has-rules .cpv-caption{padding:8px}.cpv-rules{-webkit-line-clamp:2;max-height:38px}}
@media(prefers-reduced-motion:reduce){.card-preview-layer,.card-preview-layer[data-side=left]{transform:none!important}}
body.reduce-motion .card-preview-layer,body.reduce-motion .card-preview-layer[data-side=left]{transform:none!important}
.card-preview-layer{max-height:calc(var(--table-hand-top,70vh) - 106px);overflow:hidden}
@media(max-width:640px){.card-preview-layer{max-height:calc(var(--table-hand-top,70vh) - 124px)}}
@media(max-height:480px){.card-preview-layer{max-height:calc(var(--table-hand-top,70vh) - 76px)}}
@media(max-height:360px){.card-preview-layer{display:none!important}}
@media(pointer:coarse),(max-width:700px) and (orientation:portrait),(max-width:1000px) and (max-height:500px) and (orientation:landscape){.card-preview-layer{display:none!important}}