/* Styles limités à Compte. Aucun effet sur les autres pages. */
#compte { width:min(940px,calc(100% - 32px)); margin:18px auto; padding-bottom:24px; scroll-margin-top:calc(var(--top-bar-height,72px) + 16px); color:#dff7ff; }
#compte .lb-account-panel { position:relative!important; inset:auto!important; z-index:auto!important; padding:0!important; background:none!important; overflow:visible!important; display:none!important; }
#compte .lb-account-panel.is-account-panel-active { display:block!important; }
#compte .lb-account-panel > .lb-auth-card { box-sizing:border-box; width:100%!important; max-width:none!important; max-height:none!important; overflow:visible!important; padding:24px!important; margin:0!important; border-radius:20px; backdrop-filter:none; box-shadow:inset 0 1px 0 #7ee7ff15,0 8px 28px #0003; background:linear-gradient(145deg,#102b3ee8,#061723f5); }
#compte .lb-account-panel h3 { margin:0 0 10px!important; font-size:1.3rem!important; }
#compte #lbBtnCloseAuth { display:none!important; }
#compte .lb-account-back { position:static!important; width:auto!important; height:auto!important; display:inline-flex; padding:8px 12px; margin-bottom:16px; border:1px solid #66d9ee55; border-radius:10px; background:#061d2b; color:#bfeffc; cursor:pointer; }
#compte .lb-account-back::before,#compte .lb-account-back::after { content:none!important; }
#compte #lbProfileTroupeau { padding:16px!important; margin:14px 0!important; background:#081e2b99; border:1px solid #65d4ec30; box-shadow:none; }
#compte #lbProfileGradeCard { padding:20px!important; max-width:460px; margin:0 auto; background:radial-gradient(ellipse at 50% 30%,#15536944,transparent 65%); border:0; box-shadow:none; }
#compte .lb-grade-pseudo { font-size:1.15rem!important; margin-bottom:16px; overflow-wrap:anywhere; }
#compte .lb-grade-avatar-wrap { margin:0 auto 16px; }
#compte .lb-grade-title-row { margin:12px 0; }
#compte .lb-grade-name { max-width:100%; }
#compte .lb-grade-next { line-height:1.5; }
#compte .lb-auth-actions { flex-wrap:wrap; gap:10px; margin-top:16px; }
#compte .lb-auth-actions button { min-height:44px; }
#compte .lb-account-guide { margin-top:18px; border:1px solid #65d4ec40; border-radius:18px; background:#092332c9; padding:18px; }
#compte .lb-account-guide > summary { cursor:pointer; font-weight:700; color:#bfefff; font-size:1rem; }
#compte .lb-account-guide p { line-height:1.65; color:#bdd0dc; }
#compte .lb-account-rules { padding-left:22px; line-height:1.7; color:#bdd0dc; }
#compte .lb-account-rules li { margin:6px 0; }
#compte .lb-grade-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
#compte .lb-grade-sheet { padding:14px; border:1px solid #65d4ec30; border-radius:14px; background:#071a27; min-width:0; }
#compte .lb-grade-sheet summary { display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none; }
#compte .lb-grade-sheet summary::after { content:'+'; margin-left:auto; color:#69d5ee; }
#compte .lb-grade-sheet[open] summary::after { content:'−'; }
#compte .lb-grade-sheet summary img { width:58px; height:58px; border-radius:50%; object-fit:cover; flex-shrink:0; }
#compte .lb-grade-sheet b { display:block; line-height:1.4; font-size:.88rem; }
#compte .lb-grade-sheet small { display:block; color:#66cce3; margin-top:5px; }
#compte .lb-grade-sheet p { margin:12px 0 0; font-size:.87rem; }
#compte .lb-grade-sheet .lb-grade-specialty { color:#dfedf4; }
#compte .lb-account-note { font-size:.82rem; }
#compte #lbPrefsGradeCard { display:none!important; }
#compte .lb-prefs-tab { white-space:normal; }
#compte .lb-account-legal-links { margin-top:18px; }
#compte .lb-auth-links--danger { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; }
#compte :focus-visible { outline:2px solid #6ee7fa; outline-offset:4px; }
@media(min-width:760px) { #compte #lbAuthModal > .lb-auth-card { max-width:700px!important; margin:0 auto!important; } }
@media(max-width:600px) { #compte { width:calc(100% - 20px); margin:12px auto; } #compte .lb-account-panel > .lb-auth-card { padding:16px!important; } #compte #lbProfileTroupeau { padding:8px!important; } #compte #lbProfileGradeCard { padding:14px 6px!important; } #compte .lb-grade-catalog { grid-template-columns:1fr; } #compte .lb-account-guide { padding:14px; } }
@media(prefers-reduced-motion:reduce) { #compte *,#compte *::before,#compte *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
#compte #lbProfileGradeImage { opacity:1!important; will-change:auto; animation:none!important; }
#compte #lbGradeHelpPop { position:static; }
#compte .lb-account-guide p,#compte .lb-account-rules { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:.9rem; line-height:1.55; text-wrap:wrap; }
#compte .lb-account-guide .lb-account-note { font-size:.82rem; }
#compte .lb-grade-sheet summary::-webkit-details-marker { display:none; }
#compte .lb-account-guide p { padding:0!important; min-height:0!important; }
#compte .lb-account-rules { padding:0 0 0 22px!important; }
#compte .lb-account-rules li { padding:0!important; }
#compte .lb-account-panel { width:100%!important; max-width:100%!important; min-width:0!important; }

/* Compte : proportions harmonisées avec les autres onglets. */
#compte { width:min(100%,var(--lb-page-width,1380px))!important; }
#compte #lbAuthModal > .lb-auth-card { max-width:none!important; }
#compte .lb-account-panel > .lb-auth-card { padding:20px!important; }
#compte .lb-account-panel h3 { font-size:18px!important; line-height:1.35!important; }
#compte .lb-account-back {
  float:right; position:relative!important; width:auto!important; min-width:0!important; max-width:none!important;
  height:32px!important; min-height:32px!important; max-height:32px!important; padding:4px 7px!important;
  margin:0 0 8px 12px!important; border:0!important; border-radius:8px!important;
  background:transparent!important; box-shadow:none!important; color:#9cdae6!important;
  font-family:system-ui,sans-serif!important; font-size:12px!important; font-weight:600!important; line-height:1.2!important;
}
#compte .lb-account-back:hover, #compte #lbClosePrefs:hover { background:#70ddef12!important; color:#e2fbff!important; }
#compte #lbProfileTroupeau { max-width:600px; margin:12px auto!important; padding:12px!important; box-shadow:none!important; }
#compte #lbProfileGradeCard { width:100%; box-sizing:border-box; padding:10px!important; border:0!important; box-shadow:none!important; background:none!important; }
#compte #lbProfileGradeCard .lb-grade-title-row { margin:12px 0 6px!important; }
#compte #lbProfileGradeCard .lb-grade-name {
  min-height:0!important; height:auto!important; padding:6px 10px!important;
  margin:0!important; border-radius:12px!important; gap:8px!important; white-space:normal!important;
  line-height:1.35!important; font-size:12px!important; letter-spacing:0!important; box-shadow:none!important;
  border:1px solid #71e0ee38!important; background:#061a2677!important;
}
#compte #lbProfileGradeName { min-width:0; overflow-wrap:normal; }
#compte #lbGradeHelpBtn {
  width:24px!important; min-width:24px!important; max-width:24px!important;
  height:24px!important; min-height:24px!important; max-height:24px!important; flex:0 0 24px!important;
  padding:0!important; margin:0!important; border-radius:50%!important; line-height:1!important;
  font-size:11px!important; box-shadow:none!important; align-self:center!important;
}
#compte .lb-auth-actions { display:flex!important; flex-direction:row!important; flex-wrap:wrap; justify-content:center; gap:10px!important; }
#compte #lbClosePrefs { float:none; justify-self:start; }
#compte .lb-prefs-tabs { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; margin:12px 0!important; clear:both; }
#compte .lb-prefs-tab {
  min-height:40px!important; padding:8px 10px!important; border-radius:10px!important;
  font-size:12px!important; line-height:1.35!important; font-weight:600!important;
  box-shadow:none!important; background:#071d2bcc!important; border-color:#67d5eb30!important;
}
#compte .lb-prefs-tab.is-active { background:#0b3c50!important; border-color:#46d9eb77!important; }
#compte .lb-prefs-note,#compte .lb-prefs-panel-note { padding:0!important; font-family:system-ui,sans-serif; font-size:12px; line-height:1.5; }
#compte .lb-prefs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#compte .lb-prefs-section { padding:12px!important; gap:8px!important; box-shadow:none!important; border-color:#65d4ec30!important; }
#compte .lb-prefs-section-title { font-size:11px!important; letter-spacing:.04em; }
#compte .lb-prefs-section input,#compte .lb-prefs-section select { min-width:0; max-width:100%; box-sizing:border-box; box-shadow:none!important; font-size:13px!important; min-height:40px; }
#compte .lb-prefs-build { justify-self:start; width:auto!important; min-width:0!important; min-height:36px!important; padding:6px 12px!important; font-size:12px!important; border-radius:8px!important; }
#compte #lbLoginFields { width:min(100%,460px); margin:12px auto; }
#compte #lbRankingModal .lb-ranking-list { max-height:none!important; overflow:visible!important; }
@media(max-width:600px) {
  #compte .lb-account-panel > .lb-auth-card { padding:14px!important; }
  #compte #lbProfileTroupeau { padding:10px!important; }
  #compte #lbProfileGradeCard { padding:8px 0!important; }
  #compte .lb-grade-pseudo { font-size:14px!important; margin-bottom:12px!important; }
  #compte .lb-prefs-tabs { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #compte .lb-prefs-grid { grid-template-columns:1fr; }
  #compte .lb-account-back { margin-left:8px!important; padding:4px!important; }
}

