@font-face{font-family:'DBL-UI';src:url('/fonts/DBLegends.otf') format('opentype');font-display:swap}
@font-face{font-family:'DBL-Cond';src:url('/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-display:swap}
@font-face{font-family:'DBL-CondS';src:url('/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-display:swap}
html body.bgimage{background:var(--pg);color:var(--tx)}
.cv{max-width:1320px;margin:0 auto;padding:18px 20px 44px;font:15px/1.5 var(--f-ui);color:var(--tx)}
.cv a{color:var(--link)}
.cv button{font-family:inherit;color:inherit}
.cv :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.cv [hidden]{display:none !important}
.msg{text-align:center;padding:40px 0;color:var(--dim)}
.hint{font-size:13px;margin-top:8px;text-align:center;color:var(--dim)}
.hero{margin:0}
.hero-in{position:relative;line-height:0;background-size:cover;background-position:center;overflow:hidden}
.hero .cutin{display:block;width:100%;height:auto}
.hero .cutin-none{padding-top:25%}
.hero .elicon{position:absolute;top:10px;left:12px;z-index:2;height:13%;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.hero .elplus{display:block;aspect-ratio:96/52}
.elplus>img{display:block;width:100%;height:100%}
.elholo{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:plus-lighter;
    -webkit-mask:url('/assets/ui/fx/element-holo-mask.webp') 0 0/100% 100% no-repeat,var(--ic) 0 0/100% 100% no-repeat;-webkit-mask-composite:source-in;
            mask:url('/assets/ui/fx/element-holo-mask.webp') 0 0/100% 100% no-repeat,var(--ic) 0 0/100% 100% no-repeat;mask-composite:intersect}
.elholo b{position:absolute;inset:0;transform:translateX(-100%);animation:elholo 9s linear infinite;
    background:url('/assets/ui/fx/element-holo.webp') 0 0/100% 100% no-repeat}
@keyframes elholo{0%,22.222%{transform:translateX(-100%)}44.444%{transform:translateX(100%)}44.445%,55.556%{transform:translateX(-100%)}
    77.778%{transform:translateX(100%)}77.779%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.hero .rarico{position:absolute;bottom:8px;right:12px;z-index:2;height:23%;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.hero .rarico.r-ultra{transform:translateX(17.6%)}
.hero .rarico.r-hero{transform:translateX(21.9%)}
.hero .rarico.r-legend{transform:translateX(13.5%)}
:root{--rstar:url('/assets/ui/fx/rarity-star.webp')}
.hero .rfx{display:block;aspect-ratio:512/128}
.rfx>img{display:block;width:100%;height:100%}
.rfx .rfl{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:plus-lighter;background:center/100% 100% no-repeat}
.rfx .rst{position:absolute;aspect-ratio:1;translate:-50% -50%;opacity:0;pointer-events:none;mix-blend-mode:plus-lighter;
    background:var(--rstar) center/100% no-repeat}
.rfx.r-ultra .rst:nth-of-type(1){left:67.54%;top:22.73%;width:35.45%;animation:rso-ultra0 3.0s linear infinite,rsr-ultra0 3.0s linear infinite}
.rfx.r-ultra .rst:nth-of-type(2){left:27.77%;top:81.82%;width:23.64%;animation:rso-ultra1 3.0s linear infinite,rsr-ultra1 3.0s linear infinite}
.rfx.r-ultra .rfl{animation:rfl-ultra 3.0s linear infinite}
.rfx.r-legend .rst:nth-of-type(1){left:81.69%;top:18.31%;width:37.62%;animation:rso-legend0 3.0s linear infinite,rsr-legend0 3.0s linear infinite}
.rfx.r-legend .rst:nth-of-type(2){left:17.79%;top:81.54%;width:25.08%;animation:rso-legend1 3.0s linear infinite,rsr-legend1 3.0s linear infinite}
.rfx.r-legend .rst:nth-of-type(3){left:66.02%;top:76.68%;width:12.67%;animation:rso-legend2 3.0s linear infinite,rsr-legend2 3.0s linear infinite}
.rfx.r-legend .rfl{animation:rfl-legend 3.0s linear infinite}
@keyframes rso-ultra0{0.00%{opacity:0}23.00%{opacity:0}30.00%{opacity:1}40.00%{opacity:0}100.00%{opacity:0}}
@keyframes rsr-ultra0{0.00%{rotate:80deg}14.00%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}18.67%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}39.67%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rso-ultra1{0.00%{opacity:0}30.00%{opacity:0}36.00%{opacity:1}46.00%{opacity:0}100.00%{opacity:0}}
@keyframes rsr-ultra1{0.00%{rotate:80deg}14.00%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}18.67%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}39.67%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rfl-ultra{0.00%{opacity:0}16.00%{opacity:0}23.00%{opacity:0.7059}33.00%{opacity:0}100.00%{opacity:0}}
@keyframes rso-legend0{0.00%{opacity:0}33.82%{opacity:0}38.53%{opacity:1}52.06%{opacity:0}100.00%{opacity:0}}
@keyframes rsr-legend0{0.00%{rotate:80deg}32.57%{rotate:80.24deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}37.23%{rotate:160.2deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}58.23%{rotate:180.2deg;animation-timing-function:cubic-bezier(.3333,0.3333,.6667,1)}100.00%{rotate:180deg}}
@keyframes rso-legend1{0.00%{opacity:0}17.94%{opacity:0}22.94%{opacity:1}35.59%{opacity:0}100.00%{opacity:0}}
@keyframes rsr-legend1{0.00%{rotate:80deg}9.93%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}14.59%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}35.59%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rso-legend2{0.00%{opacity:0}38.24%{opacity:0}41.47%{opacity:1}54.41%{opacity:0}100.00%{opacity:0}}
@keyframes rsr-legend2{0.00%{rotate:80deg}32.89%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}37.56%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}58.56%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rfl-legend{0.00%{opacity:0}16.00%{opacity:0}23.00%{opacity:0.7059}33.00%{opacity:0}100.00%{opacity:0}}
.hero-tags{position:absolute;top:10px;right:14px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;line-height:1.2}
.hero .cardno{color:#fff;font:600 clamp(11px,1.5vw,18px)/1.2 var(--f-ui);letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.hero .heroname{position:absolute;bottom:10px;left:16px;z-index:2;max-width:64%;margin:0;color:#fff;font:700 clamp(15px,2.5vw,32px)/1.12 var(--f-ui);
    text-shadow:0 2px 6px rgba(0,0,0,.95)}
.cv-top{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;margin-top:20px}
.cv-top.no-art{grid-template-columns:minmax(0,1fr)}
.sp-g{display:contents}
.sp-ga{grid-area:a}.sp-gr{grid-area:r}.sp-gb{grid-area:b}
.cv-top.no-art .cv-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a r" "b r";grid-template-rows:auto 1fr;
  gap:12px 16px;align-items:start}
.cv-top.no-art .sp-g{display:flex;flex-direction:column;gap:12px;min-width:0}
.sp-gr .radar{max-width:470px;margin:0 auto}
.cv-art{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.art-w{width:100%;max-width:min(100%,max(420px,calc(100vh - 140px)))}
.art-frame{position:relative}
.art-frame.tall{max-width:460px}
.art-screen{position:relative;overflow:hidden}
.art-screen canvas{display:block;width:100%;aspect-ratio:1/1;touch-action:none;cursor:pointer}
.art-frame.tall canvas{aspect-ratio:9/16}
.art-cap{position:absolute;left:10px;bottom:10px;z-index:2;max-width:calc(100% - 20px);pointer-events:none}
.art-cap:empty{display:none}
.art-load{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center}
.art-flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff,rgba(255,206,110,.85) 35%,rgba(255,140,30,0) 72%)}
.art-tools{display:flex;flex-direction:column;gap:9px}
.art-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.art-ill{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.art-ill .btn,.art-acts .btn{flex:1 1 auto}
.art-sel{display:flex;align-items:center;gap:10px;width:100%;margin:0}
.art-sel select{flex:1;min-width:0}
.art-hint{font-size:12.5px;line-height:1.45;text-align:center;color:var(--dim)}
.cv-setup{display:flex;flex-direction:column;gap:12px;min-width:0}
@media(max-width:1060px){
  .cv-top{grid-template-columns:minmax(0,1fr)}
  .cv-top .cv-setup,.cv-top.no-art .cv-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a r" "b r";
    grid-template-rows:auto 1fr;gap:12px 16px;align-items:start}
  .cv-top .sp-g{display:flex;flex-direction:column;gap:12px;min-width:0}
}
@media(max-width:700px){
  .cv-top .cv-setup,.cv-top.no-art .cv-setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "r" "b";grid-template-rows:auto}
}
.sp-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.fdd{position:relative}
.fdd-btn{appearance:none;position:relative;display:block;width:100%;text-align:left;cursor:pointer}
.fdd-btn small,.fdd-list small{display:block}
.fdd-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;margin:0;padding:6px 0;list-style:none}
.fdd-list li{position:relative;cursor:pointer}
.lb{display:flex;align-items:center;gap:6px}
.lbs{flex:1;min-width:0}
.gst{position:relative;width:100%;max-width:334.5px;margin:0 auto;aspect-ratio:334.5/74;isolation:isolate;
    --cs:url(/assets/card_stars/stars-s.webp);--cl:url(/assets/card_stars/stars-l.webp)}
