html{box-sizing:border-box;font-size:100%}*,*::after,*::before{box-sizing:inherit}body{margin:0;padding:0;background-color:rgb(2.55,0,5.1);color:#fff}button,.button,input{border:none;font-size:inherit;font-family:inherit;color:inherit}button,.button{cursor:pointer}@font-face{font-family:"Expose";font-style:normal;font-weight:400;src:local(""),url(assets/Expose-Regular.woff2) format("woff2")}@font-face{font-family:"Franklin Gothic Demi Cond";font-style:normal;font-weight:400;src:local(""),url(assets/Franklin-Gothic-Demi-Cond-Regular.woff2) format("woff2")}@font-face{font-family:"Franklin Gothic Medium Cond";font-style:normal;font-weight:400;src:local(""),url(assets/Franklin-Gothic-Medium-Cond-Regular.woff2) format("woff2")}@font-face{font-family:"Franklin Gothic Heavy Regular";font-style:normal;font-weight:400;src:local(""),url(assets/Franklin-Gothic-Heavy-Regular.woff2) format("woff2")}@font-face{font-family:"Franklin Gothic Heavy Italic";font-style:italic;font-weight:400;src:local(""),url(assets/Franklin-Gothic-Heavy-Italic.woff2) format("woff2")}@font-face{font-family:"Persona 5 Main";font-style:normal;font-weight:400;src:local(""),url(assets/Persona5main.woff2) format("woff2")}@font-face{font-family:"p5hatty";font-style:normal;font-weight:400;src:local(""),url(assets/p5hatty.woff2) format("woff2")}body{font-family:"p5hatty";font-size:1.5rem;color:#fff}p{margin:0;line-height:1}a,a:visited,a:active{cursor:pointer;text-decoration:none;color:inherit}.arcana--small{font-family:"Franklin Gothic Medium Cond";font-size:clamp(0.9375rem,4vw,1.25rem);letter-spacing:-0.05rem}.arcana--title{font-family:"Franklin Gothic Demi Cond";font-size:clamp(2.25rem,6vw,3rem);letter-spacing:-0.2rem;color:rgb(2.55,0,5.1);-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:0.75rem;paint-order:stroke fill}.numbers--regular{font-family:"Franklin Gothic Heavy Regular";font-size:clamp(1.25rem,5vw,1.75rem)}.lvl--title{font-family:"Persona 5 Main";font-size:clamp(1.25rem,5vw,2rem);letter-spacing:-0.4em;color:hsl(0,0%,54%)}.numbers--italic{font-family:"Franklin Gothic Heavy Italic";font-size:clamp(1.5rem,6vw,2.5rem)}.badge--large{font-family:"Persona 5 Main";font-size:clamp(1.375rem,5vw,2rem);letter-spacing:-0.8rem}.badge--large.badge--dlc{color:hsl(59,100%,56%)}.badge--large.badge--special{color:hsl(182,97%,85%)}.badge--large.badge--gem{color:hsl(94,94%,72%)}.badge--small{padding:.1rem .5rem .4rem .5rem;clip-path:polygon(0 0, 100% 0%, 100% 67%, 9% 100%);font-family:"Franklin Gothic Medium Cond";font-size:0.75rem;color:rgb(2.55,0,5.1)}.badge--small.badge--dlc{background-color:hsl(59,100%,56%)}.badge--small.badge--special{background-color:hsl(182,97%,85%)}.badge--small.badge--gem{background-color:hsl(94,94%,72%)}.affinity--wk::after{content:"Wk";position:absolute;right:10%;bottom:-50%;font-family:"Franklin Gothic Demi Cond";font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:-0.2rem;color:#fff;-webkit-text-stroke-color:rgb(2.55,0,5.1);-webkit-text-stroke-width:0.5rem;paint-order:stroke fill}.affinity--str::after{content:"Str";position:absolute;right:10%;bottom:-50%;font-family:"Franklin Gothic Demi Cond";font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:-0.2rem;color:hsl(0,0%,54%);-webkit-text-stroke-color:rgb(2.55,0,5.1);-webkit-text-stroke-width:0.5rem;paint-order:stroke fill}.affinity--nul::after{content:"Nul";position:absolute;right:10%;bottom:-50%;font-family:"Franklin Gothic Demi Cond";font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:-0.2rem;color:hsl(0,0%,54%);-webkit-text-stroke-color:rgb(2.55,0,5.1);-webkit-text-stroke-width:0.5rem;paint-order:stroke fill}.affinity--rpl::after{content:"Rpl";position:absolute;right:10%;bottom:-50%;font-family:"Franklin Gothic Demi Cond";font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:-0.2rem;color:hsl(0,0%,54%);-webkit-text-stroke-color:rgb(2.55,0,5.1);-webkit-text-stroke-width:0.5rem;paint-order:stroke fill}.affinity--dr::after{content:"Dr";position:absolute;right:10%;bottom:-50%;font-family:"Franklin Gothic Demi Cond";font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:-0.2rem;color:hsl(0,0%,54%);-webkit-text-stroke-color:rgb(2.55,0,5.1);-webkit-text-stroke-width:0.5rem;paint-order:stroke fill}.stats__name{font-family:"Franklin Gothic Demi Cond";font-size:clamp(1.5rem,5vw,2rem);color:rgb(2.55,0,5.1);-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:0.25rem;paint-order:stroke fill}.stats__name::first-letter{text-transform:capitalize}.stats__value{font-family:"Franklin Gothic Heavy Regular";font-size:clamp(1.5rem,5vw,2rem);color:rgb(2.55,0,5.1);-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:0.25rem;paint-order:stroke fill}h2{margin:0;font-family:"Persona 5 Main";font-size:clamp(1.25rem,6vw,2rem);letter-spacing:-0.4rem;color:rgb(2.55,0,5.1)}h3{margin:0;font-size:clamp(1.125rem,5vw,1.5rem);color:rgb(2.55,0,5.1);-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:0.25rem;paint-order:stroke fill}h4{margin:0 0 1.2rem 0;font-family:"Franklin Gothic Medium Cond";font-size:clamp(1rem,5vw,1.125rem)}.th{font-family:"p5hatty";font-size:clamp(1.25rem,6vw,1.75rem);color:hsl(0,1%,10%)}footer{font-size:clamp(0.875rem,5vw,1.125rem)}footer p{margin-bottom:.5rem}.page-wrap{width:min(100% - 2rem,75rem);margin-inline:auto}.index-page-wrap{width:min(100% - 2rem,73.5rem);margin-left:8vw}@media(max-width: 75em){.index-page-wrap{margin-inline:auto}}.index-header-wrap,.index-footer-wrap{max-width:100%;margin:0 8vw}@media(max-width: 75em){.index-header-wrap,.index-footer-wrap{max-width:95%;margin-inline:auto}}.header{z-index:1000;position:sticky;top:0;left:0;padding:0.5rem 0;background-color:rgb(193.8,0,0);font-size:1.25rem;color:rgb(2.55,0,5.1)}.header--black{background-color:rgb(2.55,0,5.1);color:#fff}.header__logo{width:11.25rem;min-height:4.0625rem;background:url(assets/header_logo_desk.svg) center/contain no-repeat}.header__logo a{display:block;width:100%;height:100%}.header__logo--black{background:url(assets/header_logo_inverted.svg) center/contain no-repeat}.header__flex{display:flex;justify-content:space-between;align-items:center}.header__link{clip-path:polygon(0 16%, 96% 11%, 100% 100%, 6% 81%);transition:all 200ms ease-in;padding:0.75rem 1rem}.header__link a::before{content:"";display:inline-block;vertical-align:top;margin-right:0.5rem;width:1.375rem;height:1.375rem;background:url(assets/github-alt-icon-original.svg) center/contain no-repeat}@media(hover: hover)and (pointer: fine){.header__link:hover{background-color:rgb(2.55,0,5.1);color:#fff}.header__link:hover a::before{background:url(assets/github-alt-icon-white.svg) center/contain no-repeat}}.header__link--black a::before{background:url(assets/github-alt-icon-white.svg) center/contain no-repeat}@media(hover: hover)and (pointer: fine){.header__link--black:hover{background-color:rgb(193.8,0,0);color:rgb(2.55,0,5.1)}.header__link--black:hover a::before{background:url(assets/github-alt-icon-original.svg) center/contain no-repeat}}@media(max-width: 37.44em){.header__text{display:none}}.table{font-size:clamp(1.375rem,4vw,1.5rem)}.table__filters{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;margin-bottom:2.5rem}.table__colnames{display:grid;grid-template-columns:1fr 1fr;margin:2rem auto 0 auto}.table__content--single-col{overflow-y:auto;max-height:33.75em;padding-right:.5rem}.table__content--single-col>.table__cell{transform:rotate(-2deg)}.table__content--two-col{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow-y:auto;margin-inline:auto;max-height:25em;padding-top:1rem;padding-right:.35rem}.table__content--two-col>.table__cell{border-bottom:1px solid #fff;padding-top:1rem}.table__content--two-col>.table__cell:nth-last-of-type(-n + 2){border-bottom:none}.table__cell{display:flex;align-items:center;gap:.5rem;overflow:hidden;padding:.8rem .3rem .6rem .3rem}.table__cell--dlc,.table__cell--dlc:visited,.table__cell--dlc:active{color:hsl(59,100%,56%)}.table__cell--dlc>.table__circle,.table__cell--dlc .table__arcana,.table__cell--dlc:visited>.table__circle,.table__cell--dlc:visited .table__arcana,.table__cell--dlc:active>.table__circle,.table__cell--dlc:active .table__arcana{background-color:hsl(59,100%,56%)}.table__cell--special,.table__cell--special:visited,.table__cell--special:active{color:hsl(182,97%,85%)}.table__cell--special>.table__circle,.table__cell--special .table__arcana,.table__cell--special:visited>.table__circle,.table__cell--special:visited .table__arcana,.table__cell--special:active>.table__circle,.table__cell--special:active .table__arcana{background-color:hsl(182,97%,85%)}.table__cell--gem,.table__cell--gem:visited,.table__cell--gem:active{color:hsl(94,94%,72%)}.table__cell--gem>.table__circle,.table__cell--gem .table__arcana,.table__cell--gem:visited>.table__circle,.table__cell--gem:visited .table__arcana,.table__cell--gem:active>.table__circle,.table__cell--gem:active .table__arcana{background-color:hsl(94,94%,72%)}@media(hover: hover)and (pointer: fine){.table__cell:hover{background-color:rgb(193.8,0,0)}.table__cell:hover .table__arcana{color:rgb(193.8,0,0)}}.table__cell span{display:inline-block;flex-shrink:0}.table__arcana{background-color:#fff;color:rgb(2.55,0,5.1);padding:0.125rem 0.75rem 0.25rem 0.75rem;border-radius:0.125rem}@media(max-width: 75em){.table__arcana{max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.table__circle{background-color:#fff;border-radius:50%;width:0.375rem;height:0.375rem;align-self:center}.table__note{flex-grow:1;flex-basis:37.5rem;font-size:clamp(1.25rem,3vw,1.375rem)}.note__main,.note__optional{display:inline-block}.note__optional{background-color:rgb(193.8,0,0)}.th{max-width:85%;background-color:#fff;padding:.5rem 1rem .5rem 1.5rem;clip-path:polygon(3% 1%, 100% 0, 99% 91%, 0% 100%)}.icon{position:relative;width:min(5.3125rem,16vw);height:calc(min(5.3125rem,16vw)/1.5);background-repeat:no-repeat;background-size:70% 70%;background-position:center;background-color:rgb(2.55,0,5.1)}.elem--phys{background-image:url(assets/P5_Phys_Icon.png)}.elem--gun{background-image:url(assets/P5_Gun_Icon.png)}.elem--fire{background-image:url(assets/P5_Fire_Icon.png)}.elem--ice{background-image:url(assets/P5_Ice_Icon.png)}.elem--elec{background-image:url(assets/P5_Elec_Icon.png)}.elem--wind{background-image:url(assets/P5_Wind_Icon.png)}.elem--psy{background-image:url(assets/P5_Psy_Icon.png)}.elem--nuke{background-image:url(assets/P5_Nuke_Icon.png)}.elem--bless{background-image:url(assets/P5_Bless_Icon.png)}.elem--curse{background-image:url(assets/P5_Curse_Icon.png)}.elem--passive{background-image:url(assets/P5_Passive_Icon.png)}.elem--support{background-image:url(assets/P5_Support_Icon.png)}.elem--ailment{background-image:url(assets/P5_Ailment_Icon.png)}.elem--almighty{background-image:url(assets/P5_Almi_Icon.png)}.elem--healing{background-image:url(assets/P5_Healing_Icon.png)}.item--gun-Ann{background-image:url(assets/P5R_Gun_Panther_Icon.png)}.item--gun-Joker{background-image:url(assets/P5R_Gun_Joker_Icon.png)}.item--gun-Morgana{background-image:url(assets/P5R_Gun_Mona_Icon.png)}.item--gun-Haru{background-image:url(assets/P5R_Gun_Noir_Icon.png)}.item--gun-Yusuke{background-image:url(assets/P5R_Gun_Fox_Icon.png)}.item--gun-Makoto{background-image:url(assets/P5R_Gun_Queen_Icon.png)}.item--gun-Ryuji{background-image:url(assets/P5R_Gun_Skull_Icon.png)}.item--weapon-Ann{background-image:url(assets/P5R_Melee_Panther_Icon.png)}.item--weapon-Joker{background-image:url(assets/P5R_Melee_Joker_Icon.png)}.item--weapon-Morgana{background-image:url(assets/P5R_Melee_Mona_Icon.png)}.item--weapon-Haru{background-image:url(assets/P5R_Melee_Noir_Icon.png)}.item--weapon-Yusuke{background-image:url(assets/P5R_Melee_Fox_Icon.png)}.item--weapon-Makoto{background-image:url(assets/P5R_Melee_Queen_Icon.png)}.item--weapon-Ryuji{background-image:url(assets/P5R_Melee_Skull_Icon.png)}.item--accessory-unisex{background-image:url(assets/P5R_Accessory_Icon.png)}.item--skillcard-unisex{background-image:url(assets/P5_Skill_Icon.png);background-color:#241b25}.item--protector-women{background-image:url(assets/P5R_Protector_Female_Icon.png)}.item--protector-men{background-image:url(assets/P5R_Protector_Male_Icon.png)}.item--protector-unisex{background-image:url(assets/P5R_Protector_Human_Icon.png)}.item--protector-Morgana{background-image:url(assets/P5_Protector_Morgana_Icon.png)}.user--Ann{background-image:url(assets/AnnTextIcon.webp);background-color:hsl(320,56%,71%)}.user--Joker{background-image:url(assets/Levelup_joker.webp);background-color:rgb(193.8,0,0)}.user--Morgana{background-image:url(assets/Levelup_Morgana.webp);background-color:hsl(0,0%,54%)}.user--Haru{background-image:url(assets/Haru_Text_Icon.webp);background-color:hsl(277,46%,56%)}.user--Yusuke{background-image:url(assets/Yusuke_Text_Icon.webp);background-color:hsl(197,86%,67%)}.user--Makoto{background-image:url(assets/Makoto_Text_Icon.webp);background-color:hsl(232,56%,43%)}.user--Ryuji{background-image:url(assets/Ryuji_Text_Icon.webp);background-color:hsl(62,87%,72%)}.user--unisex{background-image:url(assets/unisex_icon.svg);background-color:rgb(2.55,0,5.1)}.user--women{background-image:url(assets/women_icon.svg);background-color:rgb(2.55,0,5.1)}.user--men{background-image:url(assets/men_icon.svg);background-color:rgb(2.55,0,5.1)}.backdrop{z-index:999;position:fixed;top:0;left:0;visibility:hidden;opacity:0;overflow:auto;transition:visibility 200ms ease-in-out,opacity 200ms ease-in-out;width:100%;height:100%;background-color:hsla(0,0%,1%,.944)}.backdrop--loader{z-index:1200;background-color:rgb(2.55,0,5.1)}.loader-backdrop{z-index:1200;position:fixed;top:0;left:0;visibility:hidden;opacity:0;overflow:auto;transition:visibility 200ms ease-in-out,opacity 200ms ease-in-out;width:100%;height:100%;background-color:rgb(2.55,0,5.1)}.loader{position:absolute;top:40%;left:50%;visibility:hidden;opacity:0;transform:translate(50%, 50%);width:2rem;height:4rem;animation:l3-1 2s infinite linear,l3-2 3s infinite steps(1) -0.5s}.open,.open>*{visibility:visible;opacity:1}@keyframes l3-1{0%{transform:perspective(150px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(150px) rotateX(180deg) rotateY(0deg)}100%{transform:perspective(150px) rotateX(180deg) rotateY(180deg)}}@keyframes l3-2{0%{background:url(assets/loader_mask.png) center/100% no-repeat}33%{background:url(assets/loader_back.png) center/100% no-repeat}66%{background:url(assets/loader_front.png) center/100% no-repeat}}.button{position:relative;clip-path:polygon(6% 12%, 100% 0%, 98% 100%, 0% 100%);padding:0.5rem 1.5rem;cursor:pointer;background-color:rgb(193.8,0,0);color:#fff}.button:active{box-shadow:rgba(50,50,93,.25) 0px 30px 60px -12px inset,hsla(0,0%,100%,.3) 0px 18px 36px -18px inset}.search{display:flex;justify-content:flex-end;align-items:center;margin-left:auto}@media(max-width: 75em){.search{flex-grow:1;margin-top:1rem;margin-inline:auto;max-width:95%}}.search__input{display:block;transition:width 200ms linear;border-bottom:2px solid hsl(0,0%,54%);width:40%;padding-bottom:.3rem;background-color:rgba(0,0,0,0);font-size:1.25rem}.search__input:focus{border-bottom:2px solid #fff;width:95%;outline:none}.search__button{display:inline-block;border:none;width:1.5rem;height:1.5rem;padding:.5rem;background:url(assets/search_icon.svg) center/0.8rem .8rem no-repeat rgba(0,0,0,0);filter:opacity(40%)}.typing{background:url(assets/close_icon.svg) center/0.8rem .8rem no-repeat rgba(0,0,0,0);filter:opacity(100%)}@media(hover: hover)and (pointer: fine){.typing:hover{clip-path:polygon(6% 12%, 100% 0%, 98% 100%, 0% 100%);background-color:rgb(193.8,0,0);cursor:pointer}}fieldset{border:none}.dlc-checkbox{-webkit-appearance:none;appearance:none;margin:0;display:grid;place-content:center;transform:translateY(-0.075em);width:1.125rem;height:1.125rem;background-color:#fff;cursor:pointer}.dlc-checkbox::before{content:"";transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;margin-left:.5rem;width:1.5rem;height:1.25rem;background:url(assets/check_icon.svg)}.dlc-checkbox:checked::before{transform:scale(1)}.hovertext{position:relative}.hovertext::before{content:attr(data-elem-name);position:absolute;z-index:0;top:0%;left:0%;display:flex;align-items:center;justify-content:center;align-self:center;visibility:hidden;opacity:0;transition:opacity 300ms ease-in-out;width:100%;height:100%;background:rgba(0,0,0,.5);font-size:1.125rem;color:#fff}@media(hover: hover)and (pointer: fine){.hovertext:hover::before{opacity:1;visibility:visible}}@supports(scrollbar-color: auto){.styled-scrollbars{scrollbar-color:hsl(0,0%,54%) rgba(0,0,0,0);scrollbar-width:2px}html{scrollbar-width:none}}.switch-field{display:flex;transform:rotate(-2deg);overflow:hidden;clip-path:polygon(0 0, 96% 0, 100% 100%, 3% 99%)}.switch-field input{display:none}.switch-field input:checked+label{background-color:rgb(193.8,0,0);color:#fff}.switch-field label{transition:all .1s ease-in-out;padding:.5rem 1rem;background-color:hsl(0,1%,10%);text-align:center;color:#fff}@media(hover: hover)and (pointer: fine){.switch-field label:hover{cursor:pointer}}.footer__wrapper{position:relative;display:grid;grid-template-columns:6fr 1fr 1fr;margin-bottom:.8rem;padding:1.5rem 0rem 1rem 3rem;background-color:hsl(0,1%,10%)}@media(max-width: 75em){.footer__wrapper{grid-template-columns:1fr}}@media(max-width: 37.44em){.footer__wrapper{padding:1.5rem 1rem 1rem 1rem}}@media(min-width: 75em){.footer__contacts{text-align:center}}.footer__link{text-decoration:underline}body{background:url(assets/ConfidantCarolineJustine3Vector.webp) bottom right/100% no-repeat scroll rgb(2.55,0,5.1)}@media(max-width: 37.44em){body{background:rgb(2.55,0,5.1)}}.grid{display:grid;grid-template-columns:7fr 4fr;align-items:start}@media(max-width: 75em){.grid{grid-template-columns:1fr;grid-template-rows:auto}}.main{position:relative;margin-top:5rem;margin-bottom:3.75rem;min-height:68.75rem;padding:5rem 7.5rem 6.25rem 6.25rem;background:url(assets/main_table_bg.svg) no-repeat}@media(max-width: 75em){.main{margin-inline:auto;border:6px solid #fff;min-width:70%;padding:5rem 2.5rem 6.25rem 2.5rem;background:rgb(2.55,0,5.1)}}@media(max-width: 37.44em){.main{margin-bottom:0.75rem;border:none;min-width:100%;min-height:63.75rem;padding:5rem 1rem 0 1rem}}.main::before{content:"";position:absolute;top:-3rem;left:5%;display:block;width:min(18.75em,90vw);height:min(5.25em,20vw);background:url(assets/main_header.webp) top left/contain no-repeat}.aside{position:relative;display:flex;flex-direction:column;align-items:center;gap:0.5rem;margin-top:8.75rem;min-height:36.25rem;padding:1.5rem min(2.625rem,6vw);background:url(assets/aside_bg.svg) no-repeat}.aside__header{position:relative;align-self:center;clip-path:polygon(0 1%, 100% 17%, 99% 81%, 1% 94%);padding:0.75rem 5.5rem;background-color:#fff;font-family:"p5hatty";font-size:2.25rem;color:rgb(2.55,0,5.1)}.aside__note{margin-bottom:.5rem;padding-left:1rem}.aside__checkbox{display:grid;grid-template-columns:2rem auto;align-items:flex-start}@media(hover: hover)and (pointer: fine){.aside__checkbox label:hover{cursor:pointer}}.aside__checkbox+.aside__checkbox{margin-top:.4rem}@media(max-width: 75em){.aside{position:absolute;top:70%;left:50%;visibility:hidden;opacity:0;transform:translate(-50%, -40%);clip-path:polygon(0 2%, 98% 1%, 93% 99%, 3% 96%);transition:opacity 300ms ease-in-out,top 300ms ease-in-out;margin-top:0;width:min(90%,18.75em);min-height:0;padding-bottom:2rem;background:hsl(0,1%,10%)}}.aside::after{content:"";position:absolute;bottom:5rem;right:0;width:6.875rem;height:3.375rem;background:url(assets/aside_mark.svg) no-repeat}@media(max-width: 75em){.aside::after{display:none}}.slide-in{z-index:999;visibility:visible;opacity:1;top:50%}@media(min-width: 75em){.not-visible-on-desktop{display:none}}