.workshop-project{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--color-ludex) 12%, var(--bento-solid)), var(--bento-solid) 60%) padding-box, var(--ludex-foil) border-box;box-shadow:0 18px 40px -24px color-mix(in srgb, var(--color-ludex) 45%, transparent);border:2px solid #0000}.workshop-edition{background:color-mix(in srgb, white 65%, var(--bento-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 6%, transparent)}@media (max-width:639px){.workshop-project .workshop-edition{border-top:1px solid color-mix(in srgb, var(--ludex-ink) 8%, transparent);box-shadow:none;background:0 0;border-radius:0;padding:1rem 0 0}}.workshop-edition__label{color:var(--ludex-accent-deep)}.workshop-gauge{background:color-mix(in srgb, var(--ludex-ink) 9%, var(--bento-solid));border-radius:999px;height:.6rem;overflow:hidden}.workshop-gauge__fill{border-radius:inherit;background:var(--ludex-foil);height:100%;transition:width .4s ease-out;display:block}.workshop-gauge__tick{background:var(--bento-solid);width:.7rem;height:.7rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ludex-ink) 22%, transparent);border-radius:999px;position:absolute;top:50%;translate:-50% -50%}.workshop-gauge__tick:last-child[style*="100%"]{translate:-100% -50%}.workshop-gauge__tick--reached{background:var(--ludex-ink);box-shadow:0 0 0 2px var(--bento-solid)}.workshop-panel{background:color-mix(in srgb, white 70%, var(--bento-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 6%, transparent)}.workshop-panel--accent{background:color-mix(in srgb, var(--color-ludex) 10%, var(--bento-solid))}.mega-modal__card{filter:drop-shadow(0 22px 36px #00000080);width:min(19rem,80%)}@media (max-width:767px){.mega-modal__card{aspect-ratio:5/7;width:auto;height:100%}}.workshop-crafted-card{filter:drop-shadow(0 22px 36px #00000080);width:min(15rem,62%);rotate:-3deg}@media (prefers-reduced-motion:no-preference){.workshop-crafted-card{animation:.7s cubic-bezier(.22,1,.36,1) both workshop-crafted}@keyframes workshop-crafted{0%{opacity:0;transform:translateY(24px)scale(.85)}}}.workshop-step-row{color:color-mix(in srgb, var(--ludex-ink) 55%, transparent);align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;display:flex}.workshop-step-row--reached{color:var(--ludex-ink)}.workshop-step-row__dot{width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ludex-ink) 18%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workshop-step-row--reached .workshop-step-row__dot{background:var(--ludex-ink);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-ludex) 45%, transparent)}.mega-progress{background:color-mix(in srgb, white 65%, var(--bento-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 8%, transparent);border-radius:1.25rem;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.1rem;display:flex}.mega-recipe{background:color-mix(in srgb, white 65%, var(--bento-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-ink) 8%, transparent);border-radius:1.25rem;padding-inline:1rem;display:grid}.mega-recipe__row{align-items:center;gap:.75rem;min-height:3.6rem;padding-block:.6rem;display:flex}.mega-recipe__row+.mega-recipe__row{border-top:1px solid color-mix(in srgb, var(--ludex-ink) 7%, transparent)}.mega-recipe__icon{background:color-mix(in srgb, var(--res) 14%, var(--bento-solid));width:2.1rem;height:2.1rem;color:var(--res);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.mega-recipe__bar{background:color-mix(in srgb, var(--ludex-ink) 9%, var(--bento-solid));border-radius:999px;height:.3rem;display:block;overflow:hidden}.mega-recipe__bar>span{border-radius:inherit;background:var(--res);height:100%;transition:width .4s ease-out;display:block}.mega-recipe__action{flex-shrink:0;justify-content:flex-end;width:5.25rem;display:flex}.mega-recipe__give{background:var(--ludex-ink);color:#fff;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;min-width:3.5rem;height:2rem;padding-inline:.8rem;font-size:.8rem;font-weight:800;transition:background-color .15s,transform .15s}.mega-recipe__give:hover:not(:disabled){background:var(--ludex-accent-deep);transform:translateY(-1px)}.mega-recipe__give:disabled{cursor:not-allowed;opacity:.4}.mega-recipe__done{color:var(--ludex-ink);align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.mega-modal__footer{border-top:1px solid color-mix(in srgb, var(--ludex-ink) 8%, transparent);background:var(--ludex-cream)}@media (max-width:767px){.app-modal.split-modal.mega-modal{grid-template-rows:10rem minmax(0,1fr)}}@media (min-width:768px){.app-modal.split-modal.mega-modal{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);width:min(68rem,100vw - 2rem);height:min(44rem,100dvh - 3rem)}.mega-modal .workshop-steps{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));gap:1rem;display:grid}.mega-modal .workshop-step-row{flex-wrap:wrap;align-content:flex-start;row-gap:.3rem}.mega-modal .workshop-step-row__label{flex-basis:100%;line-height:1.35}}@media (min-width:1024px){.mega-modal .mega-recipe{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.mega-modal .mega-recipe__row:nth-child(2){border-top:none}}.mega-recap-card--missed{filter:grayscale()brightness(.6)drop-shadow(0 22px 36px #00000080);animation:none;rotate:0deg}.mega-recap-verdict{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--ludex-cream) 70%, transparent);font-size:.75rem;font-weight:700}
