html,body{margin:0}:root{--gender-page-pad:clamp(16px,4vw,24px);--gender-content-max:600px;--gender-gap:16px;--gender-btn-width:clamp(140px,35vw,280px);--gender-btn-height-scale:173.45%}.gender-page{gap:var(--gender-gap);margin-top:0;padding:0;display:grid}.gender-container{width:min(100%,var(--gender-content-max));gap:var(--gender-gap);margin-inline:auto;display:grid}.gender-heading{font-family:"Comic Relief",var(--font-comic),"Comic Sans MS",ui-sans-serif,system-ui,"Segoe UI",Roboto,"Noto Sans",sans-serif;text-align:center;margin:0 0 4px;font-size:clamp(32px,6vw,44px);font-weight:400;line-height:1.05}.gender-subtitle{font-family:"Comic Relief",var(--font-comic),"Comic Sans MS",ui-sans-serif,system-ui,"Segoe UI",Roboto,"Noto Sans",sans-serif;text-align:center;margin:8px 0 0;font-size:.95rem}.gender-choices{margin-inline:var(--gender-page-pad);justify-content:center;gap:clamp(16px,3vw,24px);margin-top:clamp(4px,1vw,8px);display:flex}.gender-item{flex-shrink:1;align-items:center;gap:8px;display:grid}.gender-btn{cursor:pointer;min-width:var(--gender-btn-width);aspect-ratio:177/307;background:0 0;border:none;padding:0;display:block}.gender-btn img{width:100%;height:auto;display:block}.gender-desc{font-family:"Comic Relief",var(--font-comic),"Comic Sans MS",ui-sans-serif,system-ui,"Segoe UI",Roboto,"Noto Sans",sans-serif;text-align:center;margin:0;font-size:.95rem;font-weight:400}@keyframes gender-slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.gender-slide-in{opacity:0;will-change:transform,opacity;animation:.6s cubic-bezier(.25,.8,.25,1) forwards gender-slideInFromBottom}.gender-choices .gender-item.gender-slide-in:first-child{animation-delay:0s}.gender-choices .gender-item.gender-slide-in:nth-child(2){animation-delay:80ms}