.star{position:absolute;left:calc(var(--k)*13.0045%);top:26.486%;width:14.948%;height:67.568%;z-index:1;
    appearance:none;padding:0;border:0;background:none;cursor:pointer}
.star.s7{left:77.877%;top:0;width:22.123%;height:100%}
.star>i{position:absolute;inset:0;pointer-events:none}
.star .sg{background:var(--cs) 0 0/400% 100% no-repeat}
.star.s7 .sg{inset:26.486% auto auto .676%;width:67.568%;height:67.568%}
.star:not(.e) .sg{display:none}
.star .sb,.star .sr{background:var(--cs) 66.667% 0/400% 100% no-repeat}
.star.e .sb{display:none}
.star.y .sb{background-position-x:33.333%}.star.rb .sb{background-position-x:100%}
.star.s7 .sb,.star.s7 .sr{background-image:var(--cl);background-size:300% 100%;background-position-x:50%}
.star.s7.y .sb{background-position-x:0}.star.s7.rb .sb{background-position-x:100%}
.star:hover .sb{filter:brightness(1.18)}
.star .sr{display:none}
.star .sl{display:none;inset:-6%}
.star.s7 .sl{inset:0}
.star:is(.r,.rb) .sl{display:block}
.star .sl b{position:absolute;inset:0;opacity:0;background:url(/assets/card_stars/glint-s.webp) 0 0/1000% 100% no-repeat}
.star.s7 .sl b{background-image:url(/assets/card_stars/glint-l.webp)}
.star .sl b:nth-child(2){background-position-x:11.111%}.star .sl b:nth-child(3){background-position-x:22.222%}.star .sl b:nth-child(4){background-position-x:33.333%}.star .sl b:nth-child(5){background-position-x:44.444%}
.star.rb .sl b:nth-child(1){background-position-x:55.556%}.star.rb .sl b:nth-child(2){background-position-x:66.667%}.star.rb .sl b:nth-child(3){background-position-x:77.778%}.star.rb .sl b:nth-child(4){background-position-x:88.889%}.star.rb .sl b:nth-child(5){background-position-x:100.000%}
.star.r .sl b:nth-child(1){animation:stg-r0 4s var(--pd,0s) infinite}.star.r .sl b:nth-child(2){animation:stg-r1 4s var(--pd,0s) infinite}.star.r .sl b:nth-child(3){animation:stg-r2 4s var(--pd,0s) infinite}.star.r .sl b:nth-child(4){animation:stg-r3 4s var(--pd,0s) infinite}.star.r .sl b:nth-child(5){animation:stg-r4 4s var(--pd,0s) infinite}
.gst.rb .star.rb .sl b:nth-child(1){animation:stg-bl0 3s var(--rd,0s) infinite}.gst.rb .star.rb .sl b:nth-child(2){animation:stg-bl1 3s var(--rd,0s) infinite}.gst.rb .star.rb .sl b:nth-child(3){animation:stg-bl2 3s var(--rd,0s) infinite}.gst.rb .star.rb .sl b:nth-child(4){animation:stg-bl3 3s var(--rd,0s) infinite}.gst.rb .star.rb .sl b:nth-child(5){animation:stg-bl4 3s var(--rd,0s) infinite}
.gst.rb-in .star.rb .sl b:nth-child(1){animation:stg-bi0 4.0833s var(--ri,0s) both}.gst.rb-in .star.rb .sl b:nth-child(2){animation:stg-bi1 4.0833s var(--ri,0s) both}.gst.rb-in .star.rb .sl b:nth-child(3){animation:stg-bi2 4.0833s var(--ri,0s) both}.gst.rb-in .star.rb .sl b:nth-child(4){animation:stg-bi3 4.0833s var(--ri,0s) both}.gst.rb-in .star.rb .sl b:nth-child(5){animation:stg-bi4 4.0833s var(--ri,0s) both}
.gst.rb-in .star.rb .sr{display:block;animation:rbi-red 4.0833s var(--ri,0s) both}
.gst.rb-in .star.rb .sb{animation:rbi-rb 4.0833s var(--ri,0s) both}
.star .sh{display:none;overflow:hidden;mix-blend-mode:plus-lighter;
    -webkit-mask:var(--cs) 66.667% 0/400% 100% no-repeat;mask:var(--cs) 66.667% 0/400% 100% no-repeat}
