.matchcraft{--matchcraft-card:#28224d;--matchcraft-card-edge:#514878;padding:clamp(1rem,4vw,2rem)}.matchcraft__toolbar,.matchcraft__footer{justify-content:space-between;align-items:center;gap:var(--pg-space-4);display:flex}.matchcraft__metrics{gap:clamp(1rem,4vw,2rem);display:flex}.matchcraft__metrics div{gap:.1rem;display:grid}.matchcraft__metrics dt,.matchcraft__controls label,.matchcraft__kicker{color:var(--pg-color-ink-subtle);font-family:var(--pg-font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:750}.matchcraft__metrics dd{color:var(--pg-color-ink);font-family:var(--pg-font-mono);font-size:var(--pg-step-1);margin:0;font-weight:800;line-height:1.2}.matchcraft__controls{align-items:end;gap:var(--pg-space-2);display:flex}.matchcraft__controls label{gap:var(--pg-space-1);display:grid}.matchcraft__controls select,.matchcraft__controls button,.matchcraft__overlay button,.matchcraft__overlay a{border:1px solid var(--pg-color-line);border-radius:var(--pg-radius-pill);min-height:2.75rem;color:var(--pg-color-ink);background:var(--pg-color-surface-strong);font-weight:800}.matchcraft__controls select{max-width:12.5rem;padding-inline:var(--pg-space-3)}.matchcraft__controls button,.matchcraft__overlay button,.matchcraft__overlay a{cursor:pointer;padding:.65rem 1rem}.matchcraft__notice{margin-top:var(--pg-space-4);padding:var(--pg-space-3) var(--pg-space-4);border-left:3px solid var(--pg-color-gold);color:var(--pg-color-ink-muted);font-size:var(--pg-step--1);background:#ffd05a14}.matchcraft__table{width:min(100%,43rem);margin:clamp(1.25rem,4vw,2.25rem) auto;position:relative}.matchcraft__grid{border-radius:var(--pg-radius-lg);background:radial-gradient(circle at 50% 0,#42d9e81a,#0000 50%),#080719c7;border:1px solid #ffffff17;gap:clamp(.45rem,1.8vw,.85rem);padding:clamp(.7rem,2vw,1.1rem);display:grid}.matchcraft__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.45rem,1.8vw,.85rem);display:grid}.matchcraft__card{aspect-ratio:.84;border:1px solid var(--matchcraft-card-edge);width:100%;min-width:0;min-height:4.5rem;color:var(--pg-color-ink);background:linear-gradient(135deg, #9674ff30, transparent 55%), var(--matchcraft-card);cursor:pointer;transition:transform var(--pg-duration-medium) var(--pg-ease-out), border-color var(--pg-duration-fast) var(--pg-ease-out), background-color var(--pg-duration-fast) var(--pg-ease-out);border-radius:clamp(.65rem,2vw,1rem);position:relative;overflow:hidden;box-shadow:0 .65rem 1.5rem #02010c47}.matchcraft__card:after{content:"";border:1px solid #ffffff1a;border-radius:calc(clamp(.65rem,2vw,1rem) - .25rem);position:absolute;inset:.45rem}.matchcraft__card:hover:not(:disabled){border-color:var(--pg-color-cyan);transform:translateY(-2px)}.matchcraft__card-back,.matchcraft__card-face{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.matchcraft__card-back{color:var(--pg-color-violet);font-size:clamp(1.5rem,5vw,2.4rem)}.matchcraft__card-face{opacity:0;gap:.15rem;transform:scale(.82)}.matchcraft__card-face>span{color:var(--pg-color-lime);font-size:clamp(1.5rem,5vw,2.4rem);line-height:1}.matchcraft__card-face small{font-family:var(--pg-font-mono);letter-spacing:.03em;font-size:clamp(.56rem,1.6vw,.72rem);font-weight:800}.matchcraft__card.is-revealed{border-color:var(--pg-color-lime);background:color-mix(in srgb, var(--pg-color-lime) 10%, var(--pg-color-surface))}.matchcraft__card.is-revealed .matchcraft__card-back{opacity:0}.matchcraft__card.is-revealed .matchcraft__card-face{opacity:1;transform:scale(1)}.matchcraft__card.is-matched{border-color:var(--pg-color-cyan);background:color-mix(in srgb, var(--pg-color-cyan) 13%, var(--pg-color-surface));cursor:default;opacity:.78}.matchcraft__overlay{z-index:5;place-content:center;justify-items:center;gap:var(--pg-space-3);padding:var(--pg-space-5);border-radius:var(--pg-radius-md);text-align:center;backdrop-filter:blur(12px);background:#090718eb;border:1px solid #ffffff24;display:grid;position:absolute;inset:clamp(.7rem,2vw,1.1rem)}.matchcraft__overlay p:not(.matchcraft__kicker){color:var(--pg-color-ink-muted)}.matchcraft__overlay button{color:var(--pg-color-canvas);background:var(--pg-color-lime);border-color:#0000}.matchcraft__overlay-actions{justify-content:center;gap:var(--pg-space-2);flex-wrap:wrap;display:flex}.matchcraft__overlay a{align-items:center;text-decoration:none;display:inline-flex}.matchcraft__footer{padding-top:var(--pg-space-4);border-top:1px solid var(--pg-color-line)}.matchcraft__footer p:first-child{display:grid}.matchcraft__footer strong{font-size:var(--pg-step--1)}.matchcraft__footer span,.matchcraft__hint{color:var(--pg-color-ink-muted);font-size:var(--pg-step--1)}.matchcraft__sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.matchcraft--reduced-motion .matchcraft__card,.matchcraft--reduced-motion .matchcraft__card-face{transition:none}@media (width<=42rem){.matchcraft__toolbar,.matchcraft__footer{flex-direction:column;align-items:stretch}.matchcraft__controls{grid-template-columns:1fr 1fr;display:grid}.matchcraft__controls label{grid-column:1/-1}.matchcraft__controls select{width:100%;max-width:none}}@media (width<=23rem){.matchcraft{padding-inline:.65rem}.matchcraft__grid{gap:.35rem;padding:.45rem}.matchcraft__row{gap:.35rem}.matchcraft__card{min-height:3.8rem}}@media (forced-colors:active){.matchcraft__card,.matchcraft__grid,.matchcraft__overlay,.matchcraft__controls button,.matchcraft__controls select{border-color:canvastext}.matchcraft__card.is-revealed{outline-offset:-5px;outline:3px solid highlight}}