.drop-mood,.drop-mood[data-mood=night]{--sk0:var(--mood-night-0,var(--celisti-mood-night-0));--sk1:var(--mood-night-1,var(--celisti-mood-night-1));--sk2:var(--celisti-mood-night-2);--skstar:var(--mood-night-star,var(--celisti-mood-night-star));--skspeck:var(--celisti-mood-night-speck)}.drop-mood[data-mood=dawn]{--sk0:var(--celisti-mood-dawn-0);--sk1:var(--celisti-mood-dawn-1);--sk2:var(--celisti-mood-dawn-2);--skstar:var(--celisti-mood-dawn-star);--skspeck:var(--celisti-mood-dawn-speck)}.drop-mood[data-mood=gold]{--sk0:var(--celisti-mood-gold-0);--sk1:var(--celisti-mood-gold-1);--sk2:var(--celisti-mood-gold-2);--skstar:var(--celisti-mood-gold-star);--skspeck:var(--celisti-mood-gold-speck)}.dcards{flex:none;position:relative}.dcard{perspective:700px;position:absolute}.dcard-in{transform-style:preserve-3d;position:absolute;inset:0}.dcards[data-face=flip] .dcard-in{transition:transform .75s cubic-bezier(.3,.7,.2,1)}.dcards[data-face=flip] .dcard:nth-child(2) .dcard-in{transition-delay:.14s}.dcards[data-face=flip] .dcard:nth-child(3) .dcard-in{transition-delay:.28s}.dcards[data-face=flip] .dcard-in,.dcards[data-face=up] .dcard-in{transform:rotateY(180deg)}.dcard-back,.dcard-face{border-radius:var(--dc-r,12px);border:var(--dc-bw,2px) solid var(--dc-frame,var(--color-bg));box-shadow:var(--dc-shadow,0 6px 14px -6px hsl(var(--celisti-color-onyx) / .4));backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.dcard-face{background:var(--color-muted);transform:rotateY(180deg)}.dcard-face img{object-fit:cover;width:100%;height:100%;display:block}.dcards[data-style=rising-star] .dcard-back{background:radial-gradient(28% 70% at 84% 46%, hsl(var(--sk2) / .38), transparent 70%), radial-gradient(1.4px 1.4px at 8% 30%, hsl(var(--skspeck)), transparent), radial-gradient(1px 1px at 22% 78%, hsl(var(--skspeck)), transparent), radial-gradient(1.2px 1.2px at 40% 14%, hsl(var(--skspeck)), transparent), radial-gradient(1px 1px at 61% 74%, hsl(var(--skspeck)), transparent), radial-gradient(1.4px 1.4px at 74% 18%, hsl(var(--skspeck)), transparent), radial-gradient(1px 1px at 92% 82%, hsl(var(--skspeck)), transparent), radial-gradient(55% 110% at 50% 40%, hsl(var(--sk1) / .7), transparent 70%), radial-gradient(40% 80% at 90% 100%, hsl(var(--sk2) / .4), transparent 70%), linear-gradient(hsl(var(--sk0)), hsl(var(--sk0)));background-size:300% 100%}.dcards[data-style=rising-star] .dcard:first-child .dcard-back{background-position:0 0}.dcards[data-style=rising-star] .dcard:nth-child(2) .dcard-back{background-position:50% 0}.dcards[data-style=rising-star] .dcard:nth-child(3) .dcard-back{background-position:100% 0}.dcard-ns,.dcard-cp{position:absolute}.dcard-ns{width:46%;height:46%;fill:hsl(var(--skstar));filter:drop-shadow(0 0 6px hsl(var(--skstar) / .6));top:50%;left:50%;transform:translate(-50%,-50%)}.dcard-cp{width:12%;height:12%;fill:hsl(var(--celisti-gold-night));filter:drop-shadow(0 0 3px hsl(var(--celisti-gold-night) / .7));top:22%;left:69%}.dcards[data-size=fan]{width:120px;height:82px}.dcards[data-size=fan] .dcard{width:66px;height:74px;top:4px}.dcards[data-size=fan] .dcard:first-child{left:0;transform:rotate(-8deg)}.dcards[data-size=fan] .dcard:nth-child(2){z-index:1;left:27px;transform:rotate(1deg)}.dcards[data-size=fan] .dcard:nth-child(3){z-index:2;left:54px;transform:rotate(9deg)}@media (width<=639.98px){.dcards[data-size=fan]{--dc-r:10px;width:92px;height:68px}.dcards[data-size=fan] .dcard{width:50px;height:60px}.dcards[data-size=fan] .dcard:nth-child(2){left:20px}.dcards[data-size=fan] .dcard:nth-child(3){left:40px}}@container (width<=27.99rem){.drop-post .dcards[data-size=fan]{--dc-r:10px;width:92px;height:68px}.drop-post .dcards[data-size=fan] .dcard{width:50px;height:60px}.drop-post .dcards[data-size=fan] .dcard:nth-child(2){left:20px}.drop-post .dcards[data-size=fan] .dcard:nth-child(3){left:40px}}@container (width>=28rem){.drop-post .dcards[data-size=fan]{--dc-r:12px;width:120px;height:82px}.drop-post .dcards[data-size=fan] .dcard{width:66px;height:74px}.drop-post .dcards[data-size=fan] .dcard:nth-child(2){left:27px}.drop-post .dcards[data-size=fan] .dcard:nth-child(3){left:54px}}.dcards[data-size=tiles]{--dc-r:10px;--dc-bw:0px;--dc-shadow:none;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dcards[data-size=tiles] .dcard{aspect-ratio:1;position:relative}.dcards[data-size=hand]{--dc-r:16px;--dc-bw:3px;--dc-shadow:0 14px 28px -14px hsl(var(--celisti-color-onyx) / .5);width:300px;height:176px}.dcards[data-size=hand] .dcard{width:124px;height:156px;top:6px}.dcards[data-size=hand] .dcard:first-child{left:8px;transform:rotate(-9deg)}.dcards[data-size=hand] .dcard:nth-child(2){z-index:1;left:88px;transform:translateY(-6px)}.dcards[data-size=hand] .dcard:nth-child(3){z-index:2;left:168px;transform:rotate(9deg)}@media (width<=639.98px){.dcards[data-size=hand]{--dc-r:13px;width:220px;height:134px}.dcards[data-size=hand] .dcard{width:92px;height:116px}.dcards[data-size=hand] .dcard:first-child{left:6px}.dcards[data-size=hand] .dcard:nth-child(2){left:64px}.dcards[data-size=hand] .dcard:nth-child(3){left:122px}}.drop-moodart{background:radial-gradient(70% 90% at 30% 20%, hsl(var(--sk1) / .55), transparent 65%), radial-gradient(60% 70% at 85% 90%, hsl(var(--sk2) / .35), transparent 65%), hsl(var(--sk0));position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.dcards .dcard-in{transition:none!important}}.drop-gilded{background:radial-gradient(60% 100% at 100% 0%, hsl(var(--sk1) / .12), transparent 60%) padding-box, radial-gradient(50% 80% at 0% 100%, color-mix(in oklab, var(--color-gold) 8%, transparent), transparent 60%) padding-box, linear-gradient(var(--color-bg), var(--color-bg)) padding-box, linear-gradient(120deg, color-mix(in oklab, var(--color-gold) 85%, transparent), color-mix(in oklab, var(--color-gold) 25%, transparent) 40%, color-mix(in oklab, var(--color-royal-purple) 45%, transparent) 75%, color-mix(in oklab, var(--color-gold) 70%, transparent)) border-box;box-shadow:0 18px 40px -30px color-mix(in oklab, var(--color-gold) 90%, transparent);border:1px solid #0000}.drop-veil{background:radial-gradient(60% 120% at 50% 0%, color-mix(in oklab, var(--color-royal-purple) 9%, transparent), transparent 65%) padding-box, linear-gradient(var(--color-bg), var(--color-bg)) padding-box, linear-gradient(120deg, color-mix(in oklab, var(--color-gold) 70%, transparent), color-mix(in oklab, var(--color-gold) 18%, transparent) 40%, color-mix(in oklab, var(--color-royal-purple) 35%, transparent) 75%, color-mix(in oklab, var(--color-gold) 55%, transparent)) border-box;border:1px solid #0000}.drop-timebar{background:color-mix(in oklab, var(--color-border) 70%, transparent)}.drop-timebar>i{border-radius:inherit;background:linear-gradient(90deg, var(--color-royal-purple), var(--color-gold));height:100%;display:block}.drop-piece[data-look=sold] .drop-piece-photo{background:var(--color-muted)}.drop-piece[data-look=sold] .drop-piece-photo img{filter:grayscale(.35);opacity:.5}.drop-piece[data-look=retired] .drop-piece-photo img{filter:grayscale(.65)brightness(1.03)}.drop-piece[data-look=retired] .drop-piece-photo:before{content:"";z-index:1;background:var(--color-royal-purple);mix-blend-mode:color;opacity:.2;pointer-events:none;position:absolute;inset:0}.drop-post{background:radial-gradient(70% 140% at 100% 0%, color-mix(in oklab, var(--color-gold) 10%, transparent), transparent 60%) padding-box, linear-gradient(var(--color-bg), var(--color-bg)) padding-box, linear-gradient(120deg, color-mix(in oklab, var(--color-gold) 85%, transparent), color-mix(in oklab, var(--color-gold) 25%, transparent) 40%, color-mix(in oklab, var(--color-royal-purple) 45%, transparent) 75%, color-mix(in oklab, var(--color-gold) 70%, transparent)) border-box;box-shadow:0 10px 28px -20px color-mix(in oklab, var(--color-gold) 90%, transparent);border:1px solid #0000}.drop-post[data-ended]{background:radial-gradient(70% 140% at 100% 0%, color-mix(in oklab, var(--color-gold) 6%, transparent), transparent 60%) padding-box, linear-gradient(var(--color-bg), var(--color-bg)) padding-box, linear-gradient(120deg, color-mix(in oklab, var(--color-gold) 60%, transparent), color-mix(in oklab, var(--color-gold) 20%, transparent) 50%, color-mix(in oklab, var(--color-gold) 50%, transparent)) border-box;box-shadow:none}.drop-medal{background:radial-gradient(70% 70% at 30% 25%, hsl(var(--celisti-seal-hi)), hsl(var(--celisti-seal-lo)));box-shadow:0 0 0 2px var(--color-bg), 0 4px 10px -3px hsl(var(--celisti-color-onyx) / .4);color:hsl(var(--celisti-seal-ink));border-radius:999px;place-items:center;display:grid}.dcard-face[data-look=sold] img{filter:grayscale(.35);opacity:.5}.dcard-face[data-look=retired] img{filter:grayscale(.65)brightness(1.03)}.dcard-face[data-look=retired]:after{content:"";background:var(--color-royal-purple);mix-blend-mode:color;opacity:.2;position:absolute;inset:0}.drop-thumb[data-look=sold] img,.drop-piece[data-look=gone] .drop-piece-photo img{filter:grayscale(.35);opacity:.5}.drop-thumb[data-look=retired] img{filter:grayscale(.65)brightness(1.03)}.drop-thumb[data-look=retired]:after{content:"";background:var(--color-royal-purple);mix-blend-mode:color;opacity:.2;position:absolute;inset:0}.drop-piece[data-look=gone] .drop-piece-photo{background:var(--color-muted)}[data-theme=dark] .dcards[data-mood=dawn]{--dc-frame:hsl(var(--celisti-mood-dawn-0))}.drop-nightband{background:radial-gradient(70% 160% at 0% 0%, color-mix(in oklab, var(--color-royal-purple) 60%, transparent), transparent 65%), radial-gradient(50% 140% at 100% 100%, color-mix(in oklab, var(--color-gold-night) 14%, transparent), transparent 60%), hsl(var(--celisti-night))}