.team-page{--rank-color:var(--primary)}.team-body{padding-block:48px 80px}[data-rank=admin]{--rank-color:#ff6262}[data-rank=developer]{--rank-color:#65dce2}[data-rank=moderator],[data-rank=content]{--rank-color:#f88}[data-rank=supporter],[data-rank=chat-supporter]{--rank-color:#82aaff}[data-rank=builder]{--rank-color:#83cf65}.team-rank{margin:0;padding:0;scroll-margin-top:150px}.team-rank+.team-rank{margin-top:52px}.team-rank-heading{text-align:center;margin:0 0 24px}.team-rank-heading h2{color:var(--rank-color);overflow-wrap:anywhere;text-transform:uppercase;font-size:clamp(22px,2.3vw,26px);line-height:1.4}.team-members{flex-wrap:wrap;justify-content:center;gap:20px;max-width:1080px;margin:0 auto;padding:0;list-style:none;display:flex}.team-members li{background:var(--secondary);border:2px solid var(--edge-dark);flex-direction:column;align-items:center;width:152px;min-width:0;padding:16px 10px 10px;display:flex;box-shadow:inset 0 2px #514c47,0 3px #100f0e}.team-head{filter:drop-shadow(0 4px #100f0e);place-items:center;width:112px;height:112px;display:grid}.team-head img{object-fit:contain;width:112px;height:112px;image-rendering:pixelated}.team-head svg{width:80px;height:80px}.team-members li p{text-align:center;background:var(--background);overflow-wrap:anywhere;border:2px solid #45403b;border-color:#0e0d0c #45403b #45403b #0e0d0c;flex:1;place-items:center;width:100%;margin-top:16px;padding:10px 4px;font-size:13px;font-weight:700;line-height:1.5;display:grid}.team-empty{color:var(--muted-foreground);text-align:center;padding:8px 16px}.team-error{background:var(--secondary);margin-top:40px;padding:24px}.team-join{background:var(--secondary);border-block:4px solid var(--edge-dark)}.team-join-inner{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:56px;padding-block:64px;display:grid}.team-join h2{white-space:pre-line;margin-top:18px;font-size:clamp(28px,3vw,42px);line-height:1.3}.team-join-copy>div>p:not(.eyebrow){color:var(--muted-foreground);margin-bottom:24px;line-height:1.85}.team-apply{max-width:850px;min-height:60vh;padding-block:72px}.team-apply h2{margin-block:24px;font-size:clamp(32px,5vw,56px);line-height:1.3}.team-apply>p:not(.eyebrow){color:var(--muted-foreground);margin-bottom:28px;line-height:1.8}@media (max-width:800px){.team-join-inner{grid-template-columns:1fr;gap:24px}.team-members{gap:24px 16px}}@media (max-width:450px){.team-page .section-shell{width:calc(100% - 32px)}.team-members{gap:16px 12px}.team-members li{width:calc(50% - 6px);max-width:152px}.team-rank+.team-rank{margin-top:44px}}.team-join-copy{max-width:720px}.team-join-copy h2{margin-bottom:24px}.team-join-badge{aspect-ratio:1;background:#30332b;border:4px solid #11120f;justify-self:center;place-items:center;width:180px;display:grid;position:relative;box-shadow:inset 5px 5px #535c47,inset -5px -5px #1a1e15,12px 12px #171615}.team-join-badge svg{width:96px;height:96px}.team-join-badge span{background:#6cc349;width:12px;height:12px;position:absolute}.team-join-badge span:first-child{width:8px;height:8px;top:14px;left:-22px}.team-join-badge span:nth-child(2){bottom:28px;right:-22px}.team-join-badge span:nth-child(3){width:6px;height:6px;top:-18px;right:18px}.team-join-badge span:nth-last-child(2){width:6px;height:6px;bottom:-22px;left:16px}.team-join-badge span:last-child{opacity:.4;width:5px;height:5px;top:48px;right:-34px}@media (max-width:800px){.team-join-inner{gap:40px}.team-join-badge{width:160px}.team-join-badge svg{width:88px;height:88px}.team-join-badge span:last-child{right:-30px}}@media (hover:hover) and (pointer:fine){.team-members li{transition:border-color .18s,background-color .18s}.team-head{transition:transform .18s}.team-members li:hover{background-color:#2b2926;border-color:#625c55}.team-members li:hover .team-head{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.team-members li,.team-head{transition:none}.team-members li:hover .team-head{transform:none}}[data-rank=staff]{--rank-color:#c64e4e}.team-role-badge{color:var(--rank-color);background:var(--background);text-align:center;text-transform:uppercase;overflow-wrap:anywhere;border-bottom:2px solid #393531;max-width:100%;margin-bottom:14px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.5}
