.profile-button { color:var(--ink); border:1px solid var(--line); background:transparent; padding:9px 12px; font:600 10px var(--display); letter-spacing:.06em; transition:border-color .2s, color .2s, transform .2s; }.profile-button:hover { color:var(--green); border-color:var(--green); transform:translateY(-2px); }.profile-button span { color:var(--green); margin-left:7px; font-size:15px; }.profile-dialog { width:min(620px, calc(100% - 32px)); padding:0; color:var(--ink); background:var(--panel); border:1px solid rgba(184,243,74,.3); box-shadow:var(--shadow); }.profile-dialog::backdrop { background:rgba(4,11,16,.78); backdrop-filter:blur(5px); }.profile-dialog form { padding:25px; }.dialog-topline { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font:600 10px var(--display); letter-spacing:.14em; }.dialog-close { width:32px; height:32px; color:var(--muted); border:1px solid var(--line); background:transparent; font-size:22px; line-height:1; }.dialog-close:hover { color:var(--green); border-color:var(--green); }.profile-dialog .eyebrow { margin:35px 0 16px; }.profile-dialog h2 { margin:0; font:600 clamp(2.5rem,6vw,4.3rem)/.94 var(--display); letter-spacing:-.07em; }.profile-dialog h2 span { color:var(--green); }.dialog-lede { color:var(--muted); font-size:13px; line-height:1.5; max-width:510px; }.profile-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:27px; }.profile-fields label { display:flex; flex-direction:column; gap:7px; color:var(--muted); font:600 10px var(--display); letter-spacing:.1em; text-transform:uppercase; }.profile-fields input, .profile-fields select { width:100%; min-height:46px; padding:11px 12px; color:var(--ink); border:1px solid var(--line); background:#0c1b23; font:400 14px var(--body); text-transform:none; letter-spacing:0; }.profile-fields input:focus, .profile-fields select:focus { outline:2px solid var(--green); outline-offset:2px; }.profile-fields select option { color:#0b1620; }.profile-form-foot { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:27px; padding-top:18px; border-top:1px solid var(--line); }.profile-form-foot span { color:var(--muted); font-size:11px; line-height:1.35; }.profile-form-foot .button { flex:0 0 auto; }.profile-form-foot .button:disabled { opacity:.6; cursor:wait; transform:none; }.club-preview { display:flex; align-items:center; gap:10px; min-height:52px; margin-top:4px; padding:6px 9px; color:var(--ink); border:1px solid rgba(184,243,74,.25); background:rgba(184,243,74,.06); font:600 11px var(--display); letter-spacing:.03em; text-transform:none; }.club-preview img { width:34px; height:38px; object-fit:contain; }.club-preview-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:600px) { .profile-button { display:inline-flex; font-size:0; padding:8px; }.profile-button::before { content:'Profil'; font:600 9px var(--display); }.profile-button span { font-size:14px; }.profile-fields { grid-template-columns:1fr; }.profile-dialog form { padding:20px; }.profile-form-foot { align-items:flex-start; flex-direction:column; }.profile-form-foot .button { width:100%; } }

/* Noms d’équipes lisibles dans le sélecteur et sous le choix */
.profile-fields select { color:var(--ink); background:#0c1b23; font-weight:600; }
.profile-fields select option { color:#07151b; background:#f2f7f2; font-weight:600; }
.profile-fields select optgroup { color:#0b4b48; background:#e3eee7; font-weight:700; }
.club-preview { color:var(--ink); font-size:13px; font-weight:700; }