h1,h2{font-weight:700}body,button{font-family:'Public Sans',sans-serif}.debuffs,.menu,main{display:grid}.debuffs,footer{text-align:center}:root{--lg:1.424rem;--md:1.266rem;--body:1.125rem;--sm:0.889rem;--black:#140a1f;--button:#29143d}html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#fffaf0;color:var(--black);font-size:1rem;line-height:1.4em;margin:0 auto;max-width:1500px}@media only screen and (min-width:992px){body,button{font-size:var(--body)}}h1{border-bottom:2px solid var(--black);font-size:var(--body);line-height:1.1em;margin-bottom:1rem;padding:.5rem;width:fit-content}h2{font-size:var(--sm);letter-spacing:.1em;margin-top:4vh;text-transform:uppercase}button,footer{font-size:1rem}button{background-color:var(--button);border:2px solid var(--button);border-radius:16px;color:#e8e7e9;font-weight:500;margin:.5rem 0;padding:.75em;width:100%;min-height:44px}button:hover{background-color:#1f0f2e}.secondary,.tertiary{background-color:#fffaf0;color:var(--button)}.secondary:hover{background-color:#f3f3f4}.tertiary{border:none;font-weight:400;margin:0;padding:0;text-decoration:underline}.tertiary:hover{background-color:#fffaf0;font-weight:600}main{grid-template-columns:100vw;grid-template-rows:100vw auto;grid-template-areas:"arena" "menu"}.arena{grid-area:arena;background-color:#8fbc8f}.menu{grid-area:menu;grid-template-columns:1fr;grid-template-rows:auto minmax(min-content,max-content);grid-template-areas:"top" "bottom"}.top{grid-area:top;padding:1rem 6.25%}.bottom{grid-area:bottom;padding:1rem 6.25% .5rem}.debuffs{grid-template-columns:15% 15% 15% 55%;grid-template-rows:auto auto;grid-template-areas:"intemp hotcold brand life" "txt-hotcold . txt-brand life";font-weight:500;margin-bottom:1rem}.intemp{grid-area:intemp}.hotcold{grid-area:hotcold}.brand{grid-area:brand}.life{grid-area:life;padding-left:1.5rem}#txt-hotcold{grid-area:txt-hotcold;margin:auto}#txt-brand{grid-area:txt-brand;margin:auto}@media only screen and (max-width:992px){.life svg,img{display:block;margin:auto;width:85%;height:auto}}#status{border:3px dotted var(--black);border-radius:6px;padding:1.5rem 1rem 2rem}@media only screen and (min-width:992px){main{grid-template-columns:auto clamp(350px,35%,600px);grid-template-rows:clamp(700px,100vh,925px);grid-template-areas:"arena menu"}.top{padding:6rem 2rem 0}.bottom{padding:1rem 2rem 3rem}.debuffs{margin:0 .5rem 2rem}#status{margin-bottom:1rem;padding:1.5rem 1.5rem 2rem}}footer{border-top:1px solid var(--black);margin:1rem 5% 0;padding:.5rem 0}button:hover,input:hover,label:hover{cursor:pointer}.hidden{display:none}.additional{margin-left:1.5rem}.disabled{opacity:.6;text-decoration:line-through}