.member-card{width:100%;min-height:0;aspect-ratio:2/3;border:0;color:#fff;font:inherit;text-align:left;cursor:pointer}.member-card .member-card-photo{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;transform:none;transition:transform .45s ease}.member-card:hover .member-card-photo{transform:scale(1.035)}.member-card::before{background:linear-gradient(180deg,rgba(0,0,0,.08) 20%,rgba(0,0,0,.82) 100%)}
body.member-modal-open{overflow:hidden}.member-modal{position:fixed;z-index:15000;inset:0;display:grid;place-items:center;padding:clamp(12px,3vw,42px);background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.member-modal[hidden]{display:none}.member-modal-panel{position:relative;width:min(1120px,100%);max-height:92vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #343740;border-radius:24px;background:#0d0f12;color:#f7f7f8;box-shadow:0 35px 110px rgba(0,0,0,.72)}.member-modal-close{position:sticky;z-index:4;top:14px;float:right;margin:14px 14px -54px 0;padding:11px 14px;border:1px solid #4a4d56;border-radius:999px;background:rgba(8,9,11,.9);color:#fff;font:900 11px/1 THEYellowRibbon,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.member-modal-inner{--member-accent:#ff4f9a;padding:clamp(18px,3vw,38px)}.member-modal-video{position:relative;clear:both;aspect-ratio:16/9;overflow:hidden;border:1px solid #2e3138;border-radius:18px;background:#050506}.member-modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.member-modal-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:center;padding:clamp(24px,4vw,44px) 0;border-bottom:1px solid #292c32}.member-modal-avatar{width:clamp(112px,15vw,172px);aspect-ratio:1;border:4px solid var(--member-accent);border-radius:50%;background-color:#17191e;background-repeat:no-repeat;background-position:var(--crop-x,50%) var(--crop-y,50%);background-size:var(--crop-size,100%);box-shadow:0 0 0 8px color-mix(in srgb,var(--member-accent) 13%,transparent)}.member-modal-name-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.member-modal-name-row h2{margin:0;font-size:clamp(36px,5vw,68px);font-weight:900;line-height:.9}.member-modal-name-row strong{color:var(--member-accent);font-size:16px;font-weight:900}.member-modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 0}.member-modal-tags span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--member-accent) 45%,#343740);border-radius:999px;color:#d7d9de;font-size:10px}.member-modal-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 0}.member-modal-facts div{padding:13px;border:1px solid #292c32;border-radius:12px;background:#14161a}.member-modal-facts small,.member-modal-facts b{display:block}.member-modal-facts small{color:#858a94;font-size:9px}.member-modal-facts b{margin-top:7px;font-size:13px;font-weight:900}.member-modal-mbti-accent{color:#ff4f4f}.member-modal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.member-modal-links a{padding:10px 12px;border:1px solid #393d45;border-radius:9px;background:#17191e;color:#fff;font-size:11px;font-weight:900}.member-modal-links a:hover{border-color:var(--member-accent);color:var(--member-accent)}
.member-modal-sections{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:14px;padding-top:20px}.member-modal-section{padding:22px;border:1px solid #292c32;border-radius:16px;background:#121418}.member-modal-section h3{margin:0 0 14px;color:var(--member-accent);font-size:14px;font-weight:900;letter-spacing:.06em}.member-modal-introduction{min-height:70px;margin:0;color:#c6c9d0;font-size:14px;line-height:1.8}.member-modal-rules{margin:0;padding:0;list-style:none;counter-reset:rule}.member-modal-rules li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid #24272d;color:#c6c9d0;font-size:12px;line-height:1.65;counter-increment:rule}.member-modal-rules li:last-child{border-bottom:0}.member-modal-rules li::before{content:counter(rule,decimal-leading-zero);position:absolute;left:0;top:11px;color:var(--member-accent);font-size:9px;font-weight:900}.member-modal-empty{min-height:60px;display:grid;place-items:center;color:#656a73;font-size:11px}
.member-modal-admin{margin-top:18px;padding:20px;border:1px solid color-mix(in srgb,var(--member-accent) 45%,#30343b);border-radius:16px;background:#101216}.member-modal-admin[hidden]{display:none}.member-modal-admin>button{padding:11px 14px;border:1px solid var(--member-accent);border-radius:9px;background:transparent;color:var(--member-accent);font:900 11px/1 THEYellowRibbon,sans-serif;cursor:pointer}.member-modal-editor[hidden]{display:none}.member-modal-editor{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;margin-top:18px}.member-modal-editor-fields{display:grid;align-content:start;gap:14px}.member-modal-editor-fields label{display:grid;gap:7px;color:#d9dce2;font-size:11px;font-weight:900}.member-modal-editor-fields input[type=file],.member-modal-editor-fields input[type=url]{width:100%;padding:10px;border:1px solid #333740;border-radius:9px;background:#0a0b0e;color:#aeb2ba;font:400 11px/1.4 THEYellowRibbon,sans-serif}.member-modal-editor-fields input[type=range]{width:100%;accent-color:var(--member-accent)}.member-modal-crop-wrap{display:grid;justify-items:center;gap:9px}.member-modal-crop{width:210px;aspect-ratio:1;border:3px solid var(--member-accent);border-radius:50%;background-color:#17191e;background-repeat:no-repeat;background-position:var(--crop-x,50%) var(--crop-y,50%);background-size:var(--crop-size,100%);cursor:grab;touch-action:none}.member-modal-crop.is-dragging{cursor:grabbing}.member-modal-crop-wrap small{color:#858a94;font-size:9px;text-align:center}.member-modal-editor-actions{display:flex;align-items:center;gap:10px;grid-column:1/-1}.member-modal-editor-actions button{padding:12px 15px;border:1px solid var(--member-accent);border-radius:9px;background:var(--member-accent);color:#08090b;font:900 11px/1 THEYellowRibbon,sans-serif;cursor:pointer}.member-modal-editor-actions button:disabled{opacity:.55;cursor:wait}.member-modal-editor-actions span{color:#9499a3;font-size:10px}
@media(max-width:900px){.member-modal-facts{grid-template-columns:1fr 1fr}.member-modal-sections{grid-template-columns:1fr}.member-modal-editor{grid-template-columns:1fr}.member-modal-crop-wrap{justify-self:center}.member-modal-editor-actions{grid-column:auto}}
@media(max-width:520px){.member-card,.member-card:last-child{aspect-ratio:2/3;min-height:0}.member-modal{padding:0}.member-modal-panel{max-height:100dvh;border-radius:0}.member-modal-inner{padding:14px}.member-modal-close{top:9px;margin:9px 9px -48px 0}.member-modal-video{border-radius:12px}.member-modal-profile{grid-template-columns:1fr;justify-items:center;text-align:center}.member-modal-tags,.member-modal-links{justify-content:center}.member-modal-facts{width:100%;grid-template-columns:1fr 1fr;text-align:left}.member-modal-section{padding:17px}.member-modal-crop{width:min(210px,72vw)}}
@media(prefers-reduced-motion:reduce){.member-card .member-card-photo{transition:none}}

/* Larger readable member dialog with a separate close toolbar. */
.member-modal{padding:clamp(8px,1.5vw,24px)}.member-modal-panel{width:min(1500px,100%);max-height:96vh;border-color:color-mix(in srgb,var(--member-accent) 55%,#343740);background:linear-gradient(145deg,color-mix(in srgb,var(--member-accent) 8%,#0d0f12),#0d0f12 38%);scrollbar-width:thin;scrollbar-color:var(--member-accent) #17191e}.member-modal-panel::-webkit-scrollbar{width:12px}.member-modal-panel::-webkit-scrollbar-track{background:#17191e}.member-modal-panel::-webkit-scrollbar-thumb{border:3px solid #17191e;border-radius:999px;background:var(--member-accent)}.member-modal-toolbar{position:sticky;z-index:6;top:0;display:flex;justify-content:flex-end;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--member-accent) 30%,#292c32);background:rgba(10,11,14,.96);backdrop-filter:blur(12px)}.member-modal-close{position:static;float:none;margin:0;padding:13px 18px;border-color:var(--member-accent);font-size:14px}.member-modal-inner{padding:clamp(22px,3vw,46px)}.member-modal-video{border-color:color-mix(in srgb,var(--member-accent) 40%,#2e3138)}.member-modal-avatar{width:clamp(150px,15vw,210px)}.member-modal-name-row h2{font-size:clamp(54px,5.5vw,82px)}.member-modal-name-row strong{font-size:21px}.member-modal-tags{gap:9px;margin-top:21px}.member-modal-tags span{padding:9px 12px;font-size:13px}.member-modal-facts{gap:11px;margin-top:22px}.member-modal-facts div{padding:17px}.member-modal-facts small{font-size:12px}.member-modal-facts b{font-size:17px}.member-modal-links{gap:10px;margin-top:21px}.member-modal-links a{padding:12px 15px;font-size:14px}.member-modal-sections{gap:18px;padding-top:24px}.member-modal-section{padding:27px}.member-modal-section h3{font-size:19px}.member-modal-introduction{font-size:18px}.member-modal-rules li{padding:13px 0 13px 35px;font-size:16px}.member-modal-rules li::before{top:14px;font-size:12px}.member-modal-admin>button,.member-modal-editor-actions button{font-size:14px}.member-modal-editor-fields label{font-size:14px}.member-modal-editor-fields input[type=file],.member-modal-editor-fields input[type=url]{font-size:14px}.member-modal-crop-wrap small,.member-modal-editor-actions span{font-size:12px}
@media(max-width:520px){.member-modal-toolbar{padding:9px 11px}.member-modal-close{margin:0;padding:11px 14px}.member-modal-inner{padding:16px}.member-modal-avatar{width:150px}.member-modal-name-row h2{font-size:50px}.member-modal-name-row strong{font-size:18px}.member-modal-tags span{font-size:12px}.member-modal-facts small{font-size:11px}.member-modal-facts b{font-size:15px}.member-modal-section h3{font-size:18px}.member-modal-rules li{font-size:15px}}