.lk{--gold:#ffc93c;--gold-deep:#b47600;--teal:#6ee7b7;--teal-deep:#12886a;--blue:#56aaff;--blue-deep:#17538f;--purple:#b57bff;--purple-deep:#5c2b9e;--flame:#ff7043;--flame-deep:#a2321a;--slate:#9aa4b2;--slate-deep:#4a5361}.lk-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.lk-bg:after,.lk-bg:before{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(90px);opacity:.16}.lk-bg:before{background:radial-gradient(circle,#6ee7b7,transparent 65%);top:-25vmax;left:-15vmax;animation:lk-drift-a 26s ease-in-out infinite}.lk-bg:after{background:radial-gradient(circle,#b57bff,transparent 65%);bottom:-30vmax;right:-20vmax;animation:lk-drift-b 32s ease-in-out infinite}@keyframes lk-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}@keyframes lk-drift-b{0%,to{transform:translateZ(0) scale(1.08)}50%{transform:translate3d(-5vmax,-6vmax,0) scale(1)}}.lk-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(hsla(40,29%,92%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(40,29%,92%,.035) 1px,transparent 0);background-size:46px 46px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 30%,transparent 75%)}.lk-btn{--face:var(--teal);--slab:var(--teal-deep);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.35rem;border-radius:16px;border:none;font-weight:800;font-size:15px;letter-spacing:.01em;color:#10231d;background:linear-gradient(180deg,color-mix(in srgb,var(--face) 88%,#fff) 0,var(--face) 55%,color-mix(in srgb,var(--face) 82%,#000) 100%);box-shadow:0 5px 0 0 var(--slab),0 10px 18px -6px rgba(0,0,0,.65),inset 0 2px 0 0 hsla(0,0%,100%,.5);transform:translateY(0);transition:transform 90ms ease,box-shadow 90ms ease,filter .14s ease;cursor:pointer;overflow:hidden;text-shadow:0 1px 0 hsla(0,0%,100%,.28)}.lk-btn:hover:not(:disabled){filter:brightness(1.07)}.lk-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 0 var(--slab),0 3px 8px -4px rgba(0,0,0,.7),inset 0 2px 0 0 hsla(0,0%,100%,.35)}.lk-btn:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.62);box-shadow:0 4px 0 0 rgba(0,0,0,.4),inset 0 2px 0 0 hsla(0,0%,100%,.14)}.lk-btn--ghost{color:#f0ece4;background:hsla(40,29%,92%,.07);box-shadow:0 5px 0 0 rgba(0,0,0,.45),inset 0 0 0 2px hsla(40,29%,92%,.16),inset 0 2px 0 0 hsla(0,0%,100%,.12);text-shadow:none}.lk-btn--gold{--face:var(--gold);--slab:var(--gold-deep);color:#2a1c00}.lk-btn--blue{--face:var(--blue);--slab:var(--blue-deep);color:#06203d}.lk-btn--purple{--face:var(--purple);--slab:var(--purple-deep);color:#1f0a3a}.lk-btn--shine:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);transform:skewX(-22deg);animation:lk-sweep 3.4s ease-in-out infinite}@keyframes lk-sweep{0%,62%{left:-60%}to{left:130%}}.lk-panel{position:relative;border-radius:22px;background:linear-gradient(180deg,hsla(40,29%,92%,.075),hsla(40,29%,92%,.028));box-shadow:inset 0 0 0 1px hsla(40,29%,92%,.11),inset 0 1px 0 0 hsla(0,0%,100%,.13),0 14px 30px -18px rgba(0,0,0,.9);overflow:hidden}.lk-panel--lift{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.lk-panel--lift:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px hsla(40,29%,92%,.2),inset 0 1px 0 0 hsla(0,0%,100%,.2),0 22px 40px -20px rgba(0,0,0,.95)}.lk-panel[data-rarity]:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,transparent,var(--tier),transparent)}.lk-panel[data-rarity=common]{--tier:var(--slate)}.lk-panel[data-rarity=special]{--tier:var(--teal)}.lk-panel[data-rarity=rare]{--tier:var(--blue)}.lk-panel[data-rarity=epic]{--tier:var(--purple)}.lk-panel[data-rarity=legendary]{--tier:var(--gold)}.lk-panel[data-rarity=mythic]{--tier:var(--flame)}.lk-panel--glow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 45%,transparent),inset 0 1px 0 0 hsla(0,0%,100%,.16),0 0 26px -6px color-mix(in srgb,var(--tier) 42%,transparent),0 16px 32px -20px rgba(0,0,0,.9)}.lk-panel--holo:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--tier) 30%,transparent),transparent 45%);animation:lk-spin 9s linear infinite;pointer-events:none;opacity:.55}@keyframes lk-spin{to{transform:rotate(1turn)}}.lk-coin{display:inline-grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe79a,var(--gold) 46%,var(--gold-deep) 100%);box-shadow:inset 0 -2px 3px rgba(0,0,0,.35),inset 0 2px 2px hsla(0,0%,100%,.7),0 2px 6px -1px rgba(0,0,0,.55);color:#6b4400;font-weight:900;line-height:1;flex:none}.lk-coin--spin{animation:lk-coin-spin 4.5s ease-in-out infinite}@keyframes lk-coin-spin{0%,70%,to{transform:rotateY(0deg)}85%{transform:rotateY(180deg)}}.lk-purse{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .45rem;border-radius:999px;background:linear-gradient(180deg,rgba(255,201,60,.2),rgba(255,201,60,.07));box-shadow:inset 0 0 0 1px rgba(255,201,60,.4),inset 0 1px 0 hsla(0,0%,100%,.22);color:#ffdd85;font-weight:800;font-variant-numeric:tabular-nums}.lk-pop{animation:lk-pop .42s cubic-bezier(.2,1.5,.4,1)}@keyframes lk-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.lk-burst{position:fixed;inset:0;z-index:60;pointer-events:none}.lk-burst span{position:absolute;top:50%;left:50%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe79a,#ffc93c 46%,#b47600 100%);box-shadow:0 0 12px rgba(255,201,60,.8);animation:lk-fly .9s cubic-bezier(.15,.85,.3,1) forwards;animation-delay:var(--d);opacity:0}@keyframes lk-fly{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}18%{opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(240deg);opacity:0}}.lk-meter{height:14px;background:rgba(0,0,0,.45);box-shadow:inset 0 2px 4px rgba(0,0,0,.6),inset 0 0 0 1px hsla(40,29%,92%,.09)}.lk-meter,.lk-meter i{position:relative;border-radius:999px;overflow:hidden}.lk-meter i{display:block;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--tier,var(--teal)) 85%,#fff),var(--tier,var(--teal)));box-shadow:inset 0 -2px 3px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.45);transition:width .7s cubic-bezier(.2,.8,.2,1)}.lk-meter i:after{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg,hsla(0,0%,100%,.28) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.28) 0,hsla(0,0%,100%,.28) 75%,transparent 0);background-size:16px 16px;animation:lk-stripes .9s linear infinite}@keyframes lk-stripes{to{background-position:16px 0}}.lk-poster{position:relative;background:radial-gradient(ellipse at 50% 30%,rgba(110,231,183,.18),transparent 70%),linear-gradient(160deg,#2b2b2b,#131313);box-shadow:inset 0 0 0 1px hsla(40,29%,92%,.14)}.lk-poster img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.lk-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42))}.lk-play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#10231d}.lk-play i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#8ff2cd,var(--teal));box-shadow:0 2px 0 var(--teal-deep),0 4px 10px -2px rgba(0,0,0,.6);transition:transform .16s cubic-bezier(.2,.8,.2,1)}.lk-cliprow:hover .lk-play i{transform:scale(1.14)}.lk-cliprow:active .lk-btn{transform:translateY(5px);box-shadow:0 0 0 0 var(--slab),0 3px 8px -4px rgba(0,0,0,.7),inset 0 2px 0 0 hsla(0,0%,100%,.35)}.lk-vault{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.5) 0 10px,rgba(0,0,0,.66) 10px 20px);box-shadow:inset 0 0 0 2px hsla(40,29%,92%,.12),inset 0 6px 16px rgba(0,0,0,.65);color:hsla(40,29%,92%,.7);flex:none}.lk-plinth{position:relative;display:grid;place-items:center;flex:none}.lk-plinth:before{top:46%;translate:-50% -50%;width:124%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--tier,var(--slate)) 26%,transparent),transparent 64%)}.lk-plinth:after,.lk-plinth:before{content:"";position:absolute;left:50%;border-radius:50%}.lk-plinth:after{bottom:-1px;translate:-50% 0;width:64%;height:8%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tier,var(--slate)) 60%,transparent),transparent 72%);filter:blur(2px)}.lk-plinth>*{position:relative;z-index:1}.lk-tab{position:relative;min-height:42px;padding:0 1rem;border-radius:14px;font-weight:700;font-size:14px;color:#8a8780;background:transparent;transition:color .16s ease,background .16s ease,transform .12s ease;flex:none;cursor:pointer}.lk-tab:hover{color:#c8c4bc}.lk-tab[data-active=true]{color:#10231d;background:linear-gradient(180deg,#8ff2cd,var(--teal));box-shadow:0 3px 0 0 var(--teal-deep),inset 0 1px 0 hsla(0,0%,100%,.5);text-shadow:0 1px 0 hsla(0,0%,100%,.3)}.lk-tab[data-active=true]:active{transform:translateY(3px);box-shadow:0 0 0 0 var(--teal-deep)}.lk-rank{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .8rem;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--tier) 80%,#fff);background:color-mix(in srgb,var(--tier) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 45%,transparent)}.lk-float{animation:lk-float 5s ease-in-out infinite}@keyframes lk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.lk-num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.lk-bg:after,.lk-bg:before,.lk-btn--shine:after,.lk-burst span,.lk-coin--spin,.lk-float,.lk-meter i:after,.lk-panel--holo:after{animation:none}}