.star.s7 .sh{-webkit-mask:var(--cl) 50% 0/300% 100% no-repeat;mask:var(--cl) 50% 0/300% 100% no-repeat}
.gst.rb-in .star.rb .sh{display:block}
.star .sh b{position:absolute;left:50%;top:-71.2%;width:110%;height:200%;margin-left:-55%;
    background:url(/assets/card_stars/shine.webp) 0 0/100% 100%;animation:rbi-sh 4.0833s var(--ri,0s) both}
.star.s7 .sh b{top:-21.6%;width:74.32%;height:135.1%;margin-left:-37.16%}
.star .fl{display:none;opacity:0}
.gst:is(.rb,.rb-in) .star.rb.s7 .fl{display:block}
.star .fl b{position:absolute;left:-13.51%;top:-13.51%;width:81.08%;height:81.08%;opacity:.25;background:rgb(255,79,99);
    -webkit-mask:url(/assets/card_stars/flare.webp) center/100% no-repeat;mask:url(/assets/card_stars/flare.webp) center/100% no-repeat}
.gst.rb .star .fl{animation:stf-la 3s var(--rd,0s) infinite,stf-lt 3s var(--rd,0s) infinite}
.gst.rb-in .star .fl{animation:stf-ia 4.0833s var(--ri,0s) both,stf-it 4.0833s var(--ri,0s) both}
.gst .spk{position:absolute;inset:-14% 0 0;z-index:2;visibility:hidden;pointer-events:none;mix-blend-mode:plus-lighter}
.gst.rb .spk{animation:stp-l 3s var(--rd,0s) infinite}
.gst.rb-in .spk{animation:stp-i 4.0833s var(--ri,0s) both}
.spk b{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;margin:-4.5px;opacity:0;
    background:radial-gradient(closest-side,#fff 0 22%,hsl(var(--h) 100% 74%/.9) 45%,transparent)}
.spk b::before,.spk b::after{content:'';position:absolute;left:-100%;top:50%;width:300%;height:1.5px;margin-top:-.75px;
    background:linear-gradient(90deg,transparent,#fff,transparent)}
.spk b::after{transform:rotate(90deg)}
.gst.rb .spk b{animation:stp-tw 3s calc(var(--rd,0s) + var(--sd)) infinite}
.gst.rb-in .spk b{animation:stp-tw 3s calc(var(--ri,0s) + 3.367s + var(--sd)) both}
@keyframes stp-tw{0%{opacity:0;transform:scale(.2)}6%{opacity:1;transform:translateY(-3px) scale(1)}24%{opacity:0;transform:translateY(-10px) scale(.3)}100%{opacity:0}}
@keyframes stg-r0{0.000%{opacity:0}75.000%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}77.917%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}82.500%{opacity:0}100.000%{opacity:0}}
@keyframes stg-r1{0.000%{opacity:0}77.083%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}80.000%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}86.667%{opacity:0}100.000%{opacity:0}}
@keyframes stg-r2{0.000%{opacity:0}79.583%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}82.500%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}90.833%{opacity:0}100.000%{opacity:0}}
@keyframes stg-r3{0.000%{opacity:0}82.083%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}85.000%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}95.833%{opacity:0}100.000%{opacity:0}}
@keyframes stg-r4{0.000%{opacity:0}84.167%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}87.083%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}100.000%{opacity:0}}
@keyframes stg-bi0{0.000%{opacity:0}64.490%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}67.347%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}71.837%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bi1{0.000%{opacity:0}66.531%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}69.388%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}75.918%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bi2{0.000%{opacity:0}68.980%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}71.837%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}80.000%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bi3{0.000%{opacity:0}71.429%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}74.286%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}84.082%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bi4{0.000%{opacity:0}73.469%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}76.327%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}88.163%{opacity:0}100.000%{opacity:0}}
@keyframes stf-ia{0.000%{opacity:0}68.980%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}71.429%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}77.551%{opacity:0}100.000%{opacity:0}}
@keyframes stf-it{0.000%{transform:rotate(-0deg) scale(1);animation-timing-function:cubic-bezier(.3333,0,.6667,1)}68.980%{transform:rotate(-10deg) scale(1);animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}77.551%{transform:rotate(20deg) scale(1.2)}100.000%{transform:rotate(20deg) scale(1.2)}}
@keyframes stp-i{0.000%{visibility:hidden;animation-timing-function:step-end}82.449%{visibility:visible;animation-timing-function:step-end}100.000%{visibility:hidden;animation-timing-function:step-end}}
@keyframes stg-bl0{0.000%{opacity:0}50.556%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}54.444%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}60.556%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bl1{0.000%{opacity:0}53.333%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}57.222%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}66.111%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bl2{0.000%{opacity:0}56.667%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}60.556%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}71.667%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bl3{0.000%{opacity:0}60.000%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}63.889%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}77.222%{opacity:0}79.444%{opacity:0}100.000%{opacity:0}}
@keyframes stg-bl4{0.000%{opacity:0}62.778%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}66.667%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}82.778%{opacity:0}100.000%{opacity:0}}
@keyframes stf-la{0.000%{opacity:0}56.667%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}60.000%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}68.333%{opacity:0}98.889%{opacity:0}100.000%{opacity:0}}
@keyframes stf-lt{0.000%{transform:rotate(-0deg) scale(1);animation-timing-function:cubic-bezier(.3333,0,.6667,1)}56.667%{transform:rotate(-10deg) scale(1);animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}68.333%{transform:rotate(20deg) scale(1.2)}100.000%{transform:rotate(20deg) scale(1.2)}}
@keyframes stp-l{0.000%{visibility:visible;animation-timing-function:step-end}50.000%{visibility:visible;animation-timing-function:step-end}50.556%{visibility:hidden;animation-timing-function:step-end}100.000%{visibility:hidden;animation-timing-function:step-end}}
@keyframes rbi-red{0.000%{opacity:1}71.837%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}77.959%{opacity:0}100.000%{opacity:0}}
@keyframes rbi-rb{0.000%{opacity:0}71.837%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}77.959%{opacity:1}100.000%{opacity:1}}
@keyframes rbi-sh{0.000%{transform:translateX(var(--s0))}36.735%{transform:translateX(var(--s0));animation-timing-function:cubic-bezier(.3333,0,.6667,1)}57.143%{transform:translateX(var(--s1))}100.000%{transform:translateX(var(--s1))}}
.lbb{appearance:none;flex:none;cursor:pointer}
.lbb:disabled{opacity:.35;cursor:default}
.lbv.t-y{color:var(--st-y,#e7a700)}
.lbv.t-r{color:var(--st-r,#e0322a)}
.lbv.t-rb{color:transparent;background:linear-gradient(90deg,#ff7fcf,#7fe6ff,#ffe46f,#b98bff,#ff7fcf) 0 0/200% 100%;
    -webkit-background-clip:text;background-clip:text;text-shadow:none}
.zk{position:relative;display:flex;gap:6px;align-items:center}
.zk-b{appearance:none;cursor:pointer}
.zk-b span{display:inline-block}
.zkt{display:flex;flex:1;min-width:0}
.zt{position:relative;flex:none;width:18.182%;aspect-ratio:4/3;margin-left:-4.545%;padding:0;border:0;background:none;pointer-events:none}
.zt:first-child{margin-left:0}
.zt>i{position:absolute;inset:0;pointer-events:none}
.zt .zt-hit{pointer-events:auto;cursor:pointer;clip-path:polygon(7.5% 6.7%,77.5% 6.7%,92.5% 50%,77.5% 93.3%,7.5% 93.3%,18.75% 50%)}
.zt:first-child .zt-hit{clip-path:polygon(6.25% 6.7%,77.5% 6.7%,92.5% 50%,77.5% 93.3%,6.25% 93.3%)}
.zt :is(.zt-dark,.zt-lit,.zt-slam,.zt-ghost){background:url(/assets/card_zenkai/zenkai-tiles.webp) calc(var(--i) * 100% / 6) 0/700% 100% no-repeat}
.zt .zt-dark{filter:brightness(.302)}
.zt .zt-lit,.zt .zt-slam,.zt .zt-ghost,.zt .zt-sel{opacity:0}
.zt.on .zt-lit{opacity:1}
.zt.on .zt-dark{opacity:0}
.zt .zt-sel{background:url(/assets/card_zenkai/zenkai-select.webp) center/100% 100% no-repeat;mix-blend-mode:plus-lighter}
.zt:first-child .zt-sel{background-image:url(/assets/card_zenkai/zenkai-select-first.webp)}
.zt.cur .zt-sel{opacity:1}
.zt:not(.on):has(.zt-hit:hover) .zt-dark{filter:brightness(.5)}
.zt.on:has(.zt-hit:hover) .zt-lit{filter:brightness(1.12)}
.zt.open{z-index:2}
.zt.open .zt-lit{opacity:0}
.zt.open .zt-dark{opacity:1;animation:zto-dark-a 2s var(--d) both}
.zt.open .zt-slam{animation:zto-slam-a 2s var(--d) both,zto-slam-s 2s var(--d) both}
.zt.open .zt-ghost{animation:zto-ghost-a 2s var(--d) both,zto-ghost-s 2s var(--d) both}
.zt.open.cur .zt-sel{animation:zto-sel-a 2s var(--d) both}
.character-thumb>.rarity>:is(.rlf,.ris,.rik){position:absolute;pointer-events:none;opacity:0;mix-blend-mode:plus-lighter}
.character-thumb>.rarity>.rlf{width:64px;height:40px;background:inherit}
.character-thumb>.rarity>.ris{translate:-50% -50%;-webkit-mask:var(--rstar) center/100% no-repeat;mask:var(--rstar) center/100% no-repeat}
.character-thumb>.rarity>.rik{translate:-50% -50%;background-size:200% 200%;background-repeat:no-repeat}
.character-thumb>.rarity.ULTRA>.rik{background-image:url('/assets/ui/fx/rarity-ul-sparks.webp')}
.character-thumb>.rarity.LEGEND>.rik{background-image:url('/assets/ui/fx/rarity-lr-sparks.webp')}
.character-thumb>.rarity.ULTRA>.rlf{top:-2px;left:0px;animation:rif-ULTRA-l 3.0s linear infinite}
.character-thumb>.rarity.ULTRA>.ris:nth-of-type(1){left:47px;top:7px;width:31.20px;height:31.20px;background:#fff;animation:rif-ULTRA-s0 3.0s linear infinite,rif-ULTRA-r0 3.0s linear infinite}
.character-thumb>.rarity.ULTRA>.ris:nth-of-type(2){left:12px;top:25px;width:20.80px;height:20.80px;background:#fff;animation:rif-ULTRA-s1 3.0s linear infinite,rif-ULTRA-r1 3.0s linear infinite}
.character-thumb>.rarity.ULTRA>.rik:nth-of-type(1){left:36px;top:17px;width:44.87px;height:44.87px;background-position:100% 0%;animation:rif-ULTRA-k0 3.0s linear infinite}
.character-thumb>.rarity.ULTRA>.rik:nth-of-type(2){left:32px;top:16px;width:44.89px;height:44.89px;background-position:0% 0%;animation:rif-ULTRA-k1 3.0s linear infinite}
.character-thumb>.rarity.ULTRA>.rik:nth-of-type(3){left:24px;top:17px;width:44.88px;height:44.88px;background-position:0% 100%;animation:rif-ULTRA-k2 3.0s linear infinite}
.character-thumb>.rarity.ULTRA>.rik:nth-of-type(4){left:27px;top:17px;width:44.83px;height:44.83px;background-position:100% 100%;animation:rif-ULTRA-k3 3.0s linear infinite,rif-ULTRA-z3 3.0s step-end infinite}
.character-thumb>.rarity.LEGEND>.rlf{top:-2px;left:-0.5px;animation:rif-LEGEND-l 3.0s linear infinite}
.character-thumb>.rarity.LEGEND>.ris:nth-of-type(1){left:47px;top:7px;width:31.20px;height:31.20px;background:rgb(255,237,158);animation:rif-LEGEND-s0 3.0s linear infinite,rif-LEGEND-r0 3.0s linear infinite}
.character-thumb>.rarity.LEGEND>.ris:nth-of-type(2){left:12px;top:25px;width:20.80px;height:20.80px;background:rgb(255,237,158);animation:rif-LEGEND-s1 3.0s linear infinite,rif-LEGEND-r1 3.0s linear infinite}
.character-thumb>.rarity.LEGEND>.rik:nth-of-type(1){left:32px;top:18px;width:44.62px;height:44.62px;background-position:100% 0%;animation:rif-LEGEND-k0 3.0s linear infinite}
.character-thumb>.rarity.LEGEND>.rik:nth-of-type(2){left:38px;top:17.5px;width:45.03px;height:45.03px;background-position:0% 0%;animation:rif-LEGEND-k1 3.0s linear infinite}
.character-thumb>.rarity.LEGEND>.rik:nth-of-type(3){left:28px;top:15px;width:44.97px;height:44.97px;background-position:0% 100%;animation:rif-LEGEND-k2 3.0s linear infinite}
.character-thumb>.rarity.LEGEND>.rik:nth-of-type(4){left:27px;top:17px;width:44.74px;height:44.74px;background-position:100% 100%;animation:rif-LEGEND-k3 3.0s linear infinite,rif-LEGEND-z3 3.0s step-end infinite}
@keyframes rif-ULTRA-l{0.00%{opacity:0}16.00%{opacity:0}23.00%{opacity:0.7059}33.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-s0{0.00%{opacity:0}23.00%{opacity:0}30.00%{opacity:1}40.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-r0{0.00%{rotate:80deg}14.00%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}18.67%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}39.67%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rif-ULTRA-s1{0.00%{opacity:0}30.00%{opacity:0}36.00%{opacity:1}46.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-r1{0.00%{rotate:80deg}14.00%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}18.67%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}39.67%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rif-ULTRA-k0{0.00%{opacity:0}52.00%{opacity:0}54.00%{opacity:1}60.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-k1{0.00%{opacity:0}7.00%{opacity:0}8.00%{opacity:1}13.00%{opacity:0}21.18%{opacity:0}47.00%{opacity:0}48.00%{opacity:1}53.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-k2{0.00%{opacity:0}70.00%{opacity:0}71.00%{opacity:1}83.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-k3{0.00%{opacity:0}1.00%{opacity:1}7.00%{opacity:0}63.00%{opacity:0}64.00%{opacity:1}69.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-ULTRA-z3{0.00%{scale:0.3434}51.33%{scale:0.3434}51.67%{scale:1}100.00%{scale:1}}
@keyframes rif-LEGEND-l{0.00%{opacity:0}16.00%{opacity:0}23.00%{opacity:0.7059}33.00%{opacity:0}100.00%{opacity:0}}
@keyframes rif-LEGEND-s0{0.00%{opacity:0}34.71%{opacity:0}39.41%{opacity:1}50.88%{opacity:0}100.00%{opacity:0}}
@keyframes rif-LEGEND-r0{0.00%{rotate:80deg}32.89%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}37.56%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}58.56%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rif-LEGEND-s1{0.00%{opacity:0}20.88%{opacity:0}26.76%{opacity:1}37.65%{opacity:0}100.00%{opacity:0}}
@keyframes rif-LEGEND-r1{0.00%{rotate:80deg}16.12%{rotate:80deg;animation-timing-function:cubic-bezier(.3333,0.041,.6667,0.9798)}20.78%{rotate:160deg;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,0.9827)}41.78%{rotate:180deg}100.00%{rotate:180deg}}
@keyframes rif-LEGEND-k0{0.00%{opacity:0}45.00%{opacity:0}54.00%{opacity:1}69.12%{opacity:0}100.00%{opacity:0}}
@keyframes rif-LEGEND-k1{0.00%{opacity:0}2.94%{opacity:0}8.00%{opacity:1}32.65%{opacity:0}41.47%{opacity:0}48.00%{opacity:1}57.06%{opacity:0}100.00%{opacity:0}}
@keyframes rif-LEGEND-k2{0.00%{opacity:0}70.00%{opacity:0}83.23%{opacity:1}100.00%{opacity:0}}
@keyframes rif-LEGEND-k3{0.00%{opacity:0}12.94%{opacity:1}28.53%{opacity:0}65.00%{opacity:0}70.88%{opacity:1}81.47%{opacity:0}100.00%{opacity:0}}
@keyframes rif-LEGEND-z3{0.00%{scale:0.342}51.33%{scale:0.342}51.67%{scale:1}100.00%{scale:1}}
.eqx-thumb{position:relative;display:block;width:100%;aspect-ratio:1/1}
.eqx-thumb>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:contain}
.eqx-art{width:83%;aspect-ratio:98/96;object-fit:contain;border-radius:5px;z-index:1}
.eqx-backer{width:85%;aspect-ratio:100/98;z-index:0;background-image:url('/assets/icon_elements/EqIco_pltEvent.webp')}
.eqx-frame{width:100%;height:100%;z-index:2;pointer-events:none}
.eqx-frame.awakenedevent{width:105%;height:105%}
.eqx-frame.iron{background-image:url('/assets/icon_elements/EqIco_frmIron.webp')}
.eqx-frame.bronze{background-image:url('/assets/icon_elements/EqIco_frmBronze.webp')}
.eqx-frame.silver{background-image:url('/assets/icon_elements/EqIco_frmSilver.webp')}
.eqx-frame.gold{background-image:url('/assets/icon_elements/EqIco_frmGold.webp')}
.eqx-frame.unique{background-image:url('/assets/icon_elements/EqIco_frmUnique.webp')}
.eqx-frame.platinum{background-image:url('/assets/icon_elements/EqIco_frmPlatinum.webp')}
.eqx-frame.event{background-image:url('/assets/icon_elements/EqIco_frmEvent.webp')}
.eqx-frame.awakenediron{background-image:url('/assets/icon_elements/EqIco_frmSpIron.webp')}
.eqx-frame.awakenedbronze{background-image:url('/assets/icon_elements/EqIco_frmSpBronze.webp')}
.eqx-frame.awakenedsilver{background-image:url('/assets/icon_elements/EqIco_frmSpSilver.webp')}
.eqx-frame.awakenedgold{background-image:url('/assets/icon_elements/EqIco_frmSpGold.webp')}
.eqx-frame.awakenedunique{background-image:url('/assets/icon_elements/EqIco_frmSpUnique.webp')}
.eqx-frame.awakenedevent{background-image:url('/assets/icon_elements/EqIco_frmSpEvent.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame)[class*="awakened"]::after{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:plus-lighter;
    background:url('/assets/ui/fx/equip-awakened-shine.webp') -100cqw 0/100% 100% no-repeat;animation:eqlit 2s linear infinite;
    -webkit-mask:var(--fm) 0 0/100% 100% no-repeat;mask:var(--fm) 0 0/100% 100% no-repeat}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenediron{--fm:url('/assets/icon_elements/EqIco_frmSpIron.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenedbronze{--fm:url('/assets/icon_elements/EqIco_frmSpBronze.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenedsilver{--fm:url('/assets/icon_elements/EqIco_frmSpSilver.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenedgold{--fm:url('/assets/icon_elements/EqIco_frmSpGold.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenedunique{--fm:url('/assets/icon_elements/EqIco_frmSpUnique.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenedplatinum{--fm:url('/assets/icon_elements/EqIco_frmSpPlatinum.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame).awakenedevent{--fm:url('/assets/icon_elements/EqIco_frmSpEvent.webp')}
:is(.equip-thumb>.frame,.eqx-thumb>.eqx-frame)[class*="awakened"]{container-type:inline-size}
@keyframes eqlit{0%,76.667%{background-position:-100cqw 0}100%{background-position:100cqw 0}}
@keyframes zto-ghost-s{0.00%{scale:6;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.3798)}33.33%{scale:1;animation-timing-function:cubic-bezier(.3333,0.9301,.6667,1)}100.00%{scale:3}}
@keyframes zto-ghost-a{0.00%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,0.4336)}33.33%{opacity:1;animation-timing-function:cubic-bezier(.3333,0.8552,.6667,1)}100.00%{opacity:0}}
@keyframes zto-slam-s{0.00%{scale:2;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.3993)}33.33%{scale:1}100%{scale:1}}
@keyframes zto-slam-a{0.00%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,0.4079)}33.33%{opacity:1}100%{opacity:1}}
@keyframes zto-dark-a{0.00%{opacity:1;animation-timing-function:cubic-bezier(.3333,-0,.6667,1)}33.33%{opacity:0}100.00%{opacity:0}}
@keyframes zto-sel-a{0.00%{opacity:0}83.33%{opacity:0;animation-timing-function:cubic-bezier(.3333,0,.6667,1)}100.00%{opacity:1}}
.sws{display:flex;flex-wrap:wrap;gap:10px 18px}
.sw{appearance:none;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;text-align:left}
.sw-t{position:relative;flex:none}
.sw-t i{position:absolute}
.traits,.tags{display:flex;flex-wrap:wrap;gap:6px}
.trait,.tag{display:inline-block;max-width:100%;text-decoration:none}
.tabs-top{position:relative;top:calc(-1 * var(--sh-h, 0px));height:0}
.tabbar{position:sticky;top:var(--sh-h, 0px);z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:30px 0 0}
.tabs{position:relative;display:flex;gap:8px;min-width:0;padding:10px 2px;overflow-x:auto;scrollbar-width:none}
.dock{display:none;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-left:auto;padding:4px 2px}
.tabbar.stuck .dock{display:flex;animation:dock-in .22s ease-out}
@keyframes dock-in{from{opacity:0;transform:translateY(-6px)}}
.dk-step,.dk-pw{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dk-b,.dk-sw{appearance:none;cursor:pointer}
.dk-b:disabled{opacity:.35;cursor:default}
.tabs::-webkit-scrollbar{display:none}
.tab-ink{position:absolute;display:none;pointer-events:none}
.tab{appearance:none;flex:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}
.tab-strike{--at:#ff5446}.tab-blast{--at:#ffb81c}.tab-special{--at:#2fc463}.tab-skill{--at:#3d8ff0}.tab-ultimate{--at:#a95cf0}.tab-obtain{--at:#ff8a2a}
.cv-panel{padding:18px 0 0;min-height:30vh}
.absec{margin:0 0 20px}
.absec>.h{margin:0 0 10px}
.radarbox{display:flex;align-items:center;justify-content:center}
.gauges{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;margin-bottom:24px}
.gauges .gauge:first-child{grid-column:1/-1}
@media(max-width:900px){
  .gauges{grid-template-columns:minmax(0,1fr)}
}
.radar{display:block;width:100%;height:auto}
.radar text{font-family:'DBL-Cond','Arial Narrow',sans-serif}
.radar .r-case{fill:none;stroke:#000;stroke-width:14}
.radar .r-shell{fill:none;stroke:url(#r-metal);stroke-width:9}
.radar .r-btn{fill:url(#r-metal);stroke:#000;stroke-width:2.5}
.radar .r-screen{fill:url(#r-scr)}
.radar .r-grid line{stroke:rgba(120,255,170,.13);stroke-width:1}
.radar .r-ring{fill:none;stroke:rgba(120,255,170,.3);stroke-width:1}
.radar .r-spoke{stroke:rgba(120,255,170,.2);stroke-width:1}
.radar .r-data{fill:rgba(255,176,40,.3);stroke:#ffb52e;stroke-width:2.2;stroke-linejoin:round}
.radar .r-blip{fill:#ffd65c}
.radar .r-me{fill:#ff5446}
.radar .r-n{fill:var(--r-n);font-size:17px;letter-spacing:1.4px}
.radar .r-v{fill:var(--r-v);font-size:22px}
.gauge{padding:9px 0 10px}
.g-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.g-v{font-variant-numeric:tabular-nums}
.g-bar{position:relative;overflow:hidden}
.g-bar i{position:absolute;left:0;right:0;top:0;bottom:0;transform-origin:0 50%}
.g-sub{display:flex;flex-wrap:wrap;gap:3px 16px;font-size:12px;color:var(--dim)}
.sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px;margin:0}
.sheet div{display:flex;align-items:baseline;gap:6px;padding:7px 0}
.sheet dt{display:flex;flex:1;align-items:baseline;gap:6px;min-width:0;font-weight:400;white-space:nowrap;color:var(--dim)}
.sheet dt::after{content:'';flex:1;min-width:12px;border-bottom:1px dotted var(--ln)}
.sheet dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.sheet dd em{font-style:normal;margin-left:5px;color:var(--good)}
.abil{position:relative;margin-bottom:10px}
.abil .abdet{white-space:pre-line}
.abicn{height:35px;width:auto;vertical-align:middle;margin:0 3px;display:inline-block}
.abil .pr{float:right;margin:0 0 4px 10px}
.abil.collapsible{cursor:pointer}
.abil.collapsible .abname::before{content:'';display:inline-block;margin:0 9px 2px 0;vertical-align:middle;border:5px solid transparent;
    border-top:6px solid currentColor;border-bottom:0;opacity:.55;transition:transform .15s}
.abil.collapsible.collapsed .abname{margin-bottom:0}
.abil.collapsible.collapsed .abname::before{transform:rotate(-90deg)}
.abil.collapsible.collapsed .abdet{display:none}
.adeck{display:flex;flex-direction:column;gap:10px}
.amove{position:relative;display:flex;gap:12px;align-items:flex-start;--at:#ff5446}
.amove.a1{--at:#ffb81c}.amove.a2{--at:#3d8ff0}.amove.a3{--at:#2fc463}
.amove.a4{--at:#2f8bff;--atbg:linear-gradient(100deg,#2f8bff,#6fd3ff 32%,#ffe14d 64%,#ff8a1a)}
.amove.a5{--at:#b44dff}
.amove .amimg{height:62px;width:auto;flex:none}
.amove .amtxt{font-size:13px;line-height:1.5;flex:1;min-width:0}
.amove .amtype{margin-bottom:3px;color:var(--at);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
.amove .amdet{white-space:pre-line}
.amove .abicn{height:24px}
.amstats{margin-top:9px;max-width:340px}
.amstats summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:6px 10px;user-select:none}
.amstats summary::-webkit-details-marker{display:none}
.amstats summary::before{content:'\25B8';font-size:10px;opacity:.6;transition:transform .15s}
.amstats[open] summary::before{transform:rotate(90deg)}
.amstats .amsum-lbl{white-space:nowrap;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim)}
.amstats .amsum-hint{white-space:nowrap;margin-left:auto;font-size:12px;color:var(--good)}
.amstbl{width:100%;border-collapse:collapse;font-size:11.5px;line-height:1.4;font-variant-numeric:tabular-nums}
.amstbl th{padding:3px 9px;text-align:right;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--ln)}
.amstbl th:first-child{text-align:left}
.amstbl td{padding:2px 9px;text-align:right}
.amstbl td:first-child{text-align:left;color:var(--dim)}
.amstbl tr.max td{color:var(--good)}
.amap{--u:.84;position:relative;flex:none;align-self:center;width:calc(78px*var(--u));height:calc(124px*var(--u));margin:0 6px 0 auto}
.amgrid{display:grid;grid-template-columns:repeat(3,calc(24px*var(--u)));grid-auto-rows:calc(24px*var(--u));gap:calc(3px*var(--u))}
.amc{position:relative;background:#ababab;border-radius:2px}
.amc.red{background:#e83821}
.amar{position:absolute;inset:0;background:url('/assets/ui/fx/arts-area-red.png') center/100% no-repeat}
.amar.si{inset:calc(-2px*var(--u));background-image:url('/assets/ui/fx/arts-area-blast-invalid.png')}
.amfig{position:absolute;z-index:1;top:calc(78px*var(--u));left:50%;width:calc(26px*var(--u));height:calc(44px*var(--u));margin-left:calc(-13px*var(--u));background:var(--amfig,#2b4370);
    -webkit-mask:url('/assets/ui/fx/arts-arrow-avoid.png') center/100% no-repeat;
            mask:url('/assets/ui/fx/arts-arrow-avoid.png') center/100% no-repeat}
.amap.armor::before{content:'';position:absolute;top:calc(76px*var(--u));left:50%;width:calc(48px*var(--u));height:calc(40px*var(--u));margin-left:calc(-24px*var(--u));
    background:url('/assets/ui/fx/arts-armor.png') center/100% no-repeat}
.acgrid{display:flex;flex-direction:column;gap:8px}
.acard{display:flex;align-items:center;gap:12px}
.acard .acimg{height:46px;width:auto;flex:none}
.acard .actxt{font-size:13px;line-height:1.45}
.acard .aceff{height:27px;width:auto;vertical-align:-8px;margin-right:2px;cursor:help}
.acard .abicn{height:22px}
.loadmore{display:block;margin:20px auto 4px;cursor:pointer}
.bngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
a.bncard{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--tx);transition:transform .15s}
a.bncard:hover{transform:translateY(-3px);color:var(--tx)}
.bncard .bnimg{position:relative;aspect-ratio:1024/656;overflow:hidden;background:#000}
.bncard.t0 .bnimg{aspect-ratio:696/168}
.bncard .bnimg img{width:100%;height:100%;object-fit:cover;display:block}
.bncard.ended .bnimg img{filter:grayscale(.55) brightness(.72)}
.bncard .bnbadges{position:absolute;top:8px;left:8px;display:flex;gap:6px}
.bncard .bnbody{display:flex;flex-direction:column;gap:8px;flex:1;padding:10px 13px 12px}
.bncard .bnname{font-size:14px;line-height:1.25}
.bncard .bnmeta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px;font-size:12px}
.bncard .bnwhen{color:var(--dim)}
.bnstat{font-size:12px;letter-spacing:1px;text-transform:uppercase}
.bnstat.active{color:#2fbf6e}.bnstat.upcoming{color:#4c86ff}.bnstat.ended{color:#7d8493}
.bnnone{font-size:13px;color:var(--dim)}
.bngroup{margin-top:14px}
.bngtog{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer}
.bngtog .car{margin-left:auto;transition:transform .15s}
.bngtog[aria-expanded="true"] .car{transform:rotate(180deg)}
.bngroup .bngrid{margin-top:12px}
.ci .character-thumb{background:none!important;border-radius:0;padding-bottom:24px}
.character-thumb>.zenkaiicon{display:none!important}
.ci .character-thumb>.backing{width:190px;height:64px;background-size:190px 64px;transform:translateY(98px)}
.ci .character-thumb>.backing:is(.tagback1,.tagback2){-webkit-clip-path:none;clip-path:none}
.ci .character-thumb>.backing.tagback2{-webkit-mask:linear-gradient(90deg,transparent 38%,#000 62%);mask:linear-gradient(90deg,transparent 38%,#000 62%)}
.ci .character-thumb>.name{top:auto;bottom:0;width:100%;height:22px;padding:0 6px;border:0;background:none!important;
  text-shadow:none!important;color:var(--tx);font:15px/22px var(--f-lbl);letter-spacing:.3px;transition:color .15s}
.ci .chara-list:hover .character-thumb>.name{color:var(--acc-tx)}
.ci .character-thumb>.lfname{text-align:center}
.ci .character-thumb>:is(.pfr,.pfs){position:absolute;left:-7.4px;top:2.3px;width:204.81px;height:154.1px;pointer-events:none}
.ci .character-thumb>.pfr::before{content:"";position:absolute;inset:0;border:solid transparent;border-width:29.61px 27.14px 17.27px 32.08px;border-image:url('/assets/ui/fx/zenkai-frame.webp') 24 22 14 26 stretch}
.ci .character-thumb>.pfr>b{position:absolute;inset:0;mix-blend-mode:plus-lighter;background:url('/assets/ui/fx/zenkai-fire.webp') 0 0/204.81px 154.1px repeat;-webkit-mask:var(--pm) 0 0/100% 100% no-repeat;mask:var(--pm) 0 0/100% 100% no-repeat;animation:pfx-l 4.167s linear infinite,pfy 2.222s linear infinite}
.ci .character-thumb>.pfr>b:first-child{--pm:url('/assets/ui/fx/zenkai-fire-mask1.webp')}
.ci .character-thumb>.pfr>b+b{--pm:url('/assets/ui/fx/zenkai-fire-mask2.webp');animation-name:pfx-r,pfy}
@keyframes pfx-l{to{background-position-x:-204.81px}}
@keyframes pfx-r{to{background-position-x:204.81px}}
@keyframes pfy{to{background-position-y:-154.1px}}
.ci .character-thumb>.pfs>u{position:absolute;width:93.77px;height:86.36px;translate:-50% -50%;scale:0;background:url('/assets/ui/fx/zenkai-sparkle.webp') 0 0/100% 100% no-repeat}
.ci .character-thumb>.pfs>u:nth-child(1){left:14.81px;top:54.29px;animation:pfk0 1.8s linear infinite}
@keyframes pfk0{0%{scale:0}44.444%{scale:0;animation-timing-function:cubic-bezier(.3333,0.7654,.6667,1)}72.222%{scale:0.25;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.2596)}100.000%{scale:0}}
.ci .character-thumb>.pfs>u:nth-child(2){left:20.97px;top:19.74px;animation:pfk1 2.25s linear infinite}
@keyframes pfk1{0%{scale:0}55.556%{scale:0;animation-timing-function:cubic-bezier(.3333,0.7689,.6667,1)}77.778%{scale:0.35;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.2311)}100.000%{scale:0}}
.ci .character-thumb>.pfs>u:nth-child(3){left:103.64px;top:19.74px;animation:pfk2 3s linear infinite}
@keyframes pfk2{0%{scale:0}66.667%{scale:0;animation-timing-function:cubic-bezier(.3333,0.7407,.6667,1)}83.333%{scale:0.36;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.2072)}100.000%{scale:0}}
.ci .character-thumb>.pfs>u:nth-child(4){left:146.82px;top:12.34px;animation:pfk3 2.6s linear infinite}
@keyframes pfk3{0%{scale:0}61.538%{scale:0;animation-timing-function:cubic-bezier(.3333,1.067,.6667,1)}80.769%{scale:0.25;animation-timing-function:cubic-bezier(.3333,-0,.6667,-0.1417)}100.000%{scale:0}}
.ci .character-thumb>.pfs>u:nth-child(5){left:181.36px;top:22.21px;animation:pfk4 3.5s linear infinite}
@keyframes pfk4{0%{scale:0}71.429%{scale:0;animation-timing-function:cubic-bezier(.3333,0.6667,.6667,1)}85.714%{scale:0.4;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.2865)}100.000%{scale:0}}
.ci .character-thumb>.pfs>u:nth-child(6){left:190px;top:35.78px;animation:pfk5 2s linear infinite}
@keyframes pfk5{0%{scale:0}50.000%{scale:0;animation-timing-function:cubic-bezier(.3333,0.9098,.6667,1)}75.000%{scale:0.25;animation-timing-function:cubic-bezier(.3333,-0,.6667,0.0995)}100.000%{scale:0}}
.artmodal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:24px;background:rgba(4,6,12,.86)}
.artbox{display:flex;flex-direction:column;width:100%;max-width:1180px;max-height:90vh;overflow:hidden}
.arthead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px}
.artclose{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;padding:0 4px;color:inherit}
.artgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:14px;overflow-y:auto}
.artcell{margin:0;overflow:clip;background:repeating-conic-gradient(#2a2f45 0% 25%,#222738 0% 50%) 50%/18px 18px}
.artcell a{display:block;aspect-ratio:1/1;line-height:0}
.artcell a img{width:100%;height:100%;object-fit:contain;display:block}
.artcell figcaption{padding:5px 6px;font-size:10px;text-align:center;word-break:break-all}
@media(max-width:640px){
  .cv{padding:12px 10px 34px}
  .amove{gap:10px}
  .amove .amimg{height:46px}
  .amap{--u:.62;margin:0}
  .art-row>.art-lbl{flex-basis:100%}
  .hero-tags{top:6px;right:8px}
}
@media(max-width:900px){
  .tabs{flex:1 1 100%}
  .dock{width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .dock::-webkit-scrollbar{display:none}
}
@media(prefers-reduced-motion:reduce){
  .tabbar.stuck .dock{animation:none}
  .gst,.gst *{animation:none!important}
  .elholo,.rfx .rfl,.rfx .rst,.character-thumb>.rarity>:is(.rlf,.ris,.rik),.equip-thumb>.frame::after,.character-thumb>.pfs,.character-thumb>.pfr>b{display:none}
  .zt.open :is(.zt-dark,.zt-slam,.zt-ghost,.zt-sel){animation:none!important}
  .zt.open .zt-dark,.zt .zt-ghost{opacity:0}
  .zt.open .zt-slam{opacity:1}
  .zt.open.cur .zt-sel{opacity:1}
  .gst .spk,.star .sl,.star .sh,.star .fl,.star .sr{display:none!important}
}