.team-root[data-v-2e5bbae6]{display:flex;flex-direction:column;height:100%;min-width:0;overflow-x:hidden}.team-page-header[data-v-2e5bbae6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border)}.team-page-header .page-title[data-v-2e5bbae6]{margin-bottom:0;padding-bottom:0;border-bottom:none}.team-total-power[data-v-2e5bbae6]{font-size:18px;font-weight:700;color:var(--gold);white-space:nowrap}.team-page-wrap[data-v-2e5bbae6]{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow-x:hidden}.team-top-row[data-v-2e5bbae6]{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:start;flex-shrink:0;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.team-grid[data-v-2e5bbae6]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team-slot[data-v-2e5bbae6]{background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:12px;padding:14px 6px;text-align:center;cursor:pointer;transition:all .2s;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.team-slot.filled[data-v-2e5bbae6]{border-style:solid;border-color:#ffffff26;background:#ffffff0d}.team-slot.filled[data-v-2e5bbae6]{cursor:grab}.team-slot.filled[data-v-2e5bbae6]:active{cursor:grabbing}.team-slot.droppable[data-v-2e5bbae6]{border-color:#4caf50;background:#4caf5014}.team-slot.drop-target[data-v-2e5bbae6]{border-color:var(--gold);background:#d7a8431f}.team-slot-ghost[data-v-2e5bbae6]{opacity:.35;border-color:var(--gold)}.team-slot-chosen[data-v-2e5bbae6]{border-color:var(--gold)}.team-slot-dragging[data-v-2e5bbae6]{opacity:.9}.team-slot[data-v-2e5bbae6]:hover{border-color:#ffffff4d}.slot-detail[data-v-2e5bbae6]{position:absolute;top:4px;right:28px;width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;display:none;align-items:center;justify-content:center}.team-slot.filled:hover .slot-detail[data-v-2e5bbae6]{display:flex}.slot-remove[data-v-2e5bbae6]{position:absolute;top:4px;right:6px;background:#ff00004d;border:none;color:#fff;font-size:12px;width:20px;height:20px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center}.team-slot.filled:hover .slot-remove[data-v-2e5bbae6]{display:flex}.slot-class-badge[data-v-2e5bbae6]{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;border:1px solid;font-size:10px;font-weight:700;line-height:1.2;background:#00000059}.slot-icon[data-v-2e5bbae6]{font-size:32px;margin-bottom:4px}.slot-name[data-v-2e5bbae6]{font-size:14px;font-weight:700}.slot-title[data-v-2e5bbae6]{font-size:11px;color:var(--text-dim);margin:2px 0}.slot-power[data-v-2e5bbae6]{font-size:11px;color:var(--gold)}.slot-empty[data-v-2e5bbae6]{font-size:28px;font-weight:700}.slot-empty-text[data-v-2e5bbae6]{font-size:11px;color:var(--text-dim);margin-top:2px}.chars-filter[data-v-2e5bbae6]{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.filter-btn[data-v-2e5bbae6]{padding:6px 10px;border-radius:16px;background:#0000004d;border:1px solid var(--border);color:var(--text-dim);font-size:12px;cursor:pointer;transition:all .2s}.filter-btn.active[data-v-2e5bbae6]{background:#d7a84333;color:var(--gold);border-color:var(--gold)}.filter-btn[data-v-2e5bbae6]:hover{border-color:var(--gold)}.pool-title[data-v-2e5bbae6]{font-size:14px;color:var(--text-dim);margin:0 0 8px}.chars-scroll[data-v-2e5bbae6]{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;min-height:0;padding:10px 2px 0}.chars-grid[data-v-2e5bbae6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-content:start}.char-card[data-v-2e5bbae6]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;text-align:center;cursor:grab;position:relative;transition:all .2s}.char-card[data-v-2e5bbae6]:active{cursor:grabbing}.char-card.selected[data-v-2e5bbae6]{border-color:var(--gold);background:#d7a8431a}.char-card[data-v-2e5bbae6]:hover{border-color:#fff3;transform:translateY(-2px)}.char-class-badge[data-v-2e5bbae6]{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;border:1px solid;font-size:10px;font-weight:700}.char-icon[data-v-2e5bbae6]{font-size:36px;margin:10px 0 4px}.char-name[data-v-2e5bbae6]{font-size:14px;font-weight:700}.char-title[data-v-2e5bbae6]{font-size:11px;color:var(--text-dim);margin:2px 0}.char-quality[data-v-2e5bbae6]{font-size:11px}.char-detail-btn[data-v-2e5bbae6]{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.char-detail-btn[data-v-2e5bbae6]:hover{background:#fff3;color:#fff}@media (max-width: 750px){.team-top-row[data-v-2e5bbae6]{grid-template-columns:1fr}.team-filter-panel[data-v-2e5bbae6]{order:-1}.team-grid[data-v-2e5bbae6]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.team-root[data-v-2e5bbae6]{height:auto;min-height:0;overflow-x:hidden}.team-page-header[data-v-2e5bbae6]{margin-bottom:8px;padding-bottom:6px}.team-page-header .page-title[data-v-2e5bbae6]{font-size:18px}.team-total-power[data-v-2e5bbae6]{font-size:13px}.team-page-wrap[data-v-2e5bbae6]{gap:8px;overflow:visible}.team-top-row[data-v-2e5bbae6]{gap:8px;padding-bottom:8px}.team-grid[data-v-2e5bbae6]{gap:6px}.team-slot[data-v-2e5bbae6]{min-height:82px;padding:8px 4px;border-radius:8px}.slot-class-badge[data-v-2e5bbae6]{top:4px;left:4px;padding:1px 5px;font-size:9px}.slot-detail[data-v-2e5bbae6]{top:3px;right:24px;width:18px;height:18px;font-size:10px}.slot-remove[data-v-2e5bbae6]{top:3px;right:4px;width:18px;height:18px;font-size:10px}.slot-icon[data-v-2e5bbae6]{font-size:24px;margin-bottom:2px}.slot-icon .hero-avatar[data-v-2e5bbae6]{width:32px;height:32px;font-size:24px}.slot-name[data-v-2e5bbae6]{font-size:12px}.slot-title[data-v-2e5bbae6],.slot-power[data-v-2e5bbae6],.slot-empty-text[data-v-2e5bbae6]{font-size:9px}.slot-empty[data-v-2e5bbae6]{font-size:22px}.pool-title[data-v-2e5bbae6]{display:none}.chars-filter[data-v-2e5bbae6]{gap:5px;margin-bottom:6px}.filter-btn[data-v-2e5bbae6]{padding:5px 8px;font-size:11px;border-radius:14px}.chars-scroll[data-v-2e5bbae6]{padding-top:6px;overflow:visible}.chars-grid[data-v-2e5bbae6]{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.char-card[data-v-2e5bbae6]{min-height:108px;padding:8px 6px;border-radius:8px}.char-card[data-v-2e5bbae6]:hover{transform:none}.char-class-badge[data-v-2e5bbae6]{top:4px;left:4px;padding:1px 5px;font-size:9px}.char-icon[data-v-2e5bbae6]{font-size:28px;margin:8px 0 3px}.char-icon .hero-avatar[data-v-2e5bbae6]{width:36px;height:36px;font-size:28px}.char-name[data-v-2e5bbae6]{font-size:12px}.char-title[data-v-2e5bbae6],.char-quality[data-v-2e5bbae6]{font-size:9px}.char-detail-btn[data-v-2e5bbae6]{top:4px;right:4px;width:20px;height:20px;font-size:10px}}.draw-page-layout[data-v-8c5b8298]{display:flex;gap:20px;align-items:flex-start;overflow:hidden}.draw-left[data-v-8c5b8298]{flex:0 0 380px;min-width:340px}.draw-right[data-v-8c5b8298]{flex:1;min-width:280px;display:flex;overflow:hidden}.slot-machine[data-v-8c5b8298]{display:flex;flex-direction:column;align-items:center;padding:25px 20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;margin:20px 0;box-shadow:0 8px 20px #0000004d;border:2px solid rgba(233,69,96,.3)}.slot-machine.active[data-v-8c5b8298]{animation:machinePulse-8c5b8298 .5s ease-in-out;border-color:#e94560cc;box-shadow:0 0 30px #e9456033}@keyframes machinePulse-8c5b8298{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.slot-reels[data-v-8c5b8298]{display:flex;gap:15px}.slot-reel[data-v-8c5b8298]{width:85px;height:110px;background:linear-gradient(180deg,#0f3460,#16213e);border:3px solid #e94560;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 12px #00000080,0 0 10px #e9456033;position:relative;overflow:hidden}.slot-reel[data-v-8c5b8298]:before,.slot-reel[data-v-8c5b8298]:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);z-index:1}.slot-reel[data-v-8c5b8298]:before{top:0}.slot-reel[data-v-8c5b8298]:after{bottom:0}.slot-reel.spinning .slot-symbol[data-v-8c5b8298]{animation:reelSpin-8c5b8298 .1s linear infinite}@keyframes reelSpin-8c5b8298{0%{transform:translateY(-30px);opacity:.3}50%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:.3}}.slot-symbol[data-v-8c5b8298]{font-size:50px;text-shadow:0 4px 12px rgba(0,0,0,.6);transition:transform .2s ease}.draw-buttons[data-v-8c5b8298]{display:flex;flex-direction:column;gap:10px;align-items:center}.draw-btns-row[data-v-8c5b8298]{display:flex;gap:10px;width:100%}.draw-btns-row .btn[data-v-8c5b8298]{flex:1}.btn-hundo[data-v-8c5b8298]{background:#ffffff0f;color:var(--text-dim);border:1px solid rgba(255,255,255,.12);font-size:14px;padding:10px 24px;border-radius:8px;cursor:pointer;width:100%}.btn-hundo[data-v-8c5b8298]:hover{background:#ffffff1f;color:#fff}.btn-skip[data-v-8c5b8298]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);font-size:14px;padding:10px 24px;border-radius:8px;cursor:pointer;min-width:100px}.btn-skip[data-v-8c5b8298]:hover{background:#fff3}.result-panel[data-v-8c5b8298]{width:100%;display:flex;flex-direction:column}.result-panel>.card-title[data-v-8c5b8298]{flex-shrink:0}.result-placeholder[data-v-8c5b8298]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim)}.placeholder-icon[data-v-8c5b8298]{font-size:64px;margin-bottom:12px;opacity:.4}.placeholder-text[data-v-8c5b8298]{font-size:14px}.results-grid[data-v-8c5b8298]{text-align:center;padding:15px 10px;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start;justify-items:center;max-height:calc(100vh - 370px)}.result-card[data-v-8c5b8298]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:130px;padding:8px 6px;border-radius:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);margin:6px;animation:cardSlide-8c5b8298 .3s ease-out;vertical-align:top;overflow:hidden}@keyframes cardSlide-8c5b8298{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.result-card.r-5[data-v-8c5b8298],.result-card.r-6[data-v-8c5b8298]{border-color:var(--gold);background:#ffd70014;animation:cardSlide-8c5b8298 .3s ease-out,goldGlow-8c5b8298 1.5s ease-in-out infinite}@keyframes goldGlow-8c5b8298{0%,to{box-shadow:0 0 15px #ffd70033}50%{box-shadow:0 0 30px #ffd70080}}.result-title[data-v-8c5b8298]{font-size:13px;color:var(--text-dim);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.result-icon[data-v-8c5b8298]{font-size:30px;margin-bottom:2px}.result-name[data-v-8c5b8298]{font-size:13px;font-weight:700;margin-bottom:1px}.result-detail[data-v-8c5b8298]{font-size:12px}.page-title-row[data-v-8c5b8298]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.page-title-row .page-title[data-v-8c5b8298]{margin-bottom:0;padding-bottom:0;border-bottom:none}.btn-rate[data-v-8c5b8298]{background:#ffffff14;color:var(--text-dim);border:1px solid rgba(255,255,255,.15);font-size:12px;padding:4px 12px;width:auto;margin-top:0}.btn-rate[data-v-8c5b8298]:hover{background:#ffffff26;color:#fff}.modal-wrapper[data-v-8c5b8298]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.prob-modal[data-v-8c5b8298]{max-width:440px;width:90vw;max-height:80vh;background:#1a1a2e;border:2px solid rgba(233,69,96,.5);border-radius:12px;box-shadow:0 12px 40px #0009}.modal-header[data-v-8c5b8298]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title[data-v-8c5b8298]{font-size:18px;font-weight:700}.modal-close[data-v-8c5b8298]{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:4px 8px}.modal-close[data-v-8c5b8298]:hover{color:#fff}.modal-body[data-v-8c5b8298]{padding:16px 20px 20px;overflow-y:auto;max-height:60vh}.prob-section[data-v-8c5b8298]{margin-bottom:16px}.prob-section-title[data-v-8c5b8298]{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:8px}.prob-row[data-v-8c5b8298]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.prob-val[data-v-8c5b8298]{font-weight:700;font-size:13px}.pity-row[data-v-8c5b8298]{align-items:flex-start;gap:16px}.pity-row em[data-v-8c5b8298]{display:block;margin-top:2px;color:var(--text-dim);font-size:11px;font-style:normal;line-height:1.35}@media (max-width: 750px){.draw-page-layout[data-v-8c5b8298]{flex-direction:column}.draw-left[data-v-8c5b8298]{flex:none;width:100%;min-width:0}.draw-right[data-v-8c5b8298]{width:100%}}.admin-page[data-v-fa45ab95]{padding:24px 32px;flex:1;overflow-y:auto}.ranking-tabs[data-v-fa45ab95],.send-type-tabs[data-v-fa45ab95]{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}.ranking-tabs button[data-v-fa45ab95],.send-type-tabs button[data-v-fa45ab95]{padding:8px 16px;border:none;background:var(--bg-panel);color:var(--text);cursor:pointer;font-size:14px}.ranking-tabs button.active[data-v-fa45ab95],.send-type-tabs button.active[data-v-fa45ab95]{background:var(--gold);color:#1a1a2e;font-weight:700}.ranking-tabs button[data-v-fa45ab95]:hover:not(.active),.send-type-tabs button[data-v-fa45ab95]:hover:not(.active){background:var(--bg-hover)}.admin-stats[data-v-fa45ab95]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.stat-card[data-v-fa45ab95]{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon[data-v-fa45ab95]{font-size:28px}.stat-label[data-v-fa45ab95]{color:var(--text-dim);font-size:13px}.stat-value[data-v-fa45ab95]{font-size:24px;font-weight:700;color:var(--gold)}.search-bar[data-v-fa45ab95]{display:flex;gap:8px;margin-bottom:16px}.search-bar input[data-v-fa45ab95]{flex:1;padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.search-bar button[data-v-fa45ab95]{padding:8px 20px;background:var(--gold);color:#1a1a2e;border:none;border-radius:8px;font-weight:700;cursor:pointer}.player-table[data-v-fa45ab95]{width:100%;border-collapse:collapse;font-size:14px}.player-table th[data-v-fa45ab95]{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);color:var(--gold)}.player-table td[data-v-fa45ab95]{padding:8px 12px;border-bottom:1px solid var(--border)}.player-table tr[data-v-fa45ab95]:hover{background:var(--bg-hover)}.btn-sm[data-v-fa45ab95]{padding:4px 12px;background:var(--bg-panel);color:var(--gold);border:1px solid var(--gold);border-radius:6px;cursor:pointer;font-size:12px}.btn-sm[data-v-fa45ab95]:hover{background:var(--gold);color:#1a1a2e}.btn-primary[data-v-fa45ab95]{padding:10px 28px;background:var(--gold);color:#1a1a2e;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;margin-top:12px}.btn-primary[data-v-fa45ab95]:disabled{opacity:.5;cursor:default}.pagination[data-v-fa45ab95]{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-size:14px}.pagination button[data-v-fa45ab95]:disabled{opacity:.4;cursor:default}.empty-hint[data-v-fa45ab95]{text-align:center;color:var(--text-dim);margin-top:30px}.detail-cards[data-v-fa45ab95]{display:flex;flex-direction:column;gap:14px;margin-top:14px}.detail-card[data-v-fa45ab95]{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px}.detail-card h3[data-v-fa45ab95]{margin:0 0 10px;color:var(--gold);font-size:15px}.detail-card p[data-v-fa45ab95]{margin:4px 0;font-size:14px;color:var(--text-dim)}.char-row[data-v-fa45ab95]{display:flex;gap:12px;align-items:center;padding:4px 0;border-bottom:1px dashed var(--border);font-size:13px}.q-tag[data-v-fa45ab95]{font-size:11px;padding:1px 6px;border-radius:4px}.q-1[data-v-fa45ab95]{background:#aaa;color:#000}.q-2[data-v-fa45ab95]{background:#2ecc71;color:#000}.q-3[data-v-fa45ab95]{background:#4a9eff;color:#000}.q-4[data-v-fa45ab95]{background:#9b59b6;color:#fff}.q-5[data-v-fa45ab95]{background:#e67e22;color:#fff}.q-6[data-v-fa45ab95]{background:#e74c3c;color:#fff}.send-form[data-v-fa45ab95]{max-width:480px;display:flex;flex-direction:column;gap:8px}.send-form label[data-v-fa45ab95]{font-size:13px;color:var(--text-dim);margin-top:6px}.send-form input[data-v-fa45ab95],.send-form select[data-v-fa45ab95]{padding:10px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px}.send-form select option[data-v-fa45ab95]{background:var(--bg-panel);color:var(--text)}.send-msg[data-v-fa45ab95]{margin-top:10px;padding:10px;background:#00c8641a;border:1px solid rgba(0,200,100,.3);border-radius:8px;color:#0c8}@media (max-width: 768px){.admin-page[data-v-fa45ab95]{padding:18px 14px}.admin-stats[data-v-fa45ab95]{grid-template-columns:repeat(2,1fr)}.player-table[data-v-fa45ab95]{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}button,[role=button],.nav-item,.char-card,.team-slot,.dungeon-slot,.dungeon-char-card,.equip-tab,.equip-filter-btn,.equip-filter-menu-trigger,.equip-bag-btn,.equip-confirm-btn,.equip-shop-buy-btn,.equip-bulk-sell-btn,.ep-close-btn,.ranking-tab,.ranking-refresh,.arena-refresh,.arena-challenge-btn,.dungeon-refresh,.dungeon-primary-btn,.dungeon-secondary-btn,.dungeon-danger-btn,.dungeon-dismiss-btn{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}button:focus,button:focus-visible,[role=button]:focus,[role=button]:focus-visible,.nav-item:focus,.nav-item:focus-visible,.char-card:focus,.char-card:focus-visible,.team-slot:focus,.team-slot:focus-visible,.dungeon-slot:focus,.dungeon-slot:focus-visible,.dungeon-char-card:focus,.dungeon-char-card:focus-visible,.equip-tab:focus,.equip-tab:focus-visible,.equip-filter-btn:focus,.equip-filter-btn:focus-visible,.equip-filter-menu-trigger:focus,.equip-filter-menu-trigger:focus-visible,.equip-bag-btn:focus,.equip-bag-btn:focus-visible,.equip-confirm-btn:focus,.equip-confirm-btn:focus-visible,.equip-shop-buy-btn:focus,.equip-shop-buy-btn:focus-visible,.equip-bulk-sell-btn:focus,.equip-bulk-sell-btn:focus-visible,.ep-close-btn:focus,.ep-close-btn:focus-visible,.ranking-tab:focus,.ranking-tab:focus-visible,.ranking-refresh:focus,.ranking-refresh:focus-visible,.arena-refresh:focus,.arena-refresh:focus-visible,.arena-challenge-btn:focus,.arena-challenge-btn:focus-visible,.dungeon-refresh:focus,.dungeon-refresh:focus-visible,.dungeon-primary-btn:focus,.dungeon-primary-btn:focus-visible,.dungeon-secondary-btn:focus,.dungeon-secondary-btn:focus-visible,.dungeon-danger-btn:focus,.dungeon-danger-btn:focus-visible,.dungeon-dismiss-btn:focus,.dungeon-dismiss-btn:focus-visible{outline:none;box-shadow:none}button:active,[role=button]:active{-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#d7a84340;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#d7a84373}*{scrollbar-width:thin;scrollbar-color:rgba(215,168,67,.25) transparent}:root{--primary: #c73c3c;--gold: #d4a843;--gold-light: #f5d78e;--bg-dark: #1a1520;--bg-card: #2a2235;--text: #e8dcc4;--text-dim: #8a8070;--border: rgba(215,168,67,.3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(212,168,67,.12),transparent 34rem),linear-gradient(180deg,#1a1520,#0f0a15,#1a1520);min-height:100vh;color:var(--text);overflow:hidden;overscroll-behavior:none}#app{display:flex;width:100%;min-height:100vh;max-height:100vh}.sidebar{position:relative;z-index:13000;width:240px;background:linear-gradient(180deg,#1a1520fa,#0f0a15fc);border-right:1px solid var(--border);padding:24px 0;display:flex;flex-direction:column;flex-shrink:0;box-shadow:10px 0 35px #00000040}.sidebar-logo{text-align:center;padding:10px 24px 28px;border-bottom:1px solid var(--border);margin-bottom:18px}.sidebar-logo h1{font-size:28px;font-weight:700;background:linear-gradient(180deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:3px}.sidebar-logo span{font-size:12px;color:var(--text-dim)}.nav-item-list{flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:15px 24px;cursor:pointer;transition:all .2s;color:var(--text-dim);gap:14px;border-left:3px solid transparent;font-size:15px}.nav-item:hover{background:#d7a84314;color:var(--text)}.nav-item.active{background:#d7a8431f;color:var(--gold);border-left-color:var(--gold)}.nav-item.locked{opacity:.45;cursor:not-allowed}.nav-item.locked:hover{background:transparent}.nav-label{font-size:15px}.sidebar-icp{margin-top:auto;padding:16px 24px;border-top:1px solid var(--border);text-align:center}.sidebar-icp a{font-size:12px;color:#bbb;text-decoration:none;display:block}.sidebar-icp a:hover{color:#fff}.sidebar-beian{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:4px}.beian-icon{width:14px;height:14px;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:linear-gradient(180deg,#2a2235f2,#1a1520e6);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#8b2525);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.user-info{margin-left:10px;display:flex;align-items:center;gap:10px}.user-name{font-size:16px;font-weight:700}.user-level{font-size:14px;color:var(--gold);font-weight:700}.exp-bar-wrap{position:relative;width:280px;height:16px;background:#0006;border-radius:7px;overflow:hidden;margin-top:2px}.exp-bar-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#7ec8ff);border-radius:7px;transition:width .5s}.exp-bar-text{position:absolute;top:0;left:0;right:0;line-height:16px;text-align:center;font-size:11px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6)}.topbar-right{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.resource{display:flex;align-items:center;gap:8px;background:#0000004d;padding:8px 16px;border-radius:20px;border:1px solid var(--border)}.resource-icon{font-size:18px}.resource-value{font-size:16px;font-weight:700;color:var(--gold-light)}.resource-label{font-size:11px;color:var(--text-dim)}.logout-btn{padding:6px 14px;background:#c73c3c26;border:1px solid rgba(199,60,60,.3);border-radius:20px;color:#c73c3c;font-size:13px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#c73c3c4d;border-color:#c73c3c}.content{flex:1;min-height:0;padding:32px 40px;overflow-y:auto;overflow-x:hidden;position:relative}.content>*{max-width:1480px;margin-left:auto;margin-right:auto}.page-title{font-size:28px;font-weight:700;background:linear-gradient(180deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.card{background:linear-gradient(135deg,var(--bg-card),rgba(26,21,32,.95));border-radius:8px;padding:24px;border:1px solid var(--border);box-shadow:0 18px 45px #00000038}.card-title{font-size:14px;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:6px}.btn{padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;width:100%;margin-top:10px;transition:all .2s}.btn-primary{background:linear-gradient(180deg,var(--primary),#8b2525);color:#fff;box-shadow:0 4px 15px #c73c3c4d}.btn-primary:hover{box-shadow:0 6px 20px #c73c3c80;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(180deg,var(--bg-card),rgba(20,15,25,.95));color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--gold);box-shadow:0 0 15px #d7a84333}.btn:disabled{opacity:.5;cursor:not-allowed}.home-page{display:flex;flex-direction:column;height:100%;min-height:0}.idle-battle-card{flex:1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-card),rgba(26,21,32,.95));border-radius:8px;padding:24px;border:1px solid var(--border);box-shadow:0 18px 45px #00000038}.idle-battle-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-bottom:10px;gap:16px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:10px}.idle-battle-title{font-size:16px;color:var(--gold);font-weight:700}.idle-battle-status{font-size:12px;padding:4px 10px;border-radius:12px}.idle-battle-status.running{background:#4caf5033;color:#4caf50;animation:statusPulse 1.5s infinite}.idle-battle-status.stopped{background:#96969633;color:#888}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.idle-battle-row{flex:1;min-height:0;display:grid;grid-template-columns:minmax(560px,1.35fr) minmax(360px,.8fr);gap:20px;align-items:stretch}.idle-battle-arena{min-width:0;display:flex;flex-direction:column;gap:5px;padding:12px;background:#0003;border-radius:8px;overflow:visible}.idle-battle-arena .enemy-section,.idle-battle-arena .team-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4px 8px}.idle-battle-arena .enemy-row{padding:4px 8px 2px}.idle-battle-arena .team-row{padding:2px 8px 4px}.idle-battle-arena .battle-vs{padding:1px 0;flex-shrink:0;font-size:16px;color:var(--gold);text-align:center}.idle-battle-arena .enemy-row,.idle-battle-arena .team-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.idle-battle-arena .enemy-avatar{width:58px;height:64px;font-size:28px}.idle-battle-arena .enemy-hp-bar{width:52px;height:4px}.idle-battle-arena .enemy-name{font-size:10px;min-height:20px}.idle-battle-arena .char-avatar{width:58px;height:62px;font-size:28px}.idle-battle-arena .char-hp-bar{width:52px;height:4px}.idle-battle-arena .char-rage-fill,.idle-battle-arena .char-ult-fill{width:0%}.idle-battle-arena .char-rage-bar,.idle-battle-arena .char-ult-bar{width:52px;height:5px}.idle-battle-arena .char-battle-card .char-name{font-size:11px}.idle-battle-arena .char-battle-card .char-title{font-size:9px}.idle-battle-log{min-width:0;min-height:0;height:100%;background:#0000004d;border-radius:8px;padding:14px;overflow-y:auto;font-size:14px;line-height:1.6;scrollbar-color:var(--gold) rgba(0,0,0,.25);scrollbar-width:thin;scrollbar-gutter:stable}.idle-battle-log::-webkit-scrollbar{width:4px}.idle-battle-log::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.idle-reward-bar{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.idle-reward-rate{font-size:13px;color:var(--text-dim)}.idle-reward-rate span{color:var(--gold-light);font-weight:700}.idle-auto-tag{font-size:11px;color:#4caf50;background:#4caf5026;padding:2px 8px;border-radius:10px}.idle-reward-accum{font-size:15px;font-weight:700;color:var(--gold-light)}.idle-reward-accum span{color:var(--gold-light)}.idle-btns{display:flex;gap:8px;flex-shrink:0}.idle-btns .btn{padding:8px 16px;font-size:13px;white-space:nowrap;margin-top:0}.tower-page{display:flex;flex-direction:column;height:100%;min-height:0}.tower-title-row{flex-shrink:0;display:flex;align-items:baseline;gap:16px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tower-title-row .page-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.tower-turn-info{font-size:13px;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);padding:2px 8px;border-radius:10px;margin-left:6px}.tower-chapter-info{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:16px;font-weight:700}.tower-battle-row{flex:1;min-height:0;display:grid;grid-template-columns:minmax(560px,1.35fr) minmax(360px,.8fr);gap:20px;align-items:stretch}.tower-battle-row .battle-arena{min-width:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.tower-mechanic-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:6px 8px;margin-bottom:6px}.mechanic-tag{font-size:11px;padding:2px 8px;border-radius:10px;border:1px solid;background:#0000004d;white-space:nowrap}.tower-vs{font-size:26px;color:var(--gold);text-align:center;font-weight:700}.tower-battle-row .battle-right{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tower-battle-row .battle-controls{flex-shrink:0}.tower-battle-row .battle-log{min-width:0;min-height:0;flex:1;overflow-y:auto;scrollbar-gutter:stable}.tower-buttons{flex-shrink:0;padding:10px 0;display:flex;gap:10px}.tower-buttons .btn{flex:1;margin-top:0}.reward-box{background:linear-gradient(135deg,#2a2235f2,#1a1520f2);border-radius:16px;padding:20px;margin-top:12px;border:1px solid var(--gold)}.reward-title{color:var(--gold-light);font-size:20px;text-align:center;margin-bottom:15px}.reward-item{display:flex;justify-content:space-between;font-size:16px;padding:8px 0;border-bottom:1px solid rgba(215,168,67,.1)}.reward-item:last-child{border-bottom:none}.team-section,.enemy-section{background:#0000004d;border-radius:8px;padding:14px 16px;position:relative}.section-title{font-size:14px;color:var(--gold);text-align:center;margin-bottom:10px;font-weight:700}.team-bonds{position:absolute;top:4px;right:6px;display:flex;flex-direction:column;gap:3px;z-index:5;background:#00000080;border:1px solid rgba(255,193,7,.25);border-radius:6px;padding:6px 8px}.bond-tag{font-size:13px;color:#ffc107;padding:2px 6px;border-radius:4px;line-height:1.4;cursor:default;position:relative;white-space:nowrap}.bond-tag.bond-active{font-weight:700}.bond-tag.bond-inactive{color:#777}.bond-level{font-size:11px;color:#aaa;margin-left:2px}.bond-tooltip{display:none;position:absolute;top:100%;right:0;z-index:100;background:#000000eb;border:1px solid rgba(255,193,7,.4);border-radius:6px;padding:6px 8px;min-width:160px;white-space:normal;font-size:12px;font-weight:400}.bond-tag:hover .bond-tooltip{display:block}.bond-tooltip .bond-effect{color:#8bc34a;font-size:12px}.bond-tooltip .bond-count{color:#aaa;font-size:11px;margin-top:2px}.bond-tooltip .bond-members{color:gold;font-size:11px;margin-top:2px}.bond-tooltip .bond-candidates{color:#8bc34a;font-size:11px;margin-top:2px}.char-row,.enemy-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.battle-container{position:relative;min-height:320px;background:linear-gradient(180deg,#1a1520,#2a1f35,#1a1520);border-radius:16px;border:1px solid var(--border);overflow:hidden;margin-bottom:12px}.battle-vs{text-align:center;font-size:18px;color:var(--gold);padding:10px 0}.enemy-card{width:56px;text-align:center;position:relative}.enemy-avatar{width:60px;height:68px;background:linear-gradient(180deg,#2a1f35,#1a1520);border-radius:8px;border:2px solid #c73c3c;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto;box-shadow:0 0 10px #c73c3c4d}.enemy-avatar.dead{filter:grayscale(1);opacity:.4}.enemy-hp-bar{width:54px;height:5px;background:#00000080;border-radius:2px;margin:4px auto 0;overflow:hidden}.enemy-hp-fill{height:100%;background:linear-gradient(90deg,#c73c3c,#e94560);transition:width .3s ease}.enemy-name{min-height:24px;margin-top:3px;padding:0 2px;color:#ff5b68;font-size:10px;line-height:1.18;overflow-wrap:anywhere;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-battle-card{width:56px;text-align:center;position:relative}.char-avatar{width:60px;height:68px;background:linear-gradient(180deg,var(--bg-card),#1a1520);border-radius:8px;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto}.char-avatar.dead{filter:grayscale(1);opacity:.4}.char-avatar.attacking,.enemy-avatar.attacking{animation:charAttack .4s ease-out}.char-avatar.hit,.enemy-avatar.hit{animation:charHit .3s ease-out}@keyframes charAttack{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-15px) scale(1.1)}50%{transform:translateY(-20px) scale(1.15)}to{transform:translateY(0) scale(1)}}@keyframes charHit{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.char-hp-bar{width:54px;height:5px;background:#00000080;border-radius:2px;margin:4px auto 0;overflow:hidden}.char-hp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.char-rage-bar{width:54px;height:5px;background:#00000080;border-radius:1px;margin:1px auto 0;overflow:hidden}.char-rage-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff9800,#ffc107);transition:width .3s ease}.char-rage-bar.full .char-rage-fill{background:linear-gradient(90deg,#ff5722,#ff9800);animation:ragePulse .5s ease-in-out infinite alternate}.char-ult-bar{width:54px;height:5px;background:#00000080;border-radius:1px;margin:1px auto 0;overflow:hidden}.char-ult-fill{height:100%;width:0%;background:linear-gradient(90deg,#9c27b0,#e91e63);transition:width .3s ease}.char-ult-bar.full .char-ult-fill{background:linear-gradient(90deg,#e91e63,#ff5722);animation:ragePulse .5s ease-in-out infinite alternate}@keyframes ragePulse{0%{opacity:.6}to{opacity:1}}.char-battle-card .char-name{font-size:11px;color:var(--gold);margin-top:2px;font-weight:700}.char-battle-card .char-title{font-size:10px;color:var(--text-dim);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.damage-num{position:absolute;font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8);animation:dmgFloat .8s ease-out forwards;pointer-events:none;z-index:10;left:50%;top:0}.damage-num.crit{color:gold;font-size:20px}@keyframes dmgFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.battle-log{background:#0000004d;border-radius:8px;padding:10px;overflow-y:auto;margin-bottom:8px;font-size:13px;line-height:1.5;scrollbar-color:var(--gold) rgba(0,0,0,.25);scrollbar-width:thin;scrollbar-gutter:stable}.battle-log::-webkit-scrollbar{width:4px}.battle-log::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.log-item{margin-bottom:4px;color:var(--text-dim);padding:5px 8px;border-radius:4px;background:#0003}.log-item.atk{color:#e94560;background:#e945601a}.log-item.crit{color:gold;background:#ffd7001a;font-weight:700}.log-item.win{color:#4caf50;background:#4caf5026;font-weight:700}.log-item.fail{color:#c73c3c;background:#c73c3c1a}.log-item.heal{color:#8bc34a;background:#4caf501a}.chars-filter{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.filter-btn{padding:8px 14px;border-radius:20px;background:#0000004d;border:1px solid var(--border);color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .2s}.filter-btn.active{background:#d7a84333;color:var(--gold);border-color:var(--gold)}.filter-btn:hover{border-color:var(--gold)}.char-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.char-card{--quality-rgb: 150, 150, 150;--quality-edge: rgba(var(--quality-rgb), .45);--quality-glow: rgba(var(--quality-rgb), .16);--quality-fill: rgba(var(--quality-rgb), .1);background:linear-gradient(180deg,rgba(var(--quality-rgb),.22),rgba(var(--quality-rgb),.08) 46%,#100b16f5),radial-gradient(circle at 50% 8%,rgba(var(--quality-rgb),.22),transparent 62%),var(--bg-card);border-radius:8px;padding:16px 10px;text-align:center;border:2px solid var(--quality-edge);box-shadow:inset 0 1px #ffffff14,0 0 0 1px rgba(var(--quality-rgb),.08);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.char-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,transparent,rgba(var(--quality-rgb),.95),transparent)}.char-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%);pointer-events:none}.char-card.r-1{--quality-rgb: 165, 165, 172;--quality-edge: rgba(190,190,200,.6)}.char-card.r-2{--quality-rgb: 46, 204, 113;--quality-edge: rgba(46,204,113,.68)}.char-card.r-3{--quality-rgb: 74, 158, 255;--quality-edge: rgba(74,158,255,.78)}.char-card.r-4{--quality-rgb: 190, 78, 220;--quality-edge: rgba(190,78,220,.78)}.char-card.r-5{--quality-rgb: 255, 152, 0;--quality-edge: rgba(255,152,0,.86)}.char-card.r-6{--quality-rgb: 244, 67, 84;--quality-edge: rgba(244,67,84,.95);animation:ssrPulse 2s infinite}.char-card.in-team{box-shadow:inset 0 0 0 1px #d7a8436b,inset 0 -28px 38px #c73c3c1f,0 0 0 1px rgba(var(--quality-rgb),.12)}.char-card:hover{transform:translateY(-3px) scale(1.02)}.char-card:active{transform:scale(.98)}@keyframes ssrPulse{0%,to{box-shadow:0 0 5px #f443364d}50%{box-shadow:0 0 15px #f4433699}}.hero-avatar{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;vertical-align:middle}.hero-avatar img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.char-icon{font-size:42px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.char-icon .hero-avatar{width:52px;height:52px;font-size:42px}.char-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.char-title{font-size:11px;color:var(--gold);margin-bottom:4px}.char-quality{font-size:11px;color:var(--text-dim)}.char-power{font-size:13px;color:var(--primary);margin-top:5px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px 16px;margin-bottom:24px}.team-slot{background:#0000004d;border-radius:8px;padding:18px 10px;text-align:center;border:2px dashed rgba(215,168,67,.2);min-height:136px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:all .3s ease}.team-slot:hover{border-color:var(--gold)}.team-slot.filled{border:2px solid var(--primary);background:#c73c3c1a}.team-slot.filled:hover{background:#c73c3c33}.team-slot.droppable{border:2px solid #4caf50!important;background:#4caf5014;cursor:pointer;animation:dropPulse 1.2s infinite}@keyframes dropPulse{0%,to{box-shadow:0 0 #4caf504d}50%{box-shadow:0 0 0 8px #4caf5000}}.slot-empty{font-size:28px;color:#888;margin-bottom:4px;transition:all .2s}.slot-empty-text{font-size:12px;color:#fff3}.char-card.selected{border-color:var(--gold-light)!important;box-shadow:0 0 16px #d4a84380;transform:scale(1.03)}.char-detail-btn{position:absolute;top:4px;right:6px;width:22px;height:22px;border-radius:50%;background:#d7a84333;color:var(--gold);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.char-card:hover .char-detail-btn{opacity:1}.slot-icon{font-size:32px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.slot-icon .hero-avatar{width:40px;height:40px;font-size:32px}.slot-name{font-size:14px;font-weight:700}.slot-title{font-size:11px;color:var(--gold)}.slot-power{font-size:13px;color:var(--primary);margin-top:4px}.total-power{text-align:center;font-size:20px;color:var(--gold);padding:15px;background:#0003;border-radius:12px;margin-bottom:15px}.total-power span{font-size:28px;font-weight:700;color:var(--gold-light)}.chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;min-height:100%}.auth-title{text-align:center;font-size:36px;font-weight:700;background:linear-gradient(180deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:4px}.auth-subtitle{text-align:center;color:var(--text-dim);margin-bottom:40px}.auth-form{background:linear-gradient(135deg,var(--bg-card),rgba(26,21,32,.95));border-radius:8px;padding:32px;border:1px solid var(--border);width:100%;max-width:420px;box-shadow:0 18px 45px #00000040}.input-group{margin-bottom:18px}.input-group label{display:block;font-size:14px;color:var(--text-dim);margin-bottom:6px}.input-group input{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(215,168,67,.2);border-radius:10px;color:var(--text);font-size:16px;transition:all .2s ease}.input-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 10px #d7a84333}.auth-btn{width:100%;padding:16px;background:linear-gradient(180deg,#c73c3c,#8b2525);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:12px;transition:all .2s ease}.auth-btn:hover{box-shadow:0 4px 15px #c73c3c80}.auth-btn:active{transform:scale(.97)}.auth-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.auth-btn.secondary:hover{border-color:var(--gold)}.remember-row{display:flex;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;color:var(--text-dim);cursor:pointer}.remember-row input[type=checkbox]{cursor:pointer;accent-color:var(--gold)}.draw-area{padding:24px;margin-bottom:15px}.summon-circle{width:220px;height:220px;margin:0 auto 24px;position:relative;display:flex;align-items:center;justify-content:center}.summon-circle:before{content:"";position:absolute;width:100%;height:100%;border:2px solid var(--gold);border-radius:50%;opacity:.3}.summon-circle:after{content:"";position:absolute;width:80%;height:80%;border:1px solid var(--gold);border-radius:50%;opacity:.2;animation:summonRotate 8s linear infinite}@keyframes summonRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.char-detail-content{max-width:800px;width:90%;max-height:85vh;background:linear-gradient(180deg,#2a2235,#1a1520);border:1px solid var(--border);border-radius:16px;padding:25px 20px 20px;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:var(--text-dim);font-size:28px;cursor:pointer;line-height:1}.modal-close-btn:hover{color:var(--gold)}.char-detail-header{text-align:center;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--border)}.char-detail-icon{font-size:64px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.char-detail-icon .hero-avatar{width:76px;height:76px;font-size:64px}.char-detail-name{font-size:22px;font-weight:700;margin-bottom:4px}.char-detail-title-text{font-size:14px;color:var(--gold);margin-bottom:8px}.char-detail-meta{font-size:13px;color:var(--text-dim);display:flex;justify-content:center;gap:15px;flex-wrap:wrap;align-items:center}.break-stars{display:inline-flex;gap:3px;margin-left:4px}.break-star{font-size:15px}.break-star.lit{color:var(--gold)}.break-star.dim{color:#444}.char-detail-stats{display:flex;gap:12px;margin-bottom:18px}.stat-item{flex:1;background:#0000004d;border-radius:10px;padding:10px;text-align:center;border:1px solid var(--border)}.stat-label{font-size:11px;color:var(--text-dim);margin-bottom:3px}.stat-value{font-size:18px;font-weight:700;color:var(--gold-light)}.char-detail-skills{margin-bottom:18px}.skill-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0003;border-radius:8px;margin-bottom:6px;border:1px solid rgba(255,255,255,.05)}.skill-type-badge{font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.skill-type-badge.normal{background:#2196f333;color:#64b5f6}.skill-type-badge.active{background:#ff980033;color:#ff9800}.skill-type-badge.passive{background:#9c27b033;color:#ce93d8}.skill-name-text{font-size:14px;color:var(--text)}.action-btn{width:100%;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:#0000004d;color:var(--text);transition:all .2s;margin-bottom:8px;text-align:left;display:flex;justify-content:space-between;align-items:center}.action-btn:hover:not(:disabled){border-color:var(--gold);background:#d7a8431a}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn .btn-label{font-size:15px}.action-btn .btn-cost{font-size:12px;color:var(--text-dim)}.action-btn.break-btn{border-color:#f4433680;background:#f4433614}.action-btn.break-btn:hover:not(:disabled){border-color:#f44336;background:#f4433626}.action-btn.team-btn{border-color:#4caf5080;background:#4caf5014}.toast{position:fixed;top:20%;left:50%;transform:translate(-50%);background:#000000e6;color:var(--gold);padding:12px 24px;border-radius:8px;font-size:14px;z-index:20000;border:1px solid var(--gold);animation:toastAnim 2s ease-out forwards}@keyframes toastAnim{0%{opacity:0;transform:translate(-50%) translateY(-20px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.champion-notice-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000b8}.champion-notice-modal{position:relative;width:min(520px,100%);min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;border:1px solid rgba(255,218,96,.55);border-radius:12px;background:radial-gradient(circle at 50% 30%,rgba(255,221,98,.22),transparent 34%),linear-gradient(135deg,#2a1805fa,#0c0812fa);box-shadow:0 0 38px #ffbe304d,inset 0 0 24px #ffde6e1f;padding:30px 28px 24px;text-align:center}.champion-notice-goat{position:relative;z-index:1;width:100%;color:#fffff6b8;font-size:68px;font-weight:950;line-height:.95;letter-spacing:14px;-webkit-text-stroke:2px rgba(246,151,44,.88);paint-order:stroke fill;text-shadow:1px 1px 0 rgba(255,226,124,.62),0 0 10px rgba(255,246,210,.76),0 0 24px rgba(247,156,42,.72),0 6px 12px rgba(68,38,4,.26);animation:championNoticeGoatBreath 2.4s ease-in-out infinite;pointer-events:none}.champion-notice-text{position:relative;z-index:1;color:#fff3b0;font-size:18px;font-weight:800;line-height:1.9;text-shadow:0 0 8px rgba(255,220,90,.72),0 0 18px rgba(255,140,0,.42)}.champion-notice-player{display:inline-flex;align-items:center;margin:0 6px;padding:0 10px;border-left:2px solid rgba(255,236,150,.95);border-right:2px solid rgba(255,236,150,.95);border-radius:4px;background:linear-gradient(180deg,#ffe7823d,#7e4b082e);color:#fff8cc;font-size:20px;font-weight:950;box-shadow:inset 0 0 8px #ffeca02e,0 0 12px #ffbe3c57;text-shadow:0 0 7px rgba(255,255,220,.95),0 0 16px rgba(255,198,58,.74)}.champion-notice-btn{position:relative;z-index:1;min-width:96px;min-height:34px;border:1px solid rgba(255,218,96,.75);border-radius:7px;background:#d7a8432e;color:var(--gold-light);cursor:pointer;font-weight:700}@keyframes championNoticeGoatBreath{0%,to{transform:scale(.98);opacity:.72}50%{transform:scale(1.04);opacity:1}}.flash-overlay{position:fixed;inset:0;background:#ffffff4d;pointer-events:none;opacity:0;z-index:150}.flash-overlay.active{animation:flashAnim .3s ease-out}@keyframes flashAnim{0%{opacity:.5}to{opacity:0}}.result-card{display:inline-block;min-width:110px;padding:12px;background:linear-gradient(180deg,var(--bg-card),rgba(20,15,25,.95));border-radius:12px;border:2px solid transparent;vertical-align:top}.result-card.r-1{border-color:#9696964d}.result-card.r-2{border-color:#4caf5066}.result-card.r-3{border-color:#2196f380}.result-card.r-4{border-color:#9c27b080}.result-card.r-5{border-color:#ff980099}.result-card.r-6{border-color:#f44336b3}@media (max-width: 1024px){body{overflow:auto}#app{max-height:none;min-height:100vh}.sidebar{width:176px}.sidebar-logo h1{font-size:20px}.nav-item-list{flex:1;overflow-y:auto}.nav-item{padding:12px 16px}.topbar{padding:14px 24px}.content{padding:24px}.idle-battle-row,.tower-battle-row{grid-template-columns:1fr}.idle-battle-card,.tower-page{height:auto;min-height:0}.idle-battle-row,.tower-battle-row{flex:initial}.idle-battle-log,.tower-battle-row .battle-log{min-height:220px;max-height:320px}.team-grid{grid-template-columns:repeat(3,1fr)}.equip-page,.ranking-page{padding:20px 0}.equip-hero-layout{grid-template-columns:1fr}.equip-hero-list{max-height:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width: 768px){.sidebar{width:65px}.sidebar-logo h1{font-size:16px}.sidebar-logo span{display:none}.nav-label{display:block;font-size:13px;writing-mode:vertical-rl;letter-spacing:2px}.nav-item-list{flex:1;overflow-y:auto}.nav-item{justify-content:center;padding:14px 8px}.topbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.topbar-left{min-width:180px}.topbar-right{flex:1;gap:8px}.resource{padding:7px 12px}.content{padding:16px}.page-title{font-size:24px}.char-list,.chars-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.equip-tabs{width:100%;max-width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.equip-tabs::-webkit-scrollbar{display:none}.equip-tab{flex:0 0 auto;min-width:max-content;padding:9px 14px;white-space:nowrap}.equip-slots-big{grid-template-columns:1fr}.equip-bonus-grid{grid-template-columns:repeat(2,1fr)}.equip-bag-grid,.equip-shop-grid,.fragment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.enemy-card,.char-battle-card{width:50px}.enemy-avatar,.char-avatar{width:52px;height:58px;font-size:26px}.enemy-hp-bar,.char-hp-bar,.char-rage-bar{width:46px}}@media (max-width: 480px){body{overflow:hidden}#app{flex-direction:column;min-height:100dvh;max-height:100dvh;overflow:hidden}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:90;width:100%;min-height:58px;flex-direction:row;padding:0;border-right:none;border-top:1px solid var(--border);order:2;box-shadow:0 -10px 30px #00000059}.sidebar-logo,.sidebar-icp{display:none}.nav-item-list{flex:1;overflow-y:auto}.nav-item{flex:1;justify-content:center;padding:10px 0;border-left:none;border-top:3px solid transparent}.nav-item.active{border-top-color:var(--gold)}.nav-label{writing-mode:initial;letter-spacing:0;font-size:12px}.main{order:1;min-height:0;height:100%;padding-bottom:58px}.topbar{flex-shrink:0;padding:10px 12px}.topbar-left{width:100%}.user-avatar{width:34px;height:34px;border-radius:8px;font-size:18px}.user-name{font-size:14px}.topbar-right{width:100%;justify-content:space-between;gap:6px}.resource{flex:1 1 auto;min-width:0;justify-content:center;padding:6px 8px;border-radius:8px}.resource-icon{font-size:15px}.resource-value{font-size:13px}.resource-label{display:none}.logout-btn{padding:6px 10px;border-radius:8px}.content{padding:12px;overflow-y:auto}.content>*{max-width:none}.idle-battle-card,.card{padding:14px}.idle-battle-header{flex-direction:column;align-items:stretch;gap:8px}.header-left,.header-right{flex-direction:column;align-items:stretch}.idle-reward-bar{justify-content:space-between;white-space:normal}.idle-btns,.tower-buttons{flex-direction:column;align-items:stretch;gap:8px}.idle-battle-row,.tower-battle-row{display:flex;flex-direction:column;gap:12px}.idle-battle-arena,.team-section,.enemy-section{padding:10px}.battle-container{min-height:260px}.idle-battle-log,.tower-battle-row .battle-log{min-height:180px;max-height:260px}.char-list,.chars-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-slot{min-height:112px}.summon-circle{width:170px;height:170px}.auth-title{font-size:30px}.auth-form{padding:22px}.equip-page,.ranking-page{padding:0}.equip-page-title,.ranking-title{font-size:20px}.equip-tabs{border-radius:8px;margin-left:0;margin-right:0}.equip-tab{padding:9px 16px}.equip-hero-list,.equip-bag-grid,.equip-shop-grid,.fragment-grid{grid-template-columns:1fr}.equip-filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.equip-filter-btn{white-space:nowrap;flex:0 0 auto}.equip-picker-overlay{align-items:flex-end}.equip-picker-modal{width:100%;max-height:76dvh;border-radius:12px 12px 0 0}}@media (max-width: 480px){.home-page,.tower-page{width:100%;height:100%;min-height:0;overflow:hidden;font-size:12px}.content>.home-page,.content>.tower-page{flex:1 1 auto}.idle-battle-card{width:100%;height:100%;padding:10px;overflow:hidden}.idle-battle-header{flex:0 0 auto;gap:6px;margin-bottom:6px}.header-left,.header-right{gap:6px}.idle-battle-title,.tower-title-row .page-title{font-size:18px}.idle-battle-status{align-self:flex-start;padding:3px 8px;font-size:11px}.idle-reward-rate{font-size:11px;line-height:1.35}.idle-reward-rate em{display:inline-block;margin-left:4px}.idle-btns .btn,.tower-buttons .btn{min-height:32px;padding:7px 10px;font-size:12px;line-height:1.2}.tower-title-row{align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px}.tower-turn-info{font-size:13px;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);padding:2px 8px;border-radius:10px;margin-left:6px}.tower-chapter-info{gap:6px;font-size:13px}.chapter-badge{padding:2px 7px;font-size:12px;letter-spacing:0}.idle-battle-row,.tower-battle-row{width:100%;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;gap:8px;overflow:hidden}.idle-battle-arena{width:100%;flex:0 0 auto;gap:2px;padding:5px;overflow:visible}.tower-battle-row .battle-arena{width:100%;flex:0 0 auto;gap:3px;overflow:visible}.idle-battle-arena .enemy-section,.idle-battle-arena .team-section,.tower-battle-row .enemy-section,.tower-battle-row .team-section{flex:0 0 auto;min-height:0;padding:5px;overflow:hidden}.idle-battle-arena .enemy-row,.idle-battle-arena .team-row,.tower-battle-row .char-row{justify-content:center;flex-wrap:nowrap;gap:5px;overflow-x:hidden;overflow-y:hidden;padding:0}.idle-battle-arena .battle-vs,.vs-divider{flex:0 0 auto;padding:0;font-size:11px;line-height:1.1}.idle-battle-arena .enemy-card,.idle-battle-arena .char-battle-card,.tower-battle-row .enemy-card,.tower-battle-row .char-battle-card{flex:0 0 50px;width:50px}.idle-battle-arena .enemy-avatar,.idle-battle-arena .char-avatar,.tower-battle-row .enemy-avatar,.tower-battle-row .char-avatar{width:38px;height:38px;border-radius:7px;font-size:19px}.idle-battle-arena .enemy-hp-bar,.idle-battle-arena .char-hp-bar,.idle-battle-arena .char-rage-bar,.tower-battle-row .enemy-hp-bar,.tower-battle-row .char-hp-bar,.tower-battle-row .char-rage-bar{width:36px;height:3px;margin-top:2px}.idle-battle-arena .enemy-name,.tower-battle-row .enemy-name,.idle-battle-arena .char-battle-card .char-name,.tower-battle-row .char-battle-card .char-name{min-height:10px;margin-top:1px;font-size:9px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.idle-battle-arena .char-battle-card .char-title,.tower-battle-row .char-battle-card .char-title{display:none}.tower-battle-row .battle-right{width:100%;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tower-battle-row .battle-controls{flex:0 0 auto}.tower-buttons{width:100%;flex-direction:row;gap:6px;padding:0}.idle-battle-log,.tower-battle-row .battle-log{width:100%;flex:1 0 auto;height:clamp(220px,calc(100dvh - 522px),420px);min-height:0;max-height:clamp(220px,calc(100dvh - 522px),420px);padding:8px;font-size:11px;line-height:1.45;overflow-y:auto}.log-item{margin-bottom:3px;padding:4px 6px}.content{padding:10px;overflow-y:auto;overflow-x:hidden;font-size:12px}.card,.dungeon-panel,.arena-champion-panel,.arena-me-panel,.arena-result-panel,.equip-panel,.shop-card,.char-card{padding:10px}.page-title,.equip-page-title,.ranking-title,.arena-title,.dungeon-title{font-size:18px}.btn,.dungeon-refresh,.dungeon-primary-btn,.dungeon-secondary-btn,.dungeon-danger-btn,.dungeon-join-box button,.arena-refresh,.arena-challenge-btn{min-height:32px;padding:7px 10px;font-size:12px;border-radius:7px}.char-card{transform-origin:center top}.char-list,.chars-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}.char-list .char-card,.chars-grid .char-card{min-height:120px;padding:8px 6px}.char-icon .hero-avatar{width:36px;height:36px;font-size:30px}.char-name{font-size:12px}.char-title,.char-quality,.char-power,.dungeon-subtitle,.arena-subtitle{font-size:11px}}.class-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid;letter-spacing:.5px}.class-specialty{font-size:11px;color:#e8dcc48c;margin-top:8px;letter-spacing:.5px}.char-detail-header{text-align:center;padding:20px 20px 16px;border-radius:12px 12px 0 0;margin:-25px -20px 16px}.adv-stats-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.adv-stat{background:#00000059;border-radius:10px;padding:10px 8px;text-align:center;border:1px solid rgba(255,255,255,.07);transition:border-color .2s}.adv-stat.str{border-color:#e74c3c59}.adv-stat.agi{border-color:#2ecc7159}.adv-stat.int{border-color:#00bcd459}.adv-stat.con{border-color:#4a9eff59}.adv-label{display:block;font-size:11px;color:#e8dcc499;margin-bottom:4px}.adv-value{display:block;font-size:22px;font-weight:700;color:var(--gold-light);line-height:1}.adv-sub{display:block;font-size:10px;color:#e8dcc466;margin-top:4px}.char-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.stat-value.hp-val{color:#e74c3c}.stat-value.atk-val{color:#e67e22}.stat-value.matk-val{color:#00bcd4}.stat-value.def-val{color:#4a9eff}.stat-value.spd-val{color:#2ecc71}.stat-value.crit-val{color:#f1c40f}.stat-value.dodge-val{color:#9b59b6}.stat-value.power-val{color:var(--gold);font-size:16px}.passive-desc{background:#9b59b61f;border:1px solid rgba(155,89,182,.3);border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:12px;color:#e8dcc4cc;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.passive-tag{background:#9b59b64d;color:#ce93d8;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.char-card .char-class-badge{position:absolute;left:8px;top:8px;z-index:1;height:22px;min-width:40px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:4px;background:#00000061;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.spd-indicator{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 8px;border-radius:10px;background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.log-item .magic-tag{font-size:10px;background:#00bcd433;color:#00bcd4;padding:1px 5px;border-radius:4px;margin-left:4px}@media (max-width: 480px){.adv-stats-panel,.char-detail-stats{grid-template-columns:repeat(2,1fr)}}.hero-skills-panel{margin-bottom:18px;background:#0f0a1599;border-radius:12px;border:1px solid rgba(215,168,67,.15);overflow:hidden}.skills-title{font-size:15px;font-weight:700;color:var(--gold);padding:12px 16px 8px;letter-spacing:2px;border-bottom:1px solid rgba(215,168,67,.12)}.hero-skill-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(215,168,67,.08);transition:background .2s}.hero-skill-row:last-child{border-bottom:none}.hero-skill-row:hover{background:#d7a8430a}.skill-symbol-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;margin-top:2px}.skill-symbol-badge.passive{background:linear-gradient(135deg,#9b59b633,#9b59b614);border:1px solid rgba(155,89,182,.4);color:#c084fc}.skill-symbol-badge.normal{background:linear-gradient(135deg,#3498db33,#3498db14);border:1px solid rgba(52,152,219,.4);color:#5dade2}.skill-symbol-badge.active{background:linear-gradient(135deg,#f1c40f33,#f1c40f14);border:1px solid rgba(241,196,15,.4);color:#f4d03f}.skill-symbol-badge.ultimate{background:linear-gradient(135deg,#e74c3c33,#e74c3c14);border:1px solid rgba(231,76,60,.4);color:#ec7063}.bond-panel{margin-top:10px;border-top:1px solid rgba(215,168,67,.12)}.bond-title{font-size:15px;font-weight:700;color:var(--gold);padding:12px 16px 8px;letter-spacing:2px}.bond-section{padding:0 16px 8px}.bond-section-label{font-size:12px;color:var(--text-dim);margin-bottom:4px}.bond-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px}.bond-icon{font-size:14px;flex-shrink:0}.bond-name{color:var(--gold-light);font-weight:700;white-space:nowrap}.bond-text{color:var(--text-dim)}.skill-info{flex:1;min-width:0}.skill-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skill-type-label{font-size:11px;color:var(--text-dim);background:#ffffff0f;padding:2px 7px;border-radius:4px;white-space:nowrap}.skill-name{font-size:15px;font-weight:700;color:var(--text)}.skill-energy{font-size:11px;color:var(--gold);background:#d4a8431f;padding:2px 8px;border-radius:10px;white-space:nowrap}.skill-desc{font-size:13px;color:var(--text-dim);margin-top:4px;line-height:1.5}.hero-icon{font-size:40px!important;margin-bottom:6px}.hero-personality{font-size:12px;color:var(--text-dim);margin-top:6px;padding:0 20px;text-align:center;line-height:1.4;max-width:90%}.mechanic-tag{font-size:11px;color:var(--gold);background:#d4a8431f;padding:2px 8px;border-radius:10px}.flagship-tag{font-size:11px;color:gold;background:#ffd70026;padding:2px 8px;border-radius:10px;font-weight:700}.char-detail-body{display:flex;gap:24px;margin-top:16px}.char-detail-main{flex:1.5;min-width:0;display:flex;flex-direction:column;gap:10px}.char-detail-side{flex:1;min-width:200px;display:flex;flex-direction:column;gap:14px}.char-detail-art{flex:0 0 auto;width:min(100%,270px);aspect-ratio:3 / 4;align-self:center;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;border:1px dashed rgba(215,168,67,.3);overflow:hidden}.hero-portrait{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px}.hero-portrait img{width:100%;height:100%;object-fit:contain;display:block}.char-detail-actions{display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.char-detail-body{flex-direction:column}.char-detail-side{flex-direction:row;flex-wrap:wrap}.char-detail-art{flex:0 0 180px;width:180px;height:auto;aspect-ratio:3 / 4}.char-detail-actions{flex:1;min-width:180px}}@media (max-width: 480px){.char-detail-side{flex-direction:column}.char-detail-art{flex:0 0 auto;width:min(100%,240px);height:auto;aspect-ratio:3 / 4}}.equip-slots-panel{margin:10px 0 8px;background:#00000040;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.equip-slots-title{font-size:12px;color:var(--gold);letter-spacing:1px;margin-bottom:8px}.equip-slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.equip-slot{min-width:0;min-height:128px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:opacity .2s;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029}.equip-slot.filled{align-items:stretch}.equip-slot:hover{opacity:.8}.equip-slot-icon{position:relative;align-self:center;flex:0 0 auto;width:48px;height:48px;border:2px dashed #444;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0000004d}.equip-slot-icon:not(.empty){border-style:solid;background:#00000080}.equip-slot.filled .equip-slot-name,.equip-slot.filled .equip-slot-stats,.equip-slot.filled .equip-slot-actions{width:100%}.equip-slot-emoji{font-size:22px}.equip-slot-emoji.dim{opacity:.35}.equip-slot-name{font-size:11px;color:var(--text-dim);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-slot-stats{display:flex;flex-direction:column;gap:2px;min-height:34px;font-size:10px;color:var(--text-dim);text-align:center}.equip-slot-stats .primary{color:var(--gold-light)}.equip-slot-stats .enhance{color:#7dd3fc}.equip-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto}.equip-slot-action{min-height:26px;border-radius:5px;font-size:11px;cursor:pointer;border:1px solid var(--border);background:#d7a8431f;color:var(--gold)}.equip-slot-action.unequip{border-color:#c73c3c;background:transparent;color:#f77}.equip-slot-action:disabled{opacity:.45;cursor:not-allowed}.equip-unequip-btn{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#c73c3c;color:#fff;font-size:9px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;padding:0}.equip-slot-icon:hover .equip-unequip-btn{opacity:1}.equip-picker-overlay{position:fixed;inset:0;background:#000000a6;z-index:9999;display:flex;align-items:center;justify-content:center}.equip-picker-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px;width:320px;max-height:420px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 40px #0009}.equip-picker-title{font-size:15px;color:var(--gold);font-weight:600}.equip-picker-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.equip-picker-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #444;border-radius:8px;cursor:pointer;transition:background .15s}.equip-picker-item:hover{background:#d7a84314}.ep-stat.enhance{color:#7dd3fc}.ep-icon{font-size:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.ep-icon .hero-avatar{width:28px;height:28px;font-size:22px}.ep-info{flex:1;min-width:0}.ep-name{font-size:13px;font-weight:600}.ep-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.ep-stat{font-size:11px;color:var(--text-dim);background:#ffffff0f;padding:1px 5px;border-radius:3px}.ep-stat.primary{color:var(--gold-light)}.ep-empty{text-align:center;color:var(--text-dim);font-size:13px;padding:16px 0}.ep-close-btn{align-self:flex-end;padding:6px 18px;background:#d7a84326;border:1px solid var(--border);border-radius:6px;color:var(--gold);cursor:pointer;font-size:13px}.ep-close-btn:hover{background:#d7a8434d}.equip-page{padding:24px 32px;flex:1;overflow:visible}.equip-page-title{font-size:22px;font-weight:700;color:var(--gold);margin-bottom:20px}.equip-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}.equip-tab{padding:9px 22px;cursor:pointer;font-size:14px;color:var(--text-dim);background:transparent;border:none;transition:all .2s}.equip-tab.active{background:#d7a84326;color:var(--gold)}.equip-tab:hover:not(.active){background:#ffffff0d;color:var(--text)}.equip-hero-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.equip-hero-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto}.equip-hero-card{padding:10px 14px;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px}.equip-hero-card:hover{border-color:var(--border);background:#d7a8430f}.equip-hero-card.active{border-color:var(--gold);background:#d7a8431f}.equip-hero-icon{font-size:24px;display:inline-flex;align-items:center;justify-content:center}.equip-hero-icon .hero-avatar{width:30px;height:30px;font-size:24px}.equip-hero-info{flex:1}.equip-hero-name{font-size:13px;font-weight:600}.equip-hero-meta{font-size:11px;color:var(--text-dim)}.equip-right-panel{display:flex;flex-direction:column;gap:16px}.equip-slots-big{display:grid;grid-template-columns:1fr 1fr;gap:12px}.equip-slot-big{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border:1px solid #333;border-radius:10px;cursor:pointer;transition:all .2s;background:#0003}.equip-slot-big:hover{border-color:var(--border);background:#d7a8430f}.equip-slot-big.filled{border-style:solid}.equip-slot-big-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;font-size:32px;line-height:1}.equip-slot-big-name{font-size:13px;font-weight:600;text-align:center}.equip-slot-big-stats{font-size:11px;color:var(--text-dim);text-align:center}.equip-slot-big-stats .primary{color:var(--gold-light)}.equip-slot-big-stats .enhance{color:#7dd3fc}.equip-set-tag{align-self:center;max-width:100%;padding:2px 7px;border:1px solid rgba(215,168,67,.34);border-radius:999px;background:#d7a8431a;color:var(--gold-light);font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-set-tag.compact{min-height:16px;padding:1px 6px;font-size:10px;text-align:center}.equip-slot-big-actions{display:flex;gap:6px;margin-top:4px;width:100%;justify-content:center}.equip-slot-big-unequip,.equip-slot-big-enhance{min-width:46px;min-height:26px;padding:0 10px;font-size:11px;line-height:1;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}.equip-slot-big-unequip{border:1px solid #c73c3c;background:transparent;color:#c73c3c}.equip-slot-big-enhance{border:1px solid var(--border);background:#d7a8431f;color:var(--gold)}.equip-slot-big-enhance:disabled{opacity:.45;cursor:not-allowed}.equip-slot-big-enhance-max{min-width:46px;min-height:26px;padding:0 10px;font-size:11px;line-height:1;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid #4caf50;background:#4caf501f;color:#4caf50}.equip-slot-big-enhance-max:hover{background:#4caf5040}.equip-bonus-summary{background:#00000040;border:1px solid var(--border);border-radius:8px;padding:12px 16px}.equip-bonus-title{font-size:12px;color:var(--gold);margin-bottom:8px}.equip-bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.equip-bonus-item{text-align:center}.equip-bonus-label{font-size:11px;color:var(--text-dim)}.equip-bonus-val{font-size:13px;color:var(--gold-light);font-weight:600}.equip-set-summary{background:#00000040;border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.equip-set-summary.compact-panel{margin-top:10px;padding:8px;gap:6px}.equip-set-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000002e;padding:8px 10px;display:flex;flex-direction:column;gap:5px;min-width:0}.equip-set-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.equip-set-name{color:var(--gold-light);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-set-count{flex:0 0 auto;color:var(--text-dim);font-size:11px}.equip-set-row{display:grid;grid-template-columns:38px 1fr;gap:8px;color:var(--text-dim);font-size:11px;line-height:1.35}.equip-set-row.active{color:#7dd3fc}.equip-bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-items:stretch}.equip-bag-card{min-height:186px;border:1px solid #333;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;background:#0003;display:flex;flex-direction:column;gap:6px}.equip-bag-card:hover{background:#d7a84314}.equip-bag-icon{height:30px;font-size:28px;line-height:30px;text-align:center}.equip-bag-name{min-height:18px;font-size:13px;font-weight:600;text-align:center}.equip-enhance-meta,.ep-enhance{font-size:11px;color:var(--gold);text-align:center}.equip-bag-stats{min-height:58px;font-size:11px;color:var(--text-dim)}.equip-bag-actions{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}.equip-bag-btn{flex:1;min-width:0;min-height:34px;padding:0 8px;font-size:12px;line-height:1;white-space:nowrap;border-radius:5px;cursor:pointer;border:1px solid var(--border);background:#d7a8431a;color:var(--gold);display:flex;align-items:center;justify-content:center;text-align:center}.equip-bag-btn:hover{background:#d7a84340}.equip-bag-btn:disabled{opacity:.45;cursor:not-allowed}.equip-bag-btn.sell{border-color:#555;color:var(--text-dim);background:transparent}.equip-bag-btn.enhance-max{flex:0 0 auto;min-width:64px;padding:0 12px;border-color:#4caf50;color:#4caf50;background:#4caf501a;font-size:12px}.equip-bag-btn.enhance-max:hover{background:#4caf5038}.equip-confirm-overlay{position:fixed;inset:0;background:#000000ad;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.equip-confirm-modal{width:min(360px,100%);border:1px solid var(--border);border-radius:10px;background:var(--bg-card);box-shadow:0 12px 40px #0000008c;padding:18px;display:flex;flex-direction:column;gap:14px}.equip-confirm-title{font-size:16px;font-weight:700;color:var(--gold-light)}.equip-confirm-message{font-size:13px;line-height:1.6;color:var(--text)}.equip-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.equip-confirm-btn{min-width:76px;min-height:34px;padding:0 14px;border-radius:6px;border:1px solid var(--gold);background:#d7a8432e;color:var(--gold-light);cursor:pointer}.equip-confirm-btn.ghost{border-color:var(--border);background:transparent;color:var(--text-dim)}.equip-confirm-btn.dungeon-confirm-danger{border-color:#ff77778c;background:#ff777724;color:#ffb4b4}.dungeon-dismiss-error{color:#ff9a9a}.equip-confirm-modal.enhance{width:min(380px,100%)}.equip-enhance-info{display:flex;align-items:center;gap:10px}.equip-enhance-name{font-size:16px;font-weight:700;color:#fff}.equip-enhance-level{font-size:20px;font-weight:700;color:var(--gold);background:#d7a8431f;padding:2px 10px;border-radius:6px;border:1px solid rgba(215,168,67,.3)}.equip-enhance-mult{font-size:13px;color:var(--text-dim)}.equip-enhance-mult strong{color:var(--gold-light)}.equip-enhance-result{margin-top:2px;padding:10px 12px;border-radius:8px;border:1px solid}.equip-enhance-result.success{background:#4caf5014;border-color:#4caf504d}.equip-enhance-result.fail{background:#f4433614;border-color:#f443364d}.equip-enhance-result.destroyed{background:#b400001f;border-color:#f4433680}.equip-enhance-result-title{font-size:14px;font-weight:700;margin-bottom:4px}.equip-enhance-result.success .equip-enhance-result-title{color:#4caf50}.equip-enhance-result.fail .equip-enhance-result-title{color:#f44336}.equip-enhance-result.destroyed .equip-enhance-result-title{color:#f44}.equip-enhance-warning{font-size:12px;color:#f66;background:#b400001f;border:1px solid rgba(244,67,54,.3);padding:8px 10px;border-radius:6px;line-height:1.5}.equip-enhance-warning strong{color:#f44}.equip-confirm-message.destroy-risk{color:#f88;white-space:pre-line}.equip-enhance-result-detail{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-dim)}.equip-enhance-result-detail em{color:var(--gold-light);font-style:normal;font-weight:700}.equip-enhance-result-cost{font-size:11px;color:var(--text-dim);margin-top:4px}.equip-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;align-items:stretch}.equip-shop-card{min-height:216px;border:1px solid #333;border-radius:10px;padding:14px;background:#0003;display:flex;flex-direction:column;gap:8px}.equip-shop-icon{height:34px;font-size:30px;line-height:34px;text-align:center}.equip-shop-name{min-height:18px;font-size:14px;font-weight:600;text-align:center}.equip-shop-stats{min-height:48px;font-size:11px;color:var(--text-dim)}.equip-shop-price{margin-top:auto;min-height:18px;font-size:13px;line-height:18px;color:var(--gold);text-align:center}.equip-shop-buy-btn{width:100%;min-height:34px;padding:6px;border-radius:6px;border:1px solid var(--border);background:#d7a8431f;color:var(--gold);cursor:pointer;font-size:13px}.equip-shop-buy-btn:hover:not(:disabled){background:#d7a84347}.equip-shop-buy-btn:disabled{opacity:.4;cursor:not-allowed}.equip-empty{text-align:center;color:var(--text-dim);padding:40px;font-size:14px}.equip-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.equip-filter-btn{padding:5px 14px;border-radius:20px;border:1px solid #444;background:transparent;color:var(--text-dim);cursor:pointer;font-size:12px}.equip-filter-btn.active{border-color:var(--gold);color:var(--gold);background:#d7a8431a}.equip-advanced-filters{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:-4px 0 14px}.equip-filter-menu{position:relative;min-width:118px}.equip-filter-menu-label{margin-bottom:4px;font-size:11px;color:var(--text-dim)}.equip-filter-menu-trigger{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:6px;border:1px solid #444;background:#0000003d;color:var(--text);padding:0 9px;cursor:pointer}.equip-filter-menu.open .equip-filter-menu-trigger{border-color:var(--gold);background:#d7a8431a}.equip-filter-caret{color:var(--gold);font-size:11px}.equip-filter-menu-list{position:absolute;left:0;top:calc(100% + 4px);width:100%;max-height:260px;overflow-y:auto;padding:5px;border:1px solid rgba(215,168,67,.45);border-radius:8px;background:#17101f;box-shadow:0 12px 30px #0000008c;z-index:30}.equip-filter-menu-option{width:100%;min-height:28px;display:flex;align-items:center;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--text-dim);cursor:pointer;text-align:left}.equip-filter-menu-option:hover{background:#d7a8431f;color:var(--text)}.equip-filter-menu-option.active{background:#d7a84338;color:var(--gold-light)}.equip-bulk-sell-btn{min-height:32px;padding:0 14px;border-radius:6px;border:1px solid #7a4c4c;background:#b437371f;color:#ffb4b4;cursor:pointer;white-space:nowrap}.equip-bulk-sell-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.equip-tabs{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.equip-tabs::-webkit-scrollbar{display:none}.equip-tab{flex:0 0 auto;min-width:max-content;white-space:nowrap}}@media (max-width: 480px){.equip-tabs{border-radius:8px;margin-left:0;margin-right:0}.equip-tab{padding:9px 16px}}.fragment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.fragment-card{border:1px solid #333;border-radius:8px;padding:14px;background:#00000038;display:flex;flex-direction:column;gap:12px}.fragment-top{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;min-width:0}.fragment-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;font-size:22px;overflow:hidden}.fragment-icon .hero-avatar{width:100%;height:100%;font-size:22px}.fragment-main{min-width:0}.fragment-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fragment-meta{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.fragment-count{min-width:48px;text-align:right;color:var(--gold-light);font-size:16px;font-weight:700}.fragment-progress-list{display:flex;flex-direction:column;gap:6px}.fragment-progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--text-dim);padding:6px 8px;border-radius:6px;background:#ffffff0a}.fragment-progress-row span:last-child{color:var(--text);font-weight:600}.fragment-progress-row span.ready{color:var(--gold-light)}.fragment-progress-row.muted span:last-child{color:var(--text-dim);font-weight:400}.ranking-page{padding:24px 32px;flex:1;overflow-y:auto}.ranking-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.ranking-title{margin:0;font-size:22px;color:var(--gold)}.ranking-refresh{padding:7px 16px;border:1px solid var(--border);border-radius:6px;background:#d7a8431a;color:var(--gold);cursor:pointer;font-size:13px}.ranking-refresh:disabled{opacity:.55;cursor:not-allowed}.ranking-tabs{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:18px}.ranking-tab{min-width:120px;padding:9px 18px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px}.ranking-tab.active{background:#d7a84326;color:var(--gold)}.ranking-panel{border:1px solid var(--border);border-radius:8px;background:#0000002e;overflow:hidden}.ranking-table-head,.ranking-row{display:grid;grid-template-columns:86px minmax(180px,1fr) 140px 100px;gap:12px;align-items:center}.ranking-table-head{padding:11px 18px;color:var(--text-dim);font-size:12px;background:#ffffff0a;border-bottom:1px solid var(--border)}.ranking-list{display:flex;flex-direction:column}.ranking-row{min-height:58px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-row:last-child{border-bottom:none}.ranking-row.podium{background:#d7a8430f}.ranking-row.crowned{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 50%,rgba(255,220,100,.22),transparent 24%),linear-gradient(90deg,#764c0c6b,#ffc63a33 42%,#fff5b01f 56%,#41250833);box-shadow:inset 0 0 0 1px #ffd45061,0 0 22px #ffbe3c29}.ranking-row.crowned:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,255,220,.34) 48%,transparent 58%,transparent 100%);transform:translate(-70%);animation:rankingGoldSweep 3.2s ease-in-out infinite}.ranking-row.crowned:after{content:"GOAT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);pointer-events:none;color:#fffff6ad;font-size:42px;font-weight:950;line-height:1;letter-spacing:10px;-webkit-text-stroke:2px rgba(246,151,44,.86);paint-order:stroke fill;text-shadow:1px 1px 0 rgba(255,226,124,.62),0 0 8px rgba(255,246,210,.76),0 0 18px rgba(247,156,42,.66),0 5px 10px rgba(68,38,4,.24);opacity:.82;z-index:0;animation:rankingGoatBreath 2.4s ease-in-out infinite}.ranking-row.crowned .ranking-rank,.ranking-row.crowned .ranking-player,.ranking-row.crowned .ranking-main-value{position:relative;z-index:1}.ranking-row.dog{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 50%,rgba(58,222,87,.18),transparent 25%),linear-gradient(90deg,#00361280,#156f2838 43%,#69ff7e1c 56%,#001c0c3d);box-shadow:inset 0 0 0 1px #46e85e57,0 0 22px #1fdc4a1f}.ranking-row.dog:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(126,255,148,.22) 48%,transparent 58%,transparent 100%);transform:translate(-70%);animation:rankingGreenSweep 3.2s ease-in-out infinite}.ranking-row.dog:after{content:"SUB GOAT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);pointer-events:none;color:#2ed24c9e;font-size:42px;font-weight:950;line-height:1;letter-spacing:10px;-webkit-text-stroke:2px rgba(0,62,18,.94);paint-order:stroke fill;text-shadow:1px 1px 0 rgba(176,255,184,.34),0 0 8px rgba(67,255,102,.62),0 0 18px rgba(0,126,34,.7),0 5px 10px rgba(0,30,10,.32);opacity:.84;z-index:0;animation:rankingDogBreath 2.4s ease-in-out infinite}.ranking-row.dog .ranking-rank,.ranking-row.dog .ranking-player,.ranking-row.dog .ranking-main-value{position:relative;z-index:1}@keyframes rankingGoldSweep{0%,42%{transform:translate(-76%);opacity:0}55%{opacity:1}78%,to{transform:translate(76%);opacity:0}}@keyframes rankingGreenSweep{0%,42%{transform:translate(-76%);opacity:0}55%{opacity:1}78%,to{transform:translate(76%);opacity:0}}@keyframes rankingGoatBreath{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.62;color:#fffff680;-webkit-text-stroke-color:rgba(244,143,38,.68);text-shadow:1px 1px 0 rgba(255,226,124,.42),0 0 5px rgba(255,246,210,.42),0 0 13px rgba(247,156,42,.38),0 4px 8px rgba(68,38,4,.18)}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.94;color:#fffffcd1;-webkit-text-stroke-color:rgba(255,165,52,.96);text-shadow:1px 1px 0 rgba(255,233,142,.82),0 0 10px rgba(255,255,225,.88),0 0 24px rgba(255,172,48,.82),0 6px 12px rgba(68,38,4,.26)}}@keyframes rankingKillerBreath{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.58;color:#b400008c;-webkit-text-stroke-color:rgba(52,0,0,.76);text-shadow:1px 1px 0 rgba(255,110,110,.22),0 0 6px rgba(255,24,24,.42),0 0 14px rgba(140,0,0,.42),0 4px 8px rgba(20,0,0,.24)}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.96;color:#ff1414d1;-webkit-text-stroke-color:rgba(96,0,0,.98);text-shadow:1px 1px 0 rgba(255,150,150,.52),0 0 11px rgba(255,32,32,.82),0 0 26px rgba(190,0,0,.86),0 6px 12px rgba(28,0,0,.34)}}@keyframes rankingDogBreath{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.58;color:#14962e80;-webkit-text-stroke-color:rgba(0,52,18,.76);text-shadow:1px 1px 0 rgba(170,255,180,.2),0 0 6px rgba(70,255,100,.36),0 0 14px rgba(0,120,34,.4),0 4px 8px rgba(0,24,10,.24)}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.94;color:#33f052c7;-webkit-text-stroke-color:rgba(0,82,24,.96);text-shadow:1px 1px 0 rgba(186,255,192,.46),0 0 11px rgba(74,255,108,.74),0 0 26px rgba(0,150,42,.78),0 6px 12px rgba(0,28,10,.3)}}.ranking-rank{font-size:18px;font-weight:700;color:var(--gold-light)}.ranking-player{display:flex;align-items:center;gap:10px;min-width:0}.ranking-avatar{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#d7a84324;color:var(--gold-light);font-weight:700;flex:0 0 auto}.ranking-name-wrap{min-width:0;display:flex;flex-direction:column;gap:3px}.ranking-name-line{min-width:0;display:flex;align-items:center;gap:6px}.ranking-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ranking-crown{flex:0 0 auto;filter:drop-shadow(0 0 5px rgba(255,215,80,.75))}.ranking-dog-icon{flex:0 0 auto;filter:drop-shadow(0 0 5px rgba(42,255,88,.76))}.ranking-arena-title{flex:0 0 auto;padding:1px 8px 2px;border:1px solid rgba(255,222,112,.54);border-radius:5px;background:linear-gradient(180deg,#ffe78233,#7e4b0847);color:#fff3a8;font-size:15px;font-weight:900;text-shadow:0 0 5px rgba(255,255,210,.95),0 0 11px rgba(255,208,64,.85),0 0 22px rgba(255,128,0,.56);box-shadow:inset 0 0 8px #ffeca029,0 0 12px #ffbe3c59}.ranking-dog-title{flex:0 0 auto;padding:1px 8px 2px;border:1px solid rgba(70,238,94,.58);border-radius:5px;background:linear-gradient(180deg,#30dc4433,#004e185c);color:#69ff79;font-size:15px;font-weight:900;text-shadow:0 0 5px rgba(202,255,207,.78),0 0 12px rgba(52,255,82,.72),0 0 22px rgba(0,112,30,.62);box-shadow:inset 0 0 8px #58ff6a24,0 0 12px #00dc323d}.ranking-title-count{color:var(--text-dim);font-size:11px}.ranking-title-count.dog-count{color:#8bd994}.ranking-main-value{color:var(--gold-light);font-weight:700}.ranking-sub-value{color:var(--text-dim);font-size:13px}.ranking-empty{padding:44px 16px;text-align:center;color:var(--text-dim)}@media (max-width: 720px){.ranking-page{padding:18px 14px}.ranking-header{align-items:stretch;flex-direction:column}.ranking-tabs{display:flex;width:100%}.ranking-tab{flex:1;min-width:0}.ranking-table-head,.ranking-row{grid-template-columns:52px minmax(0,1fr) 76px 54px;gap:8px;padding-left:10px;padding-right:10px}.ranking-table-head{font-size:11px}.ranking-main-value,.ranking-sub-value{font-size:12px}.ranking-name-line{flex-wrap:wrap;row-gap:2px}.ranking-arena-title{font-size:13px;padding-left:6px;padding-right:6px}.ranking-row.crowned:after{font-size:30px;letter-spacing:7px;opacity:.55}.ranking-dog-title{font-size:13px;padding-left:6px;padding-right:6px}.ranking-row.dog:after{font-size:30px;letter-spacing:7px;opacity:.55}}.chapter-badge{display:inline-block;padding:2px 10px;border:1.5px solid;border-radius:12px;font-size:.95em;font-weight:700;letter-spacing:1px}.arena-page{padding:24px 32px;flex:1;overflow-y:auto}.arena-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.arena-title{margin:0;font-size:22px;color:var(--gold)}.arena-subtitle{margin-top:4px;font-size:13px;color:var(--text-dim)}.arena-season{margin-top:5px;color:var(--gold-light);font-size:12px}.arena-refresh{min-height:34px;padding:0 16px;border:1px solid var(--border);border-radius:6px;background:#d7a8431a;color:var(--gold);cursor:pointer}.arena-refresh:disabled{opacity:.55;cursor:not-allowed}.arena-warning{margin-bottom:14px;padding:10px 12px;border:1px solid rgba(215,168,67,.45);border-radius:8px;background:#d7a8431a;color:var(--gold-light);font-size:13px}.arena-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.arena-champion-panel,.arena-me-panel,.arena-result-panel{border:1px solid var(--border);border-radius:8px;background:#0000002e;padding:16px}.arena-panel-label{margin-bottom:10px;font-size:12px;color:var(--gold);letter-spacing:1px}.arena-champion-card,.arena-me-card{display:flex;align-items:center;gap:14px;min-width:0;padding:14px;border:1px solid rgba(215,168,67,.35);border-radius:8px;background:#d7a84314}.arena-crown{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:8px;background:#d7a84324;color:var(--gold-light);font-size:30px;line-height:1}.arena-champion-main{min-width:0;flex:1}.arena-champion-name,.arena-me-name{font-size:18px;font-weight:700;color:var(--gold-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-champion-meta{margin-top:4px;font-size:12px;color:var(--text-dim)}.arena-power-box{margin-left:auto;min-width:112px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--text-dim);font-size:12px}.arena-power-box strong{color:var(--gold-light);font-size:20px}.arena-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.arena-stat{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000002e}.arena-stat span{display:block;font-size:12px;color:var(--text-dim)}.arena-stat strong{display:block;margin-top:5px;font-size:20px;color:var(--gold-light)}.arena-members{display:grid;gap:8px;margin:12px 0}.arena-member{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#00000024}.arena-member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}.arena-member-meta{flex:0 0 auto;color:var(--text-dim);font-size:12px}.arena-challenge-btn{width:100%;min-height:42px;border:1px solid var(--gold);border-radius:8px;background:#d7a8432e;color:var(--gold-light);font-size:15px;font-weight:700;cursor:pointer}.arena-challenge-btn:disabled{opacity:.5;cursor:not-allowed}.arena-result-panel{margin-top:16px}.arena-result-title{font-size:16px;color:var(--text);font-weight:700}.arena-result-detail{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:var(--text-dim);font-size:13px}.arena-battle-log{margin-top:12px;max-height:320px;overflow-y:auto;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000042;scrollbar-gutter:stable}.arena-battle-log::-webkit-scrollbar{width:4px}.arena-battle-log::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.arena-log-line{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-dim);font-size:12px;line-height:1.45}.arena-log-line:last-child{border-bottom:none}.arena-log-line.turn{color:var(--gold-light);font-weight:700}.arena-log-line.start{color:#ffb86b;font-weight:800}.arena-log-line.hit{color:var(--text)}.arena-log-line.crit{color:#ffb86b}.arena-log-line.dodge{color:#7dd3fc}.arena-log-line.down,.arena-log-line.fail{color:#f77}.arena-log-line.win{color:#86efac}.arena-log-line.info{color:var(--text-dim)}.arena-log-line.summary{color:#d8c7a1}.arena-log-empty{min-height:80px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px}.arena-empty{min-height:72px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.12);border-radius:8px;color:var(--text-dim)}.arena-empty.small{min-height:48px}.arena-entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.arena-entry-card{min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000002e}.arena-entry-card.eliminated{opacity:.48;filter:grayscale(.4)}.arena-entry-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:700}.arena-entry-meta{margin-top:4px;color:var(--text-dim);font-size:12px}.arena-action-line{display:flex;justify-content:flex-end;margin:-4px 0 10px}.arena-match-list{display:grid;gap:12px}.arena-match-card{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029}.arena-match-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text-dim);font-size:12px}.arena-match-top strong{color:var(--gold-light);font-size:13px}.arena-match-sides{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:stretch}.arena-match-side{min-width:0;padding:10px;border:1px solid rgba(215,168,67,.22);border-radius:8px;background:#d7a8430f}.arena-vs{display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:800}.arena-bet-row{display:flex;align-items:center;gap:10px;margin-top:10px}.arena-bet-row input{width:160px;max-width:100%;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#00000040;color:var(--text);outline:none}.arena-bet-btn{margin-top:8px;min-height:30px;padding:0 12px;border:1px solid var(--gold);border-radius:6px;background:#d7a84324;color:var(--gold-light);cursor:pointer}.arena-bet-btn:hover{background:#d7a84338}@media (max-width: 900px){.arena-page{padding:20px 0}.arena-layout{grid-template-columns:1fr}}@media (max-width: 520px){.arena-page{padding:0}.arena-header{flex-direction:column;align-items:stretch}.arena-champion-card,.arena-me-card{align-items:stretch;flex-direction:column}.arena-power-box{width:100%;margin-left:0;align-items:flex-start}.arena-stats-row{grid-template-columns:1fr}.arena-member{align-items:flex-start;flex-direction:column;justify-content:center;padding:8px 10px}.arena-member-meta{flex:initial}.arena-match-sides{grid-template-columns:1fr}.arena-vs{min-height:22px}.arena-bet-row{align-items:stretch;flex-direction:column}.arena-bet-row input{width:100%}}.offline-modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000}.offline-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(215,168,67,.5);border-radius:16px;box-shadow:0 12px 40px #0009;min-width:320px;max-width:400px;max-height:80vh;display:flex;flex-direction:column}.offline-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.offline-modal .modal-body{flex:1;overflow-y:auto;min-height:0}.offline-modal .modal-title{font-size:18px;font-weight:700}.offline-modal .modal-close{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:4px 8px}.offline-modal .modal-close:hover{color:#fff}.help-page{padding:24px 32px;flex:1;overflow-y:auto}.help-sections{display:flex;flex-direction:column;gap:8px;max-width:960px}.help-section{background:#0003;border:1px solid var(--border);border-radius:8px;overflow:hidden}.help-section-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;user-select:none;transition:background .15s}.help-section-header:hover{background:#d7a8430f}.help-section-title{font-size:16px;font-weight:700;color:var(--gold-light)}.help-section-arrow{font-size:14px;color:var(--text-dim);transition:transform .2s}.help-section.open .help-section-header{border-bottom:1px solid var(--border)}.help-section-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.help-item{display:flex;gap:12px;font-size:14px;line-height:1.7}.help-item-label{color:var(--gold);font-weight:700;white-space:nowrap;min-width:80px;flex-shrink:0}.help-item-text{color:var(--text-dim)}@media (max-width: 750px){.help-page{padding:20px 0}.help-item{flex-direction:column;gap:2px}.help-item-label{min-width:auto}}.dungeon-page{padding:24px 32px;flex:1;overflow-y:auto}.dungeon-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dungeon-title{margin:0;font-size:22px;color:var(--gold)}.dungeon-subtitle{margin-top:4px;color:var(--text-dim);font-size:13px}.dungeon-refresh,.dungeon-primary-btn,.dungeon-secondary-btn,.dungeon-join-box button{min-height:36px;padding:0 16px;border-radius:7px;cursor:pointer;font-weight:700}.dungeon-refresh,.dungeon-secondary-btn{border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.dungeon-primary-btn,.dungeon-join-box button{border:1px solid var(--gold);background:#d7a84329;color:var(--gold-light)}.dungeon-danger-btn{min-height:36px;padding:0 16px;border:1px solid rgba(255,119,119,.55);border-radius:7px;background:#ff77771f;color:#ffb4b4;cursor:pointer;font-weight:800}.dungeon-refresh:disabled,.dungeon-primary-btn:disabled,.dungeon-secondary-btn:disabled,.dungeon-danger-btn:disabled{opacity:.5;cursor:not-allowed}.dungeon-panel{border:1px solid var(--border);border-radius:8px;background:#0000002e;padding:16px}.dungeon-room-panel{margin-bottom:16px}.dungeon-difficulty-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.dungeon-difficulty{min-width:0;min-height:72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09;color:var(--text);cursor:pointer;text-align:left}.dungeon-difficulty.active{border-color:var(--gold);background:#d7a84324}.dungeon-difficulty:disabled{cursor:not-allowed;opacity:.72}.dungeon-difficulty span{color:var(--gold);font-size:12px}.dungeon-difficulty strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.dungeon-difficulty em{color:var(--text-dim);font-size:11px;font-style:normal}.dungeon-room-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.dungeon-join-box{display:flex;align-items:center;gap:8px}.dungeon-join-box input{width:118px;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#0000002e;color:var(--text);text-transform:uppercase}.dungeon-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px;align-items:start}.dungeon-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dungeon-panel-label{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1px}.dungeon-room-difficulty{margin-top:5px;color:var(--gold-light);font-size:13px;font-weight:800}.dungeon-room-head-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.dungeon-muted{margin-top:4px;color:var(--text-dim);font-size:12px}.dungeon-host-tag{flex:0 0 auto;padding:4px 9px;border:1px solid rgba(215,168,67,.38);border-radius:6px;color:var(--gold-light);background:#d7a8431a;font-size:12px;font-weight:800}.dungeon-dismiss-btn{min-height:28px;padding:0 10px;border:1px solid rgba(255,119,119,.45);border-radius:6px;background:#ff77771a;color:#ff9a9a;cursor:pointer;font-size:12px;font-weight:800}.dungeon-dismiss-btn:disabled{opacity:.55;cursor:not-allowed}.dungeon-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.dungeon-member-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029}.dungeon-member-card div{min-width:0;display:flex;flex-direction:column;gap:3px}.dungeon-member-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.dungeon-member-card span,.dungeon-member-card em{color:var(--text-dim);font-size:12px;font-style:normal}.dungeon-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dungeon-slot{position:relative;min-height:92px;min-width:0;padding:12px 10px 10px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;background:#00000029;color:var(--text);cursor:pointer;text-align:left;overflow:hidden}.dungeon-slot.filled{border-style:solid;border-color:#d7a8435c;background:#d7a84314}.dungeon-slot.replacing.filled{border-color:#5ebeff8f;box-shadow:inset 0 0 0 1px #5ebeff33}.dungeon-slot-no{position:absolute;right:8px;top:6px;color:#d7a8438c;font-size:12px;font-weight:800}.dungeon-slot strong,.dungeon-slot em,.dungeon-slot small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dungeon-slot strong{padding-right:18px;font-size:15px}.dungeon-slot em{margin-top:8px;color:var(--text-dim);font-size:12px;font-style:normal}.dungeon-slot small{margin-top:4px;color:var(--gold-light);font-size:12px}.dungeon-action-row{display:flex;gap:10px;margin-top:14px}.dungeon-action-row button{flex:1}.dungeon-dismiss-row{margin-top:8px}.dungeon-dismiss-row .dungeon-danger-btn{width:100%}.dungeon-char-list{max-height:470px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;scrollbar-gutter:stable}.dungeon-char-list::-webkit-scrollbar,.dungeon-battle-log::-webkit-scrollbar{width:4px}.dungeon-char-list::-webkit-scrollbar-thumb,.dungeon-battle-log::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.dungeon-char-card{min-width:0;min-height:56px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029;color:var(--text);cursor:pointer;text-align:left}.dungeon-char-card.selected{border-color:var(--gold);background:#d7a84321}.dungeon-char-card.disabled{opacity:.45;cursor:not-allowed}.dungeon-char-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#d7a8431f;color:var(--gold-light);font-weight:900}.dungeon-char-main{min-width:0;display:flex;flex-direction:column;gap:3px}.dungeon-char-main strong,.dungeon-char-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dungeon-char-main span{color:var(--text-dim);font-size:12px}.dungeon-char-card em{color:var(--gold-light);font-style:normal;font-size:12px}.dungeon-result-panel{margin-top:16px}.dungeon-result-title{margin-top:4px;color:var(--text);font-size:17px;font-weight:800}.dungeon-contrib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dungeon-contrib-card{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029}.dungeon-contrib-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.dungeon-contrib-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dungeon-contrib-top em{color:var(--gold-light);font-style:normal;font-weight:900}.dungeon-contrib-stats,.dungeon-rewards{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.dungeon-contrib-stats span,.dungeon-rewards span{padding:3px 7px;border-radius:5px;background:#ffffff0d;color:var(--text-dim);font-size:12px}.dungeon-rewards span{color:var(--gold-light)}.dungeon-battle-log{margin-top:14px;max-height:340px;overflow-y:auto;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000042;scrollbar-gutter:stable}.dungeon-log-line{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-dim);font-size:12px;line-height:1.45}.dungeon-log-line:last-child{border-bottom:none}.dungeon-log-line.turn{color:var(--gold-light);font-weight:800}.dungeon-log-line.start{color:#ffb86b;font-weight:800}.dungeon-log-line.hit{color:var(--text)}.dungeon-log-line.crit{color:#ffb86b}.dungeon-log-line.heal{color:#86efac}.dungeon-log-line.dodge{color:#7dd3fc}.dungeon-log-line.down,.dungeon-log-line.fail{color:#f77}.dungeon-log-line.win{color:#86efac}.dungeon-log-line.summary{color:#d8c7a1}@media (max-width: 980px){.dungeon-page{padding:20px 0}.dungeon-difficulty-list{grid-template-columns:repeat(3,minmax(0,1fr))}.dungeon-layout{grid-template-columns:1fr}}@media (max-width: 560px){.dungeon-page{padding:0}.dungeon-header,.dungeon-room-actions{flex-direction:column;align-items:stretch}.dungeon-difficulty-list{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.dungeon-difficulty-list::-webkit-scrollbar{display:none}.dungeon-difficulty{flex:0 0 142px}.dungeon-join-box{width:100%}.dungeon-join-box input{flex:1;width:auto}.dungeon-members,.dungeon-contrib-grid{grid-template-columns:1fr}.dungeon-lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dungeon-slot{min-height:78px;padding:9px 7px 7px}.dungeon-action-row{flex-direction:column}.dungeon-char-list{max-height:360px}.dungeon-char-card{grid-template-columns:34px minmax(0,1fr)}.dungeon-char-card em{grid-column:2}}@media (max-width: 480px){.modal-overlay{align-items:stretch;padding:10px}.char-detail-content{width:100%;max-height:calc(100dvh - 20px);padding:12px;border-radius:10px}.modal-close-btn{top:8px;right:10px;font-size:22px}.char-detail-header{margin:-12px -12px 10px;padding:14px 36px 12px;border-radius:10px 10px 0 0}.char-detail-icon{margin-bottom:6px}.char-detail-icon .hero-avatar{width:52px;height:52px;font-size:44px}.char-detail-name{font-size:18px;margin-bottom:2px}.char-detail-title-text,.char-detail-meta{font-size:11px}.char-detail-meta{gap:6px}.char-detail-body{gap:10px;margin-top:8px}.char-detail-main,.char-detail-side{gap:8px}.adv-stats-panel,.char-detail-stats{gap:6px;margin-bottom:8px}.adv-stat,.stat-item{min-height:70px;padding:8px 6px;border-radius:8px}.adv-label,.stat-label{font-size:10px;margin-bottom:2px}.adv-value{font-size:18px}.adv-sub{margin-top:3px;font-size:9px}.stat-value{font-size:15px}.stat-value.power-val{font-size:14px}.hero-skills-panel{margin-bottom:10px;border-radius:8px}.hero-skill-item{padding:8px}.skill-row{gap:6px;padding:7px 8px}.skill-name-text,.action-btn .btn-label{font-size:12px}.skill-type-badge,.action-btn .btn-cost,.passive-desc,.passive-tag{font-size:10px}.char-detail-art{width:min(100%,160px)}.equip-slots-panel{margin:6px 0;padding:8px}.equip-slots-grid{gap:6px}.equip-slot{min-height:98px;padding:6px;gap:3px}.equip-slot-icon{width:34px;height:34px}.equip-slot-emoji{font-size:18px}.equip-slot-name,.equip-slot-stats,.equip-slot-action,.equip-slot-big-stats,.equip-bag-stats,.equip-shop-stats,.ep-stat{font-size:9px}.equip-slot-action{min-height:22px}.equip-page,.ranking-page,.arena-page,.dungeon-page{width:100%;max-width:100%;padding:0;font-size:12px;overflow-x:hidden}.equip-hero-layout,.dungeon-layout,.arena-layout{grid-template-columns:1fr;gap:10px;width:100%;max-width:100%;min-width:0}.equip-hero-list{max-height:none;display:flex;flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none}.equip-hero-list::-webkit-scrollbar{display:none}.equip-hero-card{flex:0 0 132px;min-width:132px;padding:7px 8px;gap:7px}.equip-hero-icon .hero-avatar{width:26px;height:26px;font-size:20px}.equip-hero-name{font-size:12px}.equip-hero-meta{font-size:10px}.equip-right-panel,.equip-slots-big,.equip-bonus-summary{width:100%;max-width:100%;min-width:0}.equip-hero-card,.dungeon-member-card,.dungeon-slot,.arena-champion-card,.arena-me-card,.arena-stat,.ranking-row,.ranking-table-head{padding:8px}.equip-slot-big,.equip-bag-card,.equip-shop-card,.fragment-card,.dungeon-contrib-card{padding:8px;border-radius:8px}.equip-slot-big-icon,.equip-bag-icon,.equip-shop-icon,.dungeon-char-avatar,.ranking-avatar,.arena-crown{transform:scale(.86)}.equip-bag-grid,.equip-shop-grid,.fragment-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.fragment-card{min-width:0;gap:7px}.fragment-top{grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:start}.fragment-icon{width:32px;height:32px;border-radius:7px;flex:0 0 32px}.fragment-icon .hero-avatar{width:32px;height:32px;font-size:22px}.fragment-main{min-width:0}.fragment-name{font-size:11px;line-height:1.15}.fragment-meta{font-size:9px;line-height:1.2}.fragment-count{grid-column:1 / -1;min-width:0;text-align:right;font-size:12px;line-height:1;margin-top:-2px}.fragment-progress-list{gap:4px}.fragment-progress-row{gap:6px;padding:5px 6px;font-size:10px}.equip-bag-card{min-height:160px}.equip-bag-actions{gap:4px}.equip-bag-btn,.equip-confirm-btn,.equip-slot-big-unequip,.equip-slot-big-enhance,.dungeon-refresh,.dungeon-primary-btn,.dungeon-secondary-btn,.dungeon-danger-btn,.arena-challenge-btn,.arena-refresh{min-height:30px;padding:0 8px;font-size:11px}.equip-confirm-modal,.equip-picker-modal,.offline-modal,.champion-notice-modal{width:min(100%,340px);max-height:calc(100dvh - 28px);padding:12px;border-radius:10px}.ranking-table-head,.ranking-row{grid-template-columns:42px minmax(0,1fr) 64px 44px;gap:6px}.arena-stat strong,.arena-power-box strong,.ranking-rank{font-size:16px}.arena-battle-log,.dungeon-battle-log{max-height:260px;padding:8px}.arena-log-line,.dungeon-log-line{font-size:11px}}.farm-page{display:flex;flex-direction:column;gap:10px;align-items:center;padding-bottom:20px}.farm-topbar{display:flex;gap:20px;background:linear-gradient(135deg,#0000004d,#00000026);backdrop-filter:blur(8px);border-radius:10px;padding:8px 20px;font-size:15px;width:100%;max-width:760px;justify-content:center}.farm-stat{color:#e8d5a0;font-weight:700}.farm-stat.dim{color:#777}.farm-stat.clickable{cursor:pointer}.farm-stat.clickable:hover{color:gold}.farm-canvas-wrap{position:relative}.farm-canvas-wrap canvas{border-radius:12px;cursor:pointer;display:block;border:3px solid rgba(139,105,20,.4);box-shadow:0 4px 24px #00000040}.phaser-container{border-radius:12px;overflow:hidden;border:3px solid rgba(139,105,20,.4);box-shadow:0 4px 24px #00000040}.phaser-container canvas{display:block}.farm-expand-btn{position:absolute;bottom:10px;right:10px;padding:5px 14px;border:none;border-radius:6px;background:#e67e22;color:#fff;cursor:pointer;font-size:12px;z-index:5}.farm-expand-btn:hover{background:#cf6d17}.farm-particle-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:10}.farm-particle{position:absolute;font-size:20px;pointer-events:none;animation:farmParticleFly 1.2s ease-out forwards;animation-delay:var(--delay, 0s);opacity:0}@keyframes farmParticleFly{0%{opacity:1;transform:translate(0) scale(.5)}30%{opacity:1;transform:translate(calc(var(--dx) * .3),calc(var(--dy) * .3)) scale(1.2)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.farm-toolbar{display:flex;gap:6px;background:linear-gradient(135deg,#0000004d,#00000026);backdrop-filter:blur(8px);border-radius:10px;padding:6px 12px;width:100%;max-width:760px;justify-content:center}.farm-toolbar button{padding:8px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0f;color:#ccc;cursor:pointer;font-size:13px;transition:all .15s;display:flex;align-items:center;gap:4px}.farm-toolbar button:hover{background:#ffffff1f;color:#fff}.farm-toolbar button.active{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;font-weight:700;border-color:transparent}.tb-icon{font-size:16px}.farm-panel{width:100%;max-width:760px;background:linear-gradient(135deg,#00000059,#0003);backdrop-filter:blur(8px);border-radius:10px;padding:16px;border:1px solid rgba(255,255,255,.06)}.farm-panel h4{margin:0 0 12px;color:#e8d5a0}.seed-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.seed-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px}.seed-card:hover{border-color:#ffd70066;background:#ffd70014}.seed-card.disabled{opacity:.4;cursor:not-allowed}.seed-card.disabled:hover{border-color:#ffffff14;background:#ffffff0d}.seed-card.highlight{border-color:#ff98004d}.seed-card.highlight:hover{border-color:#ff980099}.seed-icon{font-size:28px;min-width:36px;text-align:center}.seed-info{flex:1}.seed-name{font-size:15px;font-weight:700;color:#e8d5a0}.seed-stats{font-size:12px;color:#999;margin-top:2px}.task-list{display:flex;flex-direction:column;gap:4px}.task-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.task-item:last-child{border-bottom:none}.task-reward{color:gold;font-weight:700;white-space:nowrap}.char-mgmt{display:flex;flex-direction:column;gap:10px}.char-row{display:flex;align-items:center;gap:8px;font-size:14px}.char-name{color:#e8d5a0;font-weight:700}.dim{color:#777}.picker-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;margin-top:12px}.picker-panel h5{margin:0 0 10px;color:#e8d5a0}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.picker-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;cursor:pointer;text-align:center;transition:all .15s}.picker-item:hover{border-color:#ffd7004d;background:#ffd70014}.picker-name{font-size:14px;font-weight:700;color:#e8d5a0}.picker-info{font-size:11px;color:#999;margin-top:2px}.empty-hint{color:#777;font-size:14px;text-align:center;padding:20px 0}.btn-xs{padding:4px 12px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:#ffffff14;color:#ccc;cursor:pointer;font-size:12px;transition:all .15s}.btn-xs:hover{background:#ffffff26;color:#fff}.btn-danger{border-color:#ff50504d;color:#f66}.btn-danger:hover{background:#ff505026}.collection-bar{margin-bottom:8px;padding:8px 12px;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:8px}.collection-text{font-size:13px;color:#ffc107;margin-bottom:4px}.collection-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.collection-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:3px;transition:width .5s ease}.char-card.unowned{opacity:.5;cursor:default;border-style:dashed}.char-card.unowned:hover{opacity:.7;border-color:#fff3}.abyss-page{display:flex;flex-direction:column;gap:20px}.abyss-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.abyss-ticket-bar{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 16px}.abyss-ticket-icon{font-size:20px}.abyss-ticket-count{font-size:22px;font-weight:700;color:var(--gold-light)}.abyss-ticket-label{font-size:13px;color:var(--text-dim)}.abyss-entry-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;text-align:center;display:flex;flex-direction:column;gap:20px}.abyss-entry-desc{line-height:1.8}.abyss-start-btn{padding:14px 48px;font-size:18px;border:none;border-radius:8px;background:linear-gradient(135deg,#9b59b6,#e67e22);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}.abyss-start-btn:hover{transform:scale(1.04);box-shadow:0 0 24px #e67e2266}.abyss-start-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.abyss-battle{background:var(--bg-card);border-radius:12px;padding:60px;text-align:center}.abyss-spin{width:48px;height:48px;border:3px solid var(--border);border-top-color:#e67e22;border-radius:50%;margin:0 auto 16px;animation:abyss-spin .8s linear infinite}.dmg-small{font-size:13px;color:#fff}.dmg-mid{font-size:15px;color:#ffeb3b;font-weight:700}.dmg-big{font-size:18px;color:#ff9800;font-weight:700;text-shadow:0 0 4px rgba(255,152,0,.6)}.dmg-huge{font-size:24px;color:#f44336;font-weight:700;text-shadow:0 0 8px rgba(244,67,54,.8)}@keyframes dmgShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}}.shake{animation:shake .4s ease}.crit-flash{animation:critFlash .15s ease}@keyframes critFlash{0%{filter:brightness(1.5)}to{filter:brightness(1)}}.speed-ctrl{display:flex;gap:2px;position:absolute;top:4px;right:4px;z-index:20}.speed-ctrl button{padding:2px 6px;font-size:10px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#0006;color:#aaa;cursor:pointer}.speed-ctrl button.on{color:#ffc107;border-color:#ffc10780;background:#ffc10726}.mail-page{padding:0 10px}.mail-layout{display:flex;gap:16px;min-height:400px}.mail-list{flex:0 0 260px;background:var(--bg-card);border-radius:8px;overflow:hidden}.mail-item{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.mail-item:hover{background:#ffffff0d}.mail-item.unread{border-left:3px solid #ffc107}.mail-item.active{background:#ffc10714}.mail-item-title{font-size:14px}.mail-item-meta{display:flex;align-items:center;gap:6px}.mail-badge{font-size:11px;background:#e67e22;color:#fff;padding:1px 6px;border-radius:8px}.mail-dot{width:8px;height:8px;border-radius:50%;background:#ffc107}.mail-detail{flex:1;background:var(--bg-card);border-radius:8px;padding:20px}.mail-detail-title{font-size:18px;font-weight:700;color:var(--gold);margin-bottom:4px}.mail-detail-time{font-size:12px;color:#888;margin-bottom:16px}.mail-detail-body{font-size:14px;color:#ccc;line-height:1.6;margin-bottom:16px}.mail-detail-attach{padding:10px 14px;background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:6px;display:flex;align-items:center;gap:12px}.mail-detail-attach.done{color:#8bc34a}.btn-claim{padding:4px 16px;border:none;border-radius:4px;background:#e67e22;color:#fff;cursor:pointer;font-size:13px}.btn-claim:hover{background:#cf6d17}.btn-back{margin-top:16px;padding:4px 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;color:#aaa;cursor:pointer;font-size:13px}.btn-back:hover{color:#fff}.nav-item .mail-badge{font-size:10px;background:#e74c3c;color:#fff;padding:0 5px;border-radius:8px;margin-left:4px}@keyframes abyss-spin{to{transform:rotate(360deg)}}.abyss-loot-effect{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;animation:abyss-flash .3s ease-out}@keyframes abyss-flash{0%{opacity:0}to{opacity:1}}.abyss-light-pillar{width:300px;height:300px;border-radius:50%;animation:abyss-pulse .6s ease-out}@keyframes abyss-pulse{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.abyss-loot-text{font-size:32px;font-weight:700;margin-top:-60px;animation:abyss-text-up .8s ease-out}@keyframes abyss-text-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.abyss-result{background:var(--bg-card);border-radius:12px;padding:32px;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}.abyss-drop-title{font-size:18px;font-weight:700;margin-bottom:12px}.abyss-drop-card{text-align:center}.abyss-drop-item{background:var(--bg-dark);border:2px solid;border-radius:10px;padding:20px 32px}.abyss-drop-name{font-size:18px;font-weight:700}.abyss-drop-quality{font-size:13px;color:var(--text-dim);margin-top:4px}.abyss-miss-card,.abyss-fail-card{background:var(--bg-dark);border-radius:10px;padding:24px}.abyss-miss-card p,.abyss-fail-card p{color:var(--text-dim);margin-top:6px}.abyss-retry-btn{padding:12px 36px;border:none;border-radius:8px;background:var(--gold);color:#111;font-size:16px;font-weight:700;cursor:pointer}.abyss-retry-btn:disabled{opacity:.4;cursor:not-allowed}.abyss-replay{background:var(--bg-card);border-radius:12px;padding:20px}.abyss-replay-header{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--gold-light)}.abyss-log-box{max-height:400px;overflow-y:auto;font-family:monospace;font-size:13px;line-height:1.8;background:#0000004d;border-radius:8px;padding:12px 16px}.abyss-log-box .log-item.win{color:#2ecc71}.abyss-log-box .log-item.fail{color:#e74c3c}.abyss-log-box .log-item.crit{color:#f39c12;font-weight:700}.abyss-log-box .log-item.skill{color:#9b59b6}.abyss-log-box .log-item.heal{color:#2ecc71}.abyss-log-box .log-item.info{color:var(--text-dim)}.abyss-log-box .log-item.dodge{color:#3498db;font-style:italic}