.mode-selector[data-v-b0136055]{display:flex;gap:4px;padding:8px 12px;background:#181825;border-bottom:1px solid #313244;grid-column:1 / -1}.tab[data-v-b0136055]{padding:6px 16px;border-radius:6px;border:1px solid transparent;background:none;color:#6c7086;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.tab.active[data-v-b0136055]{background:#313244;color:#cdd6f4;border-color:#45475a}.tab[data-v-b0136055]:not(.active):hover{color:#cdd6f4}@media(max-width:640px){.tab[data-v-b0136055]{padding:4px 10px;font-size:12px}}.search-bar[data-v-54adf638]{width:100%;padding:6px 10px;border:1px solid #444;border-radius:6px;background:#1e1e2e;color:#cdd6f4;font-size:13px;box-sizing:border-box}.search-bar[data-v-54adf638]:focus{outline:none;border-color:#89b4fa}.work-filter[data-v-58505ae1]{position:relative;flex-shrink:0}.overlay[data-v-58505ae1]{position:fixed;inset:0;z-index:10}.filter-btn[data-v-58505ae1]{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;height:100%;background:none;border:1px solid #313244;border-radius:5px;color:#6c7086;cursor:pointer;transition:all .15s;line-height:1}.filter-btn[data-v-58505ae1]:hover{border-color:#585b70;color:#cdd6f4}.filter-btn.active[data-v-58505ae1]{border-color:#cba6f7;color:#cba6f7;background:#1e1a2e}.count-badge[data-v-58505ae1]{font-size:10px;font-weight:700;background:#cba6f7;color:#1e1e2e;border-radius:8px;padding:1px 4px;min-width:14px;text-align:center;line-height:1.2}.popover[data-v-58505ae1]{position:absolute;top:calc(100% + 6px);right:0;z-index:20;background:#181825;border:1px solid #45475a;border-radius:8px;padding:10px;width:256px;box-shadow:0 8px 24px #00000080}.popover-header[data-v-58505ae1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.popover-title[data-v-58505ae1]{font-size:10px;font-weight:600;color:#6c7086;text-transform:uppercase;letter-spacing:.06em}.clear-btn[data-v-58505ae1]{font-size:11px;background:none;border:none;color:#f38ba8;cursor:pointer;padding:0;line-height:1}.clear-btn[data-v-58505ae1]:hover{text-decoration:underline}.work-grid[data-v-58505ae1]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.work-cell[data-v-58505ae1]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;cursor:pointer;transition:border-color .12s,background .12s}.work-cell[data-v-58505ae1]:hover{border-color:#585b70;background:#26263a}.work-cell.active[data-v-58505ae1]{border-color:#cba6f7;background:#221a38}.work-icon[data-v-58505ae1]{width:22px;height:22px;object-fit:contain}.cell-label[data-v-58505ae1]{font-size:8px;color:#585b70;white-space:nowrap}.work-cell.active .cell-label[data-v-58505ae1]{color:#a6adc8}.cell-level[data-v-58505ae1]{font-size:9px;font-weight:700;color:#cba6f7;line-height:1}.cell-level.is-off[data-v-58505ae1]{color:#45475a;font-weight:400}.hint[data-v-58505ae1]{margin:8px 0 0;font-size:9px;color:#45475a;text-align:center}.element-icon[data-v-c010a858]{width:20px;height:20px;object-fit:contain;flex-shrink:0}.work-badge[data-v-07d8e841]{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:#a6adc8}.work-icon[data-v-07d8e841]{width:14px;height:14px;object-fit:contain}.level-num[data-v-07d8e841]{font-size:11px;font-weight:700;color:#89b4fa;line-height:1}.pal-card[data-v-50c4870b]{display:flex;gap:8px;padding:6px 8px;border-radius:6px;background:#1e1e2e;border:1px solid #313244;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s}.pal-card[data-v-50c4870b]:hover{border-color:#89b4fa}.pal-card.draggable[data-v-50c4870b]{cursor:grab}.pal-card.draggable[data-v-50c4870b]:active{cursor:grabbing}.pal-card.is-target[data-v-50c4870b]{border-color:#a6e3a1;background:#1e2e22}.portrait[data-v-50c4870b]{position:relative;width:36px;height:36px;border-radius:4px;background:#313244;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.portrait-img[data-v-50c4870b]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#313244}.portrait-initials[data-v-50c4870b]{font-size:11px;font-weight:700;color:#585b70;z-index:0}.owned-dot[data-v-50c4870b]{position:absolute;bottom:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#a6e3a1;z-index:1;border:1px solid #11111b}.info[data-v-50c4870b]{flex:1;min-width:0}.name-row[data-v-50c4870b]{display:flex;align-items:baseline;gap:4px}.name[data-v-50c4870b]{font-size:13px;font-weight:600;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.name[data-v-50c4870b]:hover{color:#89b4fa;text-decoration:underline}.number[data-v-50c4870b]{font-size:11px;color:#585b70;flex-shrink:0}.elements[data-v-50c4870b]{display:flex;gap:3px;margin-top:2px}.work-list[data-v-50c4870b]{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.pal-list[data-v-d7f53eeb]{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#11111b}.list-header[data-v-d7f53eeb]{padding:8px 10px;border-bottom:1px solid #313244;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.search-row[data-v-d7f53eeb]{display:flex;align-items:center;gap:6px}.gender-symbol[data-v-d7f53eeb]{font-size:22px;font-weight:700;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.gender-symbol.male[data-v-d7f53eeb]{color:#89b4fa}.gender-symbol.female[data-v-d7f53eeb]{color:#f38ba8}.filter-btn[data-v-d7f53eeb]{background:none;border:1px solid #313244;border-radius:5px;color:#6c7086;font-size:11px;padding:3px 8px;cursor:pointer;transition:all .15s;align-self:flex-start}.filter-btn[data-v-d7f53eeb]:hover{border-color:#585b70;color:#cdd6f4}.filter-btn.active[data-v-d7f53eeb]{border-color:#f9e2af;color:#f9e2af;background:#2a2615}.list-body[data-v-d7f53eeb]{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.list-body[data-v-d7f53eeb]::-webkit-scrollbar{width:6px}.list-body[data-v-d7f53eeb]::-webkit-scrollbar-track{background:#11111b}.list-body[data-v-d7f53eeb]::-webkit-scrollbar-thumb{background:#313244;border-radius:3px}.empty[data-v-d7f53eeb]{text-align:center;color:#45475a;font-style:italic;font-size:13px;padding:20px 0}.toast[data-v-786f3356]{position:fixed;bottom:24px;left:288px;background:#f38ba8;color:#1e1e2e;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;max-width:260px;z-index:100;box-shadow:0 4px 12px #0006}.toast-enter-active[data-v-786f3356],.toast-leave-active[data-v-786f3356]{transition:opacity .3s,transform .3s}.toast-enter-from[data-v-786f3356],.toast-leave-to[data-v-786f3356]{opacity:0;transform:translateY(8px)}.breed-slot[data-v-58e6824d]{border:2px dashed #313244;border-radius:10px;padding:8px 10px;display:inline-flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s;background:#181825;width:fit-content;min-width:180px;-webkit-user-select:none;user-select:none}.breed-slot.drag-over[data-v-58e6824d]{border-color:#89b4fa;background:#1e1e2e}.result-slot[data-v-58e6824d]{border-style:solid;border-color:#a6e3a1}.slot-header[data-v-58e6824d]{display:flex;align-items:center;justify-content:center}.role-symbol[data-v-58e6824d]{font-size:44px;font-weight:900;line-height:1}.role-symbol.male[data-v-58e6824d]{color:#89b4fa}.role-symbol.female[data-v-58e6824d]{color:#f38ba8}.pal-row[data-v-58e6824d]{display:flex;align-items:center;gap:6px}.result-slot .pal-row[data-v-58e6824d]{justify-content:center}.clear-btn[data-v-58e6824d]{background:none;border:none;color:#585b70;font-size:16px;cursor:pointer;line-height:1;padding:0;flex-shrink:0}.clear-btn[data-v-58e6824d]:hover{color:#f38ba8}.slot-empty[data-v-58e6824d]{display:flex;align-items:center;justify-content:center;padding:12px 8px;color:#45475a;font-size:12px;font-style:italic;white-space:nowrap}.result-placeholder[data-v-58e6824d]{color:#6c7086}@media(max-width:640px){.breed-slot[data-v-58e6824d]{min-width:0;width:100%}}.pal-list[data-v-bd1a2689]{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#11111b}.list-header[data-v-bd1a2689]{padding:8px 10px;border-bottom:1px solid #313244;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.search-row[data-v-bd1a2689]{display:flex;align-items:center;gap:4px}.filter-btn[data-v-bd1a2689]{background:none;border:1px solid #313244;border-radius:5px;color:#6c7086;font-size:11px;padding:3px 8px;cursor:pointer;transition:all .15s;align-self:flex-start}.filter-btn[data-v-bd1a2689]:hover{border-color:#585b70;color:#cdd6f4}.filter-btn.active[data-v-bd1a2689]{border-color:#a6e3a1;color:#a6e3a1;background:#1a2820}.list-body[data-v-bd1a2689]{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.list-body[data-v-bd1a2689]::-webkit-scrollbar{width:6px}.list-body[data-v-bd1a2689]::-webkit-scrollbar-track{background:#11111b}.list-body[data-v-bd1a2689]::-webkit-scrollbar-thumb{background:#313244;border-radius:3px}.empty[data-v-bd1a2689]{text-align:center;color:#45475a;font-style:italic;font-size:13px;padding:20px 0}.breeding-node[data-v-f379bbd9]{display:flex;flex-direction:column;align-items:center}.node-card[data-v-f379bbd9]{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:2px solid #313244;background:#1e1e2e;min-width:160px;max-width:220px;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.node-card[data-v-f379bbd9]{cursor:pointer}.node-card[data-v-f379bbd9]:not(.owned):not(.selected):hover{border-color:#89b4fa}.node-card.owned[data-v-f379bbd9]{border-color:#a6e3a1;background:#1e2e22}.node-card.unresolved[data-v-f379bbd9]{border-style:dashed;border-color:#585b70;background:#181825}.node-card.selected[data-v-f379bbd9]{border-color:#cba6f7;background:#2a1e3e;box-shadow:0 0 0 2px #cba6f740}.portrait[data-v-f379bbd9]{position:relative;width:32px;height:32px;border-radius:4px;background:#313244;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.portrait-img[data-v-f379bbd9]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#313244}.portrait-initials[data-v-f379bbd9]{font-size:10px;font-weight:700;color:#585b70;z-index:0}.card-info[data-v-f379bbd9]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.name[data-v-f379bbd9]{font-size:12px;font-weight:600;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge[data-v-f379bbd9]{font-size:10px;font-weight:500;padding:1px 5px;border-radius:4px;align-self:flex-start}.owned-badge[data-v-f379bbd9]{background:#1e3626;color:#a6e3a1}.unresolved-badge[data-v-f379bbd9]{background:#1e1e2e;color:#6c7086}.children-area[data-v-f379bbd9]{display:flex;flex-direction:column;align-items:center}.stem[data-v-f379bbd9]{width:2px;height:20px;background:#45475a;flex-shrink:0}.children-row[data-v-f379bbd9]{display:flex;gap:24px;align-items:flex-start}.child-slot[data-v-f379bbd9]{display:flex;flex-direction:column;align-items:center;padding-top:20px;position:relative}.child-slot[data-v-f379bbd9]:first-child:before{content:"";position:absolute;top:0;left:50%;right:-12px;height:2px;background:#45475a}.child-slot[data-v-f379bbd9]:last-child:before{content:"";position:absolute;top:0;right:50%;left:-12px;height:2px;background:#45475a}.child-slot[data-v-f379bbd9]:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:20px;background:#45475a}.max-depth[data-v-f379bbd9]{margin-top:8px;font-size:11px;color:#585b70;font-style:italic}.parents-panel[data-v-7f52fca5]{display:flex;flex-direction:column;height:100%;background:#11111b}.panel-header[data-v-7f52fca5]{padding:10px 12px;border-bottom:1px solid #313244;font-size:12px;color:#6c7086;flex-shrink:0}.panel-header strong[data-v-7f52fca5]{color:#cdd6f4}.hint[data-v-7f52fca5]{font-style:italic}.search-row[data-v-7f52fca5]{padding:6px 8px;border-bottom:1px solid #313244;flex-shrink:0}.panel-body[data-v-7f52fca5]{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.panel-body[data-v-7f52fca5]::-webkit-scrollbar{width:6px}.panel-body[data-v-7f52fca5]::-webkit-scrollbar-track{background:#11111b}.panel-body[data-v-7f52fca5]::-webkit-scrollbar-thumb{background:#313244;border-radius:3px}.pair-row[data-v-7f52fca5]{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid #313244;background:#1e1e2e;cursor:pointer;transition:border-color .15s}.pair-row[data-v-7f52fca5]:hover{border-color:#89b4fa;background:#1e2535}.pair-pal[data-v-7f52fca5]{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.mini-portrait[data-v-7f52fca5]{position:relative;width:24px;height:24px;border-radius:3px;background:#313244;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.mini-img[data-v-7f52fca5]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mini-initials[data-v-7f52fca5]{font-size:8px;font-weight:700;color:#585b70;z-index:0}.pair-name[data-v-7f52fca5]{font-size:11px;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-pal.owned .pair-name[data-v-7f52fca5]{color:#a6e3a1}.owned-dot[data-v-7f52fca5]{width:6px;height:6px;border-radius:50%;background:#a6e3a1;flex-shrink:0}.plus[data-v-7f52fca5]{font-size:14px;color:#585b70;flex-shrink:0}.empty[data-v-7f52fca5]{text-align:center;color:#45475a;font-style:italic;font-size:13px;padding:20px 0}.mobile-tabs[data-v-0fb4c853]{display:none}.col-left[data-v-0fb4c853],.col-right[data-v-0fb4c853]{overflow:hidden;border-right:1px solid #313244;height:100%}.col-right[data-v-0fb4c853]{border-right:none;border-left:1px solid #313244}.col-center[data-v-0fb4c853]{display:flex;flex-direction:column;align-items:flex-start;overflow:auto;padding:24px 16px;height:100%}.tree-wrapper[data-v-0fb4c853]{min-width:100%;display:flex;flex-direction:column;align-items:center}.status-msg[data-v-0fb4c853]{width:100%;margin-top:30vh;color:#45475a;font-size:14px;text-align:center}.status-msg.hint[data-v-0fb4c853]{font-style:italic}.spinner-wrapper[data-v-0fb4c853]{width:100%;display:flex;align-items:center;justify-content:center;margin-top:30vh}.spinner[data-v-0fb4c853]{width:32px;height:32px;border:3px solid #313244;border-top-color:#89b4fa;border-radius:50%;animation:spin-0fb4c853 .8s linear infinite}@keyframes spin-0fb4c853{to{transform:rotate(360deg)}}@media(max-width:640px){.mobile-tabs[data-v-0fb4c853]{display:flex;grid-column:1;background:#181825;border-bottom:1px solid #313244}.mobile-tabs button[data-v-0fb4c853]{flex:1;padding:8px 4px;background:none;border:none;border-bottom:2px solid transparent;color:#6c7086;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.mobile-tabs button.active[data-v-0fb4c853]{color:#cdd6f4;border-bottom-color:#89b4fa}.col-left[data-v-0fb4c853],.col-center[data-v-0fb4c853],.col-right[data-v-0fb4c853]{display:none;height:100%}.col-left.mobile-active[data-v-0fb4c853],.col-center.mobile-active[data-v-0fb4c853],.col-right.mobile-active[data-v-0fb4c853]{display:flex;flex-direction:column;overflow:hidden}.col-center.mobile-active[data-v-0fb4c853]{overflow:auto}.status-msg[data-v-0fb4c853],.spinner-wrapper[data-v-0fb4c853]{margin-top:20vh}}.collection-view[data-v-635a775c]{grid-column:1 / -1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#11111b}.cv-header[data-v-635a775c]{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid #313244;flex-shrink:0}.header-left[data-v-635a775c]{flex:1;max-width:320px;display:flex;align-items:center;gap:6px}.header-right[data-v-635a775c]{display:flex;align-items:center;gap:10px;margin-left:auto}.owned-count[data-v-635a775c]{font-size:13px;color:#6c7086}.owned-count strong[data-v-635a775c]{color:#a6e3a1}.clear-btn[data-v-635a775c]{background:none;border:1px solid #45475a;color:#f38ba8;font-size:12px;padding:4px 10px;border-radius:5px;cursor:pointer;transition:background .15s}.clear-btn[data-v-635a775c]:hover{background:#3b1e26}.cv-body[data-v-635a775c]{flex:1;overflow-y:auto;padding:8px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px;align-content:start}.cv-body[data-v-635a775c]::-webkit-scrollbar{width:6px}.cv-body[data-v-635a775c]::-webkit-scrollbar-track{background:#11111b}.cv-body[data-v-635a775c]::-webkit-scrollbar-thumb{background:#313244;border-radius:3px}.pal-row[data-v-635a775c]{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid #313244;background:#1e1e2e;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.pal-row[data-v-635a775c]:hover{border-color:#585b70}.pal-row.owned[data-v-635a775c]{border-color:#a6e3a1;background:#1b2820}.pal-row.owned[data-v-635a775c]:hover{border-color:#94d3a2}.portrait[data-v-635a775c]{position:relative;width:30px;height:30px;border-radius:4px;background:#313244;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.portrait-img[data-v-635a775c]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.portrait-initials[data-v-635a775c]{font-size:10px;font-weight:700;color:#585b70;z-index:0}.info[data-v-635a775c]{flex:1;min-width:0;display:flex;align-items:baseline;gap:4px}.name[data-v-635a775c]{font-size:12px;font-weight:600;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number[data-v-635a775c]{font-size:10px;color:#585b70;flex-shrink:0}.star[data-v-635a775c]{font-size:14px;color:#585b70;flex-shrink:0;line-height:1}.pal-row.owned .star[data-v-635a775c]{color:#f9e2af}.empty[data-v-635a775c]{grid-column:1 / -1;text-align:center;color:#45475a;font-style:italic;font-size:13px;padding:40px 0}@media(max-width:640px){.collection-view[data-v-635a775c]{grid-row:2 / 4}.cv-header[data-v-635a775c]{flex-wrap:wrap}.header-left[data-v-635a775c]{max-width:100%;width:100%}.header-right[data-v-635a775c]{margin-left:0}.cv-body[data-v-635a775c]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:#1e1e2e;color:#cdd6f4;font-family:system-ui,sans-serif}.app-grid[data-v-cfffe6d3]{display:grid;grid-template-columns:280px 1fr 280px;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.col-left[data-v-cfffe6d3],.col-right[data-v-cfffe6d3]{overflow:hidden;border-right:1px solid #313244}.col-right[data-v-cfffe6d3]{border-right:none;border-left:1px solid #313244}.col-center[data-v-cfffe6d3]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;padding-top:33vh;overflow-y:auto}.parent-row[data-v-cfffe6d3]{display:flex;align-items:center;gap:12px}.plus[data-v-cfffe6d3]{font-size:28px;font-weight:300;color:#585b70;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.result-row[data-v-cfffe6d3]{display:flex;justify-content:center}.mobile-tabs[data-v-cfffe6d3]{display:none}@media(max-width:640px){.app-grid[data-v-cfffe6d3]{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;overflow:hidden}.mobile-tabs[data-v-cfffe6d3]{display:flex;grid-column:1;background:#181825;border-bottom:1px solid #313244}.mobile-tabs button[data-v-cfffe6d3]{flex:1;padding:8px 4px;background:none;border:none;border-bottom:2px solid transparent;color:#6c7086;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.mobile-tabs button.active[data-v-cfffe6d3]{color:#cdd6f4;border-bottom-color:#89b4fa}.col-left[data-v-cfffe6d3],.col-center[data-v-cfffe6d3],.col-right[data-v-cfffe6d3]{display:none}.col-left.mobile-active[data-v-cfffe6d3],.col-center.mobile-active[data-v-cfffe6d3],.col-right.mobile-active[data-v-cfffe6d3]{display:flex;flex-direction:column;overflow:hidden}.col-center.mobile-active[data-v-cfffe6d3]{padding-top:24px;align-items:center;overflow-y:auto}.parent-row[data-v-cfffe6d3]{flex-direction:column}.plus[data-v-cfffe6d3]{transform:rotate(90deg)}}