.b-hero{border-bottom:1px solid var(--line);background:linear-gradient(115deg,#1a120c,#120f14 45%,#0c1016);position:relative;overflow:hidden}.b-hero:before{content:"";background:radial-gradient(900px 500px at 78% -120px,#cf414138,#0000 60%),radial-gradient(700px 400px at 12% 120%,#e0ab5224,#0000 60%);position:absolute;inset:0}.b-hero .inner{padding:28px 0 22px;position:relative}.b-crumb{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:13.5px;font-weight:600}.b-crumb b{color:var(--blood2)}h1.b-title{color:var(--head);flex-wrap:wrap;align-items:center;gap:13px;margin:.25em 0 .3em;font-size:clamp(24px,4vw,40px);font-weight:800;line-height:1.1;display:flex}h1.b-title .badge{border:2px solid var(--gold);width:52px;height:52px;box-shadow:0 0 18px -4px var(--gold);object-fit:contain;background:#12100a;border-radius:12px}h1.b-title .en{color:var(--gold);font-weight:700}.b-sub{color:var(--muted);margin-bottom:14px;font-size:15px}.b-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.b-tag{background:var(--card2);border:1px solid var(--line2);color:var(--text);border-radius:6px;padding:5px 12px;font-size:13.5px;font-weight:700}.b-tag.hot{color:#f0b8a0;background:linear-gradient(90deg,#3a1410,#2a1810);border-color:#7a2a2a}.b-tag.season{color:var(--gold2);background:linear-gradient(90deg,#2a2010,#1c1810);border-color:#6a5220}.b-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.b-meta b{color:var(--text);font-weight:600}.varbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0c0e14f2;position:sticky;top:58px}.varbar .vrow{gap:6px;padding:9px 0;display:flex;overflow-x:auto}.varbar .vrow::-webkit-scrollbar{display:none}.vtab{white-space:nowrap;border:1px solid var(--line2);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 15px;font-size:14.5px;font-weight:700}.vtab:hover{color:var(--text)}.vtab.on{border-color:var(--gold);color:var(--gold2);background:linear-gradient(90deg,#2a1e10,#1c1810)}@media (width<=760px){.vtab,.pstep{min-height:44px}}.pstep-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.pstep{white-space:nowrap;border:1px solid var(--line2);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:13.5px;font-weight:700}.pstep:hover{color:var(--text)}.pstep.on{border-color:var(--gold);color:var(--gold2);background:linear-gradient(90deg,#2a1e10,#1c1810)}.varinfo{border:1px solid #4a3a20;border-left:3px solid var(--gold);background:linear-gradient(90deg,#1a1510,#171a24);border-radius:12px;margin:22px 0;padding:14px 16px}.varinfo .vh{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.varinfo .vn{color:var(--gold2);font-size:16px;font-weight:800}.varinfo .vw{color:var(--muted);font-size:13.5px}.varinfo .vf{color:var(--text);margin-bottom:8px;font-size:14.5px}.varinfo .vchg{flex-wrap:wrap;gap:6px;display:flex}.varinfo .vchg span{background:var(--card2);border:1px solid var(--line2);color:var(--text);border-radius:5px;padding:3px 9px;font-size:13px}.b-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:32px;padding:24px 0 80px;display:grid}@media (width<=900px){.b-layout{grid-template-columns:1fr}.b-toc{display:none}}.b-toc{position:sticky;top:110px}.b-toc ul{margin:0;padding:0;list-style:none}.b-toc a{border-left:2px solid var(--line);color:var(--muted);padding:8px 12px;font-size:14.5px;font-weight:600;display:block}.b-toc a:hover{color:var(--text);background:var(--card)}section.blk{margin-bottom:42px;scroll-margin-top:120px}.h2{align-items:center;gap:11px;margin:0 0 6px;display:flex}.h2 .ic{width:30px;height:30px;color:var(--gold);background:var(--card2);border:1px solid var(--line2);border-radius:8px;flex:0 0 30px;place-items:center;display:grid}.h2 .ic svg{width:18px;height:18px}.h2 h2{color:var(--head);margin:0;font-size:21px;font-weight:800}.lead{color:var(--muted);margin:0 0 18px;padding-left:41px;font-size:15px}@media (width<=560px){.lead{padding-left:0}}.block-title{color:var(--gold2);border-left:3px solid var(--gold);margin:24px 0 12px;padding-left:11px;font-size:15px;font-weight:800}.proscons{flex-wrap:wrap;gap:10px;display:flex}.pc{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:1;min-width:180px;padding:14px 16px}.pc h4{margin:0 0 8px;font-size:15px}.pc.pros h4{color:var(--r-set)}.pc.cons h4{color:var(--blood2)}.pc ul{margin:0;padding-left:18px;font-size:14.5px}.pc li{margin:3px 0}.buglist{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.buglist li{border:1px solid #5a3a20;border-left:3px solid var(--gold);background:linear-gradient(90deg,#2a1810,#171a24);border-radius:8px;padding:10px 13px;font-size:14.5px}.gear-wrap2{gap:20px;display:grid}.gear-wrap2 .gear-detail{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gear-wrap{grid-template-columns:minmax(0,340px) 1fr;align-items:start;gap:26px;display:grid}@media (width<=820px){.gear-wrap{grid-template-columns:1fr}}.doll{border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0,#181c26,#0e1016);border-radius:16px;padding:18px}.doll-title{text-align:center;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}.doll-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gslot{aspect-ratio:1;cursor:pointer;border:2px solid var(--rc,#3a4152);background:linear-gradient(#1b2029,#12151c);border-radius:12px;place-items:center;display:grid;position:relative}.gslot:hover,.gslot.on{box-shadow:0 0 0 2px var(--rc), 0 0 18px -4px var(--rc);transform:translateY(-2px)}.gslot img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);border-radius:8px;width:74%;height:74%;margin-top:-6px}.gslot .lbl{text-align:center;color:var(--muted);pointer-events:none;background:linear-gradient(#0000,#0a0c10d9 40%);padding-top:8px;font-size:11.5px;font-weight:600;position:absolute;bottom:5px;left:0;right:0}.gslot .rc-dot{background:var(--rc);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.type-고유{--rc:var(--r-unique)}.type-위상{--rc:var(--r-aspect)}.type-전설{--rc:var(--r-legend)}.gear-detail{gap:14px;display:grid}.d4tt{border:1px solid var(--tt-border);background:linear-gradient(#0b0c10,#08090c);border-radius:10px;padding:14px 16px}.d4tt .tt-head{align-items:center;gap:12px;display:flex}.d4tt .tt-ic{border:1px solid var(--rc,#3a4152);background:radial-gradient(circle at 50% 30%,#1c2029,#0c0e12);border-radius:9px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.d4tt .tt-ic img{object-fit:contain;border-radius:7px;width:42px;height:42px}.d4tt .tt-name{color:var(--rc,#fff);font-size:16.5px;font-weight:800;line-height:1.2}.d4tt .tt-en{color:var(--dim);margin-top:1px;font-size:13px}.d4tt .tt-type{color:var(--muted);align-items:center;gap:7px;margin-top:4px;font-size:13px;display:flex}.d4tt .tt-rank{background:color-mix(in srgb, var(--rc,#889) 18%, transparent);color:var(--rc);border:1px solid var(--rc);border-radius:4px;padding:1px 7px;font-size:11.5px;font-weight:800}.d4tt .tt-div{background:linear-gradient(90deg, transparent, var(--tt-border), transparent);height:1px;margin:11px 0}.d4tt .tt-desc{color:var(--affix);font-size:14.5px}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.icard{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.icard.setcard{border-left:3px solid var(--r-set)}.icard .ci{border:2px solid var(--cc,#3a4152);background:radial-gradient(circle at 50% 30%,#232837,#13161e);border-radius:10px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.icard .ci img{object-fit:contain;border-radius:7px;width:40px;height:40px}.icard .ci svg{width:24px;height:24px;color:var(--cc,#8892a6)}.icard .cn{color:var(--head);font-size:15px;font-weight:800}.icard .ce{color:var(--dim);font-size:12.5px}.icard .cd{color:var(--text);margin-top:3px;font-size:13.5px}.icard .setn{color:#58c79a;border:1px solid #3a8a6a;border-radius:4px;margin-left:6px;padding:0 5px;font-size:11.5px;font-weight:700}.icard .setcls{color:var(--muted)}.setbon{gap:5px;margin:6px 0 0;padding:0;list-style:none;display:grid}.setbon li{color:var(--text);padding-left:2px;font-size:13.5px;line-height:1.5}.setbon .bn{color:#58c79a;border:1px solid #3a8a6a;border-radius:4px;margin-right:6px;padding:0 5px;font-size:11.5px;font-weight:800;display:inline-block}.runes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.rune{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--r-magic);border-radius:12px;align-items:center;gap:12px;padding:13px 15px;display:flex}.rune .rimg{gap:4px;display:flex}.rune .rimg img{object-fit:contain;border:1px solid var(--line2);background:#0e1016;border-radius:8px;width:38px;height:38px}.rune .rcombo{color:var(--r-magic);font-size:15px;font-weight:800}.rune .rd{color:var(--text);font-size:13.5px}.actionbar{border:1px solid var(--line);background:linear-gradient(#0c0e13,#12151d);border-radius:16px;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;padding:20px;display:flex}.abslot{text-align:center;width:84px}.abicon{border:2px solid var(--gold);width:62px;height:62px;box-shadow:0 0 14px -4px var(--gold), inset 0 0 12px #00000080;background:radial-gradient(circle at 50% 30%,#242a38,#12151d);border-radius:12px;place-items:center;margin:0 auto;display:grid;position:relative}.abicon img{object-fit:contain;border-radius:9px;width:52px;height:52px}.abkey{color:#0c0e13;background:var(--gold);border-radius:5px;padding:1px 5px;font-size:11.5px;font-weight:800;position:absolute;bottom:-6px;right:-4px}.abname{color:var(--text);margin-top:8px;font-size:13px;font-weight:600;line-height:1.25}.abrole{color:var(--muted);font-size:12px}.skill-list{gap:12px;display:grid}.skcard{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:52px 1fr;gap:15px;padding:15px 17px;display:grid}.skcard .skic{border:2px solid var(--line2);background:radial-gradient(circle at 50% 30%,#232837,#13161e);border-radius:11px;place-items:center;width:52px;height:52px;display:grid}.skcard .skic img{object-fit:contain;border-radius:8px;width:46px;height:46px}.skcard .skhd{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.skcard .sknm{color:var(--head);font-size:16px;font-weight:800}.skcard .sken{color:var(--dim);font-size:13px}.skcard .skrole{color:var(--gold2);background:#e0ab521f;border-radius:5px;padding:2px 9px;font-size:13px;font-weight:700}.pill{white-space:nowrap;border-radius:5px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:800}.pill.auto{color:#7fd18f;background:#46965a29;border:1px solid #3d6b48}.pill.manual{color:var(--blood2);background:#cf414124;border:1px solid #6a2b2b}.skcard .skuse{color:var(--text);font-size:14.5px}.rotation{counter-reset:r;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.rotation li{background:var(--card);border:1px solid var(--line);counter-increment:r;border-radius:10px;padding:10px 14px 10px 44px;font-size:14.5px;position:relative}.rotation li:before{content:counter(r);background:var(--blood);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tree{gap:14px;display:grid}.cluster{grid-template-columns:120px 1fr;align-items:start;gap:14px;display:grid}@media (width<=560px){.cluster{grid-template-columns:1fr}}.cl-label{color:#fff;background:var(--clc,#334);text-align:center;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:800}.cl-nodes{flex-wrap:wrap;gap:10px;display:flex}.tnode{background:var(--card);border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;min-width:190px;padding:9px 12px;display:flex}.tnode.on{border-color:var(--gold)}.tnode .ti{border:2px solid var(--clc,#3a4152);background:#13161e;border-radius:9px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.tnode .ti img{object-fit:contain;border-radius:6px;width:34px;height:34px}.tnode .tn{color:var(--head);font-size:14.5px;font-weight:700}.tnode .tr{color:var(--muted);font-size:12.5px}.keyp{background:linear-gradient(90deg,#241a2e,#171a24);border:1px solid #4a3a6a;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:12px 15px;display:flex}.keyp .kk{color:#b98cf0;font-size:13px;font-weight:800}.boons{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.boon{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--bc,var(--teal));border-radius:14px;padding:16px}.boon .bh{align-items:center;gap:11px;margin-bottom:10px;display:flex}.boon .banim{border:2px solid var(--bc,var(--teal));background:radial-gradient(circle at 50% 35%,#20303a,#0e1016);border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.boon .banim svg{width:26px;height:26px;color:var(--bc,var(--teal))}.boon .bname{color:var(--head);font-size:15px;font-weight:800}.boon .ben{color:var(--dim);font-size:12.5px}.boon .bp{border-top:1px solid var(--line);padding:6px 0;font-size:14px}.boon .bp b{color:var(--gold2)}.boon .bp span{color:var(--muted)}.glyphs{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:8px;display:grid}.glyph{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.glyph .gd{border:2px solid var(--gold);background:linear-gradient(135deg,#2a2012,#12100a);border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;transform:rotate(45deg)}.glyph .gd img{object-fit:contain;width:30px;height:30px;transform:rotate(-45deg)}.glyph .gn{color:var(--gold2);font-size:15px;font-weight:800}.glyph .gdesc{color:var(--text);font-size:13.5px}.rush{border:1px solid #4a5a2a;border-left:3px solid var(--r-set);background:linear-gradient(90deg,#1a1e12,#171a24);border-radius:12px;padding:14px 16px;font-size:14.5px}.rar-legend{flex-wrap:wrap;justify-content:center;gap:15px;margin:10px 0;display:flex}.rar-legend span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.rar-legend i{border-radius:3px;width:11px;height:11px}