[data-v-36b3a756] .num-scale{color:#c9a227;font-weight:600}[data-v-36b3a756] .num-slash{color:#c9a227}[data-v-36b3a756] .num-fixed{color:#fff;font-weight:500}[data-v-36b3a756] .kw-str{color:#c12444;font-weight:600}[data-v-36b3a756] .kw-agi{color:#7cfc00;font-weight:600}[data-v-36b3a756] .kw-int{color:#4fc3f7;font-weight:600}.selected-card[data-v-577f4fe7]{border-color:var(--gold)!important;box-shadow:0 0 16px #c9a2274d!important}[data-v-577f4fe7] .num-scale,[data-v-577f4fe7] .num-scale-group{color:#c9a227;font-weight:600}[data-v-577f4fe7] .num-fixed{color:#fff;font-weight:500}.pick-active[data-v-5440de83]{border-color:var(--gold)!important;background:#c9a22714!important}.pick-disabled[data-v-5440de83]{opacity:.4;cursor:not-allowed!important}[data-v-5440de83] .num-scale{color:#c9a227;font-weight:600}[data-v-5440de83] .num-fixed{color:#fff;font-weight:500}[data-v-5440de83] .kw-str{color:#c12444;font-weight:600}[data-v-5440de83] .kw-agi{color:#7cfc00;font-weight:600}[data-v-5440de83] .kw-int{color:#4fc3f7;font-weight:600}.tier-legendary[data-v-a6ac36df]{box-shadow:0 0 16px #c9a2271f;border-color:#c9a22780!important}.tier-legendary[data-v-a6ac36df]:hover{box-shadow:0 0 28px #c9a2274d!important}.tier-recipe[data-v-a6ac36df]{box-shadow:0 0 14px #3cb4501a;border-color:#3cb45080!important}.tier-recipe[data-v-a6ac36df]:hover{box-shadow:0 0 24px #3cb45040!important}.tier-eternal[data-v-a6ac36df]{box-shadow:0 0 16px #b450ff1f;border-color:#b450ff80!important}.tier-eternal[data-v-a6ac36df]:hover{box-shadow:0 0 28px #b450ff4d!important}.tier-mystical[data-v-a6ac36df]{box-shadow:0 0 14px #50b4ff1a;border-color:#50b4ff73!important}.tier-mystical[data-v-a6ac36df]:hover{box-shadow:0 0 24px #50b4ff40!important}.requires-section[data-v-a6ac36df]{border-top:1px solid #ffffff14;margin-top:.6rem;padding-top:.5rem}.requires-label[data-v-a6ac36df]{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.4rem;font-size:.7rem}.requires-list[data-v-a6ac36df]{flex-wrap:wrap;gap:.35rem;display:flex}.ingredient-chip[data-v-a6ac36df]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:.3rem;padding:.2rem .45rem .2rem .25rem;display:flex}.ingredient-name[data-v-a6ac36df]{color:var(--text-main);white-space:nowrap;font-size:.75rem}.ingredient-cat[data-v-a6ac36df]{color:var(--text-dim);white-space:nowrap;margin-left:.2rem;font-size:.65rem}.badge-spirit-lodge[data-v-a6ac36df]{color:#7ecf7e;background:#64c86426;border:1px solid #3a6e3a}.badge-mystical[data-v-a6ac36df]{color:#7bbfff;background:#50b4ff1f;border:1px solid #2a5a8a}.badge-eternal[data-v-a6ac36df]{color:#c97bff;background:#b450ff1f;border:1px solid #6a30aa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#08080f;--bg-panel:#10101e;--bg-card:#161628;--bg-card-hover:#1e1e38;--border:#2a2a4a;--border-glow:#5a3a8a;--gold:#c9a227;--gold-light:#e8c060;--crimson:#8b1a1a;--crimson-light:#c33;--purple:#6b21a8;--purple-light:#a855f7;--teal:#0d7377;--teal-light:#14ccc4;--text:#c8c8d8;--text-dim:#7878a0;--text-bright:#eef;--radius:6px;--shadow:0 4px 24px #000000b3}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;line-height:1.6}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:4px}.page{max-width:1440px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-title{color:var(--gold);text-shadow:0 0 24px #c9a22766;margin-bottom:.4rem;font-size:2.2rem;font-weight:700}.page-subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1.05rem}.navbar{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#050510 0%,#0a0a1a 100%);align-items:center;gap:0;padding:0 2rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--gold);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 20px #c9a22799;white-space:nowrap;margin-right:2rem;padding:1rem 0;font-size:1.4rem;font-weight:800}.navbar-links{flex:1;gap:0;display:flex}.navbar-links a{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #0000;padding:1.1rem 1rem;font-size:.88rem;font-weight:600;transition:color .2s,border-bottom .2s}.navbar-links a:hover,.navbar-links a.router-link-active{color:var(--gold);border-bottom-color:var(--gold)}.navbar-links a.router-link-exact-active{color:var(--gold-light);border-bottom-color:var(--gold-light)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,transform .15s,box-shadow .2s}.card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 0 20px #5a3a8a4d}.grid-heroes{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.grid-skills{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.grid-items{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.grid-passives{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.icon-box{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:700;display:flex;overflow:hidden}.icon-box img{object-fit:cover;width:100%;height:100%}.icon-box-lg{width:80px;height:80px;font-size:2rem}.icon-box-xl{border-radius:8px;width:120px;height:120px;font-size:2.8rem}.badge{text-transform:uppercase;letter-spacing:.8px;border-radius:3px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.badge-warrior{color:#f87171;background:#8b1a1a40;border:1px solid #8b1a1a80}.badge-mage{color:#c084fc;background:#6b21a840;border:1px solid #6b21a880}.badge-assassin{color:#94a3b8;background:#0f172a80;border:1px solid #334155}.badge-ranger{color:#4ade80;background:#064e3b40;border:1px solid #064e3b80}.badge-support{color:#38bdf8;background:#07598540;border:1px solid #07598580}.badge-str{color:#f87171;background:#b43c1e33;border:1px solid #b43c1e66}.badge-agi{color:#4ade80;background:#1ea05033;border:1px solid #1ea05066}.badge-int{color:#818cf8;background:#4664c833;border:1px solid #4664c866}.badge-neutral{color:#d4a857;background:#503c144d;border:1px solid #785a1e80}.badge-basic{color:#94a3b8;background:#28283c80;border:1px solid #475569}.badge-recipe{color:#4ade80;background:#1e643240;border:1px solid #1e783c80}.badge-advanced{color:var(--teal-light);border:1px solid var(--teal);background:#1464644d}.badge-legendary{color:var(--gold);background:#7850144d;border:1px solid #a06e1e99}.badge-offensive{color:#fca5a5;background:#8b1a1a33;border:1px solid #8b1a1a66}.badge-support-skill{color:#7dd3fc;background:#07598533;border:1px solid #07598566}.badge-active{color:#c084fc;background:#6b21a833;border:1px solid #6b21a866}.badge-passive-type{color:#86efac;background:#1e501e33;border:1px solid #1e501e66}.badge-ultimate{color:#fb923c;background:#aa501433;border:1px solid #aa501480}.badge-melee{color:#fca5a5;background:#b4323233;border:1px solid #b4323266}.badge-range{color:#60a5fa;background:#1e5aa033;border:1px solid #1e5aa066}.badge-short-range{color:#fcd34d;background:#96780033;border:1px solid #96780066}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.5rem;padding-bottom:0;display:flex}.tab-btn{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.search-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;padding:.5rem 1rem;font-size:.9rem;transition:border-color .2s}.search-input:focus{border-color:var(--border-glow)}.filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--border-glow);color:var(--text)}.filter-btn.active{border-color:var(--gold);color:var(--gold);background:#c9a22726}.stat-bar{background:var(--bg-deep);border-radius:3px;height:6px;overflow:hidden}.stat-fill{border-radius:3px;height:100%;transition:width .4s}.text-gold{color:var(--gold)}.text-crimson{color:var(--crimson-light)}.text-dim{color:var(--text-dim)}.text-bright{color:var(--text-bright)}.text-purple{color:var(--purple-light)}.text-teal{color:var(--teal-light)}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.loading{color:var(--text-dim);text-align:center;padding:4rem;font-size:1.2rem}.section-header{color:var(--gold-light);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:700}.skill-card,.passive-card,.item-card{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.skill-card .info,.passive-card .info,.item-card .info{flex:1;min-width:0}.item-card{flex-wrap:wrap}.item-card .details{width:100%}.skill-card .name,.passive-card .name,.item-card .name{color:var(--text-bright);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.skill-card .desc,.passive-card .desc,.item-card .desc{color:var(--text-dim);font-size:.82rem;line-height:1.5}.skill-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.meta-tag{color:var(--text-dim);align-items:center;gap:3px;font-size:.72rem;display:flex}.meta-tag span{color:var(--text);font-weight:600}.hero-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;display:flex}.hero-card .hero-name{color:var(--text-bright);font-size:.88rem;font-weight:700;line-height:1.2}.hero-card .hero-title{color:var(--text-dim);font-size:.72rem;line-height:1.3}.hero-card .hero-subtitle{color:var(--teal-light);font-size:.72rem;line-height:1.3}.recipe-list{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.recipe-chip{color:var(--purple-light);cursor:pointer;background:#5a3a8a33;border:1px solid #5a3a8a66;border-radius:3px;align-items:center;gap:4px;padding:2px 6px 2px 4px;font-size:.72rem;display:inline-flex}.recipe-chip:hover{background:#5a3a8a59}.item-stats{margin-top:.4rem}.item-stats li{color:var(--teal-light);font-size:.78rem;line-height:1.6;list-style:none}.item-cost{color:var(--gold);font-size:.8rem;font-weight:700}.hero-detail-header{flex-wrap:wrap;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.hero-detail-name{color:var(--text-bright);font-size:2.5rem;font-weight:800;line-height:1}.hero-detail-title{color:var(--gold);margin-top:.25rem;font-size:1.1rem;font-style:italic}.hero-detail-lore{color:var(--text-dim);max-width:600px;margin-top:.75rem;font-size:.95rem;font-style:italic}.hero-skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.hero-skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.hero-skill-card .skill-name{color:var(--text-bright);margin-bottom:.3rem;font-weight:700}.powers-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.hero-nav-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.hero-nav-spacer{flex:1}.hero-nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;flex:1;align-items:center;gap:.9rem;padding:.9rem 1.4rem;font-family:inherit;transition:all .2s;display:flex}.hero-nav-btn:hover{background:var(--bg-card-hover);border-color:var(--gold);color:var(--gold-light);box-shadow:0 0 16px #c9a22726}.hero-nav-next{text-align:right;justify-content:flex-end}.hero-nav-arrow{color:var(--gold);flex-shrink:0;font-size:1.1rem}.hero-nav-label{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hero-nav-label strong{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.hero-nav-hint{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:.72rem}.power-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.power-card .power-name{color:var(--gold-light);margin-bottom:.2rem;font-size:.9rem;font-weight:700}.power-card .power-desc{color:var(--text-dim);font-size:.8rem}.boss-section{background:linear-gradient(135deg,#100008 0%,#0a000f 100%);border:1px solid #3a1a2a;border-radius:8px;padding:2rem}.phase-card{border-left:3px solid var(--crimson);border-radius:0 var(--radius) var(--radius) 0;background:#8b1a1a14;padding:1rem 1.25rem}.phase-card h3{color:var(--crimson-light);margin-bottom:.3rem;font-size:1rem}.phase-threshold{color:var(--text-dim);margin-bottom:.4rem;font-size:.75rem}.ability-card{border-radius:var(--radius);background:#14000a66;border:1px solid #2a1a1a;padding:.75rem 1rem}.ability-card h4{color:#f87171;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.9rem;display:flex}.ability-card p{color:var(--text-dim);font-size:.82rem}.boss-hp-bar .stat-fill{background:linear-gradient(90deg,#8b1a1a,#c33)}.reward-item{color:var(--gold-light);border-bottom:1px solid #2a1a2a;align-items:flex-start;gap:.5rem;padding:.5rem 0;font-size:.88rem;display:flex}.splash{text-align:center;background:radial-gradient(at 50% 60%,#1a0830 0%,#08080f 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.splash:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236b21a8' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.splash-title{color:var(--gold);letter-spacing:4px;text-shadow:0 0 60px #c9a22780,0 0 120px #c9a22733;margin-bottom:.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1}.splash-subtitle{color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem;font-size:clamp(1rem,3vw,1.5rem)}.splash-tagline{color:var(--text);max-width:600px;margin:1rem auto 3rem;font-size:1.1rem}.splash-nav{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.splash-nav-btn{border:1px solid var(--border-glow);border-radius:var(--radius);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;color:var(--text);background:#5a3a8a26;padding:.75rem 2rem;font-size:.9rem;font-weight:700;transition:all .2s}.splash-nav-btn:hover{border-color:var(--purple-light);color:var(--text-bright);background:#5a3a8a59;transform:translateY(-2px);box-shadow:0 4px 20px #5a3a8a66}.splash-nav-btn.primary{border-color:var(--gold);color:var(--gold);background:#c9a22726}.splash-nav-btn.primary:hover{color:var(--gold-light);background:#c9a2274d;box-shadow:0 4px 20px #c9a2274d}.splash-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:4rem;display:flex}.splash-stat{text-align:center}.splash-stat-num{color:var(--gold);font-size:2.5rem;font-weight:800}.splash-stat-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:.75rem}@media (width<=640px){.navbar{gap:0;padding:0 .75rem}.navbar-brand{margin-right:.75rem;font-size:1.1rem}.navbar-links a{padding:1rem .6rem;font-size:.75rem}.page{padding:1.5rem 1rem 3rem}}