.cs-hero{padding-top:calc(var(--topnote-h) + var(--header-h) + env(safe-area-inset-top) + clamp(26px, 5vw, 56px));padding-bottom:clamp(40px,6vw,80px);position:relative}.cs-hero h1{font-size:clamp(24px,2.4vw + 14px,40px)}.cs-hero .lede{color:#fff;text-shadow:0 2px #0a286459;max-width:620px;margin-top:10px;font-size:clamp(16px,.4vw + 15px,19px)}.cs-roster{scrollbar-width:none;gap:8px;margin-top:22px;padding:4px 0 14px;display:flex;overflow-x:auto}.cs-roster::-webkit-scrollbar{display:none}.cs-roster button{border-radius:var(--r-l);cursor:pointer;text-align:left;flex:none;align-items:center;gap:8px;min-height:52px;padding:0 16px 0 9px;display:inline-flex}.cs-roster img{width:28px;height:28px}.cs-roster span{line-height:1.1;display:grid}.cs-roster b{font:900 15px/1.1 var(--font-sans)}.cs-roster small{font:800 11px/1.2 var(--font-sans);letter-spacing:.04em;color:var(--text-2)}.cs-roster [aria-selected=true] small{color:var(--text-gold)}.cs-cls{isolation:isolate;border-style:solid;border-width:0;border-image:url(/img/ui/frame.webp) 102 fill/34px;border-radius:22px;margin-top:36px;padding:clamp(18px,2.4vw,30px) clamp(16px,2.2vw,28px);position:relative;box-shadow:0 6px 18px #0206168c}.cs-cls:before{content:"";z-index:-1;pointer-events:none;background:url(/img/ui/cells.webp) 0 0/124.7px 108px;border-radius:15.4px;position:absolute;top:8.6px;bottom:8.6px;left:8.6px;right:8.6px}.cs-cls[hidden],.cs-path[hidden],.cs-board[hidden]{display:none}.cs-cname{font-size:clamp(30px,3vw,44px)}.cs-steps{margin:14px 0 10px;padding:0;list-style:none}.cs-steps li{font:800 14px/1.3 var(--font-sans);color:#fff;text-shadow:0 2px 0 var(--line);align-items:center;gap:10px;display:flex}.cs-steps b{width:26px;height:26px;font:900 14px/1 var(--font-sans);color:var(--line);text-shadow:none;box-shadow:0 0 0 2px var(--line), 0 2px 0 2px #02061680;background:linear-gradient(#ffe07a,#f2a51c);border-radius:50%;flex:none;place-items:center;display:grid}.cs-steps+.cs-path,.cs-seg+.cs-steps{margin-top:22px}.cs-seg{border-radius:var(--r-f);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:680px;padding:6px;display:grid}.cs-seg button{border-radius:var(--r-l);cursor:pointer;text-align:left;align-items:center;gap:8px;min-height:60px;padding:0 10px 0 4px;display:flex}.cs-seg img{object-fit:cover;object-position:50% 10%;border-radius:var(--r-m);background:radial-gradient(70% 70% at 50% 60%, color-mix(in srgb, var(--el) 40%, transparent), #ffffff0d);flex:none;width:52px;height:52px}.cs-seg span{gap:2px;min-width:0;line-height:1.1;display:grid}.cs-seg b{text-overflow:ellipsis;font:400 clamp(16px, 1vw + 12px, 22px)/1.05 var(--font-crest);color:#fff;overflow:hidden}.cs-seg small{text-overflow:ellipsis;white-space:nowrap;font:900 11px/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;overflow:hidden}.cs-seg [aria-pressed=true] small{color:var(--text-gold)}.cs-pname{font:400 clamp(22px, 2vw, 30px)/1.1 var(--font-crest);color:#fff;text-shadow:0 2px 0 var(--line);margin:34px 0 0}.cs-tabs{border-radius:var(--r-f);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:600px;margin-top:4px;padding:5px;display:grid}.cs-tabs button{border-radius:var(--r-l);cursor:pointer;justify-content:center;align-items:baseline;gap:7px;min-width:0;min-height:46px;padding:0 6px;display:flex}.cs-tabs b{font:900 16px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.cs-tabs small{color:var(--text-gold);font-size:13px}.cs-board{border-radius:var(--r-f);margin-top:16px}.cs-bname{font:900 13px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:18px 16px 0}.cs-bhead{display:none}.cs-board .panel-in{gap:16px;padding:14px 12px 16px;display:grid}.cs-cells{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kp{font:900 10.5px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#cfe0ff;background:#4fa3ff2e;border-radius:99px;padding:3px 8px 2px;display:inline-block;box-shadow:inset 0 0 0 1.5px #4fa3ff80}.k-ultimate{color:var(--text-gold);box-shadow:inset 0 0 0 1.5px var(--gilt);background:#080e26d1}.k-finisher{color:#ffd9a0;background:#ff962833;box-shadow:inset 0 0 0 1.5px #ffaa3c99}.k-passive{color:#d9c9ff;background:#9a5cff2e;box-shadow:inset 0 0 0 1.5px #aa78ff80}.k-buff,.k-heal,.k-summon{color:#b8ffd8;background:#1fb86a2e;box-shadow:inset 0 0 0 1.5px #3cd28280}.k-move{color:#bff6ff;background:#3fe0d029;box-shadow:inset 0 0 0 1.5px #3fe0d080}.cs-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.cs-mt{font:800 12.5px/1.3 var(--font-sans);letter-spacing:.02em;color:#9cc2ff}.cs-cell{text-align:left;width:100%;color:inherit;background:0 0;border:0 solid;border-image:url(/img/ui/card.webp) 42 fill/14px;grid-template-columns:60px minmax(0,1fr);gap:4px 12px;padding:10px 12px 10px 10px;display:grid}.cs-ic{grid-row:span 3;line-height:0;display:block;position:relative}.cs-ic img{width:60px;height:60px}.cs-cell b{font:900 17px/1.2 var(--font-sans);color:#fff}.cs-d{gap:6px;display:grid}.cs-says{font:800 14px/1.4 var(--font-sans);color:#fff}.cs-txt{font:600 14.5px/1.45 var(--font-sans);color:var(--text-2)}.cs-lane,.cs-fork,.cs-wires,.cs-lv,.cs-legend,.cs-detail{display:none}.cs-fx,.cs-need{grid-column:1/-1;gap:7px;display:grid}.cs-fxh{font:900 11.5px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-gold);justify-content:space-between;gap:10px;margin-top:4px;display:flex}.cs-sts{flex-wrap:wrap;gap:6px;display:flex}.cs-two{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cs-st{border-radius:var(--r-m);text-align:left;background:color-mix(in srgb, var(--st) 12%, #050a1a8c);min-height:48px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--st) 50%, transparent);align-items:center;gap:9px;padding:6px 10px 6px 7px;display:flex}.cs-st img{flex:none;width:28px;height:28px}.cs-st>span{gap:2px;min-width:0;display:grid}.cs-st b{font:900 14px/1.15 var(--font-sans);color:color-mix(in srgb, var(--st) 45%, #fff)}.cs-st small{font:700 12px/1.25 var(--font-sans);color:var(--text-2)}.cs-note{font:700 12.5px/1.35 var(--font-sans);color:var(--text-3)}.cs-req{border-radius:var(--r-m);background:#050a1a80;align-items:center;gap:9px;min-height:44px;padding:6px 12px 6px 7px;display:flex;box-shadow:inset 0 0 0 1.5px #e0ad4a73}.cs-req img{flex:none;width:30px;height:30px}.cs-req b{font:900 14px/1.15 var(--font-sans);color:#fff}.cs-req small{font:800 12px/1 var(--font-sans);color:var(--text-gold);white-space:nowrap;margin-left:auto}.cs-board-on :-webkit-any(.cs-cname,.cs-pname,.cs-bname){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.cs-board-on :is(.cs-cname,.cs-pname,.cs-bname){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.cs-board-on .cs-cls{margin-top:30px}.cs-board-on .cs-bhead{justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px 0;display:flex}.cs-bhead>span{gap:3px;min-width:0;display:grid}.cs-bhead small{font:900 12px/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-gold)}.cs-bhead b{font:800 18px/1.2 var(--font-sans);color:#fff}.cs-bmeta{text-align:right;flex:none}.cs-bmeta b{color:var(--text-gold);font-size:20px}.cs-bmeta small{color:var(--text-2);letter-spacing:.08em}.cs-board-on .cs-board .panel-in{padding:12px 10px 14px}.cs-board-on .cs-tree{--lw:24px;--ic:58px;grid-template-columns:var(--lw) repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(3,auto);gap:6px 2px;display:grid;position:relative}.cs-board-on .cs-lane{grid-row:var(--r);background:linear-gradient(#050a1e9e,#0a123080);border-radius:12px;grid-column:1/-1;display:block;position:relative;box-shadow:inset 0 0 0 1px #96b4ff1f,inset 0 2px 8px #0206168c}.cs-lane span{width:var(--lw);writing-mode:vertical-rl;font:900 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tint);opacity:.9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:auto;transform:rotate(180deg)}.cs-board-on .cs-cells{display:contents}.cs-node,.cs-fork{z-index:2;min-width:0;position:relative}.cs-board-on :-webkit-any(.cs-node,.cs-fork){grid-row:var(--r);grid-column:var(--c)}.cs-board-on :is(.cs-node,.cs-fork){grid-row:var(--r);grid-column:var(--c)}.cs-board-on .cs-wires{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.cs-board-on .cs-cell{--rim:#4f8fe0;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border-image:;flex-direction:column;align-items:center;width:100%;padding:18px 0 10px;display:flex}.cs-board-on .cs-cell[data-kind=ultimate]{--rim:#ffcf5a}.cs-board-on .cs-cell[data-kind=finisher]{--rim:#b585ff}.cs-board-on .cs-ic{width:var(--ic);height:var(--ic);box-shadow:0 0 0 2px var(--rim), 0 0 0 3.5px var(--line), 0 4px 0 2px #0206168c;transition:transform .15s var(--ease-snap), box-shadow .15s;background:#0a1230;border-radius:13px;padding:3px}.cs-board-on .cs-ic img{width:100%;height:100%}.cs-board-on .cs-cell:hover .cs-ic{transform:translateY(-2px)}.cs-board-on .cs-cell:active .cs-ic{transform:scale(.94)}.cs-board-on .cs-cell[aria-pressed=true] .cs-ic{box-shadow:0 0 0 2px var(--rim), 0 0 0 4px var(--line), 0 0 0 6.5px #3fe0d0, 0 0 16px 6px #3fe0d073}.cs-board-on .cs-lv{color:#ffe2a0;background:linear-gradient(#1c2a52,#0a1128);border-radius:99px;margin-top:-9px;padding:3px 9px 2px;font-size:11.5px;line-height:1.1;display:block;position:relative;box-shadow:inset 0 0 0 1.3px #ffb640,0 1px #02061699}.cs-board-on .cs-cell b{width:calc(100% + 8px);font:800 12.5px/1.15 var(--font-sans);color:#e3ebff;margin-top:5px}.cs-board-on [data-wide] .cs-cell b{width:190%}.cs-board-on .cs-cell[aria-pressed=true] b{color:var(--text-gold)}.cs-board-on .cs-d{display:none}.cs-board-on .cs-fork{display:block}.cs-fork button{width:100%;height:var(--ic);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:8px;margin-top:18px;padding:0 0 0 22%;display:flex}.cs-fork span{align-items:center;gap:6px;min-width:0;display:flex}.cs-fork img{filter:drop-shadow(0 2px #02061699);flex:none;width:26px;height:26px}.cs-fork b{font:800 12.5px/1 var(--font-sans);white-space:nowrap;text-overflow:clip;color:color-mix(in srgb, var(--st) 40%, #fff);overflow:hidden}.cs-board-on .cs-detail{scroll-margin:calc(var(--header-top) + var(--header-h) + 12px) 0 90px;border-style:solid;border-width:0;border-image:url(/img/ui/card-sel.webp) 42 fill/14px;align-content:start;gap:10px;padding:16px;display:grid}.cs-chead{background:linear-gradient(90deg,#0000,#ffd24ab3,#0000) bottom/100% 1px no-repeat;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding-bottom:12px;display:grid}.cs-chead>img{width:72px;height:72px;box-shadow:0 0 0 2px var(--gilt), 0 0 0 3.5px var(--line);background:#0a1230;border-radius:13px;padding:3px}.cs-chead h3{font:900 clamp(21px, 1vw + 16px, 26px)/1.1 var(--font-sans);color:var(--text-gold);text-shadow:0 2px 0 var(--line);margin-bottom:6px}.cs-detail>p:not(.cs-says){font:600 15px/1.5 var(--font-sans);color:#e3ebff}.cs-play{width:100%;margin-top:6px}.cs-board-on .cs-legend{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0 16px 16px;list-style:none;display:flex}.cs-legend li{font:700 12.5px/1.3 var(--font-sans);color:var(--text-2);align-items:center;gap:8px;display:flex}.cs-legend i{flex:none;font-style:normal}.lg-arrow{background:#e0ad4a;width:26px;height:2px;position:relative;box-shadow:0 0 0 1px #060b1c99}.lg-arrow:after{content:"";border:5px solid #0000;border-left:8px solid #e0ad4a;border-right:0;position:absolute;top:-4px;right:-2px}.lg-pill{color:#ffe2a0;background:#0f1a3a;border-radius:99px;padding:3px 8px 2px;font-size:11px;box-shadow:inset 0 0 0 1.3px #ffb640}.lg-fork{gap:3px;display:grid}.lg-fork:before,.lg-fork:after{content:"";width:11px;height:11px;box-shadow:0 0 0 1.5px var(--line);background:#8fe2ff;border-radius:50%}.lg-fork:after{background:#ff7a2e}.lg-sp{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);background:linear-gradient(#d9b8ff,#8b4dff);width:13px;height:16px}@media (min-width:800px){.cs-board-on .cs-board .panel-in{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px}.cs-board-on .cs-detail{top:calc(var(--header-top) + var(--header-h) + 16px);position:sticky}.cs-cells:not(.cs-board-on *){grid-template-columns:1fr 1fr}}@media (min-width:800px) and (max-height:500px){.cs-board-on .cs-tree{--ic:44px;gap:4px 2px}.cs-board-on .cs-cell{padding:13px 0 6px}.cs-board-on .cs-cell b{-webkit-hyphens:auto;hyphens:auto;width:100%;margin-top:3px;font-size:11px}.cs-fork button{align-items:center;gap:5px;margin-top:13px;padding-left:0}.cs-fork img{width:22px;height:22px}.cs-fork b{display:none}.cs-board-on .cs-detail{gap:8px;padding:12px}.cs-chead{grid-template-columns:52px minmax(0,1fr);gap:10px;padding-bottom:8px}.cs-chead>img{width:52px;height:52px}.cs-chead h3{font-size:19px}.cs-detail>p:not(.cs-says){font-size:14px}}@media (min-width:1000px){.cs-board-on .cs-board .panel-in{grid-template-columns:minmax(0,1fr) 340px;gap:20px;padding:16px 20px 18px}.cs-board-on .cs-tree{--lw:28px;--ic:64px}}@media (min-width:1300px){.cs-board-on .cs-board .panel-in{grid-template-columns:minmax(0,1fr) 380px}.cs-board-on .cs-tree{--ic:70px}}@media (max-width:760px){.cs-seg img{width:44px;height:44px}.cs-roster{width:calc(100% + var(--gutter));margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.cs-board-on .cs-legend{flex-direction:column;gap:6px}}@media (max-width:560px){.cs-cls{padding-inline-start:8px;padding-inline-end:8px}.cs-board-on .cs-board .panel-in{padding-inline-start:4px;padding-inline-end:4px}.cs-board-on .cs-bhead{padding-inline-start:12px;padding-inline-end:12px}.cs-board-on .cs-tree{--lw:16px;--ic:42px;gap:5px 1px}.cs-lane span{letter-spacing:.12em;font-size:9.5px}.cs-board-on .cs-cell{padding:14px 0 8px}.cs-board-on .cs-ic{border-radius:10px;padding:2px}.cs-board-on .cs-lv{margin-top:-8px;padding:2px 6px 1px;font-size:10px}.cs-board-on .cs-cell b{letter-spacing:-.01em;-webkit-hyphens:auto;hyphens:auto;width:calc(100% + 6px);font-size:10.5px}.cs-fork button{align-items:center;gap:5px;margin-top:14px;padding-left:0}.cs-fork img{width:20px;height:20px}.cs-fork b{display:none}.cs-tabs b{font-size:14px}.cs-tabs button{flex-direction:column;justify-content:center;align-items:center;gap:3px}.cs-tabs small{font-size:11.5px}.cs-two{grid-template-columns:1fr}}@media (max-width:420px){.cs-seg button{gap:6px;padding-right:6px}.cs-seg img{width:36px;height:36px}.cs-seg b{letter-spacing:-.01em;font-size:15px;overflow:visible}.cs-seg small{white-space:normal;letter-spacing:.04em;font-size:10px;overflow:visible}.cs-board-on .cs-tree{--lw:14px;--ic:37px;gap:5px 2px}.cs-board-on .cs-board .panel-in{padding-inline-start:2px;padding-inline-end:2px}.cs-board-on .cs-cell b{letter-spacing:-.02em;width:100%;font-size:10px}.cs-board-on .cs-lv{padding-inline-start:5px;padding-inline-end:5px;font-size:9.5px}}