: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;--link:#4fc0d8;--link-visited:#a892d6;--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:20px;height:60px;display:flex}.brand{white-space:nowrap;flex-direction:column;line-height:1;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{flex-wrap:wrap;gap:3px;margin-left:10px;display:flex}.nav a{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.04em;border-radius:3px;padding:7px 13px;font-size:.86rem;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:wrap;gap:1px;margin-left:auto;display:flex}.lang-switch a{color:var(--text-dim);border-radius:3px;padding:5px 8px;font-size:.8rem;font-weight:600}.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<=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;background-image:linear-gradient(180deg, #060b115c 0%, #060b1194 52%, #060b11ed 100%), radial-gradient(120% 85% at 50% -5%, #163a4a6b, transparent 68%), var(--mh-splash);background-position:50% 22%;background-size:cover;border-radius:4px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #000000b3,0 4px 22px #00000080}.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}#champ-search{box-sizing:border-box;width:100%;font-family:var(--font);border:1px solid var(--border-2);color:var(--text);background:#08131b;border-radius:3px;padding:11px 14px;font-size:.98rem}#champ-search::placeholder{color:var(--text-dim)}#champ-search:focus{border-color:var(--gold-dim);outline:none;box-shadow:0 0 0 3px #c8aa6e1f}.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(--gold), var(--gold-dim));border-color:var(--gold);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-image:linear-gradient(90deg, #070f16 0%, #080f16e6 38%, #080f1659 100%), var(--splash);background-position:50% 20%;background-size:cover;border-radius:4px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0000008c,0 3px 16px #00000080}.hero-body{align-items:center;gap:18px;min-height:128px;padding:22px 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-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{background-image:linear-gradient(90deg, #070f16 0%, #080f16ed 60%, #080f1699 100%), var(--splash)}.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{color:#fff;background:linear-gradient(#2f8fd0,#1c6fb8);border-color:#2f8fd0;box-shadow:0 2px 8px #2f8fd059}.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)}.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:26px 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{font-family:var(--font-display);color:var(--gold);background:#0d1f2b;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex}.lvl-cell{text-align:center;border-left:1px solid var(--border);color:#0000;padding:4px 0;font-size:.6rem}.lvl-cell.on{color:#fff;font-size:.7rem}.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:430px}}.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}}.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-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)}