.section01{width:80%;height:-moz-fit-content;height:fit-content;display:grid;grid-template-areas:"model nick" "model info" "stat info";grid-template-columns:1fr 2fr;grid-gap:40px;gap:40px}@media(min-width:758px)and (max-width:1023px){.section01{width:90%;gap:30px}}@media(min-width:335px)and (max-width:757px){.section01{width:90%;grid-template-areas:"model" "nick" "stat" "info";grid-template-columns:1fr;gap:20px;padding:40px 0}}.section01 .stat{grid-area:stat;cursor:default;width:100%;height:auto;background-color:var(--card-bg);box-sizing:border-box;border-radius:15px;padding:30px}@media(min-width:758px)and (max-width:1023px){.section01 .stat{background-color:var(--card-bg);box-sizing:border-box;border-radius:15px;padding:20px}}@media(min-width:335px)and (max-width:757px){.section01 .stat{background-color:var(--card-bg);box-sizing:border-box;border-radius:15px;padding:20px}}.section01 .stat__gauge{margin-bottom:30px;width:95%;display:flex;align-items:center}.section01 .stat__gauge--label{margin-right:15px;font-size:.9rem}.section01 .stat__gauge--bar{position:relative;width:100%;height:5px;border-radius:10rem;background-color:var(--border-color);margin-bottom:-8px}.section01 .stat__gauge--bar span{position:absolute;top:-15px;right:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-size:.6rem}.section01 .stat__badge-container{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;grid-row-gap:20px;row-gap:20px;background-color:var(--card-bg);box-sizing:border-box;border-radius:10px;padding:15px 10px;width:100%;height:auto;background-color:var(--border-color)}.section01 .stat__badge-title{font-size:.9rem;margin-bottom:8px}.section01 .stat__badge,.section01 .stat__badge--label{width:-moz-fit-content;width:fit-content;display:flex;align-items:center}.section01 .stat__badge--label{height:22px;border-radius:5rem;padding:0 8px;margin-right:10px}.section01 .stat__badge--label span{line-height:normal;font-size:.7rem}.section01 .stat__badge--label--stat-str{background-color:var(--red)}.section01 .stat__badge--label--stat-dex{background-color:var(--green)}.section01 .stat__badge--label--stat-int{background-color:var(--sky)}.section01 .stat__badge--label--stat-luk{background-color:var(--purple)}.section01 .stat__badge--label--stat-atk{background-color:var(--orange)}.section01 .stat__badge--label--stat-def{background-color:var(--blue)}.section01 .nick{grid-area:nick;color:var(--font-color);font-size:3rem;font-weight:700;padding:10px 0 0 10px;margin-bottom:-15px;width:100%;height:auto}@media(min-width:335px)and (max-width:757px){.section01 .nick{margin-bottom:10px}}.section01 .armature-view-container{grid-area:model;position:relative;width:100%;aspect-ratio:1;background-color:var(--card-bg);box-sizing:border-box;border-radius:15px}.section01 .armature-view-container .property{position:absolute;top:20px;left:20px;filter:drop-shadow(0 0 4px rgb(143,200,247))}.section01 .armature-view-container .property img{width:45px;aspect-ratio:1}.section01 .info{grid-area:info;width:100%;height:auto;background-color:var(--card-bg);box-sizing:border-box;border-radius:15px;padding:30px}@media(min-width:758px)and (max-width:1023px){.section01 .info{background-color:var(--card-bg);box-sizing:border-box;border-radius:15px;padding:20px}}@media(min-width:335px)and (max-width:757px){.section01 .info{background-color:var(--card-bg);box-sizing:border-box;border-radius:15px;padding:20px}}.section01 .info ul{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.section01 .info ul li div{font-size:1.3rem;font-weight:700;margin-bottom:10px}.section01 .info ul li pre{margin-left:10px;margin-bottom:10px;font-style:italic}.section01 .info ul li p{font-size:1rem;line-height:120%}.section01 .info ul li p:not(:last-of-type){margin-bottom:10px}