.sidebar[data-v-5ed6be98]{width:60px;background:#2a2a2a;border-left:2px solid rgba(110,110,130,.7);box-shadow:-3px 0 12px #0009;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:10px;flex-shrink:0;position:relative}.sidebar-logo[data-v-5ed6be98]{width:42px;height:42px;border-radius:10px;margin-bottom:4px;pointer-events:none;-webkit-user-drag:none}.sidebar button[data-v-5ed6be98]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;font-size:18px;cursor:pointer;border-radius:8px;box-shadow:none}.sidebar button[data-v-5ed6be98]:hover{background:#3a3a3a;border-color:transparent}.sidebar button.active[data-v-5ed6be98]{background:#a78bfa}.harvest-icon[data-v-5ed6be98]{width:26px;height:26px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.reduce-btn[data-v-5ed6be98]{position:absolute;bottom:12px;width:44px!important;height:40px!important;border:1px solid #555!important;background:#2a2a2a!important;color:#fff;border-radius:6px!important;font-size:14px}.reduce-btn[data-v-5ed6be98]:hover{background:#3a3a3a!important;border-color:#777!important}.character-card[data-v-7873d312]{box-sizing:content-box;width:90px;padding:5px;border:2px solid #444;border-radius:10px;background:#1e1e1e;color:#fff;text-align:center;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.character-card.active[data-v-7873d312]{border-color:#a78bfa;background:#a78bfa2e}.character-card.inactive[data-v-7873d312]{opacity:.35;filter:grayscale(1)}.character-card.companion[data-v-7873d312]{background:#1e1e1e}.companion-watermark[data-v-7873d312]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#a78bfae6;white-space:nowrap;pointer-events:none;z-index:5;background:#00000073;padding:2px 5px;border-radius:3px}.companion-btn[data-v-7873d312]{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:4px;border:1px solid #555;background:#2a2a2a;color:#fff;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;z-index:10}.companion-btn[data-v-7873d312]:hover{background:#3a3a3a;border-color:#888}.companion-btn.has-companion[data-v-7873d312]{border-color:#a78bfa;color:#a78bfa}.companion-btn.has-companion[data-v-7873d312]:hover{background:#a78bfa33;color:#c4b5fd}img[data-v-7873d312]{width:38px;height:38px;margin-bottom:4px;vertical-align:bottom;display:block;margin-left:auto;margin-right:auto}.name[data-v-7873d312]{font-size:14px;font-weight:700;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list[data-v-6d532a5a]{display:flex;flex-direction:column;gap:5px;-webkit-user-select:none;user-select:none;width:fit-content;margin:0 auto}.slot[data-v-6d532a5a]{position:relative;cursor:grab;transition:opacity .12s,margin-top .12s}.slot[data-v-6d532a5a]:active{cursor:grabbing}.slot.dragging[data-v-6d532a5a]{opacity:.2}.slot.insert-before[data-v-6d532a5a]{margin-top:20px}.slot.insert-after[data-v-6d532a5a]:after{content:"";position:absolute;bottom:-12px;left:6px;right:6px;height:2px;background:#a78bfa;border-radius:2px;box-shadow:0 0 10px #a78bfacc,0 0 3px #a78bfa}.slot.insert-before[data-v-6d532a5a]:before{content:"";position:absolute;top:-12px;left:6px;right:6px;height:2px;background:#a78bfa;border-radius:2px;box-shadow:0 0 10px #a78bfacc,0 0 3px #a78bfa}.drag-ghost-chars{position:fixed;pointer-events:none;z-index:9999;transform:rotate(5deg) scale(1.06);filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));opacity:.92}.grid[data-v-3cd6f2f8]{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(2,80px);gap:8px;justify-content:center}.slot[data-v-3cd6f2f8]{display:flex;align-items:center;justify-content:center;cursor:pointer}.slot-companion[data-v-3cd6f2f8]{cursor:default}.char-wrapper[data-v-3cd6f2f8]{position:relative}.char-wrapper.is-draggable[data-v-3cd6f2f8]{cursor:grab}.replace-overlay[data-v-3cd6f2f8]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:transparent;background:transparent;transition:background .15s,color .15s;pointer-events:none}.char-wrapper:hover .replace-overlay[data-v-3cd6f2f8]{background:#00000080;color:#fff}.remove-x[data-v-3cd6f2f8]{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#c0392b;color:#fff;border:none;font-size:15px;line-height:1;cursor:pointer;padding:0;box-shadow:0 1px 4px #00000080;display:none;align-items:center;justify-content:center;z-index:1;transition:background .1s}.char-wrapper:hover .remove-x[data-v-3cd6f2f8]{display:flex}.remove-x[data-v-3cd6f2f8]:hover{background:#e74c3c}.empty[data-v-3cd6f2f8]{width:80px;height:80px;background:#444;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;opacity:.4;transition:opacity .15s,background .15s}.slot:hover .empty[data-v-3cd6f2f8]{opacity:.7;background:#555}.empty.breathing[data-v-3cd6f2f8]{background:#6d28d940;color:#a78bfa;border:1px solid #7c3aed;opacity:1;animation:breathe-3cd6f2f8 2s ease-in-out infinite}.slot:hover .empty.breathing[data-v-3cd6f2f8]{background:#6d28d973;border-color:#a78bfa}@keyframes breathe-3cd6f2f8{0%,to{box-shadow:0 0 #a78bfa80}50%{box-shadow:0 0 0 7px #a78bfa00}}.slot.drag-over[data-v-3cd6f2f8]{outline:2px dashed #a78bfa;border-radius:10px}.slot.drag-over .empty[data-v-3cd6f2f8]{opacity:.9;background:#3a2a5a}.slot.is-source .char-wrapper[data-v-3cd6f2f8]{opacity:.35}.active-team[data-v-4d58c115]{text-align:center;margin-bottom:20px}.name-row[data-v-4d58c115]{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.name-row h2[data-v-4d58c115]{margin:0;font-size:1.1rem;font-weight:600}.edit-btn[data-v-4d58c115]{background:transparent;border:none;color:#666;font-size:15px;cursor:pointer;padding:2px 5px;border-radius:5px;box-shadow:none;line-height:1;transition:color .15s,background .15s}.edit-btn[data-v-4d58c115]:hover{color:#fff;background:#333;border-color:transparent}.rename-input[data-v-4d58c115]{padding:4px 10px;background:#1e1e1e;border:1px solid #a78bfa;border-radius:7px;color:#fff;font-size:1rem;font-weight:600;text-align:center;outline:none;box-shadow:none;width:180px}.dropdown[data-v-777d325f]{margin-top:20px;width:100%}.controls[data-v-777d325f]{display:flex;gap:8px}.toggle[data-v-777d325f]{flex:1;padding:10px;background:#333;color:#fff;border:none;cursor:pointer;border-radius:8px;font-weight:500;text-align:left;transition:background .2s;box-shadow:none}.toggle[data-v-777d325f]:hover{background:#444;border-color:transparent}.create-btn[data-v-777d325f]{width:40px;background:#333;color:#aaa;border:none;border-radius:8px;font-size:22px;cursor:pointer;transition:background .15s,color .15s;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0}.create-btn[data-v-777d325f]:hover,.create-btn.active[data-v-777d325f]{background:#444;color:#fff;border-color:transparent}.create-btn.breathing[data-v-777d325f]{background:#6d28d940;color:#a78bfa;border:1px solid #7c3aed;animation:breathe-777d325f 2s ease-in-out infinite}.create-btn.breathing[data-v-777d325f]:hover{background:#6d28d973;border-color:#a78bfa}@keyframes breathe-777d325f{0%,to{box-shadow:0 0 #a78bfa80}50%{box-shadow:0 0 0 7px #a78bfa00}}.create-form[data-v-777d325f]{display:flex;gap:8px;margin-top:8px}.name-input[data-v-777d325f]{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:13px;box-shadow:none;outline:none}.name-input[data-v-777d325f]::placeholder{color:#555}.name-input[data-v-777d325f]:focus{border-color:#666}.confirm-btn[data-v-777d325f]{width:36px;background:#2a5a2a;color:#6adf6a;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .15s;box-shadow:none}.confirm-btn[data-v-777d325f]:hover{background:#3a7a3a;border-color:transparent}.dropdown-content[data-v-777d325f]{margin-top:10px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:6px}.empty-teams[data-v-777d325f]{text-align:center;color:#555;font-size:13px;padding:20px 0}.team-item[data-v-777d325f]{background:#2a2a2a;padding:10px;border-radius:10px}.team-header[data-v-777d325f]{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 8px;border-radius:6px;margin-bottom:4px}.team-title[data-v-777d325f]{margin:0;font-size:14px;opacity:.9}.header-actions[data-v-777d325f]{display:flex;align-items:center;gap:4px}.action-btn[data-v-777d325f]{background:transparent;border:none;font-size:14px;cursor:pointer;opacity:0;padding:2px 5px;border-radius:6px;box-shadow:none;transition:opacity .15s,background .15s;line-height:1}.team-item:hover .action-btn[data-v-777d325f]{opacity:.5}.action-btn[data-v-777d325f]:hover{opacity:1!important;border-color:transparent}.rename-input[data-v-777d325f]{flex:1;padding:2px 8px;background:#1e1e1e;border:1px solid #a78bfa;border-radius:6px;color:#fff;font-size:13px;font-weight:500;outline:none;box-shadow:none;min-width:0}.rename-btn[data-v-777d325f]:hover{background:#2a2a4a;color:#a78bfa}.duplicate-btn[data-v-777d325f]:hover{background:#1a3a1a;color:#6adf6a}.activate-btn[data-v-777d325f]:hover{background:#1a3a5a;color:#a78bfa}.delete-btn[data-v-777d325f]:hover{background:#5a1a1a}.overlay[data-v-1167862c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200}.modal[data-v-1167862c]{background:#1e1e1e;border-radius:14px;padding:20px;min-width:320px;max-width:480px;color:#f0f0f0;box-shadow:0 8px 40px #000000b3;display:flex;flex-direction:column;gap:16px}.modal-header[data-v-1167862c]{display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-1167862c]{font-size:.95rem;font-weight:600}.close-btn[data-v-1167862c]{background:none;border:none;color:#aaa;font-size:15px;cursor:pointer;padding:2px 6px;border-radius:4px;box-shadow:none}.close-btn[data-v-1167862c]:hover{color:#fff;background:#333}.char-grid[data-v-1167862c]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.char-option[data-v-1167862c]{cursor:pointer;border-radius:10px;transition:opacity .15s}.char-option[data-v-1167862c]:hover{opacity:.85}.char-option.disabled[data-v-1167862c]{opacity:.35;cursor:not-allowed;pointer-events:none}.footer[data-v-1167862c]{display:flex;justify-content:center}.remove-btn[data-v-1167862c]{padding:8px 20px;background:#5a1a1a;color:#ff6b6b;border:1px solid #7a2a2a;border-radius:8px;font-size:.85rem;cursor:pointer;box-shadow:none;transition:background .15s}.remove-btn[data-v-1167862c]:hover{background:#7a1a1a}.teams-page[data-v-63514c93]{padding:16px;color:#f0f0f0;flex:1;min-height:0;overflow-y:auto}.teams-page[data-v-63514c93]::-webkit-scrollbar{width:5px}.teams-page[data-v-63514c93]::-webkit-scrollbar-track{background:transparent}.teams-page[data-v-63514c93]::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.teams-page[data-v-63514c93]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.drag-ghost-teams{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:8px;overflow:hidden;opacity:.85;box-shadow:0 4px 16px #00000080}.drag-ghost-teams img{width:100%;height:100%;object-fit:cover}.settings-page[data-v-fe87181c]{padding:16px 16px 16px 20px;color:#f0f0f0;flex:1;min-height:0;overflow-y:auto;text-align:left}.settings-page[data-v-fe87181c]::-webkit-scrollbar{width:5px}.settings-page[data-v-fe87181c]::-webkit-scrollbar-track{background:transparent}.settings-page[data-v-fe87181c]::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.settings-page[data-v-fe87181c]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}h2[data-v-fe87181c]{font-size:1rem;font-weight:600;margin:0 0 20px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.setting-row[data-v-fe87181c]{display:flex;align-items:stretch;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #333;min-height:54px}.setting-label[data-v-fe87181c]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.setting-title[data-v-fe87181c]{display:block;font-size:.9rem;font-weight:500}.setting-desc[data-v-fe87181c]{display:block;font-size:.75rem;color:#fff;line-height:1.4;opacity:.7}.toggle[data-v-fe87181c]{flex-shrink:0;width:44px;height:24px;border-radius:12px;border:none;padding:0;background:#444;cursor:pointer;position:relative;transition:background .2s;box-shadow:none;align-self:center}.toggle.active[data-v-fe87181c]{background:#a78bfa}.thumb[data-v-fe87181c]{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.active .thumb[data-v-fe87181c]{transform:translate(20px)}.key-btn[data-v-fe87181c]{flex-shrink:0;min-width:48px;height:32px;padding:0 10px;border-radius:6px;border:1px solid #555;background:#2a2a2a;color:#f0f0f0;font-size:.85rem;font-family:inherit;cursor:pointer;align-self:center;transition:border-color .15s,background .15s}.key-btn[data-v-fe87181c]:hover{border-color:#a78bfa;background:#1e1a2e}.key-btn.capturing[data-v-fe87181c]{border-color:#a78bfa;background:#1e1a2e;animation:pulse-fe87181c .8s ease-in-out infinite alternate}@keyframes pulse-fe87181c{0%{border-color:#a78bfa}to{border-color:#c4b5fd}}.credits[data-v-fe87181c]{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:20px;border-top:1px solid #333}.credits-logo[data-v-fe87181c]{width:48px;height:48px;border-radius:12px;pointer-events:none;-webkit-user-drag:none;margin-bottom:2px}.credits-name[data-v-fe87181c]{font-size:1rem;font-weight:700;color:#fff;margin:0;letter-spacing:.04em}.credits-version[data-v-fe87181c]{font-size:.65rem;font-weight:400;color:#ffffffa6;vertical-align:middle;margin-left:4px}.credits-by[data-v-fe87181c]{font-size:.78rem;color:#ffffffbf;margin:0}.credits-highlight[data-v-fe87181c]{color:#a78bfa;font-weight:600}.credits-name[data-v-fe87181c]{margin-bottom:6px}.credits-socials[data-v-fe87181c]{display:flex;gap:12px;margin-top:2px}.credits-social[data-v-fe87181c]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:.75rem;color:#fff;font-weight:500}.credits-social img[data-v-fe87181c]{width:24px;height:24px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.legal[data-v-fe87181c]{margin-top:12px;font-size:.7rem;color:#ffffff80;text-align:center;line-height:1.4}.direct-keys-grid[data-v-fe87181c]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0}.direct-key-slot[data-v-fe87181c]{background:#2a2a2a;border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.slot-char-info[data-v-fe87181c]{display:flex;flex-direction:column;align-items:center;gap:4px}.slot-char-icon[data-v-fe87181c]{width:36px;height:36px;border-radius:6px;pointer-events:none;-webkit-user-drag:none}.slot-char-empty[data-v-fe87181c]{width:36px;height:36px;border-radius:6px;background:#3a3a3a;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#555;font-weight:600}.slot-char-name[data-v-fe87181c]{font-size:.7rem;color:#fff;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-char-name.empty-name[data-v-fe87181c]{color:#444}.slot-key-actions[data-v-fe87181c]{display:flex;gap:4px;align-items:center}.slot-key-btn[data-v-fe87181c]{min-width:52px;height:28px;padding:0 8px;font-size:.78rem}.clear-slot-btn[data-v-fe87181c]{width:24px;height:24px;padding:0;background:transparent;border:1px solid #444;border-radius:5px;color:#666;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:background .15s,color .15s}.clear-slot-btn[data-v-fe87181c]:hover{background:#5a1a1a;color:#e05555;border-color:#5a1a1a}.harvest-fields[data-v-fe87181c]{border-bottom:1px solid #333;padding:10px 0 12px;display:flex;flex-direction:column;gap:8px}.harvest-api-row[data-v-fe87181c]{display:flex;align-items:center;gap:8px}.harvest-api-input-wrap[data-v-fe87181c]{display:flex;align-items:center;flex:1;gap:6px}.api-key-input[data-v-fe87181c]{flex:1;height:32px;padding:0 10px;background:#2a2a2a;border:1px solid #555;border-radius:6px;color:#f0f0f0;font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s}.api-key-input[data-v-fe87181c]:focus{border-color:#a78bfa}.api-hint-btn[data-v-fe87181c]{width:22px;height:22px;border-radius:50%;border:1px solid #555;background:#2a2a2a;color:#888;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;box-shadow:none;transition:border-color .15s,color .15s}.api-hint-btn[data-v-fe87181c]:hover{border-color:#a78bfa;color:#a78bfa}.connect-btn[data-v-fe87181c]{flex-shrink:0;padding:0 14px;height:32px;border-radius:6px;border:1px solid #555;background:#2a2a2a;color:#f0f0f0;font-size:.85rem;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .2s,border-color .2s,color .2s}.connect-btn[data-v-fe87181c]:hover:not(:disabled):not(.success):not(.failed){border-color:#a78bfa;background:#1e1a2e}.connect-btn.success[data-v-fe87181c]{background:#1a3a1a;border-color:#4caf50;color:#4caf50}.connect-btn.failed[data-v-fe87181c]{background:#3a1a1a;border-color:#e05555;color:#e05555}.connect-btn[data-v-fe87181c]:disabled{opacity:.4;cursor:default}.help-overlay[data-v-fe87181c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300}.help-modal[data-v-fe87181c]{width:440px;max-height:80vh;background:#1e1e1e;border-radius:14px;padding:20px;color:#f0f0f0;box-shadow:0 8px 40px #000000b3;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.help-header[data-v-fe87181c]{display:flex;justify-content:space-between;align-items:center}.help-title[data-v-fe87181c]{font-size:.95rem;font-weight:600}.help-close[data-v-fe87181c]{background:none;border:none;color:#aaa;font-size:15px;cursor:pointer;padding:2px 6px;border-radius:4px;box-shadow:none}.help-close[data-v-fe87181c]:hover{color:#fff;background:#333}.help-steps[data-v-fe87181c]{display:flex;flex-direction:column;gap:16px}.help-step[data-v-fe87181c]{display:flex;gap:14px;align-items:flex-start}.step-num[data-v-fe87181c]{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#a78bfa;color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.step-body p[data-v-fe87181c]{margin:0;font-size:.85rem;line-height:1.5;color:#ccc}.step-body strong[data-v-fe87181c]{color:#fff}.card-mob[data-v-485684f7]{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;background:#222232;border:1px solid rgba(255,255,255,.07);transition:background .15s}.card-mob[data-v-485684f7]:hover{background:#282840}.card-mob.complete[data-v-485684f7]{opacity:.45}.card-mob.over[data-v-485684f7]{background:#1e2a45;border-color:#60a5fa40}.card-mob.over[data-v-485684f7]:hover{background:#223050}@keyframes card-complete-485684f7{0%{box-shadow:0 0 #4ade80cc;border-color:#4ade80cc;transform:scale(1)}25%{transform:scale(1.03)}60%{box-shadow:0 0 0 8px #4ade801a;border-color:#4ade8080;transform:scale(1)}to{box-shadow:0 0 0 12px #4ade8000;border-color:#ffffff12}}@keyframes bar-flash-485684f7{0%,to{filter:brightness(1)}40%{filter:brightness(2.2)}}.card-mob.just-completed[data-v-485684f7]{animation:card-complete-485684f7 .9s ease-out forwards}.card-mob.just-completed .mob-bar-fill[data-v-485684f7]{animation:bar-flash-485684f7 .5s ease-out}.mob-img-wrap[data-v-485684f7]{width:54px;height:54px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.mob-img[data-v-485684f7]{width:54px;height:54px;object-fit:contain}.mob-img-fallback[data-v-485684f7]{font-size:18px;color:#555}.mob-body[data-v-485684f7]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.mob-top[data-v-485684f7]{display:flex;align-items:center;gap:6px;min-width:0}.mob-name[data-v-485684f7]{flex:1;min-width:0;font-size:.8rem;font-weight:700;color:#f0f0f0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-tags[data-v-485684f7]{display:flex;align-items:center;gap:4px;flex-shrink:0}.mob-badge[data-v-485684f7]{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:5px}.mob-badge.boss[data-v-485684f7]{background:#6b3015;color:#e8813a}.mob-badge.archimonstre[data-v-485684f7]{background:#3a2860;color:#c4a8ff}.mob-badge.monstre[data-v-485684f7]{background:#1a3320;color:#7acc7a}.step-badge[data-v-485684f7]{font-size:.66rem;font-weight:700;color:#aaa;background:#3a3a3a;padding:2px 8px;border-radius:5px;white-space:nowrap}.zone-pill[data-v-485684f7]{font-size:.66rem;font-weight:700;color:#aaa;background:#3a3a3a;padding:2px 8px;border-radius:5px;cursor:default;white-space:nowrap;-webkit-user-select:none;user-select:none}.zone-pill[data-v-485684f7]:hover{color:#ccc;background:#484848}.zone-tooltip-fixed{position:fixed;transform:translate(-50%,-100%);background:#1e1e2e;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:5px 10px;font-size:.65rem;color:#ccc;white-space:nowrap;z-index:9999;pointer-events:none}.zone-tooltip-sep{color:#555;margin:0 5px;font-weight:700}.mob-progress-row[data-v-485684f7]{display:flex;align-items:center;gap:7px}.mob-bar[data-v-485684f7]{flex:1;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.mob-bar-fill[data-v-485684f7]{height:100%;border-radius:2px;background:#a78bfa;transition:width .3s ease}.card-mob.complete .mob-bar-fill[data-v-485684f7]{background:#4ade80}@keyframes bar-sparkle-485684f7{0%{background-position:200% center}to{background-position:-200% center}}.mob-bar-fill.over[data-v-485684f7]{background:linear-gradient(90deg,#2563eb,#60a5fa 35%,#bfdbfe,#60a5fa 65%,#2563eb);background-size:200% auto;animation:bar-sparkle-485684f7 1.4s linear infinite}.mob-count[data-v-485684f7]{font-size:.72rem;font-weight:700;color:#e0e0e0;white-space:nowrap}.mob-required[data-v-485684f7]{color:#777;font-weight:400}.harvest-page[data-v-01f8ceaf]{position:relative;padding:16px 16px 16px 36px;color:#f0f0f0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.refresh-btn[data-v-01f8ceaf]{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;border:1px solid #555;background:#2a2a2a;color:#ccc;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.refresh-btn[data-v-01f8ceaf]:hover:not(:disabled){background:#3a3a3a;color:#fff}.refresh-btn[data-v-01f8ceaf]:disabled{opacity:.5;cursor:default}@keyframes spin-01f8ceaf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn.spinning[data-v-01f8ceaf]{animation:spin-01f8ceaf .8s linear infinite}.state-msg[data-v-01f8ceaf]{font-size:.85rem;color:#666;padding:40px 0;text-align:center}.nav-overlay[data-v-01f8ceaf]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:42px;left:16px;right:16px;height:110px;pointer-events:none;z-index:2}.nav-overlay .nav-btn[data-v-01f8ceaf]{pointer-events:all}.server-content[data-v-01f8ceaf]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.server-card-wrap[data-v-01f8ceaf]{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin-top:-6px;padding-bottom:6px}.nav-btn[data-v-01f8ceaf]{width:48px;height:48px;border-radius:50%;border:1px solid #555;background:#2a2a2a;color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;box-shadow:none;transition:background .15s,border-color .15s,color .15s}.nav-btn[data-v-01f8ceaf]:hover:not(:disabled){background:#3a3a3a;border-color:#888}.nav-btn[data-v-01f8ceaf]:disabled{opacity:.25;cursor:default}.server-card[data-v-01f8ceaf]{position:relative;width:160px;height:110px;border-radius:16px;background-size:cover;background-position:center;overflow:hidden;flex-shrink:0}.server-labels[data-v-01f8ceaf]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:0 8px 8px}.server-name[data-v-01f8ceaf]{font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.04em;background:#0009;padding:2px 10px;border-radius:6px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.server-meta[data-v-01f8ceaf]{font-size:.6rem;color:#ffffffd9;letter-spacing:.06em;text-transform:uppercase;background:#00000080;padding:2px 8px;border-radius:4px;white-space:nowrap;line-height:1.3}.slide-left-enter-active[data-v-01f8ceaf],.slide-left-leave-active[data-v-01f8ceaf],.slide-right-enter-active[data-v-01f8ceaf],.slide-right-leave-active[data-v-01f8ceaf]{transition:transform .22s ease,opacity .22s ease}.slide-left-enter-from[data-v-01f8ceaf]{transform:translate(40px);opacity:0}.slide-left-leave-to[data-v-01f8ceaf],.slide-right-enter-from[data-v-01f8ceaf]{transform:translate(-40px);opacity:0}.slide-right-leave-to[data-v-01f8ceaf]{transform:translate(40px);opacity:0}.mob-tabs[data-v-01f8ceaf]{display:flex;gap:4px;margin-top:4px;flex-shrink:0}.mob-tabs button[data-v-01f8ceaf]{flex:1;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#222232;color:#888;font-size:.72rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .15s,color .15s,border-color .15s}.mob-tabs button[data-v-01f8ceaf]:hover{background:#2a2a40;color:#ccc}.mob-tabs button.active[data-v-01f8ceaf]{background:#2d2448;border-color:#a78bfa80;color:#a78bfa}.tab-count[data-v-01f8ceaf]{font-size:.65rem;background:#ffffff14;padding:0 5px;border-radius:8px;color:#666;font-weight:400}.mob-tabs button.active .tab-count[data-v-01f8ceaf]{background:#a78bfa33;color:#a78bfa}.monster-list[data-v-01f8ceaf]{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-bottom:8px}.monster-list[data-v-01f8ceaf]::-webkit-scrollbar{width:5px}.monster-list[data-v-01f8ceaf]::-webkit-scrollbar-track{background:transparent}.monster-list[data-v-01f8ceaf]::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.monster-list[data-v-01f8ceaf]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.monster-row[data-v-01f8ceaf]{display:flex;align-items:stretch;gap:4px}.monster-row[data-v-01f8ceaf]>:first-child{flex:1;min-width:0}.qty-btn[data-v-01f8ceaf]{width:58px;flex-shrink:0;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#222232;color:#777;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s,color .12s,border-color .12s}.qty-btn[data-v-01f8ceaf]:disabled{opacity:.2;cursor:default}.qty-plus[data-v-01f8ceaf]:hover:not(:disabled){background:#4ade801f;border-color:#4ade804d;color:#4ade80}.qty-minus[data-v-01f8ceaf]:hover:not(:disabled){background:#f871711f;border-color:#f871714d;color:#f87171}.mob-list-move[data-v-01f8ceaf]{transition:transform .35s ease}.section-empty[data-v-01f8ceaf]{font-size:.78rem;color:#555;text-align:center;padding:16px 0;margin:0}.search-wrap[data-v-01f8ceaf]{display:flex;align-items:stretch;gap:4px;margin-top:8px;flex-shrink:0}.search-field[data-v-01f8ceaf]{position:relative;flex:1;min-width:0}.search-input[data-v-01f8ceaf]{width:100%;box-sizing:border-box;background:#222232;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e0;font-size:.75rem;padding:5px 24px 5px 8px;outline:none;transition:border-color .15s,background .15s}.search-input[data-v-01f8ceaf]::placeholder{color:#555}.search-input[data-v-01f8ceaf]:focus{border-color:#a78bfa80;background:#282840}.search-clear[data-v-01f8ceaf]{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;color:#555;font-size:10px;cursor:pointer;padding:2px 3px;line-height:1;border-radius:4px;transition:color .12s}.search-clear[data-v-01f8ceaf]:hover{color:#aaa}.filters-clear[data-v-01f8ceaf]{flex-shrink:0;background:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#333;font-size:9px;padding:0 5px;cursor:pointer;line-height:1;display:flex;align-items:center;transition:color .12s,border-color .12s;pointer-events:none}.filters-clear.visible[data-v-01f8ceaf]{color:#666;pointer-events:all}.filters-clear.visible[data-v-01f8ceaf]:hover{color:#ccc;border-color:#fff3}.type-toggle[data-v-01f8ceaf]{display:flex;align-items:center;gap:0;font-size:.62rem;font-weight:700;padding:3px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#222232;color:#555;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s,opacity .15s}.type-toggle input[type=checkbox][data-v-01f8ceaf]{display:none}.type-toggle.dim[data-v-01f8ceaf]{opacity:.45}.type-toggle.active[data-v-01f8ceaf]{background:#2d2448;border-color:#a78bfa80;color:#a78bfa;opacity:1}.type-toggle[data-v-01f8ceaf]:not(.active):not(.dim):hover{background:#2a2a40;color:#888}.step-dropdown[data-v-01f8ceaf]{flex:0 0 58px;position:relative}.step-btn[data-v-01f8ceaf]{width:100%;height:100%;background:#222232;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#555;font-size:.62rem;font-weight:700;padding:0 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,color .15s}.step-btn[data-v-01f8ceaf]:hover{background:#2a2a40;color:#888}.step-dropdown.active .step-btn[data-v-01f8ceaf]{background:#a78bfa26;border-color:#a78bfa66;color:#a78bfa}.step-list[data-v-01f8ceaf]{position:absolute;top:calc(100% + 4px);right:0;min-width:90px;max-height:260px;overflow-y:auto;background:#1e1e2e;border:1px solid rgba(255,255,255,.12);border-radius:8px;z-index:200;padding:3px 0}.step-option[data-v-01f8ceaf]{padding:4px 12px;font-size:.72rem;color:#bbb;cursor:pointer;white-space:nowrap;transition:background .1s}.step-option[data-v-01f8ceaf]:hover{background:#ffffff12}.step-option.selected[data-v-01f8ceaf]{color:#a78bfa;background:#a78bfa1a}.zone-list[data-v-01f8ceaf]{right:0;left:auto;min-width:140px}.zone-item[data-v-01f8ceaf]{display:flex;align-items:center;gap:7px}.zone-check[data-v-01f8ceaf]{flex-shrink:0;width:10px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,.25);background:transparent;transition:background .1s,border-color .1s}.zone-check.checked[data-v-01f8ceaf]{background:#a78bfa;border-color:#a78bfa}.zone-search-wrap[data-v-01f8ceaf]{padding:5px 6px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.zone-search-input[data-v-01f8ceaf]{width:100%;box-sizing:border-box;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#e0e0e0;font-size:.68rem;padding:3px 7px;outline:none}.zone-search-input[data-v-01f8ceaf]::placeholder{color:#444}.zone-search-input[data-v-01f8ceaf]:focus{border-color:#a78bfa66}.zone-no-result[data-v-01f8ceaf]{padding:6px 12px;font-size:.68rem;color:#444;font-style:italic}.zone-count[data-v-01f8ceaf]{margin-left:4px;font-size:.55rem;background:#a78bfa4d;border-radius:8px;padding:0 4px;line-height:1.6}.trading-btn[data-v-01f8ceaf]{margin-top:8px;width:160px;padding:5px 0;background:#222232;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#aaa;font-size:.72rem;font-weight:700;cursor:pointer;letter-spacing:.05em;transition:background .15s,border-color .15s,color .15s}.trading-btn[data-v-01f8ceaf]:hover{background:#a78bfa1f;border-color:#a78bfa59;color:#c4b5fd}.trade-bg-overlay[data-v-01f8ceaf]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.trade-modal-card[data-v-01f8ceaf]{width:400px;background:#1e1e1e;border-radius:14px;box-shadow:0 8px 40px #000000b3;display:flex;flex-direction:column;overflow:hidden}.trade-header[data-v-01f8ceaf]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.trade-title[data-v-01f8ceaf]{font-size:.78rem;font-weight:700;color:#ddd}.trade-close[data-v-01f8ceaf]{background:none;border:none;color:#555;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .12s}.trade-close[data-v-01f8ceaf]:hover{color:#ccc}.trade-state[data-v-01f8ceaf]{font-size:.78rem;color:#555;text-align:center;padding:30px 0}.trade-state-demo[data-v-01f8ceaf]{color:#888;font-style:italic}.trade-modal-enter-active[data-v-01f8ceaf],.trade-modal-leave-active[data-v-01f8ceaf]{transition:opacity .2s ease}.trade-modal-enter-from[data-v-01f8ceaf],.trade-modal-leave-to[data-v-01f8ceaf]{opacity:0}.toast-error[data-v-01f8ceaf]{position:absolute;bottom:10px;left:10px;right:10px;background:#b92828eb;color:#fff;font-size:.7rem;line-height:1.4;padding:8px 12px;border-radius:8px;z-index:500;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.toast-enter-active[data-v-01f8ceaf],.toast-leave-active[data-v-01f8ceaf]{transition:opacity .25s ease,transform .25s ease}.toast-enter-from[data-v-01f8ceaf],.toast-leave-to[data-v-01f8ceaf]{opacity:0;transform:translateY(6px)}.app-demo[data-v-82753c7c]{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;background:#1e1e1e;overflow:hidden;color:#f0f0f0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:14px;transition:background .3s}.app-demo.transparent[data-v-82753c7c],.app-demo.transparent .reduced-overlay[data-v-82753c7c]{background:#14141e73}.app-demo.transparent[data-v-82753c7c] .sidebar{background:transparent;border-left-color:transparent;box-shadow:none}.app-main[data-v-82753c7c]{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#1e1e1e;padding:10px;transition:background .3s}.app-main.transparent[data-v-82753c7c]{background:transparent}.tab-pane[data-v-82753c7c]{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.no-team[data-v-82753c7c]{text-align:center;color:#666;margin-top:40px;font-size:.85rem}.reduced-overlay[data-v-82753c7c]{width:60px;background:#1e1e1e;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0;margin-left:auto}.rd-top-bar[data-v-82753c7c]{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.rd-drag-grip[data-v-82753c7c]{width:44px;height:40px;border:1px solid #555;background:#2a2a2a;border-radius:6px;cursor:grab;position:relative;flex-shrink:0}.rd-drag-grip[data-v-82753c7c]:before{content:"";position:absolute;left:calc(50% - 6px);top:calc(50% - 10px);width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:8px 0 #fff,0 8px #fff,8px 8px #fff,0 16px #fff,8px 16px #fff}.rd-layout-btn[data-v-82753c7c]{width:44px;height:24px;border:1px solid #555;background:#2a2a2a;color:#aaa;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;box-shadow:none}.rd-layout-btn[data-v-82753c7c]:hover{background:#3a3a3a;color:#fff;border-color:#777}.rd-icons[data-v-82753c7c]{display:flex;flex-direction:column;align-items:center;gap:6px}.reduced-icon-slot[data-v-82753c7c]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:background .15s,border-color .15s;position:relative}.reduced-icon-slot[data-v-82753c7c]:hover{background:#ffffff14}.reduced-icon-slot.inactive[data-v-82753c7c]{opacity:.35;filter:grayscale(1)}.reduced-icon-slot.companion[data-v-82753c7c]{background:#a78bfa0f;overflow:hidden}.reduced-icon-slot.companion[data-v-82753c7c]:after{content:"C";position:absolute;top:2px;right:2px;font-size:.55rem;font-weight:800;color:#a78bfaf2;background:#0009;padding:1px 3px;border-radius:3px;pointer-events:none;line-height:1}.reduced-icon-slot.rd-dragging[data-v-82753c7c]{opacity:.2}.reduced-icon-slot.rd-insert-before[data-v-82753c7c]{margin-top:16px}.reduced-icon-slot.rd-insert-after[data-v-82753c7c]{margin-bottom:16px}.reduced-icon-slot img[data-v-82753c7c]{width:38px;height:38px;pointer-events:none;-webkit-user-drag:none}.exit-reduced-btn[data-v-82753c7c]{width:44px;height:40px;border:1px solid #555;background:#2a2a2a;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;margin-top:auto}.exit-reduced-btn[data-v-82753c7c]:hover{background:#3a3a3a;border-color:#777}.rd-right-bar[data-v-82753c7c]{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;margin-top:auto}.reduced-overlay.layout-horizontal .rd-right-bar[data-v-82753c7c]{flex-direction:row;margin-top:0;margin-left:auto;gap:4px;align-items:center}.reduced-overlay.layout-cols2 .rd-right-bar[data-v-82753c7c]{flex-direction:row;margin-top:auto;gap:4px}.reduced-overlay.layout-rows2 .rd-right-bar[data-v-82753c7c]{flex-direction:column;margin-top:0;gap:4px;align-items:center;align-self:center}.reduced-overlay.layout-horizontal[data-v-82753c7c]{flex-direction:row;width:100%;margin-left:0;height:60px;padding:0 6px;align-items:center;position:relative}.reduced-overlay.layout-horizontal .rd-top-bar[data-v-82753c7c]{flex-shrink:0;padding:0;gap:0}.reduced-overlay.layout-horizontal .rd-drag-grip[data-v-82753c7c]{width:36px;height:40px}.reduced-overlay.layout-horizontal .rd-layout-btn[data-v-82753c7c]{width:28px;height:28px;font-size:11px;padding:0}.reduced-overlay.layout-horizontal .exit-reduced-btn[data-v-82753c7c]{margin:0;width:28px;height:28px}.reduced-overlay.layout-horizontal .rd-icons[data-v-82753c7c]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:row;align-items:center}.layout-horizontal .reduced-icon-slot.rd-insert-before[data-v-82753c7c]{margin-top:0;margin-left:16px}.layout-horizontal .reduced-icon-slot.rd-insert-after[data-v-82753c7c]{margin-bottom:0;margin-right:16px}.reduced-overlay.layout-vertical[data-v-82753c7c]{padding-bottom:14px}.reduced-overlay.layout-cols2[data-v-82753c7c]{width:auto;padding:6px}.reduced-overlay.layout-cols2 .rd-top-bar[data-v-82753c7c]{width:100%;align-items:center;justify-content:center}.reduced-overlay.layout-cols2 .rd-layout-btn[data-v-82753c7c]{width:44px}.reduced-overlay.layout-cols2 .rd-icons[data-v-82753c7c]{display:grid;grid-template-columns:repeat(2,44px);gap:6px}.reduced-overlay.layout-rows2[data-v-82753c7c]{flex-direction:row;width:auto;padding:6px 5px;align-items:center;margin-left:0}.reduced-overlay.layout-rows2 .rd-icons[data-v-82753c7c]{display:grid;grid-template-rows:repeat(2,44px);gap:6px}.reduced-overlay.layout-rows2 .rd-layout-btn[data-v-82753c7c]{width:44px;height:24px}.reduced-overlay.layout-rows2 .exit-reduced-btn[data-v-82753c7c]{margin-top:0;margin-left:0}.layout-rows2 .reduced-icon-slot.rd-insert-before[data-v-82753c7c]{margin-top:0;margin-left:16px}.layout-rows2 .reduced-icon-slot.rd-insert-after[data-v-82753c7c]{margin-bottom:0;margin-right:16px}.app-demo[data-v-82753c7c] button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;box-shadow:0 2px 2px #0003;transition:border-color .25s}.app-demo[data-v-82753c7c] input{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;box-shadow:0 2px 2px #0003;transition:border-color .25s}.app-demo[data-v-82753c7c] img{-webkit-user-drag:none}.demo-hint[data-v-f56e66f8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:20px;background:#140e28d1;border:1px solid rgba(167,139,250,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:24px 32px;font-size:1.1rem;color:#e2d4ff;white-space:nowrap;cursor:default;z-index:20;box-shadow:0 16px 48px #0009,0 0 0 1px #a78bfa1a}.demo-hint svg[data-v-f56e66f8]{flex-shrink:0;color:#a78bfa;width:24px;height:24px}.hint-close[data-v-f56e66f8]{background:none;border:none;color:#a78bfa;font-size:1rem;cursor:pointer;padding:0 0 0 10px;opacity:.7;flex-shrink:0}.hint-close[data-v-f56e66f8]:hover{opacity:1}.hint-pop-enter-active[data-v-f56e66f8]{animation:hint-in-f56e66f8 .4s cubic-bezier(.34,1.56,.64,1)}.hint-pop-leave-active[data-v-f56e66f8]{animation:hint-out-f56e66f8 .3s ease-in forwards}@keyframes hint-in-f56e66f8{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes hint-out-f56e66f8{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.97)}}.teams-pres-section[data-v-18886fc9]{min-height:100vh;display:flex;align-items:center;background:transparent;overflow:hidden}.teams-pres-inner[data-v-18886fc9]{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:48px;position:relative;overflow:hidden}.teams-pres-inner[data-v-18886fc9]:before{content:"";position:absolute;top:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(167,139,250,.12) 0%,transparent 70%);pointer-events:none}.teams-pres-visual[data-v-18886fc9]{display:flex;justify-content:center;align-items:center}.tms-mockup[data-v-18886fc9]{position:relative}.tms-glow[data-v-18886fc9]{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse at 50% 30%,rgba(167,139,250,.15) 0%,transparent 70%);pointer-events:none}.tms-glow-right[data-v-18886fc9]{background:radial-gradient(ellipse at 50% 30%,rgba(96,165,250,.12) 0%,transparent 70%)}.tms-app[data-v-18886fc9]{width:260px;background:#13131f;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 24px 48px #00000080;display:flex;flex-direction:row}.tms-app-chars[data-v-18886fc9]{width:220px}.tms-main[data-v-18886fc9]{flex:1;min-width:0;padding-bottom:4px}.tms-sidebar[data-v-18886fc9]{width:42px;background:#0e0e1a;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0;flex-shrink:0}.tms-sb-top[data-v-18886fc9]{display:flex;flex-direction:column;align-items:center;gap:2px}.tms-sb-bottom[data-v-18886fc9]{display:flex;flex-direction:column;align-items:center}.tms-sb-btn[data-v-18886fc9]{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#555}.tms-sb-btn.active[data-v-18886fc9]{background:#a78bfa33;color:var(--purple)}.tms-sb-egg[data-v-18886fc9]{font-size:.85rem}.tms-sb-arrow[data-v-18886fc9]{color:#444;font-size:.9rem;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.tms-sb-avatar[data-v-18886fc9]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.tms-avatar-circle[data-v-18886fc9]{width:26px;height:26px;border-radius:50%;border:2px solid}.tms-team-header[data-v-18886fc9]{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px 8px}.tms-team-name[data-v-18886fc9]{font-size:.82rem;font-weight:700;color:#f0f0f0}.tms-action-btn[data-v-18886fc9]{background:#ffffff12;border:none;color:#888;font-size:.6rem;width:18px;height:18px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tms-grid[data-v-18886fc9]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 10px 10px}.tms-slot[data-v-18886fc9]{border-radius:8px;border:1px solid;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4px;overflow:hidden}.tms-slot-filled[data-v-18886fc9]{padding-top:4px;gap:2px}.tms-slot-empty[data-v-18886fc9]{background:#ffffff0a;border-color:#ffffff1a;color:#555;font-size:1.1rem;justify-content:center;padding-bottom:0}.tms-char-icon[data-v-18886fc9]{width:36px;height:36px;border-radius:6px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.tms-char-head[data-v-18886fc9]{width:13px;height:13px;border-radius:50%;margin-bottom:-2px;flex-shrink:0}.tms-char-body[data-v-18886fc9]{width:22px;height:16px;border-radius:6px 6px 0 0;flex-shrink:0}.tms-char-name[data-v-18886fc9]{font-size:.45rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.tms-other-teams[data-v-18886fc9]{display:flex;align-items:center;justify-content:space-between;margin:0 8px 6px;padding:7px 10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.tms-other-label[data-v-18886fc9]{display:flex;align-items:center;gap:6px;font-size:.66rem;font-weight:600;color:#bbb}.tms-add-btn[data-v-18886fc9]{width:22px;height:22px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#aaa;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.tms-char-list[data-v-18886fc9]{display:flex;flex-direction:column;gap:6px;padding:10px 8px}.tms-char-row[data-v-18886fc9]{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;border:1px solid}.tms-char-card-icon[data-v-18886fc9]{width:46px;height:46px;border-radius:8px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;flex-shrink:0}.tms-char-head-lg[data-v-18886fc9]{width:18px;height:18px;border-radius:50%;margin-bottom:-2px;flex-shrink:0}.tms-char-body-lg[data-v-18886fc9]{width:30px;height:22px;border-radius:8px 8px 0 0;flex-shrink:0}.tms-char-row-name[data-v-18886fc9]{flex:1;font-size:.72rem;font-weight:700}.tms-char-plus[data-v-18886fc9]{width:20px;height:20px;border-radius:50%;border:1px solid;background:transparent;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start}.teams-pres-content h2[data-v-18886fc9]{font-size:clamp(1.4rem,2vw,2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px;line-height:1.2}.teams-pres-content p[data-v-18886fc9]{font-size:.9rem;line-height:1.7;color:var(--text-2);margin-bottom:24px}@media(max-width:1100px){.teams-pres-inner[data-v-18886fc9]{grid-template-columns:1fr 1fr}.teams-pres-visual[data-v-18886fc9]:last-child{display:none}}@media(max-width:700px){.teams-pres-inner[data-v-18886fc9]{grid-template-columns:1fr;padding:28px;gap:32px}.teams-pres-visual[data-v-18886fc9]{display:none}.teams-pres-visual[data-v-18886fc9]:first-child{display:flex}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08080f;--bg-2: #0d0d1a;--purple: #a78bfa;--purple-d: #7c3aed;--blue: #60a5fa;--green: #4ade80;--text: #f0f0f0;--text-2: #a0a0b8;--muted: #4a4a6a;--border: rgba(255,255,255,.07);--card-bg: rgba(255,255,255,.03);--radius: 16px;--radius-sm: 10px;--font: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}html{overflow-y:scroll;height:100%}html::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{font-family:var(--font);background:#05050d;color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.global-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.gb-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.9;animation:ease-in-out infinite alternate}.gb-orb-1{width:600px;height:600px;top:5vh;left:5vw;background:radial-gradient(circle,rgba(109,40,217,.45) 0%,transparent 70%);animation-name:gb-float-1;animation-duration:8s;animation-delay:0s}.gb-orb-2{width:500px;height:500px;top:20vh;right:5vw;background:radial-gradient(circle,rgba(37,99,235,.38) 0%,transparent 70%);animation-name:gb-float-2;animation-duration:10s;animation-delay:-3s}.gb-orb-3{width:450px;height:450px;bottom:10vh;left:15vw;background:radial-gradient(circle,rgba(124,58,237,.35) 0%,transparent 70%);animation-name:gb-float-3;animation-duration:7s;animation-delay:-5s}.gb-orb-4{width:380px;height:380px;top:50vh;left:10vw;background:radial-gradient(circle,rgba(16,185,129,.22) 0%,transparent 70%);animation-name:gb-float-4;animation-duration:11s;animation-delay:-2s}.gb-orb-5{width:420px;height:420px;top:5vh;left:45vw;background:radial-gradient(circle,rgba(167,139,250,.28) 0%,transparent 70%);animation-name:gb-float-5;animation-duration:9s;animation-delay:-7s}@keyframes gb-float-1{0%{transform:translate(0) scale(1)}to{transform:translate(35vw,55vh) scale(1.12)}}@keyframes gb-float-2{0%{transform:translate(0) scale(1)}to{transform:translate(-30vw,45vh) scale(.9)}}@keyframes gb-float-3{0%{transform:translate(0) scale(1)}to{transform:translate(25vw,-50vh) scale(1.1)}}@keyframes gb-float-4{0%{transform:translate(0) scale(1)}to{transform:translate(40vw,-35vh) scale(1.08)}}@keyframes gb-float-5{0%{transform:translate(0) scale(1)}to{transform:translate(-20vw,50vh) scale(.92)}}a{text-decoration:none;color:inherit}main{position:relative;z-index:1}.container{max-width:1160px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#08080fb3;transition:transform .4s ease,opacity .4s ease}.nav.nav-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-inner{max-width:1160px;margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-decoration:none}.nav-logo-img{height:32px;width:32px;object-fit:contain;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:.85rem;font-weight:500;color:var(--text-2);transition:color .2s}.nav-link:hover{color:var(--text)}.nav-github{display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;color:#e2d4ff;padding:7px 16px;border:1px solid rgba(167,139,250,.35);border-radius:8px;background:#7c3aed1f;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.nav-github:hover{color:#fff;border-color:#a78bfa99;background:#7c3aed38;box-shadow:0 0 16px #7c3aed4d}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:10px;font-size:.9rem;font-weight:600;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--purple-d),#5b21b6);color:#fff;box-shadow:0 0 24px #7c3aed59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 36px #7c3aed80}.btn-ghost{background:#ffffff0d;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff17;color:var(--text);transform:translateY(-1px)}.btn-github{background:#7c3aed1f;color:#e2d4ff;border:1px solid rgba(167,139,250,.35)}.btn-github:hover{background:#7c3aed38;color:#fff;border-color:#a78bfa99;box-shadow:0 0 20px #7c3aed4d;transform:translateY(-1px)}.btn-lg{padding:14px 28px;font-size:.95rem;border-radius:12px}.hero{position:relative;height:100vh;display:flex;align-items:center;padding:60px 24px 0;overflow:hidden}.hero-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.orb-1{width:500px;height:500px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(124,58,237,.6) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.orb-2{width:400px;height:400px;bottom:-50px;right:10%;background:radial-gradient(circle,rgba(96,165,250,.4) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse}.orb-3{width:300px;height:300px;top:40%;left:40%;background:radial-gradient(circle,rgba(167,139,250,.3) 0%,transparent 70%);animation:float 7s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.hero-inner{position:relative;z-index:1;max-width:1160px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--purple);width:fit-content}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,var(--purple) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1rem;line-height:1.7;color:var(--text-2);max-width:480px}.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-mockup{position:relative;display:flex;justify-content:center}.hero-logo-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-logo-glow{position:absolute;width:300px;height:300px;background:radial-gradient(ellipse,rgba(124,58,237,.35) 0%,transparent 70%);filter:blur(40px);pointer-events:none;animation:float 8s ease-in-out infinite}.hero-logo-img{width:220px;height:220px;object-fit:contain;position:relative;filter:drop-shadow(0 0 40px rgba(167,139,250,.4));animation:float 8s ease-in-out infinite}.mockup-glow{position:absolute;width:80%;height:60%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(124,58,237,.3) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.mockup-app{width:280px;background:#111120;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.mockup-app:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.5),transparent)}.mockup-server{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--border)}.mockup-server-img{width:120px;height:72px;border-radius:10px;background:linear-gradient(135deg,#1a1a30,#2d1f4e);position:relative;overflow:hidden}.mockup-server-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.6))}.mockup-server-name{font-size:.72rem;font-weight:700;color:var(--text-2)}.mockup-tabs{display:flex;gap:4px}.mockup-tab{flex:1;text-align:center;font-size:.55rem;font-weight:600;padding:4px 2px;border-radius:6px;color:var(--muted);background:#1a1a2e;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:3px}.mockup-tab em{font-style:normal;font-size:.5rem;background:#ffffff14;padding:0 4px;border-radius:4px}.mockup-tab.active{background:#2d2448;border-color:#a78bfa66;color:var(--purple)}.mockup-tab.active em{background:#a78bfa33;color:var(--purple)}.mockup-search{display:flex;align-items:center;gap:6px;background:#1a1a2e;border:1px solid var(--border);border-radius:7px;padding:5px 9px}.mockup-search-icon{font-size:.75rem;color:var(--muted);line-height:1}.mockup-search-placeholder{font-size:.58rem;color:var(--muted)}.mockup-list{display:flex;flex-direction:column;gap:4px}.mockup-row{display:flex;align-items:center;gap:6px;background:#1a1a2e;border:1px solid var(--border);border-radius:8px;padding:6px 8px;transition:opacity .3s}.mockup-row.complete{opacity:.45}.mockup-img{width:28px;height:28px;border-radius:5px;flex-shrink:0;background:linear-gradient(135deg,#2a2a40,#1e1e30)}.mockup-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mockup-top{display:flex;align-items:center;gap:5px}.mockup-name{font-size:.6rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-badge{font-size:.45rem;font-weight:700;padding:1px 4px;border-radius:3px;flex-shrink:0}.mockup-badge.boss{background:#ef763c33;color:#ef763c}.mockup-badge.archi{background:#a78bfa33;color:var(--purple)}.mockup-bar-wrap{display:flex;align-items:center;gap:5px}.mockup-bar{flex:1;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.mockup-fill{height:100%;border-radius:2px;background:var(--purple);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.mockup-row.complete .mockup-fill{background:var(--green)}.mm-mockup .mockup-row.complete{opacity:.8}@keyframes mockup-bar-sparkle{0%{background-position:200% center}to{background-position:-200% center}}.mockup-fill.over{background:linear-gradient(90deg,#2563eb,#60a5fa 35%,#bfdbfe,#60a5fa 65%,#2563eb);background-size:200% auto;animation:mockup-bar-sparkle 1.4s linear infinite}.mockup-count{font-size:.52rem;font-weight:700;color:var(--text);white-space:nowrap}.mockup-count span{color:var(--muted);font-weight:400}.mockup-btn{width:22px;height:22px;flex-shrink:0;border-radius:5px;border:1px solid var(--border);background:#222232;color:var(--muted);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:default}.features{height:100vh;display:flex;align-items:center;overflow:hidden;padding:60px 0 20px}.section-header{text-align:center;margin-bottom:36px}.section-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.section-sub{font-size:1.05rem;color:var(--text-2)}.features-groups{display:flex;flex-direction:column;gap:36px;width:100%}.feature-group-label{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple);margin-bottom:16px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{cursor:pointer;text-decoration:none;color:inherit;justify-content:space-between}.feature-arrow{font-size:1rem;color:var(--muted);transition:color .2s,transform .2s;display:block;margin-top:auto}.feature-card:hover .feature-arrow{color:var(--purple);transform:translate(4px)}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .25s,background .25s,transform .25s;opacity:0;transform:translateY(30px)}.feature-card:hover{border-color:#a78bfa40;background:#a78bfa0a;transform:translateY(-4px)}.feature-icon{width:38px;height:38px;border-radius:12px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);display:flex;align-items:center;justify-content:center;color:var(--purple)}.feature-card h3{font-size:1rem;font-weight:700;letter-spacing:-.01em}.feature-card p{font-size:.88rem;line-height:1.65;color:var(--text-2)}.metamob-section{height:100vh;display:flex;align-items:center;overflow:hidden}.metamob-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:48px;position:relative;overflow:hidden}.metamob-inner:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(96,165,250,.15) 0%,transparent 70%);pointer-events:none}.metamob-eyebrow{display:inline-block;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:14px}.metamob-content h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px;line-height:1.2}.metamob-content p{font-size:.95rem;line-height:1.7;color:var(--text-2);margin-bottom:28px}.metamob-list{list-style:none;display:flex;flex-direction:column;gap:12px}.metamob-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-2)}.metamob-list svg{flex-shrink:0;color:var(--green)}.metamob-visual{display:flex;justify-content:center;align-items:center}.mm-mockup{position:relative;display:flex;justify-content:center}.mm-mockup-app{width:320px}.mm-trading-row{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#a78bfa14;border:1px solid rgba(167,139,250,.15);border-radius:8px;font-size:.75rem;color:var(--text-2);margin-top:2px}.mm-trading-count{color:var(--purple);font-weight:600}.download-section{height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.download-inner{text-align:center;background:linear-gradient(135deg,#7c3aed1f,#60a5fa14);border:1px solid rgba(167,139,250,.2);border-radius:24px;padding:80px 40px;position:relative;overflow:hidden}.download-inner:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.download-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px;position:relative}.download-sub{font-size:1.05rem;color:var(--text-2);margin-bottom:40px;position:relative}.download-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}.download-note{margin-top:24px;font-size:.78rem;color:var(--muted);position:relative}.footer{position:absolute;bottom:0;left:0;right:0;padding:0;border-top:1px solid var(--border)}.footer-inner{height:60px;display:flex;align-items:center;gap:20px}.footer-logo{font-weight:800;font-size:.95rem;background:linear-gradient(135deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-copy{font-size:.78rem;color:var(--muted);flex:1}.footer-github{font-size:.8rem;color:var(--text-2);font-weight:500;transition:color .2s}.footer-github:hover{color:var(--text)}body:before,body:after{content:"";position:fixed;left:0;right:0;height:3px;background:var(--bg);z-index:99;pointer-events:none}body:before{top:0}body:after{bottom:0}.page-nav{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:90;height:380px;display:flex;flex-direction:column;align-items:flex-end;gap:20px}.pn-github{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#c4b5fd;flex-shrink:0;margin-right:-2px;animation:gh-float 3s ease-in-out infinite alternate}.pn-github:after{content:"Code source";position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#ffffffd9;opacity:0;pointer-events:none;transition:opacity .2s}.pn-github:hover:after{opacity:1}.pn-gh-icon{width:22px;height:22px;position:relative;z-index:1;filter:drop-shadow(0 0 6px rgba(167,139,250,.9));transition:filter .3s}.pn-github:hover .pn-gh-icon{filter:drop-shadow(0 0 12px rgba(196,181,253,1)) drop-shadow(0 0 24px rgba(124,58,237,.8));color:#ede9fe}.pn-github:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%);animation:gh-pulse 2.4s ease-in-out infinite alternate}.pn-gh-particle{position:absolute;border-radius:50%;background:#c4b5fde6;filter:blur(1px);pointer-events:none}.pn-gh-p1{width:4px;height:4px;animation:gh-p1 2.6s ease-in infinite;animation-delay:0s}.pn-gh-p2{width:3px;height:3px;animation:gh-p2 2.1s ease-in infinite;animation-delay:-.9s}.pn-gh-p3{width:3px;height:3px;animation:gh-p3 2.8s ease-in infinite;animation-delay:-1.5s}.pn-gh-p4{width:4px;height:4px;animation:gh-p4 2.3s ease-in infinite;animation-delay:-.5s}@keyframes gh-float{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@keyframes gh-pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}@keyframes gh-p1{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(-18px,-22px) scale(.2)}}@keyframes gh-p2{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:.9}to{opacity:0;transform:translate(20px,-18px) scale(.15)}}@keyframes gh-p3{0%{opacity:0;transform:translate(0) scale(1)}25%{opacity:1}to{opacity:0;transform:translate(-14px,20px) scale(.2)}}@keyframes gh-p4{0%{opacity:0;transform:translate(0) scale(.8)}20%{opacity:.85}to{opacity:0;transform:translate(16px,18px) scale(.1)}}.pn-gauge{position:relative;flex:1;width:100%}.pn-track{position:absolute;right:15px;top:16px;bottom:16px;width:3px;background:#ffffff12;border-radius:3px}.pn-fill{position:absolute;top:0;left:0;right:0;border-radius:3px;background:linear-gradient(to bottom,#c4b5fd,#7c3aed);box-shadow:0 0 14px #a78bfab3,0 0 4px #a78bfa66;transition:height .55s cubic-bezier(.4,0,.2,1);overflow:visible;animation:fill-breathe 2.5s ease-in-out infinite alternate}.pn-tip{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:#ede9fe;box-shadow:0 0 6px 3px #a78bfacc,0 0 18px 8px #7c3aed80;animation:tip-pulse 1.8s ease-in-out infinite}.pn-wisp{position:absolute;left:50%;border-radius:50%;background:#c4b5fdf2;filter:blur(1.5px);pointer-events:none}.pn-wisp-1{bottom:10%;width:6px;height:6px;animation:wisp-1 2.2s ease-in infinite;animation-delay:0s}.pn-wisp-2{bottom:50%;width:4px;height:4px;animation:wisp-2 2.8s linear infinite;animation-delay:-.7s}.pn-wisp-3{bottom:30%;width:3px;height:5px;animation:wisp-3 1.9s ease-out infinite;animation-delay:-1.4s}.pn-wisp-4{bottom:70%;width:6px;height:6px;animation:wisp-4 2.5s linear infinite;animation-delay:-.3s}.pn-wisp-5{bottom:18%;width:3px;height:3px;animation:wisp-5 1.8s ease-in infinite;animation-delay:-1.1s}.pn-wisp-6{bottom:58%;width:5px;height:5px;animation:wisp-6 2.4s ease-out infinite;animation-delay:-.5s}.pn-wisp-7{bottom:42%;width:3px;height:4px;animation:wisp-7 3.1s linear infinite;animation-delay:-1.9s}.pn-wisp-8{bottom:82%;width:5px;height:5px;animation:wisp-8 2s ease-in infinite;animation-delay:-.9s}@keyframes fill-breathe{0%{box-shadow:0 0 10px #a78bfa80,0 0 3px #a78bfa4d}to{box-shadow:0 0 22px #a78bfaf2,0 0 40px #6d28d973}}@keyframes tip-pulse{0%,to{box-shadow:0 0 6px 3px #a78bfacc,0 0 18px 8px #7c3aed80;opacity:1}50%{box-shadow:0 0 10px 6px #a78bfaf2,0 0 30px 14px #7c3aedb3;opacity:.75}}@keyframes wisp-1{0%{opacity:0;transform:translate(-50%) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + 22px),-38px) scale(.15)}}@keyframes wisp-2{0%{opacity:0;transform:translate(-50%) scale(.8)}10%{opacity:.85}70%{opacity:.6}to{opacity:0;transform:translate(calc(-50% - 28px),-22px) scale(.3)}}@keyframes wisp-3{0%{opacity:0;transform:translate(-50%) scale(1)}25%{opacity:1;transform:translate(calc(-50% + 8px),-10px) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + 30px),-42px) scale(.1)}}@keyframes wisp-4{0%{opacity:0;transform:translate(-50%) scale(1)}15%{opacity:.9}60%{opacity:.7;transform:translate(calc(-50% - 12px),-18px) scale(.8)}to{opacity:0;transform:translate(calc(-50% - 20px),-35px) scale(.2)}}@keyframes wisp-5{0%{opacity:0;transform:translate(-50%) scale(1.1)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% - 32px),-28px) scale(.2)}}@keyframes wisp-6{0%{opacity:0;transform:translate(-50%) scale(.9)}20%{opacity:.95;transform:translate(calc(-50% + 6px),-8px) scale(1)}80%{opacity:.5}to{opacity:0;transform:translate(calc(-50% + 18px),-44px) scale(.1)}}@keyframes wisp-7{0%{opacity:0;transform:translate(-50%) scale(1)}12%{opacity:.8}55%{opacity:.65;transform:translate(calc(-50% - 8px),-16px) scale(.7)}to{opacity:0;transform:translate(calc(-50% - 24px),-40px) scale(.15)}}@keyframes wisp-8{0%{opacity:0;transform:translate(-50%) scale(.8)}18%{opacity:1;transform:translate(calc(-50% - 5px),-6px) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 26px),-32px) scale(.2)}}.pn-stops{height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.pn-item{display:flex;align-items:center;gap:14px;cursor:pointer;text-decoration:none}.pn-label{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.pn-item:hover .pn-label{opacity:1}.pn-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;animation:firefly-float ease-in-out infinite alternate}.pn-dot:before{content:"";width:14px;height:14px;border-radius:50%;background:#a78bfa8c;box-shadow:0 0 7px 3px #a78bfa59;transition:width .3s ease,height .3s ease,background .3s,box-shadow .3s}.pn-item:hover .pn-dot:before{width:26px;height:26px;background:#c4b5fdf2;box-shadow:0 0 18px 8px #a78bfabf}.pn-item.visited .pn-dot:before{background:#a78bfabf;box-shadow:0 0 6px 3px #a78bfa80,0 0 14px 4px #6d28d940}.pn-item.active .pn-dot:before{width:18px;height:18px;background:#c4b5fd;box-shadow:0 0 12px 6px #a78bfad9,0 0 28px 12px #6d28d959}.pn-item:nth-child(1) .pn-dot{animation-duration:2.1s;animation-delay:0s}.pn-item:nth-child(2) .pn-dot{animation-duration:2.6s;animation-delay:-.9s}.pn-item:nth-child(3) .pn-dot{animation-duration:1.9s;animation-delay:-1.6s}.pn-item:nth-child(4) .pn-dot{animation-duration:2.4s;animation-delay:-.5s}.pn-item:nth-child(5) .pn-dot{animation-duration:2.8s;animation-delay:-1.2s}.pn-item:nth-child(6) .pn-dot{animation-duration:2s;animation-delay:-.3s}@keyframes firefly-float{0%{transform:translate(-2px,-3px)}to{transform:translate(2px,3px)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:48px;text-align:center}.hero-content{align-items:center}.hero-sub{max-width:100%}.hero-mockup{order:-1}.mockup-app{width:260px}.features-grid{grid-template-columns:repeat(2,1fr)}.metamob-inner{grid-template-columns:1fr;gap:40px;padding:40px}}@media(max-width:600px){.page-nav,.nav-links .nav-link{display:none}.features-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn{justify-content:center}.download-buttons{flex-direction:column;align-items:center}.metamob-inner{padding:28px}.footer-inner{flex-direction:column;text-align:center}}.team-section{height:100vh;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.capture-section{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.cap-stage{position:relative;display:inline-block;max-height:100vh;max-width:100vw;line-height:0;overflow:hidden}.cap-bg{display:block;max-height:100vh;max-width:100vw;width:auto;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.cap-overlay{position:absolute;top:0;left:0;width:480px;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;filter:drop-shadow(0 12px 40px rgba(0,0,0,.9))}.cap-overlay.is-dragging{filter:drop-shadow(0 18px 50px rgba(0,0,0,.95)) drop-shadow(0 0 20px rgba(124,58,237,.25))}.cap-panel{background:#1a1b2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.cap-titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#13141f;border-bottom:1px solid rgba(255,255,255,.06);cursor:grab;flex-shrink:0}.cap-titlebar:active{cursor:grabbing}.cap-traffic{display:flex;gap:6px;align-items:center}.cap-dot{width:12px;height:12px;border-radius:50%;display:block}.cap-dot-red{background:#ff5f57}.cap-dot-yellow{background:#febc2e}.cap-dot-grey{background:#28c840}.cap-appname{font-size:.82rem;font-weight:600;color:#c0c0d8;flex:1;text-align:center;margin-right:28px}.cap-refresh-btn{background:none;border:none;color:#606080;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px;transition:color .15s}.cap-refresh-btn:hover{color:#a0a0c0}.cap-body{display:flex;flex:1;overflow:hidden}.cap-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.cap-hero{display:flex;align-items:center;gap:10px;padding:16px 12px 12px;background:#13141f;flex-shrink:0}.cap-arrow{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#a0a0c0;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.cap-arrow:hover{background:#ffffff1f}.cap-hero-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:0}.cap-hero-img{width:120px;height:100px;border-radius:8px;overflow:hidden;background:#0d0e1a;display:flex;align-items:center;justify-content:center;position:relative}.cap-hero-monster{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.cap-hero-label{margin-top:6px;text-align:center}.cap-hero-name{display:block;font-size:.85rem;font-weight:700;color:#e8e8f0}.cap-hero-sub{display:block;font-size:.65rem;color:#606080;margin-top:2px;letter-spacing:.04em}.cap-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.cap-tab{flex:1;padding:10px 8px;background:none;border:none;font-size:.78rem;font-weight:600;color:#606080;cursor:pointer;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent}.cap-tab em{font-style:normal;font-size:.7rem;background:#ffffff14;border-radius:10px;padding:1px 6px}.cap-tab.active{color:var(--purple);background:#7c3aed14;border-bottom-color:var(--purple)}.cap-tab.active em{background:#a78bfa26}.cap-tab:hover:not(.active){color:#a0a0c0;background:#ffffff08}.cap-list{overflow-y:auto;scrollbar-width:none;flex:1}.cap-list::-webkit-scrollbar{display:none}.cap-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.cap-row:hover{background:#ffffff08}.cap-row.done{background:#5064c81f}.cap-row.done:hover{background:#5064c82e}.cap-mon-img{width:44px;height:44px;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.cap-row-info{flex:1;min-width:0}.cap-row-top{display:flex;align-items:center;gap:6px;margin-bottom:6px}.cap-row-name{font-size:.8rem;font-weight:700;color:#dde0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-badge{font-size:.6rem;font-weight:700;border-radius:4px;padding:2px 5px;flex-shrink:0;letter-spacing:.03em}.cap-badge.boss{background:#7c3a10;color:#f0a070}.cap-badge.zone{background:#ffffff12;color:#808098}.cap-bar-wrap{height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.cap-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#7c6ce0,#a78bfa);transition:width 1.2s ease}.cap-bar.done{background:linear-gradient(90deg,#4080e0,#60a5fa)}.cap-bar.green{background:linear-gradient(90deg,#22c55e,#4ade80)}.cap-count{font-size:.85rem;font-weight:700;color:#dde0f0;flex-shrink:0;min-width:36px;text-align:right}.cap-count span{font-weight:400;color:#606080;font-size:.75rem}.cap-count.over{color:#60a5fa}.cap-count.green{color:#4ade80}.cap-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#808098;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s;line-height:1}.cap-btn:hover{background:#ffffff1f;color:#e0e0f0}.cap-sidebar{width:54px;background:#13141f;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;flex-shrink:0}.cap-sb-btn{width:36px;height:36px;border-radius:8px;background:none;border:none;color:#606080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.cap-sb-btn:hover{background:#ffffff12;color:#a0a0c0}.cap-sb-btn.active{background:#7c3aed40;color:var(--purple)}.cap-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#08080fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.75rem;color:var(--text-2);display:flex;align-items:center;gap:6px;pointer-events:none;transition:opacity .4s ease;white-space:nowrap}.cap-hint.hidden{opacity:0}.demo-stage{position:relative;display:inline-block;max-height:100vh;max-width:100vw;line-height:0;-webkit-user-drag:none;overflow:hidden}.demo-stage *{-webkit-user-drag:none}.demo-game{display:block;max-height:100vh;max-width:100vw;width:auto;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.demo-overlay{position:absolute;top:0;left:0;width:10.3%;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;filter:drop-shadow(0 8px 24px rgba(0,0,0,.8));border-radius:8px;overflow:hidden}.demo-overlay:has(.app-demo.transparent){filter:none}.drag-handle{position:absolute;top:0;left:0;right:0;height:30px;cursor:grab;z-index:1;border-radius:8px 8px 0 0}.drag-handle:active{cursor:grabbing}.demo-overlay.has-slot-content{display:flex;flex-direction:column}.demo-overlay:has(.app-demo.is-reduced) .drag-handle{display:none}.demo-overlay.has-slot-content .drag-handle{position:relative;height:18px;background:#2a2a3e;border-bottom:1px solid rgba(255,255,255,.12);border-radius:8px 8px 0 0;z-index:10;flex-shrink:0}.demo-overlay.has-slot-content .drag-handle:hover{background:#32324a}.demo-overlay.has-slot-content .drag-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:3px;background:#ffffff38;border-radius:2px}.drag-handle-compact{position:absolute;top:.75%;left:4.2%;width:30%;height:5.4%;cursor:grab;z-index:1;border-radius:8px;display:none}.drag-handle-compact:active{cursor:grabbing}.demo-overlay[data-screen=compact]{left:auto!important;right:0!important;top:0!important;width:60px!important;height:100%!important;transform:none!important;border-radius:0}.demo-overlay[data-screen=compact] .overlay-screen{height:100%;object-fit:cover}.demo-overlay[data-screen=compact] .drag-handle,.demo-overlay[data-screen=compact-v-2lines] .drag-handle,.demo-overlay[data-screen=compact-h] .drag-handle,.demo-overlay[data-screen=compact-h-2lines] .drag-handle{display:none}.demo-overlay[data-screen=compact] .drag-handle-compact,.demo-overlay[data-screen=compact-v-2lines] .drag-handle-compact,.demo-overlay[data-screen=compact-h] .drag-handle-compact,.demo-overlay[data-screen=compact-h-2lines] .drag-handle-compact{display:block}.demo-overlay[data-screen=compact-v-2lines] .drag-handle-compact{top:1.3%;left:2.4%;width:32.1%;height:16.2%}.demo-overlay[data-screen=compact-h] .drag-handle-compact{top:3.9%;left:.7%;width:10.9%;height:91.4%}.demo-overlay[data-screen=compact-h-2lines] .drag-handle-compact{top:2.4%;left:1.2%;width:20.4%;height:47.6%}.demo-overlay.is-dragging{filter:drop-shadow(0 12px 36px rgba(0,0,0,.9)) drop-shadow(0 0 16px rgba(167,139,250,.35))}.sidebar-btns,.compact-btns{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.compact-btns,.compact-2lines-btns,.compact-h-btns,.compact-h2-btns{display:none}[data-screen=compact]~* .sidebar-btns{display:none}.demo-overlay[data-screen=compact] .sidebar-btns,.demo-overlay[data-screen=compact-v-2lines] .sidebar-btns,.demo-overlay[data-screen=compact-h] .sidebar-btns,.demo-overlay[data-screen=compact-h-2lines] .sidebar-btns{display:none}.demo-overlay[data-screen=compact] .compact-btns,.demo-overlay[data-screen=compact-v-2lines] .compact-2lines-btns,.demo-overlay[data-screen=compact-h] .compact-h-btns,.demo-overlay[data-screen=compact-h-2lines] .compact-h2-btns{display:block}.cb-btn{position:absolute;right:0;left:auto;background:transparent;border:none;padding:0;cursor:pointer;pointer-events:all;border-radius:6px;transition:background .1s ease,transform .1s ease;z-index:2}.cb-btn:hover{background:#ffffff1a}.cb-btn:active{background:#ffffff40;transform:scale(.92)}.cb-btn[data-screen=characters]{bottom:1.2%;left:8.3%;right:auto;top:auto;width:83.3%;height:6.7%}.cb-btn[data-action=open-window]{top:7.2%;left:4.2%;right:auto;width:30%;height:5.4%}.compact-2lines-btns{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cb2-btn{position:absolute;right:auto;left:auto;background:transparent;border:none;padding:0;cursor:pointer;pointer-events:all;border-radius:6px;transition:background .1s ease,transform .1s ease;z-index:2}.cb2-btn:hover{background:#ffffff1a}.cb2-btn:active{background:#ffffff40;transform:scale(.92)}.cb2-btn[data-screen=characters]{bottom:2%;left:7.1%;right:auto;width:85.4%;height:7.1%}.cb2-btn[data-screen=compact-h]{top:1.3%;right:2.4%;left:auto;width:32.1%;height:16.2%}.compact-h-btns{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cbh-btn{position:absolute;background:transparent;border:none;padding:0;cursor:pointer;pointer-events:all;border-radius:6px;transition:background .1s ease,transform .1s ease;z-index:2}.cbh-btn:hover{background:#ffffff1a}.cbh-btn:active{background:#ffffff40;transform:scale(.92)}.cbh-btn[data-screen=compact-h-2lines]{top:3.9%;left:12.3%;width:10.9%;height:91.4%}.cbh-btn[data-screen=characters]{top:3.9%;right:.7%;left:auto;width:8.7%;height:91.4%}.compact-h2-btns{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cbh2-btn{position:absolute;background:transparent;border:none;padding:0;cursor:pointer;pointer-events:all;border-radius:6px;transition:background .1s ease,transform .1s ease;z-index:2}.cbh2-btn:hover{background:#ffffff1a}.cbh2-btn:active{background:#ffffff40;transform:scale(.92)}.cbh2-btn[data-screen=compact]{bottom:2.4%;left:1.2%;right:auto;width:20.4%;height:44.8%}.cbh2-btn[data-screen=characters]{top:2.4%;right:1.2%;left:auto;width:9.5%;height:95.3%}.sb-btn{position:absolute;right:0;left:auto;background:transparent;border:none;padding:0;cursor:pointer;pointer-events:all;border-radius:6px;transition:background .1s ease,transform .1s ease,box-shadow .1s ease;z-index:2}.sb-btn:hover{background:#ffffff1a}.sb-btn:active{background:#ffffff40;transform:scale(.92)}.sb-btn.active{background:#a78bfa33;box-shadow:inset 0 0 0 1px #a78bfa66}.sb-btn[data-screen=characters]{top:97px;height:34px;width:34px;right:9px}.sb-btn[data-screen=team]{top:141px;height:34px;width:34px;right:9px}.sb-btn[data-screen=settings]{top:185px;height:34px;width:34px;right:9px}.sb-btn[data-action=metamob],.sb-btn[data-screen=boss]{top:229px;height:34px;width:34px;right:9px}.sb-btn[data-screen=compact]{display:none;bottom:12px;height:34px;width:36px;right:9px;top:auto}.demo-overlay[data-screen=characters] .sb-btn[data-screen=compact]{display:block}.demo-overlay.capture-overlay[data-screen=boss] .sb-btn:not([data-screen=boss]){pointer-events:none}.overlay-screen{width:100%;height:auto;display:block;border-radius:8px}.drag-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#08080fbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.72rem;color:var(--text-2);display:flex;align-items:center;gap:7px;pointer-events:none;white-space:nowrap;transition:opacity .5s ease}.drag-hint.hidden{opacity:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#08080fb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease}.modal-backdrop[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;background:var(--bg-2);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 36px 36px;width:min(440px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:0 40px 80px #0009,0 0 0 1px #a78bfa1a;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:14px;right:14px;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);transition:background .15s,color .15s}.modal-close:hover{background:#ffffff1f;color:var(--text)}.modal-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.modal-icon-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,180,255,.35))}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text)}.modal-body{font-size:.9rem;line-height:1.65;color:var(--text-2);max-width:340px}.modal-cta{margin-top:8px;padding:12px 28px;background:linear-gradient(135deg,var(--purple-d),#5b21b6);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 24px #7c3aed59}.modal-cta:hover{transform:translateY(-2px);box-shadow:0 0 36px #7c3aed80}