@media (min-width:768px){.app-modal.split-modal.cert-modal{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(60rem,100vw - 2rem);height:min(38rem,100dvh - 2rem)}}@media (max-width:767px){.app-modal.split-modal.cert-modal{display:block;overflow-y:auto}.cert-modal .split-stage{height:28rem}.app-modal.split-modal.cert-modal>.app-modal__close{width:2.5rem;height:2.5rem;color:var(--bento-solid);border-radius:999px;margin:.75rem .75rem -3.25rem auto;display:flex;position:sticky;top:.75rem;background:var(--ludex-ink)!important}}.cert-modal__body{flex:1;min-height:0;padding:1.5rem 1.25rem 1.75rem;overflow-y:auto}@media (min-width:768px){.cert-modal__body{padding:2rem 2.25rem}}@media (max-width:767px){.cert-modal__body{overflow:visible}}.cert-stage{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rarity) 30%, transparent), transparent 62%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2.5rem 1.5rem 1.25rem;display:flex;position:absolute;inset:0;container-type:size}.cert-stage__slab{width:min(22rem,85cqw,59.5238cqh - 5.35714rem)}.cert-stage__pill{background:var(--bento-solid);height:2.25rem;color:var(--ludex-ink);cursor:pointer;border-radius:999px;align-items:center;padding:0 1rem;font-size:.8rem;font-weight:700;transition:background .2s;display:inline-flex}.cert-stage__pill:hover{background:color-mix(in srgb, var(--color-ludex) 18%, var(--bento-solid))}.cert-stage__pill[aria-pressed=true]{background:var(--color-ludex);color:var(--bento-solid)}.cert-stage__hint{text-align:center;max-width:20rem;color:color-mix(in srgb, var(--bento-solid) 60%, transparent);font-size:.7rem;font-weight:600}@media (pointer:fine){.cert-stage__hint{display:none}}.cert-status{align-items:center;gap:.4rem;font-size:.875rem;font-weight:700;display:inline-flex}.cert-status--valid{color:var(--success)}.cert-status--void{color:var(--danger)}.cert-facts{border-top:1px solid color-mix(in srgb, var(--ludex-ink) 8%, var(--ludex-cream));grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin:0;padding-top:1.25rem;display:grid}.cert-fact{flex-direction:column;gap:.3rem;min-width:0;display:flex}.cert-fact dt{color:color-mix(in srgb, var(--ludex-ink) 55%, var(--ludex-cream));align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:inline-flex}.cert-fact dd{margin:0;font-size:.95rem;font-weight:600}.cert-grade{background:var(--bento-solid);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.cert-grade__value{color:var(--ludex-ink);font-size:3.5rem;line-height:.9}.cert-criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.cert-criterion{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.3rem .75rem;display:grid}.cert-criterion__label{flex-wrap:wrap;align-items:baseline;gap:0 .4rem;min-width:0;font-size:.8rem;font-weight:700;display:flex}.cert-criterion__label>span{font-size:.7rem;font-weight:600}.cert-criterion__value{font-variant-numeric:tabular-nums;grid-area:1/2;font-size:1rem;font-weight:800}.cert-criterion__bar{background:linear-gradient(var(--color-ludex), var(--color-ludex)) 0 0 / calc(var(--v) * 100%) 100% no-repeat, color-mix(in srgb, var(--ludex-ink) 8%, var(--bento-solid));border-radius:999px;grid-column:1/-1;height:.375rem}.cert-criterion__bar--perfect{background:var(--ludex-foil) 0 0 / 100% 100% no-repeat, color-mix(in srgb, var(--ludex-ink) 8%, var(--bento-solid))}