@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#121520;--bg-secondary:#181c2a;--bg-card:#202538;--bg-card-hover:#293047;--border-color:#313852;--border-hover:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-cyan:#38bdf8;--brand-blue:#0ea5e9;--accent-gold:#fbbf24;--accent-blue:#60a5fa;--danger-red:#ef4444;--success-green:#22c55e;--tag-main-fg:#22c55e;--tag-main-bg:#22c55e1f;--tag-main-active-bg:#16a34a;--tag-main-border:#22c55e52;--tag-main-ring:#22c55e24;--tag-sub-fg:#facc15;--tag-sub-bg:#facc151f;--tag-sub-active-bg:#ca8a04;--tag-sub-border:#facc1557;--tag-sub-ring:#facc1524;--tag-boss-fg:#c084fc;--tag-boss-bg:#c084fc21;--tag-boss-active-bg:#9333ea;--tag-boss-border:#c084fc57;--tag-boss-ring:#c084fc24;--bg-avatar-frame:#0d111a80;--border-avatar-frame:#243454cc;--font-sans:"Outfit", "Noto Sans KR", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-glow:0 0 20px #38bdf826;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#f1f5f9;--bg-card-hover:#e2e8f0;--border-color:#cbd5e1;--border-hover:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--brand-cyan:#0ea5e9;--brand-blue:#2563eb;--accent-gold:#d97706;--accent-blue:#2563eb;--danger-red:#ef4444;--success-green:#16a34a;--tag-main-fg:#15803d;--tag-main-bg:#dcfce7;--tag-main-active-bg:#16a34a;--tag-main-border:#86efac;--tag-main-ring:#16a34a29;--tag-sub-fg:#a16207;--tag-sub-bg:#fef3c7;--tag-sub-active-bg:#d97706;--tag-sub-border:#facc15;--tag-sub-ring:#ca8a042e;--tag-boss-fg:#7e22ce;--tag-boss-bg:#f3e8ff;--tag-boss-active-bg:#9333ea;--tag-boss-border:#c084fc;--tag-boss-ring:#9333ea29;--bg-avatar-frame:#f1f5f999;--border-avatar-frame:#cbd5e1cc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-glow:0 0 20px #2563eb14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-blue)}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#050810bf;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}:root[data-theme=light] .modal-overlay{background-color:#0f172a66}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg), 0 0 30px #38bdf80d;transition:background-color var(--transition-normal), border-color var(--transition-normal);border-radius:16px;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;overflow-y:auto}.modal-content.comparison-mode{max-width:960px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag-tone-main{--tag-fg:var(--tag-main-fg);--tag-bg:var(--tag-main-bg);--tag-bg-active:var(--tag-main-active-bg);--tag-border:var(--tag-main-border);--tag-ring:var(--tag-main-ring)}.tag-tone-sub{--tag-fg:var(--tag-sub-fg);--tag-bg:var(--tag-sub-bg);--tag-bg-active:var(--tag-sub-active-bg);--tag-border:var(--tag-sub-border);--tag-ring:var(--tag-sub-ring)}.tag-tone-boss{--tag-fg:var(--tag-boss-fg);--tag-bg:var(--tag-boss-bg);--tag-bg-active:var(--tag-boss-active-bg);--tag-border:var(--tag-boss-border);--tag-ring:var(--tag-boss-ring)}.btn{cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-sans);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn:disabled:hover{box-shadow:none;transform:none}.btn-primary{background:var(--brand-blue);color:#fff;box-shadow:0 4px 12px #0ea5e933}:root[data-theme=light] .btn-primary{box-shadow:0 4px 12px #2563eb26}.btn-primary:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e94d}:root[data-theme=light] .btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 16px #2563eb40}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{background:var(--danger-red);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.character-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1.25rem;padding:2.2rem 1.25rem 1.25rem;display:flex;position:relative}.character-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow), var(--shadow-lg);background-color:var(--bg-card-hover);z-index:10;transform:translateY(-5px)}.card-header{font-family:var(--font-sans);justify-content:space-between;align-items:center;display:flex}.char-name-lvl{align-items:center;gap:.4rem;max-width:80%;display:flex}.char-lvl{color:var(--text-secondary);flex-shrink:0;font-size:.85rem;font-weight:500}.char-name-container{align-items:center;display:inline-flex;position:relative}.char-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:1.15rem;font-weight:700;overflow:hidden}.char-name-tooltip{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--shadow-lg), 0 0 10px #38bdf826;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;border-radius:6px;padding:.35rem .6rem;font-size:.75rem;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:130%;left:50%;transform:translate(-50%)translateY(5px)}.char-name-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--bg-secondary) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.char-name-container:hover .char-name-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.char-world{color:var(--accent-blue);white-space:nowrap;background-color:#60a5fa1a;border:1px solid #60a5fa33;border-radius:4px;flex-shrink:0;padding:.1rem .35rem;font-size:.7rem;font-weight:500}.char-job{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8rem}.card-meta-row{justify-content:space-between;align-items:center;gap:.5rem;min-height:24px;display:flex}.owner-badge{text-overflow:ellipsis;white-space:nowrap;max-width:46%;color:var(--accent-blue);background-color:color-mix(in srgb, var(--accent-blue) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-blue) 25%, transparent);border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex;overflow:hidden}.tag-list{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;display:flex}.tag-list span{color:var(--tag-fg,var(--brand-cyan));background-color:var(--tag-bg,color-mix(in srgb, var(--brand-cyan) 10%, transparent));border:1px solid var(--tag-border,color-mix(in srgb, var(--brand-cyan) 22%, transparent));border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.char-avatar-container{border:1.5px dashed var(--border-avatar-frame);background-color:var(--bg-avatar-frame);height:240px;transition:all var(--transition-normal);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.character-card:hover .char-avatar-container{border-color:var(--brand-cyan)}.char-avatar{object-fit:contain;max-width:120%;max-height:120%;transition:transform var(--transition-slow);transform:scale(1.6)}.character-card:hover .char-avatar{transform:scale(1.75)}.char-avatar-placeholder{color:var(--text-muted);font-size:.85rem}.card-stats{flex-direction:column;gap:.75rem;display:flex}.stat-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.stat-label{color:var(--text-secondary);align-items:center;gap:.4rem;display:flex}.stat-icon{color:var(--text-muted)}.stat-value{font-weight:600;font-family:var(--font-sans)}.combat-power{color:var(--accent-gold)}.exp-section-row{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:.25rem;display:flex}.exp-progress-wrapper{flex-direction:column;flex:1;gap:.35rem;display:flex}.exp-text-row{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:500;display:flex}.exp-label{color:var(--text-secondary)}.exp-percent{color:var(--brand-cyan);font-weight:600;font-family:var(--font-sans)}.exp-progress-track{background-color:var(--border-color);border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.exp-progress-fill{background:linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-cyan) 100%);height:100%;transition:width var(--transition-slow);border-radius:999px}.sparkline-section{background-color:#1e293b33;border:1px solid #ffffff08;border-radius:8px;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.5rem;display:flex}[data-theme=light] .sparkline-section{background-color:#f1f5f9cc;border:1px solid #00000005}.sparkline-axis-dates{color:var(--text-muted);font-size:.65rem;font-weight:500;font-family:var(--font-sans);justify-content:space-between;align-items:center;display:flex}.trend-title-text{color:var(--text-secondary);letter-spacing:.02em;font-size:.65rem;font-weight:600}.sparkline-chart-container{align-items:center;width:100%;display:flex;position:relative}.sparkline-svg{overflow:visible}.sparkline-no-data{color:var(--text-muted);border:1px solid var(--border-color);white-space:nowrap;text-align:center;border-radius:4px;padding:.2rem .4rem;font-size:.7rem}.sparkline-tooltip{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-lg), 0 0 10px #38bdf826;z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;flex-direction:column;align-items:center;gap:.1rem;min-width:65px;padding:.35rem .5rem;font-size:.75rem;transition:left .1s ease-out;display:flex;position:absolute}.tooltip-date{color:var(--text-muted);font-size:.6rem;font-weight:500}.tooltip-values{justify-content:center;align-items:center;gap:.3rem;display:flex}.tooltip-lvl{font-size:.7rem;font-weight:700}.tooltip-exp{color:var(--brand-cyan);font-size:.7rem;font-weight:700}.card-buttons{grid-template-columns:1fr;gap:.5rem;display:grid}.card-btn-detail,.card-btn-candidate{padding:.65rem .5rem;font-size:.85rem}.card-btn-candidate.active{border-color:var(--brand-cyan);color:var(--brand-cyan);background-color:color-mix(in srgb, var(--brand-cyan) 12%, var(--bg-card))}.card-quick-actions{opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-normal);z-index:10;gap:.4rem;display:flex;position:absolute;top:.75rem;right:1.25rem;transform:translateY(-5px)}.character-card:hover .card-quick-actions{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.quick-action-btn{cursor:pointer;width:26px;height:26px;transition:all var(--transition-fast);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.quick-action-btn:hover{color:#fff;transform:scale(1.08)}.quick-action-btn.refresh{background-color:color-mix(in srgb, var(--brand-cyan) 12%, transparent);border-color:color-mix(in srgb, var(--brand-cyan) 35%, transparent);color:var(--brand-cyan)}.quick-action-btn.refresh:hover{background-color:var(--brand-cyan);border-color:var(--brand-cyan);color:#fff}.quick-action-btn.edit{background-color:color-mix(in srgb, var(--brand-blue) 12%, transparent);border-color:color-mix(in srgb, var(--brand-blue) 35%, transparent);color:var(--brand-blue)}.quick-action-btn.edit:hover{background-color:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.quick-action-btn.delete{background-color:color-mix(in srgb, var(--danger-red) 12%, transparent);border-color:color-mix(in srgb, var(--danger-red) 35%, transparent);color:var(--danger-red)}.quick-action-btn.delete:hover{background-color:var(--danger-red);border-color:var(--danger-red);color:#fff}.character-card.card-loading{pointer-events:none;opacity:.85;border-color:var(--brand-cyan);animation:1.5s ease-in-out infinite cardPulse;position:relative;box-shadow:0 0 15px #22d3ee40}.card-quick-actions.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@keyframes cardPulse{0%{border-color:#22d3ee66;box-shadow:0 0 15px #22d3ee26}50%{border-color:var(--brand-cyan);box-shadow:0 0 25px #22d3ee73}to{border-color:#22d3ee66;box-shadow:0 0 15px #22d3ee26}}.spin{animation:1s linear infinite spin}.char-drag-handle{color:var(--text-muted);cursor:grab;transition:color var(--transition-fast);align-items:center;margin-right:2px;display:inline-flex}.character-card:hover .char-drag-handle{color:var(--brand-cyan)}.char-drag-handle:active{cursor:grabbing}.character-card.dragging{opacity:.35;border:1.5px dashed var(--brand-cyan);background-color:var(--bg-primary);box-shadow:none;transform:scale(.98)}.modal-close-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:20;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:#fff;background-color:#ffffff14}.detail-modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(#151e3366 0%,#12192900 100%);align-items:center;gap:1.5rem;padding:2rem 2rem 1.5rem;display:flex}.detail-header-avatar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:96px;height:96px;padding:4px;display:flex;overflow:hidden}.detail-header-avatar img{object-fit:contain;max-width:140%;max-height:140%;transform:scale(1.6)}.detail-header-info{flex-direction:column;gap:.4rem;display:flex}.detail-name-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.detail-lvl{color:var(--text-secondary);font-size:.95rem;font-weight:500;font-family:var(--font-sans)}.detail-header-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.detail-world{color:var(--accent-blue);background-color:#60a5fa1a;border:1px solid #60a5fa33;border-radius:4px;padding:.15rem .5rem;font-size:.85rem;font-weight:500}.detail-job-badge{color:var(--brand-cyan);background-color:#38bdf826;border:1px solid #38bdf84d;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:500}.detail-power-row{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.icon-gold,.text-gold{color:var(--accent-gold)}.detail-header-actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}.btn-detail-refresh{cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-detail-refresh:hover:not(:disabled){background-color:var(--bg-card-hover);border-color:var(--brand-cyan);color:var(--brand-cyan);transform:translateY(-1px)}.btn-detail-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-preset-toggle{cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-preset-toggle:hover{background-color:var(--bg-card-hover);border-color:var(--brand-cyan);color:var(--brand-cyan);transform:translateY(-1px)}.detail-tab-content{padding:2rem;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem;display:flex}.stat-box.highlight{background-color:#38bdf808;border-color:#38bdf833}.stat-box .stat-name{color:var(--text-secondary);font-size:.75rem}.stat-box .stat-num{color:var(--text-primary);font-size:1.05rem;font-weight:700}.stat-box.highlight .stat-num{color:var(--brand-cyan)}.modal-section-title{color:var(--text-primary);align-items:center;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.equip-list-preview{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem;display:grid}@media (width<=600px){.equip-list-preview{grid-template-columns:1fr}}.equip-item-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.3rem 0;font-size:.85rem;display:flex}.equip-item-row:last-child{border-bottom:none}.eq-label{color:var(--text-secondary)}.eq-val{color:var(--text-primary);font-weight:500}.modal-content.detail-preset-mode{width:95%;max-width:920px}.preset-sub-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#050810b3;border-radius:16px;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:absolute;inset:0}.preset-sub-modal{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:380px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;box-shadow:0 10px 25px #00000080,0 0 20px #38bdf80d}.sub-modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.sub-modal-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.sub-modal-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;display:flex}.sub-modal-close:hover{color:var(--text-primary);background-color:#ffffff0d}.sub-modal-body{flex-direction:column;gap:1rem;display:flex}.preset-radio-group{flex-direction:column;gap:.5rem;display:flex}.group-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.radio-options{flex-wrap:wrap;gap:.4rem;display:flex}.radio-label{background-color:var(--bg-primary);border:1px solid var(--border-color);min-width:60px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.45rem .5rem;font-size:.75rem;font-weight:500;display:flex}.radio-label input[type=radio]{display:none}.radio-label:hover{background-color:#38bdf80d;border-color:#38bdf84d}.radio-label.active{background-color:color-mix(in srgb, var(--brand-cyan) 12%, transparent);border-color:var(--brand-cyan);color:var(--brand-cyan);font-weight:700;box-shadow:0 0 10px #38bdf81a}.detail-main-layout{flex-direction:column;gap:1.5rem;max-height:calc(90vh - 160px);padding:2rem;display:flex;overflow-y:auto}.detail-top-section{justify-content:center;width:100%;display:flex}.detail-top-section .info-card-section{width:100%;max-width:480px}.detail-bottom-section{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.detail-bottom-left,.detail-bottom-right{flex-direction:column;gap:1.25rem;display:flex}@media (width<=768px){.detail-main-layout{max-height:none;padding:1rem}.detail-bottom-section{grid-template-columns:1fr}}.info-card-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.section-title-row{color:var(--text-primary);border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.ability-display-list{flex-direction:column;gap:.6rem;display:flex}.ability-row{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.ability-grade-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.ability-row.grade-레전더리,.ability-row.grade-legendary{background-color:#22c55e08;border-color:#22c55e33}.ability-row.grade-레전더리 .ability-grade-badge,.ability-row.grade-legendary .ability-grade-badge{color:#22c55e;background-color:#22c55e26;border:1px solid #22c55e4d}.ability-row.grade-유니크,.ability-row.grade-unique{background-color:#facc1508;border-color:#facc1533}.ability-row.grade-유니크 .ability-grade-badge,.ability-row.grade-unique .ability-grade-badge{color:#facc15;background-color:#facc1526;border:1px solid #facc154d}.ability-row.grade-에픽,.ability-row.grade-epic{background-color:#c084fc08;border-color:#c084fc33}.ability-row.grade-에픽 .ability-grade-badge,.ability-row.grade-epic .ability-grade-badge{color:#c084fc;background-color:#c084fc26;border:1px solid #c084fc4d}.ability-row.grade-레어,.ability-row.grade-rare{background-color:#94a3b808;border-color:#94a3b833}.ability-row.grade-레어 .ability-grade-badge,.ability-row.grade-rare .ability-grade-badge{color:#94a3b8;background-color:#94a3b826;border:1px solid #94a3b84d}.ability-value-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.hyper-display-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width<=480px){.hyper-display-grid{grid-template-columns:1fr}}.hyper-stat-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.hyper-type{color:var(--text-secondary);font-size:.8rem;font-weight:500}.hyper-lvl{color:var(--brand-cyan);font-size:.8rem;font-weight:700}.link-display-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}@media (width<=480px){.link-display-grid{grid-template-columns:1fr}}.link-skill-item{background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:help;transition:background-color var(--transition-fast);border-radius:8px;align-items:center;gap:.6rem;padding:.5rem;display:flex}.link-skill-item:hover{background-color:var(--bg-card-hover);border-color:var(--brand-cyan)}.link-skill-icon{background-color:var(--bg-card);object-fit:contain;border-radius:6px;width:28px;height:28px}.link-skill-placeholder{background-color:var(--border-color);border-radius:6px;width:28px;height:28px}.link-skill-info{flex-direction:column;display:flex}.link-skill-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.link-skill-lvl{color:var(--brand-cyan);font-size:.7rem;font-weight:600}.union-header-summary{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.union-sum-item{background-color:color-mix(in srgb, var(--brand-cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand-cyan) 25%, transparent);border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem;display:flex}.sum-label{color:var(--text-secondary);font-size:.65rem}.sum-val{color:var(--brand-cyan);font-size:.9rem;font-weight:700}.union-effect-list{flex-direction:column;gap:.4rem;max-height:200px;padding-right:.25rem;display:flex;overflow-y:auto}.union-effect-row{background-color:var(--bg-primary);border:1px solid var(--border-color);border-left:3px solid var(--brand-cyan);border-radius:6px;padding:.45rem .6rem}.effect-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}.no-preset-data{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.75rem}.btn-preset-confirm{color:#fff;letter-spacing:.5px;cursor:pointer;width:100%;transition:all var(--transition-fast);background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 12px #06b6d433}.btn-preset-confirm:hover{background:linear-gradient(135deg,#22d3ee 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 16px #06b6d459}.btn-preset-confirm:active{transform:translateY(1px);box-shadow:0 2px 8px #06b6d426}.equip-inventory-wrapper{background-color:var(--bg-card-hover);border:1px solid var(--border-color);box-shadow:inset 0 1px 3px #ffffff0d, var(--shadow-md);border-radius:12px;margin-top:.5rem;overflow:hidden}.inventory-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex}.inventory-tab{text-align:center;font-size:.8rem;font-weight:700;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:.6rem 0;transition:all .15s}.inventory-tab:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--brand-cyan) 6%, transparent)}.inventory-tab.active{background-color:var(--bg-card-hover);color:var(--brand-cyan);border-bottom-color:var(--brand-cyan)}.inventory-tab.disabled{opacity:.4;cursor:not-allowed}.cash-equipment-panel,.pet-equipment-panel{background-color:var(--bg-card-hover);min-height:300px;padding:.85rem}.cash-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.cash-item-card{border:1px solid var(--border-color);background-color:var(--bg-primary);min-width:0;transition:border-color var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast);border-radius:8px;align-items:flex-start;gap:.65rem;padding:.65rem;display:flex}.cash-item-card:hover{border-color:color-mix(in srgb, var(--brand-cyan) 45%, var(--border-color));background-color:var(--bg-card);transform:translateY(-1px)}.cash-item-icon-wrap,.pet-icon-wrap,.pet-equipment-icon{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.cash-item-icon-wrap{width:44px;height:44px}.cash-item-icon,.pet-icon,.pet-equipment-icon{object-fit:contain;width:100%;height:100%}.cash-item-icon{padding:5px}.cash-item-icon-placeholder,.pet-icon-placeholder,.pet-equipment-icon.placeholder{background-color:color-mix(in srgb, var(--text-muted) 22%, transparent);border-radius:5px;width:24px;height:24px}.cash-item-meta{flex-direction:column;gap:.18rem;min-width:0;display:flex}.cash-item-part,.pet-slot,.pet-section-label{color:var(--brand-cyan);letter-spacing:0;font-size:.66rem;font-weight:800}.cash-item-name{color:var(--text-primary);word-break:keep-all;overflow-wrap:anywhere;font-size:.82rem;font-weight:800;line-height:1.25}.cash-item-sub,.cash-item-expire{color:var(--text-muted);font-size:.68rem}.cash-item-label{border:1px solid color-mix(in srgb, var(--accent-gold) 32%, transparent);background-color:color-mix(in srgb, var(--accent-gold) 10%, transparent);width:fit-content;color:var(--accent-gold);border-radius:999px;padding:.12rem .38rem;font-size:.65rem;font-weight:700}.cash-item-options,.pet-option-list,.pet-skill-list{flex-direction:column;gap:.16rem;margin-top:.18rem;display:flex}.cash-item-options span,.pet-option-list span,.pet-skill-list span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.68rem;line-height:1.35}.pet-card-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.pet-card{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px;flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.pet-card-header{align-items:center;gap:.75rem;display:flex}.pet-icon-wrap{width:56px;height:56px}.pet-icon{padding:4px}.pet-name-block{flex-direction:column;gap:.12rem;min-width:0;display:flex}.pet-name-block strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:.9rem;line-height:1.25}.pet-name-block span:not(.pet-slot){color:var(--text-muted);font-size:.72rem}.pet-equipment-box,.pet-skill-box,.pet-empty-box{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;padding:.6rem}.pet-equipment-content{align-items:flex-start;gap:.55rem;margin-top:.45rem;display:flex}.pet-equipment-icon{width:36px;height:36px;padding:3px}.pet-equipment-content strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:.78rem;line-height:1.3}.pet-empty-box{color:var(--text-muted);text-align:center;font-size:.72rem}.pet-skill-box{flex-direction:column;gap:.35rem;display:flex}.inventory-empty-state{min-height:280px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.78rem;display:flex}.set-effect-panel{border:1px solid var(--border-color);background-color:var(--bg-card-hover);border-radius:10px;margin-top:.85rem;padding:.85rem}.set-effect-header{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.65rem;display:flex}.set-effect-header span{color:var(--text-primary);font-size:.82rem;font-weight:800}.set-effect-header small{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.set-effect-list{overscroll-behavior:contain;flex-direction:column;gap:.55rem;max-height:220px;padding-right:.25rem;display:flex;overflow-y:auto}.set-effect-card{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px;padding:.65rem}.set-effect-title{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.45rem;display:flex}.set-effect-title strong{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;font-size:.8rem;line-height:1.3}.set-effect-title span{border:1px solid color-mix(in srgb, var(--brand-cyan) 28%, transparent);background-color:color-mix(in srgb, var(--brand-cyan) 10%, transparent);color:var(--brand-cyan);border-radius:999px;flex:none;padding:.12rem .42rem;font-size:.66rem;font-weight:800}.set-effect-options{flex-direction:column;gap:.32rem;display:flex}.set-effect-option{grid-template-columns:42px 1fr;align-items:start;gap:.45rem;display:grid}.set-effect-option span{color:var(--accent-gold);white-space:nowrap;font-size:.66rem;font-weight:800}.set-effect-option p,.set-effect-empty{color:var(--text-secondary);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:.72rem;line-height:1.45}.equip-inventory-grid{background-color:var(--bg-card-hover);grid-template-rows:repeat(6,45px);grid-template-columns:repeat(5,1fr);gap:5px;padding:.85rem;display:grid}.slot-item-icon{object-fit:contain;z-index:2;width:30px;height:30px;transition:transform .15s}.equip-slot:hover .slot-item-icon{transform:scale(1.15)}.stats-grid.compact{grid-template-columns:repeat(4,1fr);gap:.5rem}.stat-box.compact{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:.45rem .25rem;display:flex}.stat-box.compact .stat-name{color:var(--text-muted);font-size:.65rem}.stat-box.compact .stat-num{font-size:.85rem;font-weight:700}.equip-avatar-area{background-color:#15182199;border:1px solid #ffffff08;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.equip-avatar-img{object-fit:contain;z-index:2;max-width:180%;max-height:180%;transform:scale(1.8)translateY(-4px)}.avatar-aura{z-index:1;background:radial-gradient(circle,#38bdf826 0%,#38bdf800 70%);border-radius:50%;width:85px;height:85px;animation:2.5s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.9)}}.equip-slot{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:help;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.equip-slot-inner{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex}.equip-slot-inner.empty{opacity:.25}.slot-placeholder{color:#8c9bb4;text-align:center;text-transform:uppercase;font-size:.55rem;font-weight:700;line-height:1.1}.slot-item-name{color:#fff;text-align:center;white-space:pre-wrap;font-size:.6rem;font-weight:700;line-height:1.25}.slot-starforce{color:var(--accent-gold);margin-top:1px;font-size:.55rem;font-weight:700}.equip-slot.grade-legendary{background-color:#22c55e0d;border-color:#22c55e;box-shadow:inset 0 0 6px #22c55e26,0 0 4px #22c55e1a}.equip-slot.grade-legendary:hover{border-color:#4ade80;box-shadow:inset 0 0 10px #22c55e4d,0 0 8px #22c55e40}.equip-slot.grade-unique{background-color:#facc150d;border-color:#facc15;box-shadow:inset 0 0 6px #facc1526,0 0 4px #facc151a}.equip-slot.grade-unique:hover{border-color:#fde047;box-shadow:inset 0 0 10px #facc154d,0 0 8px #facc1540}.equip-slot.grade-epic{background-color:#c084fc0d;border-color:#c084fc;box-shadow:inset 0 0 6px #c084fc26,0 0 4px #c084fc1a}.equip-slot.grade-epic:hover{border-color:#d8b4fe;box-shadow:inset 0 0 10px #c084fc4d,0 0 8px #c084fc40}.equip-slot.grade-rare{background-color:#38bdf80d;border-color:#38bdf8;box-shadow:inset 0 0 6px #38bdf81a,0 0 4px #38bdf80d}.equip-slot.grade-rare:hover{border-color:#7dd3fc;box-shadow:inset 0 0 8px #38bdf833,0 0 6px #38bdf826}.equip-slot.grade-normal{background-color:#4b55630d;border-color:#4b5563}.equip-slot.grade-normal:hover{border-color:#9ca3af}.equip-slot.empty:hover{border-color:var(--brand-cyan);background-color:#38bdf80a}.equip-tooltip-box{width:330px;max-height:calc(100vh - 24px);font-family:var(--font-sans);color:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b873 #0f172aa6;background-color:#0c101a;border:2px solid #2f3a52;border-radius:6px;padding:1rem;transition:opacity .1s;overflow-y:auto;box-shadow:0 10px 25px #000000bf,0 0 15px #00000080}.equip-tooltip-box::-webkit-scrollbar{width:6px}.equip-tooltip-box::-webkit-scrollbar-track{background:#0f172aa6}.equip-tooltip-box::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.equip-tooltip-box.grade-legendary{border-color:#22c55e;box-shadow:0 10px 30px #22c55e26,0 0 15px #0009}.equip-tooltip-box.grade-unique{border-color:#facc15;box-shadow:0 10px 30px #facc1526,0 0 15px #0009}.equip-tooltip-box.grade-epic{border-color:#c084fc;box-shadow:0 10px 30px #c084fc26,0 0 15px #0009}.equip-tooltip-box.grade-rare{border-color:#38bdf8;box-shadow:0 10px 30px #38bdf826,0 0 15px #0009}.item-detail-sheet-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0508109e;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.item-detail-sheet{color:#fff;background-color:#0c101a;border:2px solid #2f3a52;border-radius:14px 14px 10px 10px;width:min(420px,100%);max-height:min(82vh,760px);animation:.18s ease-out itemSheetIn;overflow:hidden;box-shadow:0 -14px 36px #0000008c,0 0 20px #00000073}.item-detail-sheet.grade-legendary{border-color:#22c55e}.item-detail-sheet.grade-unique{border-color:#facc15}.item-detail-sheet.grade-epic{border-color:#c084fc}.item-detail-sheet.grade-rare{border-color:#38bdf8}.item-detail-sheet-header{background-color:#ffffff0a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .95rem;display:flex}.item-detail-sheet-header span{color:#e2e8f0;font-size:.86rem;font-weight:700}.item-detail-sheet-header button{color:#e2e8f0;cursor:pointer;background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.item-detail-sheet-body{overscroll-behavior:contain;max-height:calc(min(82vh,760px) - 54px);padding:1rem;overflow-y:auto}@keyframes itemSheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=769px){.item-detail-sheet-overlay{align-items:center}.item-detail-sheet{border-radius:10px}}.tooltip-stars{flex-direction:column;justify-content:center;align-items:center;gap:.18rem;margin-bottom:.5rem;display:flex}.tooltip-star-row{justify-content:center;gap:.45rem;display:flex}.tooltip-star-group{gap:2px;display:inline-flex}.tooltip-star{color:var(--accent-gold);text-shadow:0 0 3px #fbbf2499;font-size:.75rem}.tooltip-item-name-row{text-align:center;margin-bottom:.75rem}.tooltip-item-name{color:#fff;margin:0;font-size:1rem;font-weight:700}.equip-tooltip-box.grade-legendary .tooltip-item-name{color:#22c55e}.equip-tooltip-box.grade-unique .tooltip-item-name{color:#facc15}.equip-tooltip-box.grade-epic .tooltip-item-name{color:#c084fc}.equip-tooltip-box.grade-rare .tooltip-item-name{color:#38bdf8}.item-detail-sheet.grade-legendary .tooltip-item-name{color:#22c55e}.item-detail-sheet.grade-unique .tooltip-item-name{color:#facc15}.item-detail-sheet.grade-epic .tooltip-item-name{color:#c084fc}.item-detail-sheet.grade-rare .tooltip-item-name{color:#38bdf8}.tooltip-grade-badge{color:var(--text-muted);margin-top:.15rem;font-size:.65rem;display:block}.tooltip-divider{border-top:1px dashed #ffffff26;margin:.75rem 0}.tooltip-body-main{align-items:center;gap:1rem;display:flex}.tooltip-item-icon-wrapper{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:52px;height:52px;padding:4px;display:flex}.tooltip-item-icon{object-fit:contain;width:100%;height:100%}.tooltip-icon-placeholder{background-color:#ffffff0d;border-radius:4px;width:32px;height:32px}.tooltip-item-meta{color:var(--text-secondary);text-align:left;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.meta-label{color:var(--text-muted)}.tooltip-stats-list{flex-direction:column;gap:.35rem;display:flex}.tooltip-stat-row{font-size:.75rem;font-family:var(--font-sans);justify-content:space-between;align-items:center;display:flex}.tooltip-stat-label{color:#c8d4e6;font-weight:500}.tooltip-stat-val{color:#fff;text-align:right;font-weight:700}.tooltip-stat-breakdown{color:var(--text-muted);font-size:.65rem;font-weight:400}.text-add{color:#10b981}.text-etc{color:#3b82f6}.text-star{color:#eab308}.tooltip-potentials-section{text-align:left;background-color:#ffffff06;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:.25rem;padding:.55rem .65rem;font-size:.75rem;display:flex}.potentials-title{margin-bottom:.2rem;font-size:.75rem;font-weight:700}.tooltip-potentials-section.potential-grade-legendary .potentials-title{color:#22c55e}.tooltip-potentials-section.potential-grade-unique .potentials-title{color:#facc15}.tooltip-potentials-section.potential-grade-epic .potentials-title{color:#c084fc}.tooltip-potentials-section.potential-grade-rare .potentials-title{color:#38bdf8}.tooltip-potentials-section.potential-grade-normal .potentials-title{color:#cbd5e1}.potential-line{color:#e2e8f0;padding-left:.25rem}.tooltip-potentials-section.potential-grade-legendary{background-color:#22c55e0d;border-color:#22c55e47}.tooltip-potentials-section.potential-grade-unique{background-color:#facc150d;border-color:#facc1547}.tooltip-potentials-section.potential-grade-epic{background-color:#c084fc0d;border-color:#c084fc47}.tooltip-potentials-section.potential-grade-rare{background-color:#38bdf80d;border-color:#38bdf847}.tooltip-fallback-info{text-align:center;color:var(--text-muted);font-size:.7rem}.fallback-note{color:var(--brand-cyan);margin-top:.2rem;font-weight:600}.edit-modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-blue) 16%, transparent), transparent 55%), var(--bg-card);padding:1.5rem 2rem}.edit-modal-header h2{color:var(--text-primary);font-size:1.35rem;font-weight:700}.edit-form{flex-direction:column;max-height:75vh;display:flex}.form-sections-container{background-color:var(--bg-secondary);flex-direction:column;gap:1.25rem;padding:2rem;display:flex;overflow-y:auto}.form-section{background-color:color-mix(in srgb, var(--bg-card) 72%, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.section-title{color:var(--brand-cyan);border-bottom:1px solid #38bdf826;padding-bottom:.4rem;font-size:.95rem;font-weight:600}.form-row{gap:1rem;width:100%;display:flex}.form-field{flex-direction:column;flex:1;gap:.4rem;display:flex}.form-field label{color:var(--text-primary);font-size:.8rem;font-weight:700}.form-field input,.form-field select{background-color:color-mix(in srgb, var(--bg-primary) 72%, var(--bg-card-hover));border:1px solid color-mix(in srgb, var(--border-color) 75%, var(--brand-blue));color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:all var(--transition-fast);border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.95rem}.form-field input::placeholder,.input-with-button input::placeholder{color:color-mix(in srgb, var(--text-secondary) 88%, var(--text-primary));opacity:1}.form-field input:focus,.form-field select:focus{border-color:var(--brand-blue);background-color:var(--bg-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-blue) 22%, transparent)}.tag-select-group{flex-wrap:wrap;gap:.5rem;display:flex}.tag-select{border:1px solid var(--tag-border,var(--border-color));background-color:var(--tag-bg,var(--bg-card));min-height:38px;color:var(--tag-fg,var(--text-secondary));font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.tag-select:hover,.tag-select.active{background-color:var(--tag-bg-active,var(--tag-bg,var(--bg-card-hover)));border-color:var(--tag-fg,var(--border-hover));color:var(--tag-fg,var(--text-primary));box-shadow:0 0 0 3px var(--tag-ring,transparent)}.tag-select.active{color:#fff;background-color:var(--tag-bg-active,var(--tag-fg,var(--brand-blue)));box-shadow:0 0 0 3px var(--tag-ring,transparent), 0 8px 18px #0000002e;border-width:2px;transform:translateY(-1px)}.tag-select.active svg{stroke-width:3px}.required{color:var(--danger-red);margin-left:.15rem}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=600px){.form-grid-3{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column;gap:1rem}}.edit-form-footer{border-top:1px solid var(--border-color);background-color:#0d111a4d;justify-content:flex-end;gap:.75rem;padding:1.25rem 2rem;display:flex}.edit-form-footer .btn{padding:.65rem 1.5rem}.input-with-button{gap:.5rem;width:100%;display:flex}.input-with-button input{background-color:color-mix(in srgb, var(--bg-primary) 72%, var(--bg-card-hover));border:1px solid color-mix(in srgb, var(--border-color) 75%, var(--brand-blue));color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:8px;outline:none;flex:1;padding:.65rem .85rem;font-size:.95rem}.input-with-button input:focus{border-color:var(--brand-blue);background-color:var(--bg-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-blue) 22%, transparent)}.btn-fetch-api{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex;padding:.65rem 1.2rem!important;font-size:.875rem!important}.nickname-label{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:700}.avatar-preview-section{background:radial-gradient(circle at top, color-mix(in srgb, var(--brand-cyan) 10%, transparent), transparent 55%), var(--bg-avatar-frame);border:1.5px dashed color-mix(in srgb, var(--border-avatar-frame) 75%, var(--brand-cyan));height:300px;transition:all var(--transition-normal);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.avatar-preview-placeholder{color:var(--text-muted);text-align:center;font-size:.9rem;line-height:1.6}.avatar-preview-placeholder .sub-text{margin-top:.25rem;font-size:.8rem}.avatar-preview-loading{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:1rem;font-size:.9rem;display:flex}.spinner{border:3.5px solid #38bdf826;border-top-color:var(--brand-cyan);border-radius:50%;width:32px;height:32px}.avatar-preview-display{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-image{object-fit:contain;max-width:190px;max-height:190px;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;transform:scale(1.6)}.preview-meta{border:1px solid var(--border-color);background-color:#00000026;border-radius:20px;gap:.75rem;margin-top:1.5rem;padding:.35rem 1rem;font-size:1rem;font-weight:600;display:flex}:root[data-theme=light] .preview-meta{background-color:#fffc}.preview-lvl{color:var(--brand-cyan)}.preview-job{color:var(--text-secondary)}:root[data-theme=light] .edit-modal-header{background:linear-gradient(135deg,#2563eb1f,#0ea5e90d 48%,#fff 100%);border-bottom-color:#dbeafe}:root[data-theme=light] .edit-form,:root[data-theme=light] .form-sections-container{background-color:#fff}:root[data-theme=light] .form-section{background-color:#f8fbff;border-color:#d9e6f5;box-shadow:0 1px 2px #0f172a0a}:root[data-theme=light] .form-field label,:root[data-theme=light] .nickname-label{color:#334155}:root[data-theme=light] .form-field input,:root[data-theme=light] .form-field select,:root[data-theme=light] .input-with-button input{color:#0f172a;background-color:#fff;border-color:#94a3b8;box-shadow:inset 0 1px #0f172a08}:root[data-theme=light] .form-field input::placeholder,:root[data-theme=light] .input-with-button input::placeholder{color:#64748b;opacity:1}:root[data-theme=light] .form-field input:hover,:root[data-theme=light] .form-field select:hover,:root[data-theme=light] .input-with-button input:hover{border-color:#64748b}:root[data-theme=light] .form-field input:focus,:root[data-theme=light] .form-field select:focus,:root[data-theme=light] .input-with-button input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}:root[data-theme=light] .tag-select{background-color:#fff}:root[data-theme=light] .tag-select.active{color:#fff;background-color:var(--tag-bg-active,var(--tag-fg,#2563eb));box-shadow:0 0 0 3px var(--tag-ring,transparent), 0 8px 18px #0f172a1f}:root[data-theme=light] .avatar-preview-section{background:radial-gradient(circle at top,#0ea5e914,#0000 58%),#f8fbff;border-color:#cbdff3}:root[data-theme=light] .avatar-preview-placeholder{color:#64748b}:root[data-theme=light] .avatar-preview-placeholder .sub-text,:root[data-theme=light] .avatar-preview-loading{color:#475569}:root[data-theme=light] .edit-form-footer{background-color:#f8fbff;border-top-color:#d9e6f5}:root[data-theme=light] .modal-close-btn{color:#475569;background-color:#ffffffc7;border:1px solid #94a3b873}:root[data-theme=light] .modal-close-btn:hover{color:#0f172a;background-color:#fff;border-color:#94a3b8}.comparison-table-wrapper{border:1px solid var(--border-color);background-color:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:8px;overflow-x:auto}.comparison-table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle;white-space:nowrap;padding:.8rem .75rem;font-size:.82rem}.comparison-table th{z-index:1;background-color:var(--bg-card);color:var(--text-secondary);font-weight:700;position:sticky;top:0}.comparison-table tbody tr{transition:background-color var(--transition-fast)}.comparison-table tbody tr:hover,.comparison-table tbody tr.selected{background-color:color-mix(in srgb, var(--brand-cyan) 8%, transparent)}.comparison-table tbody tr:last-child td{border-bottom:none}.compare-character-cell{align-items:center;gap:.8rem;min-width:220px;display:flex}.compare-avatar-frame{background-color:var(--bg-avatar-frame);border:1px solid var(--border-avatar-frame);border-radius:8px;flex:none;justify-content:center;align-items:center;width:82px;height:82px;display:flex;overflow:hidden}.compare-avatar-frame img{object-fit:contain;width:125%;height:125%;transform:scale(1.45)translateY(-2px)}.compare-character-cell div{flex-direction:column;gap:.15rem;display:flex}.compare-character-cell strong{color:var(--text-primary);white-space:nowrap;font-size:.9rem}.compare-character-cell span,.comparison-table .muted{color:var(--text-muted);font-size:.72rem}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.numeric.highlight{color:var(--accent-gold);font-weight:700}.compare-preset-controls{align-items:center;gap:.25rem;min-width:190px;display:flex}.compare-preset-select{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:6px;align-items:center;gap:.16rem;min-width:0;padding:.16rem .22rem;display:inline-flex}.compare-preset-select span{color:var(--text-muted);white-space:nowrap;font-size:.66rem;font-weight:700}.compare-preset-select select{background-color:var(--bg-primary);width:34px;height:24px;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);border:0;border-radius:4px;outline:none;font-size:.72rem;font-weight:700}.compare-preset-select select:hover,.compare-preset-select select:focus{background-color:var(--bg-card-hover)}.candidate-toggle,.compare-actions button{border:1px solid var(--border-color);background-color:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.candidate-toggle.active,.candidate-toggle:hover,.compare-actions button:hover{background-color:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.compare-tags{flex-wrap:nowrap;gap:.3rem;min-width:110px;display:flex}.compare-tags span:not(.muted){color:var(--tag-fg,var(--brand-cyan));background-color:var(--tag-bg,color-mix(in srgb, var(--brand-cyan) 12%, transparent));border:1px solid var(--tag-border,color-mix(in srgb, var(--brand-cyan) 25%, transparent));border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.compare-actions{gap:.35rem;display:flex}.dashboard-wrapper{flex-direction:column;gap:2rem;display:flex}.dashboard-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.title-section{flex-direction:column;gap:.5rem;display:flex}.dashboard-title{letter-spacing:-.05em;background:linear-gradient(135deg,#c084fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #8b5cf659);text-shadow:0 0 20px #6366f133;-webkit-background-clip:text;font-size:2.25rem;font-weight:700}.status-indicator{align-items:center;gap:.6rem;display:flex}.indicator-dot{background-color:var(--brand-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--brand-cyan);border-radius:50%;display:inline-block}.status-text{color:var(--text-secondary);font-size:.85rem}.refresh-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.refresh-btn:hover{color:var(--brand-cyan);background:#38bdf814}.refresh-btn:disabled{cursor:not-allowed}.refresh-icon{transition:transform var(--transition-normal)}.refresh-btn.refreshing .refresh-icon{color:var(--brand-cyan)}.actions-section{align-items:center;gap:.75rem;display:flex}.theme-toggle-btn,.btn-add{padding:.6rem 1.2rem;font-size:.875rem}.dashboard-controls{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.view-tabs{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;gap:.35rem;padding:.25rem;display:inline-flex}.view-tab{color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.view-tab:hover,.view-tab.active{background-color:var(--brand-blue);color:#fff}.filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-row label{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:flex}.filter-row select{background-color:var(--bg-card);border:1px solid var(--border-color);min-width:128px;color:var(--text-primary);font-family:var(--font-sans);border-radius:6px;outline:none;padding:.48rem .65rem}.filter-row select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-blue) 16%, transparent)}.party-candidate-panel{border:1px solid color-mix(in srgb, var(--brand-cyan) 28%, transparent);background-color:color-mix(in srgb, var(--brand-cyan) 8%, var(--bg-secondary));border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.party-candidate-panel>div:first-child{flex-direction:column;gap:.15rem;display:flex}.party-candidate-panel strong{color:var(--text-primary);font-size:.92rem}.party-candidate-panel span{color:var(--text-secondary);font-size:.76rem}.party-candidate-list{flex-wrap:wrap;gap:.5rem;display:flex}.party-candidate-chip{border:1px solid color-mix(in srgb, var(--brand-cyan) 35%, transparent);background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;display:inline-flex}.party-candidate-chip:hover{border-color:var(--brand-cyan);color:var(--brand-cyan)}.party-candidate-chip small{color:var(--text-muted);font-size:.68rem}.cards-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cards-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.actions-section,.dashboard-controls,.filter-row,.filter-row label,.view-tabs{width:100%}.view-tab{flex:1;justify-content:center}.filter-row select{flex:1}.btn-add{width:100%}}.empty-dashboard{background-color:var(--bg-secondary);border:1px dashed var(--border-color);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:2rem auto;padding:5rem 2rem;display:flex}.empty-icon{color:var(--text-muted);margin-bottom:1.5rem}.empty-dashboard h2{color:var(--text-primary);margin-bottom:.5rem}.empty-dashboard p{color:var(--text-secondary);max-width:400px;font-size:.95rem}.empty-dashboard.compact{margin:0 auto;padding:3rem 2rem}.owner-groups{flex-direction:column;gap:2rem;display:flex}.owner-group{flex-direction:column;gap:1rem;display:flex}.owner-group-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.owner-group-header h2{color:var(--text-primary);font-size:1.2rem}.owner-group-header span{color:var(--text-secondary);font-size:.82rem}.refresh-failures{color:var(--text-secondary);background-color:#ef444414;border:1px solid #ef444447;border-radius:8px;flex-direction:column;gap:.35rem;padding:.85rem 1rem;font-size:.82rem;display:flex}.refresh-failures strong{color:var(--danger-red);font-size:.9rem}.mt-4{margin-top:1.5rem}.dashboard-footer{text-align:center;border-top:1px solid #24345480;flex-direction:column;align-items:center;gap:.5rem;margin-top:4rem;padding-top:1.5rem;display:flex}.footer-note{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.inline-icon{color:var(--brand-cyan)}.footer-copyright{color:var(--text-muted);font-size:.75rem}.footer-font-credit{color:var(--text-muted);opacity:.75;margin-top:.2rem;font-size:.7rem}