/* Un accès unique aux grades, depuis le haut du profil. */
#compte .lb-account-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
#compte .lb-account-heading h3 { margin:0!important; }
#compte .lb-grade-explore {
  position:static!important; display:inline-flex!important; align-items:center; gap:8px;
  width:auto!important; min-width:0!important; max-width:none!important; height:auto!important;
  min-height:40px!important; padding:8px 12px!important; margin:0!important;
  border:1px solid #68d7ea40!important; border-radius:10px!important;
  background:#0b2c3b88!important; box-shadow:none!important; color:#b6eff7!important;
  font:600 12px/1.4 system-ui,sans-serif!important; white-space:nowrap; cursor:pointer;
}
#compte .lb-grade-explore:hover { background:#124256!important; border-color:#65dfee88!important; }
#compte .lb-grade-explore::before,#compte .lb-grade-explore::after { content:none!important; }
#compte #lbGradesPanel .lb-auth-card { display:block!important; }
#compte .lb-grades-intro { margin:0 0 18px; padding:0!important; color:#98bac8; font:13px/1.6 system-ui,sans-serif; }
#compte .lb-grades-overview {
  display:flex; align-items:center; gap:16px; padding:18px; margin:16px 0 22px;
  border:1px solid #7ce4ee40; border-radius:16px;
  background:linear-gradient(110deg,#12425777,#071c29aa);
}
#compte .lb-grades-overview[hidden] { display:none!important; }
#compte .lb-grades-overview img { width:64px; height:64px; border-radius:50%; object-fit:cover; flex-shrink:0; }
#compte .lb-grades-eyebrow { display:block; color:#84cfdb; font:700 10px/1.5 system-ui,sans-serif; letter-spacing:.12em; }
#compte #lbGradesCurrent { display:block; margin:4px 0; font-size:15px; line-height:1.4; }
#compte #lbGradesScore { color:#eacb7b; font-size:13px; }
#compte #lbGradesNext { margin:8px 0 0; padding:0!important; font:12px/1.5 system-ui,sans-serif; color:#b2ccd4; }
#compte #lbAccountGuide { margin:0; border:0; border-radius:0; padding:0; background:none; }
#compte .lb-grades-catalog-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px; }
#compte .lb-grades-catalog-heading h4 { margin:0; font-size:14px; }
#compte .lb-grades-catalog-heading > span { color:#91b4c3; font:12px/1.5 system-ui,sans-serif; }
#compte .lb-grade-catalog { margin:14px 0 20px; gap:10px; }
#compte .lb-grade-sheet { padding:14px; border-color:#69d6e326; background:#06182388; }
#compte .lb-grade-sheet summary { min-height:64px; }
#compte .lb-grade-sheet summary > span { min-width:0; }
#compte .lb-grade-sheet small { color:#91b7c7; font:12px/1.5 system-ui,sans-serif; }
#compte .lb-grade-state { display:block; margin-top:4px; color:#82a5b5; font:600 10px/1.5 system-ui,sans-serif; font-style:normal; }
#compte .is-current-grade { border-color:#71e4ed99; background:linear-gradient(120deg,#10435877,#071d2b); }
#compte .is-current-grade .lb-grade-state { color:#87f0e7; }
#compte .is-next-grade { border-color:#d6bb674d; }
#compte .is-next-grade .lb-grade-state { color:#e7cc87; }
#compte .lb-meuh-rules { border-top:1px solid #69d6e32b; padding-top:16px; }
#compte .lb-meuh-rules > summary { cursor:pointer; color:#a3d7e2; font:600 13px/1.5 system-ui,sans-serif; }
@media(max-width:600px) {
  #compte .lb-grade-explore { padding:7px 9px!important; font-size:11px!important; }
  #compte .lb-grades-overview { padding:14px; gap:12px; }
  #compte #lbGradesCurrent { font-size:13px; }
  #compte .lb-grade-sheet { padding:12px; }
}

#compte #lbGradesPanel > .lb-auth-card { padding-bottom:96px!important; }