.yf-char-grid{gap:var(--space-5);margin-top:var(--space-7);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:1024px){.yf-char-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.yf-char-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--space-5);padding:var(--space-3) var(--space-4) var(--space-5);scrollbar-width:none;margin-left:-16px;margin-right:-16px;display:flex;position:relative;overflow-x:auto}.yf-char-grid::-webkit-scrollbar{display:none}.yf-char-card{scroll-snap-align:center;flex:0 0 85%}}.yf-char-card{border-radius:var(--r-lg);border:2px solid var(--ink);cursor:pointer;box-shadow:0 8px 0 0 var(--ink);contain:layout style;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.yf-char-card:active{box-shadow:0 2px 0 0 var(--ink);transform:translateY(4px)}@media (hover:hover) and (min-width:769px){.yf-char-card.hoverable:hover{box-shadow:0 14px 0 0 var(--ink);transform:translateY(-6px)rotate(-.5deg)}}.yf-char-card.active{box-shadow:0 14px 0 0 var(--ink);transform:translateY(-6px)}.yf-char-tape{opacity:.95;z-index:2;border-radius:3px;width:80px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.yf-char-img{aspect-ratio:1.1;border-bottom:2px solid var(--ink);padding:20px;display:grid;position:relative;overflow:hidden}.yf-char-num{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;background:var(--ink);color:var(--paper);border-radius:6px;padding:4px 8px;font-weight:700;position:absolute;top:14px;left:14px}.yf-char-meta{padding:var(--space-5)}.yf-char-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.yf-char-name{font-family:var(--display);font-weight:600;font-size:var(--fs-2xl);letter-spacing:-.01em;margin:0}.yf-char-traits{margin:0 0 var(--space-3);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.yf-trait-chip{font-size:var(--fs-2xs);padding:var(--space-1) var(--space-3);text-transform:lowercase;border:1.5px solid;border-radius:99px;font-weight:700}.yf-char-blurb{font-size:var(--fs-sm);color:var(--ink-soft);margin:0 0 var(--space-4);line-height:1.55}.yf-char-foot{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding-top:var(--space-3);border-top:1.5px dashed color-mix(in oklab, var(--ink) 20%, transparent);justify-content:space-between;align-items:center;font-weight:700;display:flex}.yf-char-rarity{align-items:center;gap:var(--space-2);display:inline-flex}.yf-char-cta{text-align:center;margin-top:var(--space-7)}.yf-char-dots,.yf-feat-dots{justify-content:center;gap:var(--space-2);margin-top:var(--space-5);display:none}@media (max-width:768px){.yf-char-dots,.yf-feat-dots{display:flex}}.yf-char-dot,.yf-feat-dot{border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;width:10px;height:10px;padding:0;transition:background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.yf-char-dot.active,.yf-feat-dot.active{background:var(--pink-deep);border-color:var(--ink);transform:scale(1.25)}