.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-board-on .cs-roster~.cs-body{margin-top:0}.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-choose{font:900 13px/1.25 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 var(--line);margin:14px 0 10px}.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{grid-template-columns:repeat(4,max-content);gap:8px;margin-top:16px;padding-bottom:6px;display:grid}.cs-tabs button{border-radius:var(--r-l);cursor:pointer;text-align:left;gap:3px;min-height:52px;padding:8px 14px;display:grid}.cs-tabs small{color:var(--text-gold);font-size:13px}.cs-tabs b{font:900 14px/1.1 var(--font-sans)}.cs-board{border:2px solid var(--line);border-radius:var(--r-f);margin-top:18px}.cs-bname{font:900 13px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:18px 16px 0}.cs-bname .num{color:var(--text-gold);letter-spacing:.02em}.cs-bname small{font:700 13px/1.2 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-2)}.cs-board .panel-in{gap:16px;padding:14px 12px 16px;display:grid}.cs-grid h4{font:900 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:14px 0 8px}.cs-grid h4:first-child{margin-top:4px}.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:6px;display:flex}.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>img:first-child{filter:drop-shadow(0 3px #050a1a99);width:60px;height:60px}.cs-cell b{font:900 17px/1.2 var(--font-sans);color:#fff}.cs-d{gap:6px;display:grid}.cs-txt{font:600 14.5px/1.45 var(--font-sans);color:var(--text-2)}.cs-detail{display:none}.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-choose{margin-top:6px}.cs-board-on .cs-board .panel-in{padding-top:16px}.cs-board-on .cs-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}.cs-board-on .cs-cell{cursor:pointer;text-align:center;border-image:;grid-template-columns:none;align-content:start;justify-items:center;gap:5px;padding:6px 2px;display:grid}.cs-board-on .cs-cell:hover{background:#7fc8ff1a}.cs-board-on .cs-ic>img:first-child{width:62px;height:62px;transition:transform .15s var(--ease-snap)}.cs-board-on .cs-cell:active .cs-ic>img:first-child{transform:scale(.94)}.cs-board-on .cs-cell b{font:800 11.5px/1.15 var(--font-sans);color:var(--text-2)}.cs-board-on .cs-cell[aria-pressed=true]{border-style:solid;border-width:0;border-image:url(/img/ui/card-sel.webp) 42 fill/14px}.cs-board-on .cs-cell[aria-pressed=true] b{color:#fff}.cs-board-on .cs-d{display:none}.cs-board-on .cs-detail{scroll-margin-top:calc(var(--header-top) + var(--header-h) + 12px);border-style:solid;border-width:0;border-image:url(/img/ui/card-sel.webp) 42 fill/14px;grid-template-columns:96px minmax(0,1fr);align-content:start;align-items:start;gap:14px;padding:14px;display:grid}.cs-detail>img{filter:drop-shadow(0 4px #050a1a99);width:96px;height:96px}.cs-detail h3{font-size:24px}.cs-detail .cs-meta{margin-top:8px}.cs-detail p{font:600 15px/1.5 var(--font-sans);color:#e3ebff;grid-column:1/-1}@media (max-width:760px){.cs-seg img{width:44px;height:44px}.cs-tabs{grid-template-columns:1fr 1fr}.cs-tabs button{min-width:0}.cs-tabs b{font-size:13.5px}.cs-roster{width:calc(100% + var(--gutter));margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}}@media (min-width:900px){.cs-board-on .cs-board .panel-in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;padding:24px}.cs-board-on .cs-grid{order:-1}.cs-board-on .cs-cells{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.cs-board-on .cs-ic>img:first-child{width:76px;height:76px}.cs-board-on .cs-cell b{font-size:13px}.cs-board-on .cs-detail{top:calc(var(--header-top) + var(--header-h) + 16px);grid-template-columns:clamp(88px,9vw,120px) minmax(0,1fr);padding:18px;position:sticky}.cs-detail>img{width:clamp(88px,9vw,120px);height:auto}.cs-detail h3{font-size:clamp(24px,2.4vw,32px)}.cs-detail p{font-size:16px}.cs-cells{grid-template-columns:1fr 1fr}}.cs-ic{grid-row:span 2;line-height:0;display:block;position:relative}.cs-board-on .cs-ic{grid-row:auto}.cs-marks{display:flex;position:absolute;bottom:-4px;right:-6px}.cs-marks img{filter:drop-shadow(0 2px #050a1ab3);width:20px;height:20px}.cs-marks img+img{margin-left:-7px}.cs-fx{grid-column:1/-1;gap:7px;display:grid}.cs-fxh{font:900 11px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-gold);margin-top:2px;display:block}.cs-sts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cs-st{border-radius:var(--r-m);text-align:left;background:color-mix(in srgb, var(--st) 14%, #050a1a80);min-height:40px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--st) 55%, transparent);align-items:center;gap:8px;padding:5px 12px 5px 6px;display:inline-flex}.cs-st img{flex:none;width:26px;height:26px}.cs-st>span{gap:1px;display:grid}.cs-st b{font:900 13px/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-or{font:900 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.cs-brk{font:700 12px/1.35 var(--font-sans);color:var(--text-3)}@media (max-width:420px){.cs-cls{padding-inline-start:8px;padding-inline-end:8px}.cs-board-on .cs-board .panel-in{padding-inline-start:6px;padding-inline-end:6px}.cs-board-on .cs-cell b{font-size:11px}}