.mk-depth{transform:translate3d(calc(var(--px,0) * var(--depth,0) * 1px), calc(var(--py,0) * var(--depth,0) * 1px), 0);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.mk-float{animation:mk-float var(--float-time,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}@keyframes mk-float{50%{transform:translateY(-9px) rotate(var(--float-rot,1.5deg))}}.mk-flow{stroke-dasharray:3 21;animation:1.8s linear infinite mk-flow}@keyframes mk-flow{to{stroke-dashoffset:-24px}}.mk-tile{aspect-ratio:1;perspective:700px;place-items:center;display:grid}.mk-tile-face{aspect-ratio:1;background:radial-gradient(110% 80% at 14% 6%,#a880ff8c,#0000 58%),radial-gradient(70% 60% at 92% 96%,#8250ff59,#0000 70%),linear-gradient(150deg,#34197a 0%,#170c33 48%,#0a0614 100%);border-radius:24%;place-items:center;width:66%;display:grid;position:relative;transform:rotateX(16deg)rotateY(-24deg)rotate(-5deg);box-shadow:inset 0 1.5px #ffffff52,inset 0 0 0 1px #cdbfff33,inset 0 -14px 28px #00000073,5px 7px 0 -1px #2b1562,9px 12px 0 -2px #150a31,0 34px 70px -24px #8250ffb3}.mk-tile-face:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#fff3 0%,#0000 30% 68%,#966eff38 100%);position:absolute;inset:0}.mk-tile-icon{color:#e6ddff;--icon-accent:#b496ff;filter:drop-shadow(0 0 8px #966effe6)drop-shadow(0 2px #0000008c);width:50%;height:50%}@media (prefers-reduced-motion:reduce){.mk-depth{transition:none;transform:none}.mk-float,.mk-flow{animation:none}}