.character-detail-modal[data-v-1000147c]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay[data-v-1000147c]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#47546b66}.modal-content[data-v-1000147c]{position:relative;background-color:#fffffff2;border:2px solid rgba(255,255,255,.6);border-radius:12px;width:800px;max-width:95vw;max-height:90vh;box-shadow:0 10px 28px #78a0cd2e;animation:modalIn-1000147c .4s cubic-bezier(.16,1,.3,1) both}@keyframes modalIn-1000147c{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.close-btn[data-v-1000147c]{background:none;border:none;position:absolute;right:18px;top:18px;width:36px;height:36px;cursor:pointer;border:2px solid rgba(255,255,255,.6);border-radius:999px;background:#fffc;box-shadow:0 4px 16px #7896c824;padding:6px;z-index:10;transition:transform .2s}.close-btn[data-v-1000147c]:hover{transform:scale(1.1) rotate(90deg)}.modal-body[data-v-1000147c]{display:flex;max-height:85vh}.left-section[data-v-1000147c]{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;background:linear-gradient(135deg,#b9e1db,#93c4e8);border-radius:12px 0 0 12px;position:relative;overflow:hidden}.left-section[data-v-1000147c]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);pointer-events:none}.character-image-container[data-v-1000147c]{position:relative;width:200px;height:260px;border:2px solid rgba(255,255,255,.6);background:#fffffff2;box-shadow:inset 0 1px 1px #ffffffb3,0 8px 28px #7896c81f;overflow:hidden}.character-image-container .character-image[data-v-1000147c]{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}.cast-btn[data-v-1000147c]{display:flex;align-items:center;justify-content:center;width:100%;height:44px;background:linear-gradient(154deg,#93c4e8,#9fb0e4 55%,#c3b0e6);color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 28px #78a0cd2e;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.cast-btn[data-v-1000147c]:hover{transform:translateY(-2px);box-shadow:0 14px 32px #78a0cd40}.cast-btn[data-v-1000147c]:active{transform:scale(.95);box-shadow:0 4px 16px #7896c824}.cast-btn span[data-v-1000147c]{margin-left:6px;font-size:12px}.right-section[data-v-1000147c]{flex:1;display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;gap:16px;padding:28px 24px}.character-name[data-v-1000147c]{font-size:28px;font-weight:800;color:#47546b;margin:0;letter-spacing:.02em}.character-description[data-v-1000147c]{font-size:14px;line-height:22px;color:#8592a8;font-weight:600;margin:0}.design-sheet[data-v-1000147c]{width:100%;border:2px solid rgba(255,255,255,.6);border-radius:12px;overflow:hidden}.design-sheet .design-sheet-image[data-v-1000147c]{width:100%;height:auto}@media (max-width: 720px){.modal-content[data-v-1000147c]{width:95vw}.modal-body[data-v-1000147c]{flex-direction:column;max-height:85vh}.left-section[data-v-1000147c]{flex:none;padding:20px 16px}.character-image-container[data-v-1000147c]{width:160px;height:210px}.right-section[data-v-1000147c]{padding:20px 16px}.character-name[data-v-1000147c]{font-size:22px}}.character-library[data-v-d1784e1c]{width:100%;min-height:100vh;background:#f5f5f5}.container[data-v-d1784e1c]{max-width:1160px;margin:0 auto 20px;padding:100px 20px 20px}@media (min-width: 768px){.container[data-v-d1784e1c]{padding:100px 24px 24px}}.page-title[data-v-d1784e1c]{font-weight:800;font-size:26px;color:#47546b;margin-bottom:6px;letter-spacing:.02em}.page-sub[data-v-d1784e1c]{font-size:13px;color:#8592a8;font-weight:600;margin-bottom:18px}.count-badge[data-v-d1784e1c]{font-weight:800;font-size:13px;border:2px solid rgba(255,255,255,.6);border-radius:999px;padding:4px 14px;background:#fffc;box-shadow:0 4px 16px #7896c824;margin-left:auto}.tab-navigation[data-v-d1784e1c]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab-navigation .tab[data-v-d1784e1c]{font-weight:800;font-size:13px;padding:8px 16px;border-radius:999px;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:all .16s;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#6a7282}.tab-navigation .tab.active[data-v-d1784e1c]{background:linear-gradient(154deg,#93c4e8,#9fb0e4 55%,#c3b0e6);color:#fff}.tab-navigation .tab[data-v-d1784e1c]:hover:not(.active){background:#b3a0e01f;color:#3a4763}.process-section[data-v-d1784e1c]{margin-bottom:10px}.character-grid[data-v-d1784e1c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.create-new-card[data-v-d1784e1c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border-radius:12px;border:2px dashed rgba(71,84,107,.25);background:#ffffff80;padding:30px 20px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.create-new-card[data-v-d1784e1c]:hover{transform:translateY(-4px);border-style:solid;border-color:#fff9;background:#ffffffe6;box-shadow:inset 0 1px 1px #ffffffb3,0 12px 36px #7896c829}.create-new-card:hover .create-new-icon[data-v-d1784e1c]{transform:rotate(12deg);border-style:solid;border-color:#fff9;background:#93c4e8;color:#fff}.create-new-card .create-new-icon[data-v-d1784e1c]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:2px dashed rgba(71,84,107,.25);background:transparent;color:#47546b;transition:all .42s cubic-bezier(.34,1.56,.64,1);animation:charBreathe-d1784e1c 4.4s ease-in-out infinite}.create-new-card .create-new-icon img[data-v-d1784e1c]{width:100%;height:100%;object-fit:contain}.create-new-card:hover .create-new-icon[data-v-d1784e1c]{animation-play-state:paused}.create-new-card .create-new-text[data-v-d1784e1c]{font-weight:800;font-size:14px;color:#47546b;margin-top:12px}.character-card[data-v-d1784e1c]{position:relative;background:#fffc;border:2px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:inset 0 1px 1px #ffffffb3,0 8px 28px #7896c81f;cursor:pointer;overflow:visible;animation:charCardIn-d1784e1c .5s cubic-bezier(.34,1.56,.64,1) backwards;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.character-card[data-v-d1784e1c]:hover{transform:translateY(-4px);box-shadow:inset 0 1px 1px #ffffffb3,0 12px 36px #7896c829}.character-card:hover .char-sheen[data-v-d1784e1c]{transform:translate(140%)}.character-card:hover .character-power[data-v-d1784e1c]{transform:translateY(-2px) rotate(-3deg)}.character-card .character-img-wrap[data-v-d1784e1c]{position:relative;width:100%;height:220px;overflow:hidden;border-radius:11px 11px 0 0}.character-card .character-img-wrap .character-img[data-v-d1784e1c]{width:100%;height:100%;object-fit:cover;object-position:center top}.character-card .character-img-wrap .char-sheen[data-v-d1784e1c]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translate(-140%) rotate(6deg);transition:transform .9s cubic-bezier(.16,1,.3,1);background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%)}.character-card .character-img-wrap .halftone[data-v-d1784e1c]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:radial-gradient(#47546B 1px,transparent 1.4px);background-size:9px 9px}.character-card .character-name[data-v-d1784e1c]{display:block;padding:8px 14px 12px;font-weight:800;font-size:15px;color:#47546b;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card .character-power[data-v-d1784e1c]{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;background:#ffd23f;border:2px solid #47546B;color:#47546b;padding:3px 10px;border-radius:999px;font-weight:800;font-size:11px;z-index:1;box-shadow:0 4px 16px #7896c824;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.character-card .character-power .power-icon[data-v-d1784e1c]{width:12px;height:12px}.pagination-container[data-v-d1784e1c]{display:flex;justify-content:center;margin-top:24px}.loading-state[data-v-d1784e1c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-state .loading-spinner[data-v-d1784e1c]{width:40px;height:40px;border:4px solid #E6EDF6;border-top:4px solid #47546B;border-radius:50%;animation:spin-d1784e1c 1s ease-in-out infinite;margin-bottom:20px}.loading-state .loading-text[data-v-d1784e1c]{font-size:14px;color:#8592a8;font-weight:600}@keyframes spin-d1784e1c{to{transform:rotate(360deg)}}.error-state[data-v-d1784e1c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;grid-column:1/-1}.error-message[data-v-d1784e1c]{font-size:14px;color:#e5484d;font-weight:800;margin-bottom:16px}.retry-button[data-v-d1784e1c]{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(154deg,#93c4e8,#9fb0e4 55%,#c3b0e6);border:none;border-radius:12px;padding:10px 24px;cursor:pointer;box-shadow:0 4px 16px #7896c824;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.retry-button[data-v-d1784e1c]:hover{transform:translateY(-2px);box-shadow:0 8px 28px #7896c82e}@keyframes charCardIn-d1784e1c{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes charBreathe-d1784e1c{0%,to{box-shadow:0 0 #ff4d8d00}50%{box-shadow:0 0 0 7px #ff4d8d24}}@media (max-width: 720px){.container[data-v-d1784e1c]{padding:100px 16px}.character-grid[data-v-d1784e1c]{grid-template-columns:repeat(2,1fr);gap:12px}.tab-navigation .tab[data-v-d1784e1c]{font-size:12px;padding:6px 12px}}@media (prefers-reduced-motion: reduce){.character-card[data-v-d1784e1c]{animation:none!important}.character-card[data-v-d1784e1c]:hover{transform:none;box-shadow:inset 0 1px 1px #ffffffb3,0 8px 28px #7896c81f}.create-new-card[data-v-d1784e1c]:hover{transform:none}.create-new-icon[data-v-d1784e1c]{animation:none!important}}