.klyp-DraftCard{--sm-plate-w:calc(var(--space-64) + var(--space-24));--sm-plate-r:calc(var(--r-panel) - var(--space-6));--sm-inset-bg:var(--color-bg-surface-elevated);--sm-face-ring:var(--color-bg-surface);--sm-title-lh:var(--line-box-20);gap:var(--space-16);inline-size:100%;padding:var(--space-6);border-radius:var(--r-panel);background:var(--color-bg-surface);transition:background-color var(--duration-fast) var(--easing-standard);display:flex;position:relative;container:klyp-draft-card/inline-size}.klyp-DraftCard:hover{background:var(--color-bg-surface-elevated);--sm-inset-bg:var(--color-bg-surface-solid);--sm-face-ring:var(--color-bg-surface-elevated)}.klyp-DraftCard[data-final]{background:var(--color-bg-surface-elevated);box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-strong);--sm-inset-bg:var(--color-bg-surface-solid);--sm-face-ring:var(--color-bg-surface-elevated)}.klyp-DraftCard__open{z-index:0;border-radius:var(--r-panel);cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.klyp-DraftCard__open[data-focus-visible]{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--space-2)}.klyp-DraftCard__plate,.klyp-DraftCard__body{z-index:1;pointer-events:none;position:relative}.klyp-DraftCard__plate{gap:var(--space-2);inline-size:var(--sm-plate-w);aspect-ratio:4/5;padding:var(--space-10);border-radius:var(--sm-plate-r);background:var(--sm-inset-bg);transition:background-color var(--duration-fast) var(--easing-standard);flex-direction:column;flex:none;display:flex;overflow:clip}.klyp-DraftCard__plateImg{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.klyp-DraftCard__plateV{z-index:1;padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--color-bg-root);color:var(--color-fg-primary);font:var(--fw-emphasis) var(--type-label);font-variant-numeric:tabular-nums;position:absolute;inset-block-start:var(--space-6);inset-inline-start:var(--space-6)}.klyp-DraftCard__platePlace{-webkit-line-clamp:3;color:var(--color-fg-primary);font:var(--fw-emphasis) var(--type-body-sm);text-wrap:pretty;-webkit-box-orient:vertical;margin-block-start:auto;display:-webkit-box;overflow:hidden}.klyp-DraftCard__plateMeta{color:var(--color-fg-subtle);font:var(--type-label-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyp-DraftCard__body{min-inline-size:0;padding:calc((var(--control-size-sm) - var(--sm-title-lh)) / 2) 0 0;flex-direction:column;flex:1;display:flex}.klyp-DraftCard__head{min-inline-size:0;display:flow-root}.klyp-DraftCard__pick{float:inline-end;pointer-events:auto;margin-block-start:calc((var(--sm-title-lh) - var(--control-size-sm)) / 2);margin-inline-start:var(--space-8)}.klyp-DraftCard__title{color:var(--color-fg-primary);font:var(--fw-emphasis) var(--type-heading-sm);text-wrap:pretty;overflow-wrap:anywhere;margin:0}.klyp-DraftCard__sub{margin:var(--space-8) 0 0;color:var(--color-fg-muted);font:var(--type-body-sm)}.klyp-DraftCard__log{margin:var(--space-6) 0 0;-webkit-line-clamp:2;color:var(--color-fg-muted);font:var(--type-body-sm);line-height:var(--line-box-20);text-wrap:pretty;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.klyp-DraftCard__faces{margin:var(--space-6) 0;padding:0;list-style:none;display:flex}.klyp-DraftCard__face,.klyp-DraftCard__facesMore{inline-size:var(--space-28);block-size:var(--space-28);border-radius:var(--radius-full);background:var(--color-bg-surface-elevated);box-shadow:0 0 0 var(--bw-default) var(--sm-face-ring);transition:box-shadow var(--duration-fast) var(--easing-standard);flex:none;overflow:clip}.klyp-DraftCard__face+.klyp-DraftCard__face,.klyp-DraftCard__face+.klyp-DraftCard__facesMore{margin-inline-start:calc(-1 * var(--space-8))}.klyp-DraftCard__faceImg{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;display:block}.klyp-DraftCard__faceInitial{background:var(--color-bg-surface-solid);block-size:100%;inline-size:100%;color:var(--color-fg-muted);font:var(--fw-emphasis) var(--type-body-sm);place-items:center;display:grid}.klyp-DraftCard__faceName{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.klyp-DraftCard__facesMore{background:var(--color-bg-surface-solid);color:var(--color-fg-muted);font:var(--fw-emphasis) var(--type-label-sm);font-variant-numeric:tabular-nums;place-items:center;display:grid}.klyp-DraftCard__stats{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10);border-radius:var(--sm-plate-r);background:var(--sm-inset-bg);transition:background-color var(--duration-fast) var(--easing-standard);margin-block-start:auto;display:flex}.klyp-DraftCard__stat{align-items:center;gap:var(--space-6);min-inline-size:0;color:var(--color-fg-primary);font:var(--fw-emphasis) var(--type-body-sm);white-space:nowrap;display:inline-flex;overflow:hidden}.klyp-DraftCard__stat[data-numeric]{font-variant-numeric:tabular-nums}.klyp-DraftCard__statIcon{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:var(--color-fg-icon-disabled);opacity:var(--opacity-50);flex:none;place-items:center;display:inline-grid}.klyp-DraftCard__statIcon>svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.klyp-DraftCard__dot{inline-size:var(--space-6);block-size:var(--space-6);border-radius:var(--radius-full);background:currentColor}.klyp-DraftCard__statDiv{inline-size:var(--bw-hairline);block-size:var(--space-16);background:var(--color-border-default);flex:none}@container story-wizard (width>=48rem){.klyp-DraftCard{--sm-plate-w:calc(var(--space-96) + var(--space-20));--sm-title-lh:var(--line-box-24)}.klyp-DraftCard__title{font:var(--fw-emphasis) var(--type-heading-md)}.klyp-DraftCard__stats{gap:var(--space-12)}}@container klyp-draft-card (width>=38rem){.klyp-DraftCard{--sm-plate-w:calc(var(--space-96) + var(--space-20));--sm-title-lh:var(--line-box-24)}.klyp-DraftCard__title{font:var(--fw-emphasis) var(--type-heading-md)}.klyp-DraftCard__stats{gap:var(--space-12)}}@media (prefers-reduced-motion:reduce){.klyp-DraftCard,.klyp-DraftCard__plate,.klyp-DraftCard__stats,.klyp-DraftCard__face,.klyp-DraftCard__facesMore{transition:none}}