.dk-pack-wrap{perspective:1400px}.dk-card{border-radius:var(--dk-radius);display:block}.dk-art{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dk-back{--lx:calc(var(--dk-lx,-.35) + var(--dk-spin,0) * 3);--ly:var(--dk-ly,-.45);pointer-events:none;position:absolute;inset:0}.dk-back>i{position:absolute;inset:0}.dk-pack__layers:not([data-shuffling])>.dk-pack__layer:not(:first-child) .dk-back{visibility:hidden}.dk-back__bevel{background:url(/deck/back-bevel-v2.webp) 0 0/100% 400% no-repeat}.dk-back__bevel[data-from=left]{opacity:clamp(0, -1.1 * var(--lx), 1)}.dk-back__bevel[data-from=right]{opacity:clamp(0, 1.1 * var(--lx), 1);background-position:0 33.3333%}.dk-back__bevel[data-from=top]{opacity:clamp(0, -1.1 * var(--ly), 1);background-position:0 66.6667%}.dk-back__bevel[data-from=bottom]{opacity:clamp(0, 1.1 * var(--ly), 1);background-position:0 100%}.dk-back__sheen{background:linear-gradient(108deg,#0000 40%,#ebf2fa66 45.5%,#fffffffa 48%,#dce6f273 51%,#0000 57%) 0 0/300% 300%,linear-gradient(150deg,#f0f6fc8c,#f0f6fc00 35%,#0a0e1400 60%,#0a0e1499) 0 0/260% 260%;background-position:calc(50% - var(--lx) * 48%) calc(50% - var(--ly) * 30%), calc(50% - var(--lx) * 50%) calc(50% - var(--ly) * 50%);background-repeat:no-repeat;-webkit-mask:url(/deck/back-mask.webp) 0 0/100% 100% no-repeat;mask:url(/deck/back-mask.webp) 0 0/100% 100% no-repeat}.dk-back__glare{background:radial-gradient(circle at calc(50% + var(--lx) * 55%) calc(50% + var(--ly) * 55%), #f0f5ff12, transparent 60%)}.dk-pack-wrap{place-items:center;display:grid;position:relative}.dk-pack-wrap>*{grid-area:1/1}.dk-pack__hit{z-index:1;width:calc(var(--dk-card) * 1.3);height:calc(var(--dk-card) * 1.8);margin-block:calc(var(--dk-card) * -.15);border-radius:var(--dk-radius);position:relative}.dk-pack__hit:disabled{cursor:default}.dk-float{transform-style:preserve-3d;animation:7s ease-in-out infinite dk-float}@keyframes dk-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.8deg)}}.dk-pack{width:var(--dk-card);aspect-ratio:2/3;transform-style:preserve-3d;border-radius:var(--dk-radius);display:block;position:relative}.dk-pack__layers{transform-style:preserve-3d;position:absolute;inset:0}.dk-pack__layer{--band:0%;--edge:color-mix(in srgb, #fbfcfe clamp(8%, calc(52% + var(--dk-lx,-.35) * 48% + var(--band)), 96%), #6f757e);box-shadow:0 0 0 1px var(--edge);background:linear-gradient(135deg,#f4f6f9,#a9afb8 22%,#5f656e 40%,#e9edf2 58%,#8a9099 78%,#d7dbe1);position:absolute;inset:0;overflow:hidden}@supports (width:round(1px, 1px)){.dk-pack__layer{--edge:color-mix(in srgb, #fbfcfe clamp(8%, calc(52% + round(var(--dk-lx,-.35), .04) * 48% + var(--band)), 96%), #6f757e)}}.dk-pack__layer:nth-child(3n+1){--band:18%}.dk-pack__layer:nth-child(3n+2){--band:-14%}.dk-pack__shadow{width:calc(var(--dk-card) * 1.15);height:calc(var(--dk-card) * .4);margin:calc(var(--dk-card) * .62) 0 0 calc(var(--dk-card) * -.575);pointer-events:none;background:radial-gradient(closest-side,#1c1c1e38,#0000);border-radius:50%;position:absolute;top:50%;left:50%}.dk-pack__peek{background:#f3eee4;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #1c1c1e40}@media (prefers-reduced-motion:reduce){.dk-float{animation:none}}
