:root{--bg:#05090e;--bg-2:#0a141d;--panel:#0c1a26;--panel-2:#10222f;--panel-hi:#16303f;--border:#21404f;--border-2:#2b5163;--gold:#c8aa6e;--gold-bright:#f0e6d2;--gold-dim:#8a6d34;--gold-deep:#785a28;--gold-border:#463714;--bronze:#b98a4b;--teal:#0ac8b9;--teal-dim:#0a4f52;--text:#e4ddca;--text-muted:#a3b1bd;--text-dim:#6a7d8c;--accent:#e0a020;--accent-bright:#f0b93a;--accent-dim:#b4791a;--link:#f0b93a;--link-visited:#c9a866;--tier-s:#ff4e50;--tier-a:#f0a848;--tier-b:#4aa3e0;--tier-c:#8a97a3;--tree-off:#b0303a;--tree-def:#c39b3f;--tree-uti:#2f8fb8;--maxw:1120px;--font:"Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", system-ui, sans-serif;--font-display:"Cinzel", "Marcellus", "Pretendard", serif;--font-serif:"Marcellus", "Cinzel", "Pretendard", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all;background:radial-gradient(1200px 520px at 50% -8%, #12303f 0%, transparent 62%), linear-gradient(180deg, #070f16 0%, var(--bg) 60%), var(--bg);margin:0;font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(60deg,#c8aa6e07 0 1px,#0000 1px 26px),repeating-linear-gradient(-60deg,#c8aa6e07 0 1px,#0000 1px 26px);position:fixed;inset:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1{color:var(--gold-bright);letter-spacing:-.01em;margin:0 0 .5em;font-size:1.5rem;font-weight:800}h2{color:var(--gold);letter-spacing:.02em;margin:0;font-size:1.06rem;font-weight:700}h3{color:var(--gold);margin:1.4em 0 .5em;font-size:1rem;font-weight:700}p{margin:0 0 .9em}strong{color:var(--gold-bright);font-weight:700}hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}ul,ol{margin:.6em 0;padding-left:1.3em}li{margin:.25em 0}code{border:1px solid var(--border);color:var(--gold);background:#08131b;border-radius:3px;padding:.05em .4em;font-size:.9em}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}main{padding:18px 0 72px}.ornate{position:relative}.ornate:before,.ornate:after{content:"";border:2px solid var(--gold-dim);pointer-events:none;z-index:3;width:20px;height:20px;position:absolute}.ornate:before{border-bottom:0;border-right:0;top:7px;left:7px}.ornate:after{border-top:0;border-left:0;bottom:7px;right:7px}.site-header{z-index:100;backdrop-filter:blur(6px);border-bottom:1px solid var(--gold-border);background:linear-gradient(#0c1c28f7,#081118f7);position:sticky;top:0;box-shadow:0 1px #c8aa6e24,0 6px 18px #0000008c}.site-header .container{align-items:center;gap:14px;max-width:1440px;min-height:60px;display:flex}.brand{white-space:nowrap;flex-direction:row;align-items:center;gap:10px;line-height:1;display:flex}.brand-mark{flex-shrink:0}.brand-text{flex-direction:column;display:flex}.brand .brand-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-bright);text-shadow:0 1px 8px #c8aa6e40;font-size:1.42rem;font-weight:800}.brand small{font-family:var(--font);color:var(--gold-dim);letter-spacing:.22em;text-transform:uppercase;margin-top:4px;font-size:.56rem;font-weight:600}.brand:hover{text-decoration:none}.brand:hover .brand-name{color:#fff}.nav{scrollbar-width:none;flex-wrap:nowrap;flex:auto;gap:2px;min-width:0;margin-left:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;border-radius:3px;padding:7px 9px;font-size:.84rem;font-weight:700}.nav a:hover{color:var(--gold-bright);background:#c8aa6e1f;text-decoration:none}.nav a.active{color:var(--gold-bright)}.lang-switch{flex-wrap:nowrap;flex:none;gap:1px;display:flex}.lang-switch a{color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;border-radius:3px;padding:5px 7px;font-size:.76rem;font-weight:700}.lang-switch a:hover{color:var(--gold-bright);background:#c8aa6e1a;text-decoration:none}.lang-switch a.active{color:var(--gold-bright);background:#c8aa6e29}@media (width<=1339px){.brand small{display:none}.nav a{padding:7px 8px;font-size:.8rem}}@media (width<=640px){.site-header .container{flex-wrap:wrap;gap:8px 14px;height:auto;padding-top:8px;padding-bottom:8px}.nav{order:3;width:100%;margin-left:0}.lang-switch{margin-left:auto}}.box{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--border);border-radius:3px;margin-bottom:16px;position:relative;box-shadow:inset 0 1px #c8aa6e0f,0 2px 10px #00000059}.box-pad{padding:16px 18px}.sec-title{border-bottom:1px solid var(--gold-border);background:linear-gradient(#123044,#0a1a25);border-radius:3px 3px 0 0;align-items:center;gap:10px;padding:11px 16px;display:flex}.sec-title:before{content:"";background:linear-gradient(180deg, var(--gold-bright), var(--gold-dim));border-radius:1px;width:3px;height:17px;box-shadow:0 0 6px #c8aa6e80}.sec-title h2{font-family:var(--font)}.sec-title .sub{color:var(--text-dim);letter-spacing:.02em;margin-left:auto;font-size:.78rem;font-weight:600}.crumb{color:var(--text-dim);margin:2px 0 14px;font-size:.82rem}.crumb a{color:var(--gold)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border:1px solid var(--border);vertical-align:middle;padding:8px 12px}th{color:var(--gold);white-space:nowrap;background:#0d1f2b;font-weight:700}tbody tr:nth-child(2n) td{background:#ffffff04}.masthead{border:1px solid var(--gold-border);background-color:#060d13;border-radius:4px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #000000b3,0 4px 22px #00000080}.mh-mosaic{z-index:0;flex-wrap:wrap;align-content:flex-start;display:flex;position:absolute;inset:0}.mh-mosaic img{object-fit:cover;filter:saturate(.7)brightness(.62);flex:1 0 auto;width:72px;height:72px}.masthead:after{content:"";z-index:1;background-image:linear-gradient(#060b11ad 0%,#060b11cc 52%,#060b11f5 100%),radial-gradient(120% 85% at 50% -5%,#163a4a6b,#0000 68%);position:absolute;inset:0}.mh-inner{z-index:2;text-align:center;padding:46px 24px 40px;position:relative}.mh-eyebrow{font-family:var(--font-display);letter-spacing:.42em;color:var(--gold);text-transform:uppercase;text-indent:.42em;text-shadow:0 2px 12px #000000e6;font-size:.82rem;font-weight:700}.mh-title{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.02em;text-shadow:0 3px 20px #000000f2,0 0 40px #c8aa6e26;margin:10px 0 0;font-size:clamp(1.9rem,5vw,3rem);font-weight:800;line-height:1.08}.mh-sub{font-family:var(--font-serif);color:#e7dfce;text-shadow:0 2px 10px #000000e6;max-width:640px;margin:14px auto 0;font-size:clamp(.95rem,2.2vw,1.12rem)}.mh-rule{color:var(--gold-dim);justify-content:center;align-items:center;gap:12px;margin:20px 0 0;display:flex}.mh-rule:before,.mh-rule:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));width:88px;height:1px}.mh-rule:after{background:linear-gradient(270deg, transparent, var(--gold-dim))}.mh-diamond{background:var(--gold);width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 8px #c8aa6e99}@media (width<=560px){.mh-inner{padding:32px 16px 28px}}.shelf-head{align-items:baseline;gap:12px;margin:26px 2px 12px;display:flex}.shelf-head .eyebrow{font-family:var(--font-display);letter-spacing:.24em;color:var(--gold-dim);text-transform:uppercase;font-size:.72rem;font-weight:700}.shelf-head h2{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.02em;font-size:1.28rem;font-weight:800}.shelf-head .rule{background:linear-gradient(90deg, var(--gold-border), transparent);flex:1;align-self:center;height:1px}.shelf-head .more{color:var(--gold);align-self:center;font-size:.82rem;font-weight:600}.fullbleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.featured-shelf{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=820px){.featured-shelf{grid-template-columns:repeat(3,1fr)}}.fcard{aspect-ratio:3/4.05;border:1px solid var(--gold-border);background:#060d13;border-radius:5px;transition:border-color .14s,transform .14s,box-shadow .14s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000080,0 3px 14px #00000073}.fcard:hover{border-color:var(--gold);text-decoration:none;transform:translateY(-3px);box-shadow:inset 0 0 36px #0006,0 12px 28px #0009}.fcard-art{filter:saturate(.9)brightness(.88);background-position:top;background-size:cover;transition:transform .5s,filter .2s;position:absolute;inset:0}.fcard:hover .fcard-art{filter:saturate(1.02)brightness();transform:scale(1.05)}.fcard:after{content:"";background:linear-gradient(#0000 38%,#04080d80 62%,#04080df5);position:absolute;inset:0}.fcard-tier{z-index:2;font-family:var(--font-display);text-align:center;color:#120a04;border-radius:3px;min-width:1.5em;padding:1px 6px;font-size:.8rem;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0000008c}.fcard-tier.t-S{background:var(--tier-s);color:#fff}.fcard-tier.t-A{background:var(--tier-a)}.fcard-tier.t-B{background:var(--tier-b);color:#fff}.fcard-tier.t-C{background:var(--tier-c)}.fcard-body{z-index:2;flex-direction:column;gap:2px;padding:11px 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.fcard-lane{letter-spacing:.13em;text-transform:uppercase;color:var(--gold-dim);font-size:.66rem;font-weight:700}.fcard-name{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.01em;text-shadow:0 2px 10px #000000eb;font-size:1.14rem;font-weight:800;line-height:1.1}.fcard:hover .fcard-name{color:#fff}@media (width<=480px){.featured-shelf{grid-template-columns:repeat(2,1fr);gap:9px}.fcard-name{font-size:1.02rem}}.nostalgia-zone{border-top:1px solid var(--gold-border);border-bottom:1px solid var(--gold-border);background:radial-gradient(120% 80% at 50% 0,#14344447,#0000 62%),linear-gradient(#081119 0%,#060c12 100%);margin-top:42px;padding:4px 0 34px;box-shadow:inset 0 20px 44px #00000073,inset 0 -12px 30px #0000004d}.nostalgia-zone .shelf-head{margin-top:22px}.video-shelf{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;display:grid}.vcard{border:1px solid var(--border);background:linear-gradient(180deg, var(--panel-2), var(--bg-2));border-radius:4px;overflow:hidden}.vthumb{aspect-ratio:16/9;cursor:pointer;background:#000;display:block;position:relative;overflow:hidden}.vthumb img{object-fit:cover;filter:saturate(.92)brightness(.9);width:100%;height:100%;transition:transform .4s,filter .2s;display:block}.vthumb:hover img{filter:saturate()brightness();transform:scale(1.05)}.vthumb:after{content:"";background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.vplay{z-index:2;background:#b41e23eb;border-radius:9px;justify-content:center;align-items:center;width:58px;height:40px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0009}.vthumb:hover .vplay{background:#e01f26;transform:translate(-50%,-50%)scale(1.06)}.vplay:before{content:"";border:9px solid #0000;border-left:15px solid #fff;border-right-width:0;margin-left:3px}.vmeta{padding:10px 12px 12px}.vtag{letter-spacing:.08em;text-transform:uppercase;border-radius:3px;margin-bottom:6px;padding:2px 7px;font-size:.64rem;font-weight:800;display:inline-block}.vtag.montage{color:#ffd9a0;background:#c8782829;border:1px solid #7a4c1e}.vtag.humor{color:#a9e6ff;background:#328cbe29;border:1px solid #1e5674}.vtitle{color:var(--gold-bright);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.vnote{color:var(--text-muted);margin:5px 0 0;font-size:.78rem}.vchan{color:var(--text-dim);margin-top:6px;font-size:.72rem}.vmodal{z-index:300;justify-content:center;align-items:center;padding:6vh 20px;display:flex;position:fixed;inset:0}.vmodal[hidden]{display:none}.vmodal-backdrop{backdrop-filter:blur(4px);cursor:pointer;background:#03070be6;position:absolute;inset:0}.vmodal-inner{z-index:2;width:min(980px,100%);position:relative}.vmodal-frame{aspect-ratio:16/9;border:1px solid var(--gold-border);background:#000;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #000000bf,0 0 0 1px #c8aa6e1f}.vmodal-frame>div,.vmodal-frame iframe{border:0;width:100%;height:100%;display:block}.vmodal-cap{color:var(--gold-bright);text-align:center;text-shadow:0 1px 6px #000c;margin:13px 2px 0;font-size:.95rem;font-weight:600}.vmodal-close{border:1px solid var(--gold-border);cursor:pointer;background:#0a141de6;border-radius:50%;width:36px;height:36px;position:absolute;top:-44px;right:0}.vmodal-close:before,.vmodal-close:after{content:"";background:var(--gold);width:16px;height:2px;position:absolute;top:50%;left:50%}.vmodal-close:before{transform:translate(-50%,-50%)rotate(45deg)}.vmodal-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.vmodal-close:hover{border-color:var(--gold);background:#1e303ff2}@media (width<=560px){.vmodal-close{top:-40px}}.champ-browser{padding:16px}.cb-controls{margin-bottom:15px}.cb-controls input{box-sizing:border-box;width:100%;font-family:var(--font);border:1px solid var(--border-2);color:var(--text);background-color:#08131b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238a6d34' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:13px;background-repeat:no-repeat;border-radius:6px;padding:11px 14px 11px 40px;font-size:.98rem;transition:border-color .12s,box-shadow .12s}.cb-controls input::placeholder{color:var(--text-dim)}.cb-controls input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e0a02026}.cb-roles{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.rolebtn{font-family:var(--font);cursor:pointer;border:1px solid var(--border-2);color:var(--text-muted);background:#0b1922;border-radius:3px;padding:6px 14px;font-size:.86rem;font-weight:600}.rolebtn:hover{border-color:var(--gold-dim);color:var(--gold)}.rolebtn.active{background:linear-gradient(180deg, var(--accent-bright), var(--accent-dim));border-color:var(--accent);color:#1a1206}.cg-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px 8px;display:grid}.cg-cell{text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 9px;display:flex}.cg-cell:hover{background:#c8aa6e12;text-decoration:none}.cg-cell[hidden]{display:none}.cg-portrait{line-height:0;display:block;position:relative}.cg-portrait:after{content:"";pointer-events:none;border-radius:3px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0006}.cg-portrait img{border:1px solid var(--border-2);border-radius:3px;width:68px;height:68px;transition:border-color .12s,transform .12s,box-shadow .12s}.cg-cell:hover .cg-portrait img{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 14px #0000008c}.cg-badge{z-index:2;background:linear-gradient(180deg, var(--gold-bright), var(--gold-dim));color:#1a1206;border:1.5px solid var(--bg-2);border-radius:999px;padding:1px 5px;font-size:.6rem;font-weight:800;position:absolute;top:-5px;right:-5px}.cg-name{color:var(--text);font-size:.83rem;font-weight:700;line-height:1.15}.cg-role{color:var(--text-dim);font-size:.68rem}.cb-empty{text-align:center;color:var(--text-muted);padding:34px 0}@media (width<=480px){.cg-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.cg-portrait img{width:58px;height:58px}}.tier{min-width:1.5em;height:1.5em;font-family:var(--font-display);color:#120a04;border-radius:2px;justify-content:center;align-items:center;padding:0 .32em;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 1px 4px #0006}.tier-S{background:var(--tier-s);color:#fff}.tier-A{background:var(--tier-a)}.tier-B{background:var(--tier-b);color:#fff}.tier-C{background:var(--tier-c)}.hero{border:1px solid var(--gold-border);background-color:#070f16;border-radius:4px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0000008c,0 3px 16px #00000080}.hero:before{content:"";background-image:var(--splash);filter:blur(28px)saturate(1.05)brightness(.9);background-position:50% 20%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.15)}.hero:after{content:"";background:linear-gradient(90deg,#070f16 0%,#080f16e0 38%,#080f1673 100%);position:absolute;inset:0}.hero-body{z-index:1;flex-wrap:wrap;align-items:center;gap:18px 26px;min-height:120px;padding:20px;display:flex;position:relative}.hero-portrait{border:2px solid var(--gold);border-radius:4px;flex-shrink:0;width:90px;height:90px;box-shadow:0 0 0 1px #000,0 4px 16px #000000b3}.hero-meta{min-width:0}.hero-namerow{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.hero-meta h1{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 2px 14px #000000e6;margin:0;font-size:clamp(1.5rem,4vw,2rem)}.hero-sub{color:#d3dbe2;text-shadow:0 1px 6px #000000e6;margin:6px 0 0;font-size:.94rem}.hero-alias{color:var(--text-dim);text-shadow:0 1px 6px #000000e6;margin:4px 0 0;font-size:.8rem}.hero-tier{font-family:var(--font-display);letter-spacing:.04em;color:#120a04;border-radius:3px;padding:2px 9px;font-size:.82rem;font-weight:800}@media (width<=560px){.hero:after{background:linear-gradient(90deg,#070f16 0%,#080f16eb 60%,#080f169e 100%)}.hero-body{gap:13px;min-height:0;padding:16px 14px}.hero-portrait{width:68px;height:68px}}.pos-tabs{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pos-tab{font-family:var(--font);cursor:pointer;border:1px solid var(--border-2);color:var(--text-muted);background:#060e14c7;border-radius:4px;align-items:center;gap:7px;padding:6px 14px 6px 10px;font-size:.88rem;font-weight:700;display:inline-flex}.pos-tab:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.pos-tab.active{background:linear-gradient(180deg, var(--accent-bright), var(--accent-dim));border-color:var(--accent);color:#1a1206;box-shadow:0 2px 8px #e0a02059}.pos-tab .pos-svg{display:block}.pos-tab:not(.active) .pos-svg{color:var(--gold)}.pos-panel[hidden]{display:none}.pos-lead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.pos-one{color:var(--gold-bright);margin:0;font-size:.96rem;font-weight:600}.hq-block{align-items:center;gap:8px;display:inline-flex}.hq-lbl{color:var(--text-dim);letter-spacing:.02em;font-size:.74rem;font-weight:700}.hq-icons{gap:5px;display:inline-flex}.hq-icons img{border:1px solid var(--border-2);border-radius:3px;width:30px;height:30px}.statgrid{background:var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:1px;display:grid}.stat{background:linear-gradient(180deg, var(--panel), var(--bg-2));flex-direction:column;gap:1px;padding:10px 13px;display:flex}.stat-ko{color:var(--text-dim);font-size:.72rem}.stat-val{font-family:var(--font-display);color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:1.12rem;font-weight:700;line-height:1.3}.stat-val em{color:var(--teal);font-size:.72rem;font-style:normal;font-weight:700;font-family:var(--font);margin-left:4px}.stat-18{color:var(--text-dim);font-size:.65rem}@media (width<=480px){.statgrid{grid-template-columns:repeat(3,1fr)}}.rune-client{grid-template-columns:1fr .72fr;gap:12px;padding:14px;display:grid}.rc-list{flex-direction:column;gap:6px;display:flex}.rc-row{border:1px solid var(--gold-border);background:linear-gradient(90deg,#12293a,#0b1a26);border-radius:4px;align-items:center;gap:10px;padding:7px 12px 7px 8px;display:flex}.rc-row img{border:1px solid var(--gold-dim);border-radius:4px;flex-shrink:0;width:34px;height:34px}.rc-desc{color:var(--gold-bright);font-size:.92rem;font-weight:700}.rc-count{font-family:var(--font-display);color:var(--teal);margin-left:auto;font-size:.9rem;font-weight:700}.rc-totals{border:1px solid var(--gold-border);background:linear-gradient(#0d2030,#08131b);border-radius:4px;align-self:start;overflow:hidden}.rc-th{color:var(--gold-bright);text-align:center;border-bottom:1px solid var(--gold-border);background:linear-gradient(#1a3346,#12222e);padding:8px;font-size:.9rem;font-weight:800}.rc-th span{color:var(--text-dim);font-size:.68rem;font-weight:500;display:block}.rc-trow{border-top:1px solid #c8aa6e1f;justify-content:space-between;padding:8px 13px;display:flex}.rc-trow:first-of-type{border-top:none}.rc-tk{color:var(--text-muted);font-size:.88rem}.rc-tv{color:var(--gold-bright);font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--font-display)}@media (width<=560px){.rune-client{grid-template-columns:1fr}}[data-tip]{cursor:default}#tip{z-index:200;pointer-events:none;border:1px solid var(--gold-dim);background:linear-gradient(#0d1c28,#08131b);border-radius:4px;max-width:300px;padding:8px 11px;position:fixed;box-shadow:0 8px 24px #000000b3}#tip[hidden]{display:none}.tip-t{color:var(--gold-bright);font-size:.9rem;font-weight:800}.tip-m{color:var(--teal);margin-top:1px;font-size:.72rem;font-weight:600}.tip-d{color:var(--text-muted);margin-top:5px;font-size:.8rem;line-height:1.5}.mscreen{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.mtree{border:1px solid var(--border);background:linear-gradient(#0b1a25,#070f16);border-radius:4px;overflow:hidden}.mtree-h{color:#fff;border-bottom:2px solid #00000059;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:800;display:flex}.mtree-h .tname{font-family:var(--font-display);letter-spacing:.02em}.mtree-h .tname span{font-family:var(--font);opacity:.82;margin-left:5px;font-size:.72rem;font-weight:500}.mtree-h .tpts{font-family:var(--font-display);letter-spacing:.03em;font-size:1rem;font-weight:800}.mtree.off .mtree-h{background:linear-gradient(#7c2229,#4c1216)}.mtree.def .mtree-h{background:linear-gradient(#866514,#4f3c09)}.mtree.uti .mtree-h{background:linear-gradient(#1f5f7e,#123c50)}.mtree-body{flex-direction:column;gap:6px;padding:10px 6px;display:flex}.m-row{grid-template-columns:repeat(4,42px);justify-content:center;gap:4px;display:grid}.m-node{justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.m-node img{filter:grayscale()brightness(.42);border:1px solid #2a2a2a;border-radius:4px;width:34px;height:34px}.m-node.on img{filter:none;border-color:var(--gold);box-shadow:0 0 7px #c8aa6ea6}.m-node .pip{color:var(--text-dim);background:#050b10;border:1px solid #1e2b33;border-radius:3px;padding:0 3px;font-size:.6rem;font-weight:800;line-height:1.5;position:absolute;bottom:-3px;right:1px}.m-node.on .pip{color:#1a1206;background:var(--gold);border-color:var(--gold-dim)}button.m-node.sim{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}button.m-node.sim:not(.locked):hover img{border-color:var(--gold)}.m-node.sim.locked{cursor:not-allowed}.m-node.sim.locked img{filter:grayscale()brightness(.22)}.m-node.maxed .pip{color:#0a2a0a;background:#8fd18f;border-color:#4f8f4f}.m-node.empty{visibility:hidden}@media (width<=720px){.mscreen{grid-template-columns:1fr;gap:12px}}.lvl-grid{border:1px solid var(--border);border-radius:4px;overflow:hidden}.lvl-head,.lvl-row{grid-template-columns:32px repeat(18,1fr);display:grid}.lvl-head{background:#0d1f2b}.lvl-row{border-top:1px solid var(--border)}.lvl-n{text-align:center;color:var(--text-dim);border-left:1px solid var(--border);padding:3px 0;font-size:.66rem}.lvl-slotcol{background:#0d1f2b;justify-content:center;align-items:center;padding:2px 0;display:flex}.lvl-slot-icon{border:1px solid var(--gold-dim);border-radius:4px;width:22px;height:22px;display:block}.lvl-cell{border-left:1px solid var(--border);color:#0000;justify-content:center;align-items:center;min-height:26px;padding:3px 2px;font-size:.68rem;font-weight:800;display:flex}.lvl-cell.on{color:#fff}.lvl-cell.slot-Q{background:#2f6f9e}.lvl-cell.slot-W{background:#2f8f5a}.lvl-cell.slot-E{background:#b78a2e}.lvl-cell.slot-R{background:#a63535}.lvl-note{color:var(--text-muted);margin:10px 0 0;font-size:.88rem}@media (width<=560px){.lvl-grid{overflow-x:auto}.lvl-head,.lvl-row{min-width:480px}}.skill-list{flex-direction:column;gap:0;display:flex}.skill-detail{border-top:1px solid var(--border);gap:13px;padding:15px 0;display:flex}.skill-detail:first-child{border-top:none;padding-top:0}.skill-detail>img{border:1px solid var(--gold-dim);border-radius:4px;flex-shrink:0;align-self:flex-start;width:50px;height:50px;box-shadow:0 2px 8px #00000080}.sd-body{flex:1;min-width:0}.sd-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.sd-slot{min-width:20px;height:20px;font-family:var(--font-display);background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:#1a1206;border-radius:3px;justify-content:center;align-items:center;padding:0 6px;font-size:.76rem;font-weight:800;display:inline-flex}.sd-slot.passive{color:var(--gold);background:#2a3b47;font-size:.68rem}.sd-name{color:var(--gold-bright);font-size:.98rem;font-weight:700}.sd-meta{color:var(--text-dim);font-size:.76rem}.sd-desc{color:var(--text-muted);margin:0 0 9px;font-size:.88rem;line-height:1.65}.spell-ranks{border:1px solid var(--border);background:#08131b;border-radius:4px;font-size:.78rem;overflow:hidden}.sr-row{border-top:1px solid var(--border);grid-template-columns:92px repeat(5,1fr);display:grid}.sr-row:first-child{border-top:none}.sr-row.head{background:#0d1f2b}.sr-lab{color:var(--text-muted);border-right:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:5px 9px;font-weight:600;overflow:hidden}.sr-row.head .sr-lab{color:var(--gold);font-family:var(--font-display);letter-spacing:.04em;font-weight:700}.sr-c{text-align:center;color:var(--text);font-variant-numeric:tabular-nums;border-left:1px solid #ffffff08;padding:5px 4px}.sr-row.head .sr-c{color:var(--gold-dim);font-weight:700}@media (width<=560px){.spell-ranks{overflow-x:auto}.sr-row{min-width:360px}}.hub-links{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.hub-links .hl-lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.76rem}.hub-links .hl-chip,.hero-namerow .hl-chip{border:1px solid var(--border-2);color:var(--text-muted);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.84rem;text-decoration:none;display:inline-flex}.hub-links .hl-chip:hover,.hero-namerow .hl-chip:hover{border-color:var(--gold);color:var(--gold-bright);text-decoration:none}.item-build .ib-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.item-build .ib-row:first-child{border-top:none;padding-top:0}.ib-label{width:3.6em;font-family:var(--font-display);color:var(--gold);letter-spacing:.02em;flex-shrink:0;font-size:.82rem;font-weight:700}.ib-icons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ib-i{border:1px solid var(--gold-dim);background:#050b10;border-radius:3px;width:42px;height:42px}.ib-link{display:inline-flex}.ib-link:hover .ib-i{border-color:var(--gold)}.ib-arr{color:var(--text-dim);font-size:1.1rem}.ib-note{color:var(--text-muted);font-size:.84rem}.ib-hint{color:var(--text-dim);margin:10px 0 0;font-size:.78rem}.matchups,.tips{flex-wrap:wrap;gap:28px;display:flex}.matchups>div,.tips>div{flex:1;min-width:220px}.tips ul{padding-left:1.1em}.tips li{color:var(--text-muted);margin:.4em 0;font-size:.9rem}.counter-list{flex-direction:column;gap:4px;display:flex}.counter{border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;display:flex}a.counter:hover{border-color:var(--gold-border);background:#c8aa6e14;text-decoration:none}a.counter:hover img{border-color:var(--gold)}.counter img{border:1px solid var(--border-2);border-radius:3px;flex-shrink:0;width:42px;height:42px;transition:border-color .12s}.counter b{color:var(--gold-bright);font-size:.9rem;display:block}.counter span{color:var(--text-muted);font-size:.82rem}.site-footer{border-top:1px solid var(--gold-border);color:var(--text-dim);background:#050a0f;margin-top:12px;padding:26px 0;font-size:.8rem}.site-footer p{margin:0 0 .5em}.site-footer a{color:var(--gold)}.site-footer strong{color:var(--text-muted)}.cl-note{color:var(--text-muted);border:1px solid var(--border-2);border-left:3px solid var(--accent);background:#e0a0200d;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:.84rem;line-height:1.55}.cl-note a{color:var(--gold-bright)}.faq-list{gap:14px;display:grid}.faq-item h3{color:var(--gold-bright);margin:0 0 4px;font-size:.95rem}.faq-item p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.6}.ib-noicon{text-align:center;width:auto;min-width:40px;height:40px;color:var(--gold-bright);border:1px solid var(--border-2);background:linear-gradient(#17303f,#0d1d28);border-radius:4px;justify-content:center;align-items:center;padding:0 8px;font-size:.72rem;line-height:1.15;display:inline-flex}.build-path{color:var(--text-muted);margin:0;padding:8px 16px 0;font-size:.84rem;line-height:1.6}.build-path:first-letter{color:var(--gold)}.ih-alias{color:var(--text-dim);margin:4px 0 0;font-size:.8rem}.hero-namerow .hl-out{color:var(--text-dim);border-color:var(--border)}.hero-tier{min-width:30px;height:30px;font-family:var(--font-display);border:1px solid var(--border-2);color:var(--text-muted);background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:1.02rem;font-weight:800;display:inline-flex}.hero-tier.t-S{color:#ffd77a;background:#e0a0202e;border-color:#e0a0208c}.hero-tier.t-A{color:#9fd0ff;background:#5a96dc24;border-color:#5a96dc73}.hero-kit{align-items:center;gap:6px;margin-top:7px;display:flex}.hero-kit img{border:1px solid var(--border-2);border-radius:4px}.hk-s{display:inline-flex;position:relative}.hk-s b{border:1px solid var(--border-2);color:var(--gold);background:#0a141d;border-radius:3px;padding:1px 3px;font-size:.58rem;line-height:1;position:absolute;bottom:-3px;right:-2px}.hero-glance{align-self:center;margin-left:auto}.glance{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px 20px;display:flex}.glance .ib-i{width:34px;height:34px}@media (width<=900px){.hero-glance{width:100%;margin-left:0}.glance{justify-content:flex-start}}.glance .hq-block{flex-direction:column;gap:5px;display:flex}.glance .hq-lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem}.glance .hq-icons{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.glance .gl-skill{flex-wrap:nowrap}.gl-skill img{position:relative}.gl-skill b{border:1px solid var(--border-2);color:var(--gold);background:#0a141d;border-radius:3px;margin:0;padding:1px 3px;font-size:.6rem;line-height:1;position:absolute;transform:translate(-14px,10px)}.lane-nav{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.lane-chip{border:1px solid var(--border-2);color:var(--text-muted);background:linear-gradient(180deg, var(--panel), var(--bg-2));border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.lane-chip:hover{border-color:var(--accent);color:var(--gold-bright);text-decoration:none}.lane-chip.lane-all{color:var(--gold)}.tp-grid{gap:8px;display:grid}.tp-row .box-pad{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.tp-lane{min-width:88px;color:var(--gold);align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.tp-lane:hover{color:var(--gold-bright);text-decoration:none}.tp-champs{flex-wrap:wrap;gap:10px;display:flex}.tp-champ{width:62px;color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;text-decoration:none;display:inline-flex}.tp-champ img{border:1px solid var(--border-2);border-radius:5px}.tp-champ:hover{color:var(--gold-bright);text-decoration:none}.tp-champ:hover img{border-color:var(--accent)}.build-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.build-grid .bg-col{flex-direction:column;gap:12px;min-width:0;display:flex}.build-grid .box{margin-bottom:0}@media (width<=980px){.build-grid{grid-template-columns:1fr}}.sec-nav{z-index:40;backdrop-filter:blur(6px);border:1px solid var(--border);scrollbar-width:none;background:#0a141df0;border-radius:6px;gap:4px;margin:0 0 12px;padding:7px 8px;display:flex;position:sticky;top:60px;overflow-x:auto}.sec-nav::-webkit-scrollbar{display:none}.sec-nav a{color:var(--text-muted);border-radius:999px;flex:none;padding:5px 11px;font-size:.84rem;font-weight:600;text-decoration:none}.sec-nav a:hover{color:var(--gold-bright);background:#c8aa6e24;text-decoration:none}[id^=sec-]{scroll-margin-top:118px}@media (width<=640px){.sec-nav{top:0}.hero-body{gap:12px;padding:13px 12px}.hero-portrait{width:62px;height:62px}.glance{gap:8px 14px}.glance .hq-lbl{font-size:.66rem}.glance .ib-i,.glance img{width:30px;height:30px}.box-pad{padding:12px 13px}.sec-title{padding:9px 13px}.tp-row .box-pad{gap:10px;padding:10px 12px}.tp-champ{width:54px;font-size:.68rem}.lane-chip{padding:7px 12px;font-size:.86rem}.site-header .container{gap:6px 10px;padding-top:6px;padding-bottom:6px}.brand .brand-name{letter-spacing:.04em;font-size:1.06rem}.brand small{display:none}.lang-switch{gap:0}.lang-switch a{padding:3px 6px;font-size:.72rem}.nav{scrollbar-width:none;flex-wrap:nowrap;order:3;gap:2px;width:100%;margin:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex:none;padding:6px 9px;font-size:.8rem}}img[loading=lazy]{background:linear-gradient(#13232f,#0a141d)}:root{--r-sm:6px;--r-md:10px;--elev-1:0 1px 2px #0006, 0 4px 14px #00000059;--elev-2:0 2px 6px #00000073, 0 14px 34px #00000080;--ease:cubic-bezier(.2, .7, .3, 1)}.box,.masthead,.cl-banner,.arch-card,.om-card,.tp-row,.champ-browser,.sec-nav{border-radius:var(--r-md)}.box{box-shadow:var(--elev-1)}.sec-title{border-radius:var(--r-md) var(--r-md) 0 0}.rc-row,.rc-totals,.ib-i,.cg-cell,.counter,.it-ref,.faq-item,.m-node,.tl-badge,.stat{border-radius:var(--r-sm)}a,button,.box,.cg-cell,.counter,.om-card,.arch-card,.tp-champ,.lane-chip,.rolebtn,.hl-chip,.it-ref,.ib-link,.cl-champ,.sec-nav a,.nav a,.lang-switch a{transition:color .14s var(--ease), background-color .14s var(--ease), border-color .14s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease), opacity .14s var(--ease)}.cg-cell:hover,.om-card:hover,.arch-card:hover,.counter:hover,.tp-champ:hover,.cl-champ:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.lane-chip:hover,.rolebtn:hover{transform:translateY(-1px)}.ib-link:hover .ib-i,.cg-cell:hover img{box-shadow:0 0 0 1px var(--gold), 0 6px 18px #00000080}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}img[loading=lazy]{opacity:0;transition:opacity .26s var(--ease)}img[loading=lazy][data-loaded]{opacity:1}.shelf-head h2{letter-spacing:-.01em;font-size:1.24rem}.sec-title h2{font-size:1.06rem}.hero-meta h1{font-size:clamp(1.7rem,4.4vw,2.25rem)}@media (scripting:none){img[loading=lazy]{opacity:1}}.cc-banner{border-radius:var(--r-md);width:min(360px,100vw - 32px);box-shadow:var(--elev-2);border:1px solid var(--gold-border);background:linear-gradient(#12222e,#0a141d);flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;bottom:16px;left:auto;right:16px}.cc-banner .cc-btns{margin-left:auto}.split-bar{border-radius:999px;gap:2px;width:132px;height:16px;margin-left:10px;display:inline-flex;overflow:hidden}.sb-seg{color:#0b1118;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:flex}.sb-0{background:linear-gradient(#e07a5f,#b0303a)}.sb-1{background:linear-gradient(#e5c467,#c39b3f)}.sb-2{background:linear-gradient(#64b6df,#2f8fb8)}.rc-trow{position:relative}.rc-bar{background:#ffffff12;border-radius:999px;height:2px;position:absolute;bottom:3px;left:13px;right:13px;overflow:hidden}.rc-bar i{background:linear-gradient(90deg, var(--gold-dim), var(--gold-bright));height:100%;display:block}.as-of{color:var(--text-dim);font-size:.72rem;font-style:normal;display:block}.sp-trigger{border:1px solid var(--border-2);color:var(--text-dim);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 9px;font-size:.82rem;display:inline-flex}.sp-trigger:hover{border-color:var(--gold);color:var(--gold-bright)}.sp-trigger kbd{font-family:var(--font);border:1px solid var(--border-2);color:var(--text-dim);border-radius:4px;padding:1px 5px;font-size:.68rem}.sp-overlay{z-index:200;backdrop-filter:blur(3px);background:#03070bb8;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.sp-overlay[hidden]{display:none}.sp-panel{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--gold-border);border-radius:var(--r-md);width:min(620px,100%);box-shadow:var(--elev-2);overflow:hidden}.sp-inputrow{border-bottom:1px solid var(--border);color:var(--text-dim);align-items:center;gap:9px;padding:13px 15px;display:flex}.sp-inputrow input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.sp-hint{white-space:nowrap;font-size:.72rem}.sp-results{max-height:min(56vh,460px);overflow-y:auto}.sp-row{color:var(--text);align-items:center;gap:10px;padding:8px 15px;text-decoration:none;display:flex}.sp-row.on,.sp-row:hover{background:#c8aa6e21;text-decoration:none}.sp-row img{border-radius:var(--r-sm);border:1px solid var(--border-2)}.sp-name{font-weight:600}.sp-kind{color:var(--text-dim);margin-left:auto;font-size:.72rem}.sp-empty{color:var(--text-dim);margin:0;padding:18px 15px;font-size:.88rem}.sp-trigger-label{display:none}@media (width>=1340px){.sp-trigger-label{display:inline}}@media (width<=640px){.sp-trigger kbd{display:none}.sp-trigger{padding:6px}.sp-overlay{padding:8vh 10px 10px}}.cp-wrap[data-astro-cid-liymn2q3]{border:1px solid var(--border);border-radius:var(--r-md);background:#ffffff05;margin:26px 0 4px;padding:12px 14px 10px}.cp-tag[data-astro-cid-liymn2q3]{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:.66rem;display:block}.cp-wrap[data-astro-cid-liymn2q3] iframe[data-astro-cid-liymn2q3]{border:0;max-width:100%;margin:0 auto;display:block}.cp-wrap[data-astro-cid-liymn2q3] .cp-small[data-astro-cid-liymn2q3]{display:none}.cp-note[data-astro-cid-liymn2q3]{color:var(--text-dim);margin:8px 0 0;font-size:.72rem;line-height:1.55}@media (width<=640px){.cp-wrap[data-astro-cid-liymn2q3] .cp-wide[data-astro-cid-liymn2q3]{display:none}.cp-wrap[data-astro-cid-liymn2q3] .cp-small[data-astro-cid-liymn2q3]{display:block}}.cp-rails[data-astro-cid-aymkki6z]{display:none}@media (width>=1520px){.cp-rails[data-astro-cid-aymkki6z]{display:block}.cp-rail[data-astro-cid-aymkki6z]{z-index:50;flex-direction:column;gap:5px;display:flex;position:fixed;top:74px}.cp-rail-left[data-astro-cid-aymkki6z]{right:calc(50% + 580px)}.cp-rail-right[data-astro-cid-aymkki6z]{left:calc(50% + 580px)}.cp-rail-tag[data-astro-cid-aymkki6z]{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:.6rem}.cp-rail-frame[data-astro-cid-aymkki6z]{border:1px solid var(--border-2);background:#fff;border-radius:4px;display:block}}@media (width>=1840px){.cp-rail-left[data-astro-cid-aymkki6z]{right:calc(50% + 700px)}.cp-rail-right[data-astro-cid-aymkki6z]{left:calc(50% + 700px)}}.cc-banner[hidden]{display:none}.cc-banner{z-index:9999;color:#d8d2c4;flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex;position:fixed}.cc-btns{gap:.5rem;display:flex}.cc-banner button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:1px solid #c8aa6e66;border-radius:8px;padding:.42rem .95rem}.cc-banner #cc-yes{color:#10161f;background:#c8aa6ed9;border-color:#0000}