.character-detail-modal[data-v-3a70397e]{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-3a70397e]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#16112266}.modal-content[data-v-3a70397e]{position:relative;background-color:#fffdf7;border:3px solid #161122;border-radius:16px;width:800px;max-width:95vw;max-height:90vh;box-shadow:8px 8px #161122;animation:modalIn-3a70397e .4s cubic-bezier(.16,1,.3,1) both}@keyframes modalIn-3a70397e{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.close-btn[data-v-3a70397e]{background:none;border:none;position:absolute;right:18px;top:18px;width:36px;height:36px;cursor:pointer;border:2.5px solid #161122;border-radius:999px;background:#fff;box-shadow:2px 2px #161122;padding:6px;z-index:10;transition:transform .2s}.close-btn[data-v-3a70397e]:hover{transform:scale(1.1) rotate(90deg)}.modal-body[data-v-3a70397e]{display:flex;max-height:85vh}.left-section[data-v-3a70397e]{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;background:linear-gradient(135deg,#ffc24b,#ff7aae);border-radius:16px 0 0 16px;position:relative;overflow:hidden}.left-section[data-v-3a70397e]: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-3a70397e]{position:relative;width:200px;height:260px;border-radius:16px;background:#fffdf7;border:3px solid #161122;box-shadow:8px 8px #16112229;box-shadow:4px 4px #161122;overflow:hidden}.character-image-container .character-image[data-v-3a70397e]{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}.cast-btn[data-v-3a70397e]{display:flex;align-items:center;justify-content:center;width:100%;height:44px;background:linear-gradient(135deg,#ff4d8d,#ff7a45);color:#fff;border:2.5px solid #161122;border-radius:14px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:3px 3px #161122;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.cast-btn[data-v-3a70397e]:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #161122}.cast-btn[data-v-3a70397e]:active{transform:translate(0);box-shadow:2px 2px #161122}.cast-btn span[data-v-3a70397e]{margin-left:6px;font-size:12px}.right-section[data-v-3a70397e]{flex:1;display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;gap:16px;padding:28px 24px}.character-name[data-v-3a70397e]{font-size:28px;font-weight:800;color:#161122;margin:0;letter-spacing:.02em}.character-description[data-v-3a70397e]{font-size:14px;line-height:22px;color:#9a93a4;font-weight:600;margin:0}.design-sheet[data-v-3a70397e]{width:100%;border:2px solid #161122;border-radius:12px;overflow:hidden}.design-sheet .design-sheet-image[data-v-3a70397e]{width:100%;height:auto}@media (max-width: 720px){.modal-content[data-v-3a70397e]{width:95vw}.modal-body[data-v-3a70397e]{flex-direction:column;max-height:85vh}.left-section[data-v-3a70397e]{flex:none;padding:20px 16px}.character-image-container[data-v-3a70397e]{width:160px;height:210px}.right-section[data-v-3a70397e]{padding:20px 16px}.character-name[data-v-3a70397e]{font-size:22px}}.character-library[data-v-f5f1f5b9]{width:100%;min-height:100vh;background:#fffbf4}.container[data-v-f5f1f5b9]{max-width:1160px;margin:0 auto 20px;padding:100px 20px 20px}@media (min-width: 768px){.container[data-v-f5f1f5b9]{padding:100px 24px 24px}}.page-title[data-v-f5f1f5b9]{font-weight:800;font-size:26px;color:#161122;margin-bottom:6px;letter-spacing:.02em}.page-sub[data-v-f5f1f5b9]{font-size:13px;color:#9a93a4;font-weight:600;margin-bottom:18px}.count-badge[data-v-f5f1f5b9]{font-weight:800;font-size:13px;border:2px solid #161122;border-radius:999px;padding:4px 14px;background:#fff;box-shadow:2px 2px #161122;margin-left:auto}.tab-navigation[data-v-f5f1f5b9]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab-navigation .tab[data-v-f5f1f5b9]{font-weight:800;font-size:13px;padding:8px 16px;border-radius:999px;border:2px solid #161122;cursor:pointer;transition:all .16s;background:#fff;color:#161122}.tab-navigation .tab.active[data-v-f5f1f5b9]{background:#161122;color:#fff}.tab-navigation .tab[data-v-f5f1f5b9]:hover:not(.active){color:#161122}.process-section[data-v-f5f1f5b9]{margin-bottom:10px}.character-grid[data-v-f5f1f5b9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.create-new-card[data-v-f5f1f5b9]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border-radius:16px;border:3px dashed rgba(22,17,34,.3);background:#ffffff80;padding:30px 20px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.create-new-card[data-v-f5f1f5b9]:hover{transform:translateY(-4px);border-style:solid;border-color:#161122;background:#fff;box-shadow:6px 6px #161122}.create-new-card:hover .create-new-icon[data-v-f5f1f5b9]{transform:rotate(12deg);border-style:solid;border-color:#161122;background:#ff4d8d;color:#fff}.create-new-card .create-new-icon[data-v-f5f1f5b9]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:3px dashed rgba(22,17,34,.4);background:transparent;color:#161122;transition:all .42s cubic-bezier(.34,1.56,.64,1);animation:charBreathe-f5f1f5b9 4.4s ease-in-out infinite}.create-new-card .create-new-icon img[data-v-f5f1f5b9]{width:100%;height:100%;object-fit:contain}.create-new-card:hover .create-new-icon[data-v-f5f1f5b9]{animation-play-state:paused}.create-new-card .create-new-text[data-v-f5f1f5b9]{font-weight:800;font-size:14px;color:#161122;margin-top:12px}.character-card[data-v-f5f1f5b9]{position:relative;background:#fff;border:3px solid #161122;border-radius:16px;box-shadow:4px 4px #161122;cursor:pointer;overflow:visible;animation:charCardIn-f5f1f5b9 .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-f5f1f5b9]:hover{transform:translateY(-4px);box-shadow:6px 6px #161122}.character-card:hover .char-sheen[data-v-f5f1f5b9]{transform:translate(140%)}.character-card:hover .character-power[data-v-f5f1f5b9]{transform:translateY(-2px) rotate(-3deg)}.character-card .character-img-wrap[data-v-f5f1f5b9]{position:relative;width:100%;height:220px;overflow:hidden;border-radius:11px 11px 0 0}.character-card .character-img-wrap .character-img[data-v-f5f1f5b9]{width:100%;height:100%;object-fit:cover;object-position:center top}.character-card .character-img-wrap .char-sheen[data-v-f5f1f5b9]{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-f5f1f5b9]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:radial-gradient(#161122 1px,transparent 1.4px);background-size:9px 9px}.character-card .character-name[data-v-f5f1f5b9]{display:block;padding:8px 14px 12px;font-weight:800;font-size:15px;color:#161122;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card .character-power[data-v-f5f1f5b9]{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;background:#ffd23f;border:2px solid #161122;color:#161122;padding:3px 10px;border-radius:999px;font-weight:800;font-size:11px;z-index:1;box-shadow:2px 2px #161122;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.character-card .character-power .power-icon[data-v-f5f1f5b9]{width:12px;height:12px}.pagination-container[data-v-f5f1f5b9]{display:flex;justify-content:center;margin-top:24px}.loading-state[data-v-f5f1f5b9]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-state .loading-spinner[data-v-f5f1f5b9]{width:40px;height:40px;border:4px solid #e7e1d8;border-top:4px solid #161122;border-radius:50%;animation:spin-f5f1f5b9 1s ease-in-out infinite;margin-bottom:20px}.loading-state .loading-text[data-v-f5f1f5b9]{font-size:14px;color:#9a93a4;font-weight:600}@keyframes spin-f5f1f5b9{to{transform:rotate(360deg)}}.error-state[data-v-f5f1f5b9]{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-f5f1f5b9]{font-size:14px;color:#e5484d;font-weight:800;margin-bottom:16px}.retry-button[data-v-f5f1f5b9]{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#ff4d8d,#ff7a45);border:none;border-radius:14px;padding:10px 24px;cursor:pointer;box-shadow:3px 3px #161122;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.retry-button[data-v-f5f1f5b9]:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #161122}@keyframes charCardIn-f5f1f5b9{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes charBreathe-f5f1f5b9{0%,to{box-shadow:0 0 #ff4d8d00}50%{box-shadow:0 0 0 7px #ff4d8d24}}@media (max-width: 720px){.container[data-v-f5f1f5b9]{padding:100px 16px}.character-grid[data-v-f5f1f5b9]{grid-template-columns:repeat(2,1fr);gap:12px}.tab-navigation .tab[data-v-f5f1f5b9]{font-size:12px;padding:6px 12px}}@media (prefers-reduced-motion: reduce){.character-card[data-v-f5f1f5b9]{animation:none!important}.character-card[data-v-f5f1f5b9]:hover{transform:none;box-shadow:4px 4px #16112224}.create-new-card[data-v-f5f1f5b9]:hover{transform:none}.create-new-icon[data-v-f5f1f5b9]{animation:none!important}}