@layer components{.piece-character-list-module__M2IbPG__container{container-type:inline-size}.piece-character-list-module__M2IbPG__grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.piece-character-list-module__M2IbPG__loading-area,.piece-character-list-module__M2IbPG__empty-area{min-height:200px;color:var(--color-text-tertiary);justify-content:center;align-items:center;margin-top:40px;font-size:14px;display:flex}.piece-character-list-module__M2IbPG__skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.piece-character-list-module__M2IbPG__skeleton-card-wrapper{flex-direction:column;display:flex}.piece-character-list-module__M2IbPG__skeleton-card{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.piece-character-list-module__M2IbPG__skeleton-thumbnail{aspect-ratio:2/3;background-color:var(--gray-3);width:100%}.piece-character-list-module__M2IbPG__skeleton-info{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.piece-character-list-module__M2IbPG__skeleton-name{background-color:var(--gray-3);border-radius:4px;width:60%;height:16px}.piece-character-list-module__M2IbPG__skeleton-summary{background-color:var(--gray-3);border-radius:4px;width:100%;height:14px}.piece-character-list-module__M2IbPG__card{background-color:var(--gray-8);cursor:pointer;border-radius:16px;flex-direction:column;width:100%;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.piece-character-list-module__M2IbPG__background-layer{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.piece-character-list-module__M2IbPG__background-layer:after{content:"";z-index:1;background:#0000008a;width:100%;height:100%;position:absolute;top:0;left:0}.piece-character-list-module__M2IbPG__background-layer img{object-fit:cover;opacity:.8;filter:blur(20px);z-index:0;transform:scale(1.2)}.piece-character-list-module__M2IbPG__content-layer{z-index:1;flex-direction:column;gap:14px;width:100%;height:100%;padding:16px;display:flex;position:relative}.piece-character-list-module__M2IbPG__main-image-wrapper{aspect-ratio:2/3;background-color:#ffffff1a;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.piece-character-list-module__M2IbPG__main-image-wrapper img{object-fit:contain;transition:transform .3s}.piece-character-list-module__M2IbPG__card:hover .piece-character-list-module__M2IbPG__main-image-wrapper img{transform:scale(1.05)}.piece-character-list-module__M2IbPG__main-image-wrapper .piece-character-list-module__M2IbPG__image-placeholder{background-color:var(--gray-2);width:100%;height:100%;color:var(--gray-8);justify-content:center;align-items:center;display:flex}.piece-character-list-module__M2IbPG__main-image-wrapper .piece-character-list-module__M2IbPG__image-placeholder svg{width:40px;height:40px}.piece-character-list-module__M2IbPG__info-area{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.piece-character-list-module__M2IbPG__name{color:var(--gray-12);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.piece-character-list-module__M2IbPG__creator-row{align-items:center;gap:8px;display:flex}.piece-character-list-module__M2IbPG__creator{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.piece-character-list-module__M2IbPG__badge{color:#000;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.piece-character-list-module__M2IbPG__description{color:#fffc;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}@container (min-width:500px){.piece-character-list-module__M2IbPG__grid,.piece-character-list-module__M2IbPG__skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@container (min-width:800px){.piece-character-list-module__M2IbPG__grid,.piece-character-list-module__M2IbPG__skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@container (min-width:1100px){.piece-character-list-module__M2IbPG__grid,.piece-character-list-module__M2IbPG__skeleton-grid{grid-template-columns:repeat(5,1fr)}}@container (min-width:1400px){.piece-character-list-module__M2IbPG__grid,.piece-character-list-module__M2IbPG__skeleton-grid{grid-template-columns:repeat(6,1fr)}}}
@layer components{.piece-plot-list-module__Srrbyq__container{container-type:inline-size}.piece-plot-list-module__Srrbyq__skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.piece-plot-list-module__Srrbyq__skeleton-card-wrapper{flex-direction:column;display:flex}.piece-plot-list-module__Srrbyq__skeleton-card{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.piece-plot-list-module__Srrbyq__skeleton-thumbnail{aspect-ratio:2/3;background-color:var(--gray-3);width:100%}.piece-plot-list-module__Srrbyq__skeleton-info{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.piece-plot-list-module__Srrbyq__skeleton-name{background-color:var(--gray-3);border-radius:4px;width:60%;height:16px}.piece-plot-list-module__Srrbyq__skeleton-summary{background-color:var(--gray-3);border-radius:4px;width:100%;height:14px}@container (min-width:500px){.piece-plot-list-module__Srrbyq__skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@container (min-width:800px){.piece-plot-list-module__Srrbyq__skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@container (min-width:1100px){.piece-plot-list-module__Srrbyq__skeleton-grid{grid-template-columns:repeat(5,1fr)}}@container (min-width:1400px){.piece-plot-list-module__Srrbyq__skeleton-grid{grid-template-columns:repeat(6,1fr)}}}