.welcome-tip{background:var(--bento-solid);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 7%, transparent);border-radius:1.1rem;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.welcome-ladder{flex-direction:column;gap:.15rem;margin-top:.5rem;display:flex}.welcome-ladder__row{border-radius:.8rem;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.welcome-ladder__row:nth-child(odd){background:color-mix(in srgb, var(--ludex-ink) 3%, var(--bento-solid))}.welcome-drawn{background:var(--bento-solid);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 6%, transparent);border-radius:.9rem;align-items:center;gap:.7rem;padding:.3rem .7rem .3rem .35rem;display:flex}.welcome-drawn__thumb{object-fit:cover;background:color-mix(in srgb, var(--ludex-ink) 8%, var(--bento-solid));border-radius:.4rem;flex-shrink:0;width:1.75rem;height:2.3rem}.welcome-drawn+.welcome-tip,.welcome-drawn~.welcome-tip{margin-top:.5rem}.welcome-wish{display:block}.welcome-wish--on{box-shadow:0 0 0 2.5px var(--color-ludex)}.welcome-wish__heart{background:var(--bento-solid);width:1.9rem;height:1.9rem;color:var(--ludex-ink);box-shadow:0 .2rem .5rem color-mix(in srgb, var(--ludex-shade) 25%, transparent);border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,color .2s;display:flex;position:absolute;top:.35rem;right:.35rem}.welcome-wish__heart path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.welcome-wish:hover .welcome-wish__heart{transform:scale(1.1)}.welcome-wish--on .welcome-wish__heart{background:var(--color-ludex);color:var(--bento-solid);transform:scale(1.1)}.welcome-wish--on .welcome-wish__heart path{fill:currentColor}.welcome-ladder .rarity-badge,.welcome-drawn .rarity-badge{border-radius:.22rem;flex-shrink:0;width:.85rem;height:1.15rem;display:inline-block;transform:rotate(-6deg)}html[data-welcome] .welcome-cover{z-index:55;background:radial-gradient(60% 50% at 50% 40%, color-mix(in srgb, var(--color-ludex) 14%, var(--ludex-app-bg)), var(--ludex-app-bg) 75%);position:fixed;inset:0}.welcome-cover{display:none}html[data-welcome] .welcome-cover{display:block}
