.ring-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.cchip .pool img.ring-img,.char-hero .pool img.ring-img,.cgrid .ccard .pool img.ring-img,.top-hit .pool img.ring-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ring-crop{border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.ring-crop img.ring-portrait{object-fit:cover;object-position:50% 0;transform-origin:50% 14%;width:100%;height:100%;display:block;transform:scale(1.9)}.ring-initial{color:var(--tp-ink);-webkit-user-select:none;user-select:none;font-weight:900;line-height:1}.ccard .pool .ring-initial{font-size:40px}.top-hit .pool .ring-initial{font-size:36px}.atlas{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:18px 16px;display:grid}.acard{isolation:isolate;border-radius:var(--r-lg);background:var(--tp-card);border:2px solid var(--tp-line);color:inherit;transition:transform var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.acard:hover{border-color:var(--cc);box-shadow:var(--sh-lift);transform:translateY(-3px)}.acard:focus-visible{outline:3px solid var(--cc);outline-offset:3px}.acard-art{aspect-ratio:3/4;border-bottom:3px solid var(--cc);background-color:color-mix(in srgb, var(--cc) 30%, var(--tp-input));background-image:radial-gradient(color-mix(in srgb, var(--cc) 70%, transparent) 2px, transparent 2.2px);background-size:14px 14px;position:relative;overflow:hidden}.acard-art .portrait{object-fit:cover;object-position:50% 0;transform-origin:50% 18%;width:100%;height:100%;transition:transform .42s var(--spring);position:absolute;inset:0}.acard:hover .acard-art .portrait{transform:scale(1.045)}.acard-pool{aspect-ratio:1;background:var(--tp-card);border:3px solid var(--cc);width:70%;transition:transform var(--t) var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:46%;left:50%;overflow:hidden;translate:-50% -50%}.acard:hover .acard-pool{transform:rotate(-4deg)scale(1.04)}.acard-pool .ring-initial{font-size:44px}.acard-badge{aspect-ratio:1;background:var(--tp-card);border:3px solid var(--cc);width:40px;box-shadow:0 3px 0 0 color-mix(in srgb, var(--cc) 55%, var(--tp-shadow-3d));border-radius:50%;position:absolute;bottom:8px;left:8px;overflow:hidden}.acard-meta{gap:2px;min-width:0;padding:9px 12px 11px;display:grid}.acard-meta b{color:var(--tp-ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.25;overflow:hidden}.acard-meta span{font:700 12.5px/1.3 var(--tp-font-num);color:var(--tp-muted);font-variant-numeric:tabular-nums}.acard-meta span.group-only{font-family:var(--tp-font-body)}.char-hero.has-portrait .wrap{grid-template-columns:186px minmax(0,1fr) auto}.char-portrait{aspect-ratio:3/4;border-radius:var(--r-lg);border:6px solid var(--cc);background:color-mix(in srgb, var(--cc) 22%, var(--tp-card));width:186px;box-shadow:0 10px 0 0 color-mix(in srgb, var(--cc) 55%, var(--tp-shadow-3d));position:relative;overflow:hidden}.char-portrait .portrait{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.char-portrait .badge{aspect-ratio:1;background:var(--tp-card);border:3px solid var(--cc);border-radius:50%;width:54px;position:absolute;bottom:8px;right:8px;overflow:hidden}.char-hero .pool .ring-initial{font-size:72px}@media (width<=1100px){.char-hero.has-portrait .wrap{grid-template-columns:150px minmax(0,1fr)}.char-portrait{width:150px}}@media (width<=760px){.atlas{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px 10px}.acard{border-radius:var(--r)}.acard-meta{padding:7px 8px 9px}.acard-meta b{font-size:14px}.acard-meta span{font-size:11.5px}.acard-badge{width:30px;box-shadow:none;border-width:2px;bottom:6px;left:6px}.acard-pool .ring-initial{font-size:32px}.char-hero.has-portrait .wrap{grid-template-columns:96px minmax(0,1fr)}.char-portrait{border-radius:var(--r);width:96px;box-shadow:0 6px 0 0 color-mix(in srgb, var(--cc) 55%, var(--tp-shadow-3d));border-width:4px}.char-portrait .badge{border-width:2px;width:34px;bottom:5px;right:5px}.char-hero .pool .ring-initial{font-size:40px}}