#team01-m .staff-column { width: 100%; max-width: 370px; }
#team01-m .staff-card { border: 1px solid #ffaa002b; border-radius: 18px; overflow: hidden; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#team01-m .staff-card .image-wrap { position: relative; min-height: 330px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(ellipse at 50% 65%, #ffaa001f 0, #ffaa0007 42%, transparent 70%); }
#team01-m .staff-card .image-wrap::after { content: ''; position: absolute; bottom: 25px; left: 20%; width: 60%; height: 22px; background: #ffaa0024; filter: blur(9px); border-radius: 50%; pointer-events: none; }
#team01-m .staff-card .staff-skin { position: relative; z-index: 1; width: 100%; height: 295px; padding: 12px 32px 0; object-fit: contain; filter: drop-shadow(0 8px 18px #ffaa002b); transform: translateY(0) scale(1); transition: transform .3s ease, filter .3s ease; }
#team01-m .staff-card .content-wrap { text-align: center; padding: 10px 20px 28px; background: transparent; }
#team01-m .staff-card .card-title { font-size: 1.5rem; line-height: 1.4; margin-bottom: 12px !important; overflow-wrap: anywhere; }
#team01-m .staff-card .staff-role { display: inline-block; font-size: .82rem; font-weight: 600; color: #ffb829; background: #ffaa0014; border: 1px solid #ffaa0036; border-radius: 30px; padding: 6px 16px; line-height: 1.6; }
#team01-m .staff-card:hover { border-color: #ffaa00 !important; box-shadow: 0 12px 38px #ffaa001e !important; transform: translateY(-5px); }
#team01-m .staff-card:hover .staff-skin { transform: translateY(-5px) scale(1.035); filter: drop-shadow(0 10px 24px #ffaa0050); }
#team01-m .skin-unavailable { z-index: 1; margin: 32px; color: #b8ad98; text-align: center; font-size: .9rem; line-height: 1.7; }
#team01-m .skin-unavailable[hidden], #team01-m .staff-skin[hidden] { display: none; }
html[data-theme="light"] #team01-m .staff-card .image-wrap { background: radial-gradient(ellipse at 50% 60%, #ffe3a4 0, #fff4db 42%, transparent 75%); }
html[data-theme="light"] #team01-m .staff-role { color: #815000; background: #fff3d6; border-color: #e8cd95; }
html[data-theme="light"] #team01-m .skin-unavailable { color: #71654e; }
@media (max-width: 575px) { #team01-m .staff-column { max-width: 340px; } }
@media (prefers-reduced-motion: reduce) { #team01-m .staff-card, #team01-m .staff-skin { transition: none; } #team01-m .staff-card:hover, #team01-m .staff-card:hover .staff-skin { transform: none; } }

/* Optional personal social links, underneath each staff role. */
#team01-m .staff-socials { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 16px; }
#team01-m .staff-social-link { display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #ffffff24; border-radius: 10px; background: #ffffff07; color: #d6d0c5; text-decoration: none; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease; }
#team01-m .staff-social-link .socicon { font-family: 'socicon' !important; font-size: 17px; line-height: 1; }
#team01-m .staff-social-link:hover { color: #ffba3b; border-color: #ffaa0080; background: #ffaa0018; transform: translateY(-2px); }
#team01-m .staff-social-link[data-network="telegram"]:hover { color: #50c4ff; border-color: #26a5e4; }
#team01-m .staff-social-link[data-network="discord"]:hover { color: #9ca4ff; border-color: #5865f2; }
#team01-m .staff-social-link[data-network="vk"]:hover { color: #50a0ff; border-color: #0077ff; }
#team01-m .staff-social-link[data-network="youtube"]:hover { color: #ff6969; border-color: #ff4545; }
#team01-m .staff-social-link[data-network="twitch"]:hover { color: #bc8cff; border-color: #9146ff; }
#team01-m .staff-social-link:focus-visible { outline: 2px solid #ffaa00; outline-offset: 3px; }
html[data-theme="light"] #team01-m .staff-social-link { color: #554b3c; background: #fffaf0; border-color: #ded4c3; }
html[data-theme="light"] #team01-m .staff-social-link:hover { color: #815000; background: #fff1d2; border-color: #b87800; }
@media (prefers-reduced-motion: reduce) { #team01-m .staff-social-link { transition: none; } #team01-m .staff-social-link:hover { transform: none; } }
