.annotated-card{--card-width:min(calc(100% - var(--space-12)), 18rem);align-items:start;gap:var(--space-12) var(--space-14);grid-template-columns:minmax(0,1fr);display:grid}.annotated-card__figure{isolation:isolate;width:var(--card-width);justify-self:center;margin:0;position:relative}.annotated-card__figure:before{background-color:var(--card-color,var(--color-primary));clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);content:"";opacity:.85;z-index:-1;position:absolute;inset:6% -7% -3% 12%}.annotated-card__image{aspect-ratio:63/88;background-color:var(--color-bg-inset);border-radius:var(--radius-card);-o-object-fit:cover;object-fit:cover;width:100%;display:block;box-shadow:0 24px 40px -20px var(--lightningcss-light,#1c1a2c66)var(--lightningcss-dark,#000000e6)}.annotated-card__spot{background-color:rgb(from var(--color-primary) r g b / 12%);border:2px solid var(--color-primary-light);border-radius:var(--radius-sm);height:var(--spot-height);left:var(--spot-x);pointer-events:none;top:var(--spot-y);width:var(--spot-width);position:absolute;box-shadow:0 0 0 1px #00000073}[dir=rtl] .annotated-card__spot{left:auto;right:var(--spot-x)}.annotated-card__marker,.annotated-card__number{background-color:var(--color-primary);clip-path:polygon(var(--cut-xs) 0, 100% 0, calc(100% - var(--cut-xs)) 100%, 0 100%);color:var(--color-text-on-primary);font-family:var(--font-mono);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;min-width:1.6rem;height:1.25rem;padding:0 var(--space-2);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.annotated-card__marker{position:absolute;top:0;left:0;transform:translate(-45%,-60%)}[dir=rtl] .annotated-card__marker{left:auto;right:0;transform:translate(45%,-60%)}.annotated-card__callouts{gap:var(--space-6) var(--space-10);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.annotated-card__callout{border-top:1px solid var(--color-border);align-items:start;gap:var(--space-5);padding-top:var(--space-5);grid-template-columns:1.6rem minmax(0,1fr);display:grid}.annotated-card__number{margin-top:.1rem}.annotated-card__copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.annotated-card__label{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-base);letter-spacing:var(--tracking-tight);margin:0;font-weight:700;line-height:1.35}.annotated-card__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.6}.annotated-card--compact{--card-width:min(calc(100% - var(--space-12)), 13rem);gap:var(--space-10)}@media (min-width:768px){.annotated-card{--card-width:17rem;grid-template-columns:var(--card-width) minmax(0, 1fr)}.annotated-card--compact{--card-width:11rem}.annotated-card__figure{justify-self:start}}@media (min-width:1280px){.annotated-card{--card-width:20rem}.annotated-card--compact{--card-width:12rem}.annotated-card:not(.annotated-card--compact) .annotated-card__callouts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card-note{border-top:1px solid var(--color-border);align-items:start;gap:var(--space-6);height:100%;padding-top:var(--space-6);grid-template-columns:4.75rem minmax(0,1fr);display:grid}.card-note__thumb{transition:transform .25s;display:block}.card-note__thumb:hover{transform:translateY(-2px)rotate(-1.5deg)}[dir=rtl] .card-note__thumb:hover{transform:translateY(-2px)rotate(1.5deg)}.card-note__image{aspect-ratio:63/88;background-color:var(--color-bg-inset);border-radius:var(--radius-card);-o-object-fit:cover;object-fit:cover;width:100%;display:block;box-shadow:0 12px 20px -14px var(--lightningcss-light,#1c1a2c73)var(--lightningcss-dark,#000000e6)}.card-note__body{gap:var(--space-2);flex-direction:column;grid-column:2;min-width:0;display:flex}.card-note__title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);letter-spacing:var(--tracking-tight);margin:0;font-weight:700;line-height:1.3}.card-note__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.6}.card-note__example{align-items:baseline;gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;flex-wrap:wrap;display:flex}.card-note__link{font-size:var(--font-size-sm);text-wrap:wrap;font-weight:500}
.don-deck{align-items:center;gap:var(--space-10);grid-template-columns:minmax(0,1fr);display:grid}.don-deck__pile{align-items:end;gap:var(--space-6);justify-self:center;display:flex}.don-deck__card-link{flex-shrink:0;display:block}.don-deck__card{aspect-ratio:63/88;background-color:var(--color-bg-inset);border-radius:var(--radius-card);box-shadow:5px 5px 0 -1px var(--color-bg-elevated), 5px 5px 0 0 var(--color-border-strong), 10px 10px 0 -1px var(--color-bg-elevated), 10px 10px 0 0 var(--color-border-strong), 15px 15px 0 -1px var(--color-bg-elevated), 15px 15px 0 0 var(--color-border-strong);-o-object-fit:cover;object-fit:cover;width:9rem;display:block}[dir=rtl] .don-deck__card{box-shadow:-5px 5px 0 -1px var(--color-bg-elevated), -5px 5px 0 0 var(--color-border-strong), -10px 10px 0 -1px var(--color-bg-elevated), -10px 10px 0 0 var(--color-border-strong), -15px 15px 0 -1px var(--color-bg-elevated), -15px 15px 0 0 var(--color-border-strong)}.don-deck__count{gap:var(--space-2);margin:0 0 var(--space-3) var(--space-3);flex-direction:column;display:flex}[dir=rtl] .don-deck__count{margin:0 var(--space-3) var(--space-3) 0}.don-deck__count-value{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-10xl);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter);transform:skewX(var(--skew));font-weight:800;line-height:.9}.don-deck__count-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.don-deck__ramp{border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%}.don-deck__caption{caption-side:top;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:var(--tracking-wide);padding-bottom:var(--space-4);text-align:start;text-transform:uppercase}.don-deck__head{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:var(--tracking-wide);padding:0 0 var(--space-2);text-align:start;text-transform:uppercase;width:32%;font-weight:400}.don-deck__head--turn{text-align:center;width:auto}.don-deck__player{color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-3) var(--space-3) var(--space-3) 0;text-align:start;font-weight:500}[dir=rtl] .don-deck__player{padding:var(--space-3) 0 var(--space-3) var(--space-3)}.don-deck__cell{padding:var(--space-3) var(--space-1);text-align:center;vertical-align:bottom}.don-deck__bar{background-color:var(--color-border);height:2.25rem;margin:0 auto var(--space-1);width:.55rem;display:block;position:relative}.don-deck__bar:after{background-color:var(--color-primary-light);content:"";height:calc(var(--fill) * 100%);position:absolute;bottom:0;left:0;right:0}.don-deck__value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs)}@media (min-width:768px){.don-deck{grid-template-columns:auto minmax(0,1fr)}.don-deck__pile{justify-self:start}.don-deck__card{width:8rem}}