@layer theme, base, cards, components, utilities;@layer components{.af-plate{--pl-hcap:calc(min((100svh - var(--af-head)) * 0.6, (100svh - var(--af-head)) * 0.85 - 190px) * 63 / 88);--pl-nl:88px;--pl-nr:77px;--pl-cw:clamp(118px,min(100cqw - var(--pl-nl) - var(--pl-nr) - 44px,var(--pl-hcap)),168px);--pl-gut:clamp(18px,(100cqw - var(--pl-nl) - var(--pl-nr) - var(--pl-cw))/2,36px);--pl-x0:calc((100cqw - var(--pl-nl) - var(--pl-nr) - var(--pl-cw) - 2 * var(--pl-gut)) / 2);--pl-cx:calc(var(--pl-x0) + var(--pl-nl) + var(--pl-gut));--pl-nt:0.875rem;--pl-ns:var(--text-micro);--pl-gap-t:calc(0.3 * var(--pl-nt));--pl-dot:5px;--pl-gap:1px;--pl-ring:1.5px;--pl-clear:1.5px;--pl-r:calc(var(--pl-dot) / 2 + var(--pl-gap) + var(--pl-ring));--pl-fx-rarete:0.054;--pl-fy-rarete:0.264;--pl-fx-image:0.946;--pl-fy-image:0.696;--pl-fx-description:0.054;--pl-fy-description:1.147;--pl-fx-attaque:0.308;--pl-fy-attaque:1.339;--pl-fx-defense:0.946;--pl-fy-defense:1.304;--pl-dd:calc(1px + 1.35 * var(--pl-ns));--pl-ga:calc(var(--pl-cw) * var(--pl-fy-defense) + 2.1 * var(--pl-nt) + var(--pl-dd));grid-column:1/-1;margin-inline:calc(-1 * var(--af-m));padding-inline:var(--af-m);container-type:inline-size}.af-plate__fig{position:relative;display:grid;grid-template-columns:var(--pl-nl) var(--pl-gut) var(--pl-cw) var(--pl-gut) var(--pl-nr);justify-content:center;align-items:start;margin-top:clamp(44px,6vw,48px)}.af-plate__card{position:relative;z-index:1;grid-column:3;grid-row:1;width:var(--pl-cw)}.af-plate__card>.ec-card{width:100%}.af-plate__leads{position:absolute;inset:0;z-index:2;pointer-events:none}.af-plate__lead{--pl-x:var(--pl-ax,calc(var(--pl-cx) + var(--pl-cw) * var(--pl-fx)));--pl-y:var(--pl-ay,calc(var(--pl-cw) * var(--pl-fy)));position:absolute;inset:0;isolation:isolate}.af-plate__lead[data-at=rarete]{--pl-fx:var(--pl-fx-rarete);--pl-fy:var(--pl-fy-rarete)}.af-plate__lead[data-at=image]{--pl-fx:var(--pl-fx-image);--pl-fy:var(--pl-fy-image)}.af-plate__lead[data-at=description]{--pl-fx:var(--pl-fx-description);--pl-fy:var(--pl-fy-description)}.af-plate__lead[data-at=attaque]{--pl-fx:var(--pl-fx-attaque);--pl-fy:var(--pl-fy-attaque)}.af-plate__lead[data-at=defense]{--pl-fx:var(--pl-fx-defense);--pl-fy:var(--pl-fy-defense)}.af-plate__lead:is([data-at=rarete],[data-at=description]){--pl-tx:calc(var(--pl-x) - var(--pl-r) - var(--pl-clear));--pl-ty:var(--pl-y);--pl-kx:min(var(--pl-tx),calc(var(--pl-cx) - var(--pl-gut) / 2));--pl-ex:calc(var(--pl-x0) + var(--pl-nl) + var(--pl-gap-t));--pl-ey:var(--pl-ly,var(--pl-y))}.af-plate__lead:is([data-at=image],[data-at=defense]){--pl-ty:var(--pl-y);--pl-kx:max(var(--pl-tx),calc(var(--pl-cx) + var(--pl-cw) + var(--pl-gut) / 2));--pl-ex:calc(var(--pl-cx) + var(--pl-cw) + var(--pl-gut) - var(--pl-gap-t));--pl-ey:var(--pl-ly,var(--pl-y))}.af-plate__lead[data-at=image]{--pl-tx:calc(var(--pl-x) - var(--pl-cw) * 0.07)}.af-plate__lead[data-at=defense]{--pl-tx:calc(var(--pl-x) + var(--pl-r) + var(--pl-clear))}.af-plate__lead[data-at=attaque]{--pl-tx:var(--pl-x);--pl-ty:calc(var(--pl-y) + var(--pl-r) + var(--pl-clear));--pl-kx:var(--pl-tx);--pl-ex:calc(var(--pl-cx) + var(--pl-cw) + var(--pl-gut) - var(--pl-gap-t));--pl-ey:var(--pl-ly,var(--pl-ga))}.af-plate__seg{position:absolute;background:var(--af-night)}.af-plate__seg:before{content:"";position:absolute;inset:-1px;z-index:-1;background:var(--af-paper)}.af-plate__seg--in{top:calc(var(--pl-ty) - 1px);left:min(var(--pl-tx),var(--pl-kx));width:calc(max(var(--pl-tx), var(--pl-kx)) - min(var(--pl-tx), var(--pl-kx)));height:2px}.af-plate__seg--knee{top:calc(min(var(--pl-ty), var(--pl-ey)) - 1px);left:calc(var(--pl-kx) - 1px);width:2px;height:calc(max(var(--pl-ty), var(--pl-ey)) - min(var(--pl-ty), var(--pl-ey)) + 2px)}.af-plate__seg--out{top:calc(var(--pl-ey) - 1px);left:min(var(--pl-kx),var(--pl-ex));width:calc(max(var(--pl-kx), var(--pl-ex)) - min(var(--pl-kx), var(--pl-ex)));height:2px}.af-plate__ring{position:absolute;top:var(--pl-ty);left:var(--pl-tx);width:var(--pl-dot);height:var(--pl-dot);border-radius:50%;background:var(--af-night);box-shadow:0 0 0 var(--pl-gap) var(--af-paper),0 0 0 calc(var(--pl-gap) + var(--pl-ring)) var(--af-night),0 0 0 calc(var(--pl-gap) + var(--pl-ring) + 1px) var(--af-paper);translate:-50% -50%}.af-plate__notes{position:relative;z-index:3;grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:subgrid;pointer-events:none}.af-plate__note{grid-row:1;align-self:start;margin-top:var(--pl-top,calc(var(--pl-cw) * var(--pl-fy) - .6 * var(--pl-nt)));pointer-events:auto}.af-plate__note[data-at=rarete]{--pl-fy:var(--pl-fy-rarete)}.af-plate__note[data-at=image]{--pl-fy:var(--pl-fy-image)}.af-plate__note[data-at=description]{--pl-fy:var(--pl-fy-description)}.af-plate__note[data-at=defense]{--pl-fy:var(--pl-fy-defense)}.af-plate__note[data-at=attaque]{margin-top:var(--pl-top,calc(var(--pl-ga) - .6 * var(--pl-nt)))}.af-plate__note:is([data-at=rarete],[data-at=description]){grid-column:1;text-align:right}.af-plate__note:is([data-at=image],[data-at=defense],[data-at=attaque]){grid-column:5}.af-plate__term{font-size:var(--pl-nt);font-weight:800;line-height:1.2;letter-spacing:-.02em}.af-plate__text{margin-top:1px;font-size:var(--pl-ns);line-height:1.35;color:var(--af-paper-soft);text-wrap:balance}.af-plate__long{display:none}.af-plate__val{font-weight:600;color:var(--af-night)}.af-plate__caption{grid-column:1/-1;grid-row:2;justify-self:center;max-width:22em;margin-top:22px;font-size:var(--text-small);font-style:italic;line-height:1.45;color:var(--af-paper-soft);text-align:center;text-wrap:balance}@media (min-width:375px){.af-plate{--pl-nr:83px;--pl-nt:0.9375rem}}@media (min-width:640px){.af-plate{--pl-cw:clamp(150px,min(30cqw + 30px,var(--pl-hcap)),280px);--pl-side:min((100cqw - var(--pl-cw))/2,260px);--pl-gut:calc(0.2 * var(--pl-side));--pl-nl:calc(var(--pl-side) - var(--pl-gut));--pl-nr:var(--pl-nl);--pl-nt:1.125rem;--pl-ns:var(--text-small);--pl-gap-t:calc(0.5 * var(--pl-nt));--pl-dot:6px;--pl-gap:1.5px;--pl-ring:2px;--pl-fx-rarete:0.05;--pl-fy-rarete:0.215;--pl-fx-image:0.95;--pl-fy-image:0.563;--pl-fx-description:0.05;--pl-fy-description:0.9;--pl-fx-attaque:0.43;--pl-fy-attaque:1.347;--pl-fx-defense:0.95;--pl-fy-defense:1.319;--pl-dd:calc(4px + 1.42 * var(--pl-ns))}.af-plate__text{margin-top:4px;line-height:1.42}.af-plate__caption{margin-top:28px}}@media (min-width:688px){.af-plate{--pl-dd:calc(4px + 2.84 * var(--pl-ns));--pl-ga:calc(var(--pl-cw) * 88 / 63 + 1.5 * var(--pl-nt))}.af-plate__long{display:inline}.af-plate__short{display:none}.af-plate__note[data-at=attaque]{grid-column:1;text-align:right}.af-plate__lead[data-at=attaque]{--pl-ex:calc(var(--pl-x0) + var(--pl-nl) + var(--pl-gap-t))}.af-plate__caption{grid-column:5;grid-row:1;justify-self:start;max-width:none;margin-top:var(--pl-top,calc(var(--pl-cw) * var(--pl-fy-defense) + 1.5 * var(--pl-nt) + var(--pl-dd)));text-align:left}}@media (min-width:688px) and (max-width:767px){.af-plate{--pl-measure:calc(12.8 * var(--pl-ns));--pl-gut-min:calc(var(--pl-nt) + 6px);--pl-cw:clamp(150px,min(30cqw + 30px,var(--pl-hcap),100cqw - 2 * (var(--pl-measure) + var(--pl-gut-min))),280px);--pl-gut:max(var(--pl-gut-min),min(0.2 * var(--pl-side),var(--pl-side) - var(--pl-measure)))}}@media (min-width:1024px){.af-plate__fig{margin-top:clamp(48px,4vw,64px)}.af-plate{--pl-cw:max(170px,min(clamp(22rem,12rem + 10vw,26rem),var(--pl-hcap),34cqw));--pl-side:min((100cqw - var(--pl-cw))/2,max(1.15 * var(--pl-cw),16rem + 48px));--pl-gut:max(48px,min(0.3 * var(--pl-side),var(--pl-side) - 16rem));--pl-nt:clamp(1.25rem,0.064 * var(--pl-cw),1.75rem);--pl-ns:clamp(0.9375rem,0.0425 * var(--pl-cw),1.0625rem);--pl-gap-t:calc(0.55 * var(--pl-nt));--pl-gap:2px;--pl-clear:2px;--pl-dd:calc(6px + 2.84 * var(--pl-ns))}.af-plate__text{margin-top:6px}}}@layer theme, base, cards, components, utilities;@layer components{.af-planche{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--af-g);padding:var(--af-pad) var(--af-m) 0;background:var(--af-paper);color:var(--af-night)}.af-podium{grid-column:1/-1}.af-planche__title{grid-column:1/-1;max-width:11em;font-size:var(--text-h2);font-weight:800;line-height:.94;letter-spacing:-.03em}@media (min-width:1024px){.af-planche{grid-template-columns:repeat(12,minmax(0,1fr))}}.af-podium{--pod-pad:clamp(10px,1.5vw,26px);--unit:clamp(40px,3.6vw,52px);margin:clamp(48px,5vw,80px) calc(-1 * var(--af-m)) 0}@media (max-width:1023px){.af-podium{--pod-pad:8px}}.af-podium__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding-inline:var(--af-m)}.af-podium__title{font-size:var(--text-h3);font-weight:800;line-height:1;letter-spacing:-.02em}.af-podium__rule{max-width:25em;font-size:var(--text-small);line-height:1.42}.af-podium__source{font-size:var(--text-small);font-style:italic;color:var(--af-paper-soft)}.af-podium__cols{display:grid;margin-top:28px;overflow:clip}.af-podium__col{--plane:var(--color-r-c);position:relative;display:flex;align-items:center;gap:16px;min-height:112px;padding:10px var(--af-m)}.af-podium__col[data-rarity=PC]{--plane:var(--color-r-pc)}.af-podium__col[data-rarity=R]{--plane:var(--color-r-r)}.af-podium__col[data-rarity=SR]{--plane:var(--color-r-sr)}.af-podium__col[data-rarity=UR]{--plane:var(--color-r-ur)}.af-podium__col[data-rarity=L]{--plane:var(--color-r-l)}.af-podium__col:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(72% + var(--rank) * 5.6%);background:var(--plane)}.af-podium__card{position:relative;flex:none;width:112px}.af-podium__card>.ec-card{width:100%}.af-podium__bar{position:relative}.af-podium__name{font-size:var(--text-h4);font-weight:700;line-height:1.05;letter-spacing:-.01em}.af-podium__tier{margin-top:3px;font-size:var(--text-small);font-weight:600;line-height:1.3}.af-podium__article,.af-podium__tier{max-width:calc(72vw + var(--rank) * 5.6vw - 166px)}.af-podium__article{margin-top:2px}.af-podium__article,.af-podium__views{font-size:var(--text-small);line-height:1.34}.af-podium__views{display:flex;flex-direction:column;margin-top:6px}.af-podium__num{font-size:clamp(1.75rem,1rem + 2.1vw,3.25rem);font-weight:800;line-height:.95;letter-spacing:-.035em}@media (min-width:768px){.af-podium{display:grid}.af-podium__cols,.af-podium__head{grid-area:1/1}.af-podium__head{position:relative;z-index:1;align-self:start;flex-direction:column;align-items:flex-start;width:34%;margin-bottom:calc(clamp(14px, 1.6vw, 22px) + (100% / 6 - 2 * var(--pod-pad)) * 88 / 63 + var(--unit) * 4.96 + 28px)}.af-podium__cols{grid-template-columns:repeat(6,minmax(0,1fr));align-self:end;align-items:end;margin-top:0}.af-podium__col{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0}.af-podium__col:before{content:none}.af-podium__article{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.af-podium__card{width:auto;padding:0 var(--pod-pad) clamp(14px,1.6vw,22px)}.af-podium__bar{height:calc(var(--unit) * (3.7 + var(--rank) * 1.26));padding:clamp(12px,1.4vw,20px) var(--pod-pad);background:var(--plane)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.af-podium__col{view-timeline:--af-row block}.af-podium__col:before{animation:af-sweep linear both;animation-timeline:--af-row;animation-range:entry 0 cover 45%}@media (min-width:768px){.af-podium__cols{view-timeline:--af-podium block}.af-podium__col{animation:af-rise-0 linear both;animation-timeline:--af-podium;animation-range:entry 0 cover 48%}.af-podium__col:nth-child(2){animation-name:af-rise-1}.af-podium__col:nth-child(3){animation-name:af-rise-2}.af-podium__col:nth-child(4){animation-name:af-rise-3}.af-podium__col:nth-child(5){animation-name:af-rise-4}.af-podium__col:nth-child(6){animation-name:af-rise-5}}}}@keyframes af-rise-0{0%,40%,to{translate:0 0}0.01%,10%{translate:0 100%}}@keyframes af-rise-1{0%,52%,to{translate:0 0}0.01%,22%{translate:0 100%}}@keyframes af-rise-2{0%,64%,to{translate:0 0}0.01%,34%{translate:0 100%}}@keyframes af-rise-3{0%,76%,to{translate:0 0}0.01%,46%{translate:0 100%}}@keyframes af-rise-4{0%,88%,to{translate:0 0}0.01%,58%{translate:0 100%}}@keyframes af-rise-5{0%,to{translate:0 0}0.01%,70%{translate:0 100%}}@keyframes af-sweep{0%,to{translate:0 0}0.01%,20%{translate:-100% 0}}}