.f4H5-a_container{background-color:var(--color-bg-strong);box-shadow:var(--box-shadow-1);border-radius:.25rem;flex-direction:column;display:flex;overflow:hidden}.f4H5-a_title{background-color:var(--color-bg-stronger);text-transform:uppercase;margin:0;padding:.5rem 1rem;font-size:1.25rem;font-weight:700}.f4H5-a_body{padding:1rem}
._4UllnW_container{background:radial-gradient(var(--color-bg-strong), var(--color-bg-stronger));width:128px;height:72px}
.bsEavW_image{background-image:url(/img/items/emptyitembg.jpg);display:block}.bsEavW_backpack{filter:grayscale()}.bsEavW_neutral{clip-path:circle(50%)}
.EcCLKW_container{background-color:var(--color-bg-modal);z-index:2;place-items:flex-end stretch;animation:.2s ease-out EcCLKW_fadeIn;display:grid;position:fixed;inset:0}@media screen and (min-width:768px){.EcCLKW_container{place-items:center}}.EcCLKW_close{color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:0 1rem;font-size:3rem;transition:color .2s;position:absolute;top:0;right:0}.EcCLKW_close:hover{color:var(--color-primary)}.EcCLKW_modal{box-shadow:var(--box-shadow-3);border-radius:.25rem;max-height:100%;animation:.2s ease-out EcCLKW_slideFromBottom;overflow-y:auto}@keyframes EcCLKW_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes EcCLKW_slideFromBottom{0%{transform:translateY(10%)}to{transform:none}}
.TapKoG_container{background-color:var(--textbox-color-bg);border:1px solid var(--textbox-color-border);color:var(--textbox-color-text);border-radius:.25rem;padding:.5rem}.TapKoG_primary{--textbox-color-bg:var(--color-red-bg);--textbox-color-border:(--color-red-border);--textbox-color-text:(--color-red-text)}.TapKoG_info{--textbox-color-bg:var(--color-grey-bg);--textbox-color-border:(--color-grey-border);--textbox-color-text:(--color-grey-text)}
.hB5zpa_container{background-color:var(--color-bg-strong);grid-template-rows:repeat(4,auto);grid-template-columns:1fr;grid-template-areas:"result""hero""links""cta";gap:.5rem;display:grid}@media screen and (min-width:768px){.hB5zpa_container{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr);grid-template-areas:"result result""hero links""cta cta"}}.hB5zpa_result{color:var(--color-primary);text-align:center;grid-area:result;margin:0}.hB5zpa_correct{color:var(--color-success-500)}.hB5zpa_hero{grid-area:hero;align-items:center;gap:.5rem;display:flex}.hB5zpa_links{grid-area:links;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}@media screen and (min-width:768px){.hB5zpa_links{text-align:right;flex-direction:column;place-self:center flex-end}}.hB5zpa_cta{grid-area:cta;place-self:center}
.Q3AIlG_container{background-color:var(--color-bg-strong);box-shadow:var(--box-shadow-2);border-radius:.25rem}@media screen and (min-width:768px){.Q3AIlG_container{width:500px}}.Q3AIlG_top{align-items:center;gap:1rem;padding:1rem;display:flex}.Q3AIlG_image{box-shadow:var(--box-shadow-1);border:1px solid #000;font-size:0}.Q3AIlG_name{text-transform:uppercase;margin:0 0 .25rem;padding:0;font-weight:700}.Q3AIlG_cost{background-color:var(--color-grey-200);box-shadow:var(--box-shadow-1);color:#ffdb4c;text-transform:uppercase;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:700;display:inline-flex}.Q3AIlG_body{background-color:var(--color-bg-stronger);border-radius:0 0 .25rem .25rem;padding:1rem}.Q3AIlG_body>*{margin:0 0 .5rem}.Q3AIlG_body>:last-child{margin:0}.Q3AIlG_attributes{padding:0;list-style:none}.Q3AIlG_attribute-value{color:var(--color-text-strong);font-weight:700}.Q3AIlG_paragraph{margin:0}.Q3AIlG_ability-top{color:var(--color-text-strong);margin:0 0 .25rem;font-weight:700}
.oWuGdq_button{cursor:pointer;background:0 0;border:0;width:88px;height:64px;padding:0;transition:box-shadow .15s ease-in-out,filter .15s ease-in-out}.oWuGdq_button:hover{box-shadow:var(--box-shadow-2);filter:brightness(1.1)}.oWuGdq_button.oWuGdq_neutral{clip-path:circle(50%)}
.ts10eW_container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ts10eW_inventory{grid-template-columns:repeat(3,auto);gap:.5rem;display:grid}
.h3LaeG_container{flex-direction:column;gap:1rem;display:flex}.h3LaeG_heroes{grid-template-rows:repeat(5,72px);grid-auto-columns:128px;grid-auto-flow:column;justify-content:center;gap:.5rem;display:grid}@media screen and (min-width:1280px){.h3LaeG_heroes{grid-template-rows:none;grid-template-columns:repeat(5,128px);grid-auto-rows:72px;grid-auto-flow:row}}.h3LaeG_radio{display:none}.h3LaeG_radio:enabled+.h3LaeG_hero-label{cursor:pointer}.h3LaeG_radio:checked+.h3LaeG_hero-label{box-shadow:var(--box-shadow-3);filter:brightness()saturate();z-index:1;transition-timing-function:ease-out;transform:scale(1.2)}.h3LaeG_radio:disabled:not(:checked)+.h3LaeG_hero-label{filter:brightness()saturate(0)}.h3LaeG_hero-label{filter:brightness()saturate(.3);transition:filter .2s ease-in,transform .2s ease-in}.h3LaeG_hero-label:hover{filter:brightness(1.1)saturate()}.h3LaeG_cta{text-align:center}.h3LaeG_cta>button{min-width:100%}@media screen and (min-width:768px){.h3LaeG_cta>button{min-width:75%}}@media screen and (min-width:1024px){.h3LaeG_cta>button{min-width:60%}}@media screen and (min-width:1280px){.h3LaeG_cta>button{min-width:40%}}
.T59-7W_container{grid-template-columns:repeat(auto-fill,88px);justify-content:center;gap:.25rem;display:grid}
.vjP6OW_container{margin:2rem auto}
.bxcKSa_container{flex-direction:column;gap:1rem;margin:2rem auto;display:flex}.bxcKSa_grid{grid-template-columns:auto;gap:.5rem 0;display:grid}@media screen and (min-width:640px){.bxcKSa_grid{grid-template-columns:repeat(2,auto)}}@media screen and (min-width:1024px){.bxcKSa_grid{grid-template-columns:repeat(3,auto)}}@media screen and (min-width:1280px){.bxcKSa_grid{grid-template-columns:repeat(4,auto)}}@media screen and (min-width:1920px){.bxcKSa_grid{grid-template-columns:repeat(5,auto)}}.bxcKSa_hero{grid-template-columns:repeat(2,min-content);align-items:center;gap:.5rem;display:grid}
.pxPiFW_container{grid-template-columns:1fr;gap:1rem;margin:2rem auto;display:grid}@media screen and (min-width:768px){.pxPiFW_container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1280px){.pxPiFW_container{grid-template-columns:repeat(3,1fr)}}
.hp426W_container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}
._0x_3-a_container{grid-template-columns:auto;align-items:start;gap:1rem;margin:2rem auto;display:grid}@media screen and (min-width:1024px){._0x_3-a_container{grid-template-columns:repeat(2,auto);justify-content:center}._0x_3-a_results{grid-column:1/3}}@media screen and (min-width:1280px){._0x_3-a_results{justify-self:center}}