.page-module__7JbO2G__gap{padding-top:64px;padding-bottom:64px}.page-module__7JbO2G__screen{background-image:radial-gradient(#c7f7fb 16%,#00b7ff 39%,#0083ab 61%,#2e4a6d 82%,#0e2253 100%);background-size:300% 300%;grid-template-columns:125px 1fr 125px;justify-content:space-between;width:100vw;max-width:90rem;height:800px;animation:15s infinite page-module__7JbO2G__gradient-spin;display:grid;box-shadow:0 0 8px #fff}.page-module__7JbO2G__sidebar{object-fit:fill}.page-module__7JbO2G__sidebar:nth-of-type(2){transform:scale(-1)}@keyframes page-module__7JbO2G__gradient-spin{0%{background-position:0 100%}50%{background-position:25% 75%}to{background-position:0 100%}}@media (max-width:1200px){.page-module__7JbO2G__screen{grid-template-columns:1fr}.page-module__7JbO2G__sidebar{display:none}}
.CharacterButton-module__Bme11W__characterButton{background-color:#fff;border-radius:50%;outline:3px solid teal;width:128px;height:128px;display:block}.CharacterButton-module__Bme11W__characterButton:hover{outline:4px solid teal}.CharacterButton-module__Bme11W__characterButton:hover .CharacterButton-module__Bme11W__buttonImage{filter:none}.CharacterButton-module__Bme11W__characterButton:hover .CharacterButton-module__Bme11W__buttonLabel{font-style:italic}.CharacterButton-module__Bme11W__characterLink:focus .CharacterButton-module__Bme11W__buttonImage{filter:none}.CharacterButton-module__Bme11W__characterLink:focus .CharacterButton-module__Bme11W__buttonLabel{font-style:italic}.CharacterButton-module__Bme11W__buttonImage{object-fit:cover;filter:grayscale();border-radius:50%}.CharacterButton-module__Bme11W__buttonLabel{font-family:var(--font-nunito);font-weight:600;display:none}@media screen and (max-width:900px){.CharacterButton-module__Bme11W__buttonLabel{display:block}}@media screen and (max-width:400px){.CharacterButton-module__Bme11W__characterButton,.CharacterButton-module__Bme11W__buttonImage{width:96px;height:96px}}
.CharacterSelect-module__kgZ_kG__mainGrid{grid-template-rows:repeat(6,1fr);grid-template-columns:.45fr .55fr;grid-template-areas:"portrait.""portrait buttons""portrait buttons""portrait flavor""name flavor"".flavor";height:800px;display:grid}.CharacterSelect-module__kgZ_kG__portraitSection{grid-area:portrait;justify-content:center;align-items:center;display:flex}.CharacterSelect-module__kgZ_kG__portraitSection img{object-fit:fill;opacity:.9;padding:1rem;-webkit-mask-image:radial-gradient(#000 0% 60%,#0000 100%);mask-image:radial-gradient(#000 0% 60%,#0000 100%)}.CharacterSelect-module__kgZ_kG__name{text-align:center;grid-area:name;width:100%;position:relative}.CharacterSelect-module__kgZ_kG__nameLabel{position:inherit;z-index:50;height:4rem;font-family:var(--font-yuruka);text-shadow:3px 5px teal;font-size:4rem}.CharacterSelect-module__kgZ_kG__nameLabel:before{content:"";z-index:-50;background-color:#00000040;border-radius:50%;width:60%;height:10px;position:absolute;top:70%;left:20%;box-shadow:5px 0 5px 20px #00000040}.CharacterSelect-module__kgZ_kG__flavorText{font-family:var(--font-geist-mono);text-shadow:1px 1px 6px navy;grid-area:flavor;align-content:center;justify-self:center}.CharacterSelect-module__kgZ_kG__buttonSection{grid-area:buttons;grid-template-columns:repeat(3,1fr);justify-self:center;gap:16px;display:grid}.CharacterSelect-module__kgZ_kG__buttonSection>:first-child,.CharacterSelect-module__kgZ_kG__buttonSection>:nth-child(2),.CharacterSelect-module__kgZ_kG__buttonSection>:nth-child(3){transform:translate(20px)}.CharacterSelect-module__kgZ_kG__buttonSection>:nth-child(4),.CharacterSelect-module__kgZ_kG__buttonSection>:nth-child(5),.CharacterSelect-module__kgZ_kG__buttonSection>:nth-child(6){transform:translate(-20px)}.CharacterSelect-module__kgZ_kG__buttonSection>:first-child,.CharacterSelect-module__kgZ_kG__buttonSection>:nth-child(4){margin-top:15px}@media screen and (max-width:900px){.CharacterSelect-module__kgZ_kG__mainGrid{border:2px solid #fff;grid-template-rows:repeat(5,1fr);grid-template-columns:1fr;grid-template-areas:"name""name""buttons""flavor""flavor";height:800px;display:grid}.CharacterSelect-module__kgZ_kG__portraitSection{display:none}.CharacterSelect-module__kgZ_kG__flavorText{margin-top:1rem;font-size:.9rem}.CharacterSelect-module__kgZ_kG__name{align-self:center}.CharacterSelect-module__kgZ_kG__nameLabel:before{display:none}}@media screen and (max-width:400px){.CharacterSelect-module__kgZ_kG__flavorText{font-size:.7rem}}