.yk-card{--yk-card-w:var(--yk-card-hand-w);--yk-grade:.34;--yk-frame:var(--yk-ash);--yk-accent-art:var(--yk-bone);--yk-deep-art:var(--yk-slate);width:var(--yk-card-w);aspect-ratio:2/3;background:var(--yk-pitch);border:var(--yk-border-thick) solid var(--yk-frame);border-radius:var(--yk-radius);box-shadow:var(--yk-shadow);color:var(--yk-text);-webkit-user-select:none;user-select:none;flex:none;position:relative;overflow:hidden;container-type:inline-size}.yk-card--mini{--yk-card-w:var(--yk-card-mini-w);--yk-grade:.46}.yk-card--board{--yk-card-w:var(--yk-card-board-w);--yk-grade:.38}.yk-card--hand{--yk-card-w:var(--yk-card-hand-w);--yk-grade:.4}.yk-card--detail{--yk-card-w:var(--yk-card-detail-w);--yk-grade:.24;--yk-foot-h:6.5cqw;aspect-ratio:280/450}.yk-card--detail .yk-card__art{bottom:var(--yk-foot-h)}.yk-card__body{flex-direction:column;display:flex;position:absolute;inset:0}.yk-card__window{z-index:0;flex-direction:column;flex:auto;justify-content:space-between;gap:2cqw;min-height:0;padding:4cqw;display:flex;position:relative;overflow:hidden}.yk-card__art{z-index:0;background:var(--yk-void);display:block;position:absolute;inset:0;overflow:hidden}.yk-card__art img{object-fit:cover;width:100%;height:100%;display:block}.yk-card__shade{z-index:0;pointer-events:none;background:linear-gradient(to top, var(--yk-void) 0%, #0b0a12e0 24%, #0b0a1257 46%, transparent 62%), linear-gradient(to bottom, #0b0a12d1 0%, #0b0a1242 20%, transparent 34%);position:absolute;inset:0}.yk-card__art--empty{background:linear-gradient(150deg, var(--yk-deep-art), var(--yk-void));place-items:center;display:grid}.yk-card__art--empty b{font-family:var(--yk-font-display);color:var(--yk-tint,var(--yk-ash));opacity:.32;font-size:34cqw}.yk-card__top{z-index:1;justify-content:space-between;align-items:flex-start;gap:2cqw;display:flex;position:relative}.yk-card__value{--yk-notch:5cqw;--yk-plate-edge:min(2px, 1.2cqw);flex-direction:column;align-items:center;padding:1cqw 3cqw .5cqw;display:flex;position:relative}.yk-card__value:before,.yk-card__value:after{content:"";clip-path:polygon(var(--yk-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--yk-cut));position:absolute}.yk-card__value:before{--yk-cut:var(--yk-notch);background:var(--yk-frame);inset:0}.yk-card__value:after{inset:var(--yk-plate-edge);--yk-cut:calc(var(--yk-notch) - var(--yk-plate-edge) * .59);background:var(--yk-void)}.yk-card__value>*{z-index:1;position:relative}.yk-card__numeral{font-family:var(--yk-font-numeral);letter-spacing:-.02em;color:var(--yk-bone);font-variant-numeric:tabular-nums;font-size:min(25cqw,46px);line-height:.92}.yk-card__value small{font-family:var(--yk-font-ui);letter-spacing:var(--yk-track-label);color:var(--yk-text-dim);font-size:max(8px,min(5cqw,11px));font-weight:700}.yk-card__rank{text-align:right;border-right:min(2px, 1.2cqw) solid var(--yk-frame);border-radius:var(--yk-radius-sm);background:#0b0a12d1;flex-direction:column;align-items:flex-end;gap:.5cqw;padding:.8cqw 1.8cqw 1cqw;display:flex}.yk-card__rank i{letter-spacing:-.02em;color:var(--yk-frame);text-shadow:0 1px 0 var(--yk-void);font-size:min(8cqw,14px);line-height:1}.yk-card__rank b{font-family:var(--yk-font-display);letter-spacing:var(--yk-track-label);color:var(--yk-text);font-size:max(9px,min(5cqw,12px));font-weight:800}.yk-card__foot{z-index:1;flex-direction:column;gap:1.5cqw;min-width:0;margin-top:auto;display:flex;position:relative}.yk-card__ribbon{z-index:1;background:linear-gradient(90deg, var(--yk-void) 70%, transparent);border-left:min(3px, 1.6cqw) solid var(--yk-frame);align-items:center;gap:1.5cqw;min-width:0;margin:0 -1cqw;padding:1cqw 2cqw;display:flex;position:relative}.yk-card__ribbon--trait{border-left-width:min(2px,.9cqw);border-left-color:var(--yk-edge);opacity:.88;background:linear-gradient(90deg,#0b0a12b8 70%,#0000)}.yk-card__ribbon--trait b{color:var(--yk-text-dim);font-weight:700}.yk-card__ribbon--trait .yk-card__mechanics{color:var(--yk-text-dim)}.yk-card__ribbon b{min-width:0;font-family:var(--yk-font-display);letter-spacing:var(--yk-track-tight);text-transform:uppercase;color:var(--yk-bone);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:max(10px,min(6cqw,15px));font-weight:900;overflow:hidden}.yk-card__mechanics{color:var(--yk-text);flex:none;gap:.8cqw;font-size:max(10px,min(5.5cqw,14px));font-style:normal;display:flex}.yk-card__mechanics i{font-style:normal}.yk-card__plate{z-index:1;flex-direction:column;gap:.5cqw;min-width:0;display:flex;position:relative}.yk-card__name{align-items:center;gap:1.5cqw;min-width:0;display:flex}.yk-card__name b{font-family:var(--yk-font-display);letter-spacing:var(--yk-track-tight);text-transform:uppercase;color:var(--yk-bone);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 var(--yk-void);font-size:min(9.5cqw,24px);font-weight:900;line-height:1.05;overflow:hidden}.yk-card__role{width:min(9cqw,22px);color:var(--yk-frame);flex:none;place-items:center;display:grid}.yk-card__role svg{width:100%;height:auto}.yk-card__meta{align-items:center;gap:1.5cqw;min-width:0;display:flex}.yk-card__tag{font-family:var(--yk-font-ui);letter-spacing:var(--yk-track-label);color:var(--yk-text);border-left:min(2px, 1.2cqw) solid var(--yk-frame);border-radius:var(--yk-radius-sm);background:#0b0a12e0;flex:none;padding:0 1.5cqw;font-size:max(8px,min(5cqw,11px));font-style:normal;font-weight:700}.yk-card__meta small{min-width:0;font-family:var(--yk-font-ui);color:var(--yk-text-dim);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:max(9px,min(5cqw,12px));font-weight:500;overflow:hidden}.yk-card__phase{font-family:var(--yk-font-ui);letter-spacing:var(--yk-track-label);color:var(--yk-frame);border-radius:var(--yk-radius-sm);background:#0b0a12e0;border:1px solid;flex:none;margin-left:auto;padding:0 1.5cqw;font-size:max(8px,min(4.4cqw,10px));font-style:normal;font-weight:700}.yk-card__text{--yk-rule-fit:clamp(.88, 1 - (var(--yk-rule-len,100) - 100) * .0011, 1);z-index:1;border-top:min(2px, 1cqw) solid var(--yk-frame);background:#0b0a12ed;flex-direction:column;flex:none;justify-content:center;min-height:19%;padding:2.5cqw 3cqw;display:flex;position:relative;overflow:hidden}.yk-card__text .yk-rules{display:block}.yk-card__text .yk-rules__text{font-size:calc(min(4.6cqw, var(--yk-size-body)) * var(--yk-rule-fit));text-wrap:pretty;line-height:1.35}.yk-card__banner{z-index:2;height:var(--yk-foot-h);background:var(--yk-void);border-top:min(2px, 1cqw) solid var(--yk-frame);flex:none;justify-content:center;align-items:center;gap:2cqw;padding:0 3cqw;display:flex;position:relative}.yk-card__banner b{--yk-line-fit:clamp(.88, 1 - (var(--yk-line-len,20) - 20) * .0067, 1);min-width:0;font-family:var(--yk-font-display);font-weight:800;font-size:calc(max(9px, min(4.4cqw, 12px)) * var(--yk-line-fit));letter-spacing:var(--yk-track-label);text-transform:uppercase;color:var(--yk-frame);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yk-card__banner .yk-card__mechanics{font-size:max(10px,min(4.6cqw,13px))}.yk-card__badge{z-index:3;font-family:var(--yk-font-numeral);color:var(--yk-text);background:var(--yk-void);border:min(2px, 1.2cqw) solid var(--yk-frame);border-radius:var(--yk-radius-sm);box-shadow:var(--yk-shadow-sm);padding:.5cqw 2cqw;font-size:min(11cqw,26px);position:absolute;bottom:3cqw;right:3cqw}.yk-card__foil{z-index:2;pointer-events:none;opacity:0;transition:opacity var(--yk-dur-quick) var(--yk-ease-snap), transform var(--yk-dur-slow) var(--yk-ease-snap);background:linear-gradient(105deg,#0000 38%,#ffffff42 48%,#0000 58%);position:absolute;inset:0;transform:translate(-30%)}.yk-card.is-interactive:hover .yk-card__foil{opacity:1;transform:translate(30%)}.yk-card__rim{z-index:3;pointer-events:none;transition:box-shadow var(--yk-dur-quick) var(--yk-ease-snap);position:absolute;inset:0;box-shadow:inset 0 0 #0000}.yk-card.is-firing .yk-card__rim{box-shadow:inset 0 0 0 3px var(--yk-accent-art), 0 0 18px var(--yk-accent-art)}.yk-card.is-win .yk-card__rim{box-shadow:inset 0 0 0 3px var(--yk-win)}.yk-card.is-loss .yk-card__rim{box-shadow:inset 0 0 0 3px var(--yk-loss)}.yk-card.is-tie .yk-card__rim{box-shadow:inset 0 0 0 3px var(--yk-tie)}.yk-card.is-selected{box-shadow:var(--yk-shadow-lg), 0 0 0 2px var(--yk-bone)}.yk-card.is-disabled{opacity:.42;filter:grayscale(.7)}.yk-card.is-dimmed{opacity:.55;filter:saturate(.5)}.yk-card.is-interactive{cursor:pointer}.yk-card--character.yk-rank-mythic,.yk-card--character.yk-rank-iconic{--yk-grade:.3}.yk-card--back{--yk-frame:var(--yk-edge);background:repeating-linear-gradient(45deg, transparent 0 6px, #ffffff08 6px 12px), linear-gradient(160deg, var(--yk-slate), var(--yk-void))}.yk-card--back .yk-card__body{justify-content:center;align-items:center;gap:2cqw;padding:4cqw}.yk-card__back-mark{font-family:var(--yk-font-display);color:var(--yk-ash);opacity:.5;font-size:30cqw}.yk-card--back small{font-family:var(--yk-font-ui);letter-spacing:var(--yk-track-label);text-align:center;color:var(--yk-text-dim);font-size:max(8px,min(6cqw,12px));font-weight:700}@container (width<=99px){.yk-card__value small,.yk-card__rank b,.yk-card__meta{display:none}.yk-card__name b{font-size:13cqw}.yk-card__role{width:10cqw}}.yk-card--hand .yk-card__ribbon b,.yk-card--hand .yk-card__meta small{display:none}.yk-card--hand .yk-card__ribbon{justify-content:flex-end}@container (width>=200px){.yk-card__window{gap:2.5cqw;padding:3.5cqw}}.yk-rules{gap:var(--yk-space-1);flex-direction:column;display:flex}.yk-rules .yk-rules__phase{padding:1px var(--yk-space-2);color:var(--yk-frame,var(--yk-gold));background:var(--yk-void);border-radius:var(--yk-radius-sm);border:1px solid;align-self:flex-start}.yk-rules__text{font-size:min(4.6cqw, var(--yk-size-body));margin:0}.yk-rules__keyword{color:var(--yk-gold);border-bottom:1px dotted var(--yk-gold-deep);cursor:help;font-weight:700}.yk-rules__value{color:var(--yk-jade);font-weight:700}.yk-rules__condition{color:var(--yk-steel);font-style:normal}.yk-rules__fallback{color:var(--yk-fallback);font-weight:700}.yk-rules__phase-token{color:var(--yk-text-dim)}.yk-rules__selector{color:var(--yk-bone);-webkit-text-decoration:underline dotted var(--yk-ash) 1px;text-decoration:underline dotted var(--yk-ash) 1px;text-underline-offset:2px;font-weight:700}.yk-rules__selector:hover{background:#f0ead81f}.yk-rules__reminders{padding-left:var(--yk-space-4);font-family:var(--yk-font-ui);font-size:var(--yk-size-tiny);color:var(--yk-text-dim);margin:0;font-style:italic}@media (prefers-reduced-motion:reduce){.yk-card__foil{transition:opacity var(--yk-dur-quick) linear;transform:none}.yk-card.is-interactive:hover .yk-card__foil{transform:none}}:root.arena-reduced-motion .yk-card__foil{transition:opacity var(--yk-dur-quick) linear;transform:none}:root.arena-reduced-motion .yk-card.is-interactive:hover .yk-card__foil{transform:none}