.member-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-top:5px solid var(--member-accent);border-radius:22px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative;container-type:inline-size}.member-card__head{align-items:center;gap:1rem;display:flex}.member-card__name{overflow-wrap:break-word;margin:0;font-size:clamp(1.1rem,20cqi - 1.2rem,1.4rem)}.member-card__name a{color:var(--ink);text-decoration:none}.member-card__name a:hover{color:var(--brand-text)}.member-card__name a:after{content:"";position:absolute;inset:0}.member-card__title{color:var(--ink-muted);margin:0;font-weight:600}.member-card__focus{background:color-mix(in srgb, var(--member-accent) 14%, var(--surface));border-radius:14px;flex-direction:column;margin:0;padding:.75rem 1rem;display:flex}.member-card__focus-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-family:Pixelify Sans,Fredoka,monospace;font-size:.75rem}.member-card__games{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.member-card__games-label{font-weight:700}.member-card__game{z-index:1;color:var(--ink);align-items:center;gap:.35em;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.member-card__game svg{color:var(--ink-muted);transition:color .12s}.member-card__game:hover{color:var(--brand-text);text-decoration:underline}.member-card__game:hover svg{color:currentColor}.member-card__oven{color:var(--member-accent);flex-shrink:0}.member-card__links.social-links{z-index:1;text-wrap:balance;margin:auto -.125rem 0;display:block;position:relative}.member-card__links.social-links li{vertical-align:top;margin:.125rem;display:inline-block}.member-card{border:3px solid var(--ink);border-top:8px solid var(--member-accent);box-shadow:6px 6px 0 var(--ink);transition:rotate .2s,translate .2s,box-shadow .2s}.member-card:before{content:"";background:color-mix(in srgb, var(--sun) 65%, transparent);width:72px;height:22px;position:absolute;top:-16px;left:50%;translate:-50%;rotate:-6deg}@supports (color:light-dark(red, blue)){.member-card:before{background:light-dark(color-mix(in srgb, var(--sun) 65%, transparent),#f6dc96b3)}}.member-card:nth-child(4n+1){rotate:-1.6deg}.member-card:nth-child(4n+2){rotate:1.2deg}.member-card:nth-child(4n+3){rotate:-.6deg}.member-card:nth-child(4n+4){rotate:1.8deg}@media (width<=559px){.member-card{box-shadow:4px 4px 0 var(--ink);margin-inline-end:6px}.member-card:nth-child(4n+1){rotate:-.6deg}.member-card:nth-child(4n+2){rotate:.5deg}.member-card:nth-child(4n+3){rotate:-.3deg}.member-card:nth-child(4n+4){rotate:.6deg}}.member-card:focus-within{box-shadow:10px 10px 0 var(--ink);translate:0 -4px;rotate:0deg}@media (hover:hover){.member-card:hover{box-shadow:10px 10px 0 var(--ink);translate:0 -4px;rotate:0deg}.member-card:hover .avatar{animation:.5s member-card-wiggle}.member-card:hover:after{content:"";z-index:-1;position:absolute;inset:-14px}}.grid.member-grid{grid-template-columns:minmax(0,320px);justify-content:center;row-gap:calc(1.5rem + 14px)}@media (width>=840px){.grid.member-grid{grid-template-columns:repeat(3,minmax(0,320px))}}@media (width<=839px){.grid.member-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.5rem}.member-card--compact{text-align:center;padding:1rem .5rem}.member-card--compact .member-card__head{flex-direction:column;gap:.5rem}.member-card--compact .member-card__name{overflow-wrap:anywhere;font-size:1rem}.member-card--compact .member-card__title{font-size:.85rem}.member-card--compact .member-card__focus,.member-card--compact .member-card__games,.member-card--compact .member-card__links{display:none}}@keyframes member-card-wiggle{0%,to{rotate:0deg}25%{rotate:-12deg}75%{rotate:10deg}}
