/* ODA 110 Member Profiles — mobile-first player cards */
#profilesTab .members-shell{background:linear-gradient(155deg,#0b2237,#102f41 70%,#142842);border:1px solid #3e6480;border-radius:16px;padding:16px}
.members-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.members-head h2{margin:0;color:#ffdc8b;font-size:clamp(21px,4vw,27px)}
.members-head p{color:#b3d0e4;font-size:12px;margin:5px 0}
#profilesTab button{cursor:pointer}
#profilesTab button:focus-visible{outline:3px solid #fff2a9;outline-offset:2px}
#profilesTab .member-me-button{background:#f9d477;border:1px solid #fbe9b8;color:#182a37;font-weight:900;border-radius:9px;padding:11px 14px}
.members-message{color:#cbe6ef;margin:10px 0;font-size:13px;min-height:16px}
.members-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
#profilesTab .member-card{border:2px solid #436682;background:linear-gradient(155deg,#193950,#102a3e);border-radius:13px;padding:12px 8px;min-width:0;color:#f7f7fd;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;box-shadow:0 4px 12px #06132177}
#profilesTab .member-card.active{border-color:#fcd886;box-shadow:0 0 0 1px #ffeba6,0 7px 14px #020d1b66}
.member-card-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:34px;border-radius:18px;background:#153449;border:2px solid var(--profile-accent,#53b6d6);box-shadow:0 5px 14px #0005}
.member-card-name{font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.member-card-sub{font-size:11px;color:#c1d9e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.member-card-rank{font-size:10px;font-weight:800;border:1px solid #688aa0;background:#1d4760;color:#d8f0fd;padding:4px 7px;border-radius:20px}
.member-detail{margin:10px 0}
.member-profile-hero{--profile-accent:#53b6d6;position:relative;border:1px solid var(--profile-accent);border-radius:15px;overflow:hidden;background:linear-gradient(125deg,#132c42,#1d364a);padding:22px 17px}
.member-profile-hero:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:var(--profile-accent)}
.member-profile-top{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.member-profile-big-avatar{width:95px;height:95px;border-radius:23px;border:2px solid var(--profile-accent);background:#0b2337;display:flex;align-items:center;justify-content:center;font-size:57px;box-shadow:0 8px 19px #0005}
.member-profile-title{min-width:0;flex:1}
.member-profile-title h3{color:#fff2cd;margin:0;font-size:clamp(21px,4vw,28px)}
.member-profile-title p{margin:4px 0;font-size:12px;color:#d0dee8}
.member-profile-flair{display:inline-flex;background:#253c4c;border:1px solid var(--profile-accent);border-radius:30px;padding:5px 9px;color:#ffe3a4;font-size:12px;font-weight:850;margin:7px 0}
.member-bio{white-space:pre-wrap;overflow-wrap:anywhere;color:#e2eaf2;font-size:13px;line-height:1.6;margin:13px 0 5px}
.member-motto{font-size:14px;color:#ffdb92;font-style:italic;overflow-wrap:anywhere;margin:10px 0}
.member-attributes{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.member-attributes span{background:#102b3c;border:1px solid #49677c;border-radius:8px;padding:7px 9px;font-size:11px;color:#ebeff5}
.member-profile-actions{margin:14px 0 4px;display:flex;flex-wrap:wrap;gap:8px}
#profilesTab .member-edit-button{background:#f7d075;color:#18263a;border:1px solid #ffe6a5;font-weight:900;border-radius:8px;padding:10px 12px}
.member-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}
.member-stat{border:1px solid #3a5b78;border-radius:11px;padding:12px 6px;background:#102c45;text-align:center;min-width:0}
.member-stat b{font-size:22px;color:#f9d78c;display:block;line-height:1.5}
.member-stat span{font-size:10px;color:#b9d1e2}
.member-badges{background:#142e43;border:1px solid #32566e;border-radius:12px;padding:15px;margin:12px 0}
.member-badges h3{margin:0 0 10px;font-size:16px;color:#fce0a3}
.member-badge-list{display:flex;flex-wrap:wrap;gap:7px}
.member-badge{font-size:12px;border:1px solid #648573;background:#20493d;color:#d7f7df;padding:7px 9px;border-radius:9px}
.member-badges-empty{color:#b6ced9;font-size:12px}
.member-editor{border:1px solid #c6a864;background:#172f42;border-radius:12px;padding:16px;margin:14px 0}
.member-editor h3{font-size:17px;color:#ffe29d;margin:0 0 12px}
.member-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.member-field{display:flex;flex-direction:column;gap:5px;color:#d1e2ee;font-size:12px;font-weight:800}
#profilesTab .member-field input,#profilesTab .member-field select,#profilesTab .member-field textarea{padding:10px;border:1px solid #68889a;border-radius:8px;color:#fff;background:#0a2337;width:100%;min-width:0;outline-color:#ffdc8b}
.member-form-wide{grid-column:1/-1}
.member-avatar-choices,.member-color-choices{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}
#profilesTab .member-avatar-choice{background:#18394e;border:2px solid #59758b;border-radius:10px;width:44px;height:44px;font-size:25px;padding:5px}
#profilesTab .member-avatar-choice.selected{border-color:#ffe08d;background:#33536b}
#profilesTab .member-color-choice{border:3px solid #102e43;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:0 0 0 1px #adc2c8}
#profilesTab .member-color-choice.selected{box-shadow:0 0 0 3px #ffe7ac}
.member-editor-buttons{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}
#profilesTab .member-save{background:#f6ce77;border-color:#fff0b6;color:#19283a;font-weight:900;padding:10px 16px;border-radius:8px}
#profilesTab .member-cancel{border:1px solid #678293;color:#e7f0f5;background:#264253;padding:10px 13px;border-radius:8px}
.member-editor-note{font-size:11px;color:#abc8d8;margin:11px 0 0}
.member-profile-hint{background:#17394e;border:1px solid #47748e;border-radius:8px;padding:12px;color:#c3e0ef;font-size:12px;margin:13px 0}
@media(max-width:680px){.members-list{grid-template-columns:repeat(3,minmax(0,1fr))}.member-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:450px){#profilesTab .members-shell{padding:10px}.members-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.member-card-avatar{width:56px;height:56px;font-size:29px}.member-profile-hero{padding:18px 12px}.member-profile-big-avatar{width:76px;height:76px;font-size:43px}.member-profile-top{gap:10px}.member-form-grid{grid-template-columns:1fr}.member-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-stat b{font-size:19px}.member-profile-title h3{font-size:19px}}

.member-editor-buttons{grid-column:1/-1}
.member-editor-note{grid-column:1/-1}

.member-card-avatar,.member-profile-big-avatar{overflow:hidden;flex-shrink:0}
.member-card-avatar img,.member-profile-big-avatar img{display:block;width:100%;height:100%;object-fit:cover}