.char-card[data-v-934b0ee5]{align-items:center;align-self:stretch;aspect-ratio:284/406;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:10px;isolation:isolate;justify-content:flex-end;justify-content:center;position:relative}@media (hover:hover){.char-card:not(.is-phone):hover img[data-v-934b0ee5]{border-radius:6px 6px 0 0}.char-card:not(.is-phone):hover .info[data-v-934b0ee5]{background:linear-gradient(0deg,rgba(0,0,0,.25) 0,transparent 100%),linear-gradient(0deg,var(--card-accent,#afbbbb) 0,transparent 100%)}}.char-card img[data-v-934b0ee5]{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:2}.char-card .info[data-v-934b0ee5]{align-items:center;align-items:flex-start;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3) 32.38%,rgba(0,0,0,.8));bottom:0;display:flex;flex-direction:column;gap:4px;height:auto;padding:16px 8px 8px;position:absolute;width:100%;z-index:3}.char-card .info .character-name[data-v-934b0ee5]{color:var(--color-text-static-white-primary);font-family:Barlow Condensed;font-size:16px;font-style:italic;font-weight:600;line-height:24px;text-align:center}.char-card .info .tags-and-more[data-v-934b0ee5]{align-items:center;display:flex;justify-content:space-between;width:100%}.char-card .info .character-tags[data-v-934b0ee5]{display:flex;flex-wrap:wrap;gap:4px;max-height:24px;overflow:hidden;padding-left:2px;width:100%}@media screen and (max-width:768px){.char-card .info .character-tags[data-v-934b0ee5]{width:calc(100% - 32px)}}.char-card .info .character-tags .tag-item[data-v-934b0ee5]{background:#fff;border-radius:4px;color:var(--color-text-static-black-primary);font-family:Barlow Condensed;font-size:16px;font-style:italic;font-weight:600;line-height:24px;padding:0 5.5px 0 4px;text-align:center;transform:skew(-10deg);white-space:nowrap}.char-card .info .character-tags .tag-item span[data-v-934b0ee5]{display:inline-block;transform:skew(10deg)}.char-card .hover-action-box[data-v-934b0ee5]{top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute}.char-card .hover-action-box .action-main[data-v-934b0ee5]{align-items:center;background:linear-gradient(0deg,#00000040 0 100%),var(--card-accent,#afbbbb);border-radius:0 0 6px 6px;box-sizing:border-box;display:flex;gap:4px;justify-content:center;left:0;padding:8px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:transform .3s ease;z-index:1}.char-card .hover-action-box .action-main .action-btn[data-v-934b0ee5]{align-items:center;background:var(--color-foreground-static-white-octonary);border-radius:4px;color:var(--color-text-static-white-primary);display:flex;flex:1;flex:1 0 0;font-size:12px;font-style:normal;font-weight:700;gap:var(--value-spacing-xxxs,4px);height:100%;height:24px;justify-content:center;line-height:20px;min-width:64px;padding:2px 8px;text-align:center;transition:background .2s;width:100%}.char-card .hover-action-box .action-main .action-btn[data-v-934b0ee5]:hover{background:var(--color-foreground-normalcy-tertiary)}.char-card .hover-action-box .action-main .action-more[data-v-934b0ee5]{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.char-card .hover-action-box .action-main .action-more[data-v-934b0ee5]:hover{background:var(--color-foreground-normalcy-tertiary)}@media (hover:hover){.char-card[data-v-934b0ee5]:not(.is-phone):hover{z-index:2}.char-card:not(.is-phone):hover .hover-action-box[data-v-934b0ee5]{opacity:1}.char-card:not(.is-phone):hover .action-main[data-v-934b0ee5]{pointer-events:auto;transform:translateY(0)}}.char-menu[data-v-934b0ee5]{background:var(--color-background-overlay);border:1px solid var(--color-stroke-normalcy-tertiary);border-radius:8px;box-shadow:var(--effect-drop-shadow-Md-x,0) var(--effect-drop-shadow-Md-y,8px) var(--effect-drop-shadow-Md-blur,24px) var(--effect-drop-shadow-Md-spread,0) var(--effect-drop-shadow-Md-color,rgba(0,0,0,.08));display:flex;flex-direction:column;gap:4px;min-width:130px;padding:4px}.char-menu-item[data-v-934b0ee5]{align-items:center;border-radius:5px;color:var(--color-text-dynamic-white-tertiary);display:flex;font-size:14px;font-style:normal;font-weight:400;gap:8px;height:40px;line-height:22px;padding:0 10px;transition:background .12s;white-space:nowrap;width:100%}.char-menu-item[data-v-934b0ee5]:hover{background:var(--color-foreground-normalcy-tertiary);color:var(--color-text-dynamic-white-secondary)}.menu-pop-enter-active[data-v-934b0ee5],.menu-pop-leave-active[data-v-934b0ee5]{transition:opacity .15s,transform .15s}.menu-pop-enter-from[data-v-934b0ee5],.menu-pop-leave-to[data-v-934b0ee5]{opacity:0;transform:scale(.94) translateY(4px)}