.account{max-width:1080px;margin:0 auto;padding:65px 24px 85px;color:#304439;font:17px/1.6 Arial,sans-serif}.account [hidden]{display:none!important}.account-intro{max-width:720px;margin-bottom:32px}.account h1{font:clamp(32px,4vw,52px)/1.15 Georgia,serif;color:#174d3c;margin:12px 0 20px}.account h2{font:30px/1.3 Georgia,serif;color:#174d3c;margin:10px 0 18px}.account h3{font:25px/1.3 Georgia,serif;color:#174d3c;margin:10px 0}.account a{color:#225e46;text-decoration:underline;text-underline-offset:4px}.account-kicker{font:bold 12px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#8b6444}.account-return{display:inline-block;margin:12px 0}.account-status{padding:12px 18px;border-left:3px solid #557754;background:#e8eddf;white-space:pre-line}.account-status:empty{display:none}.account-status.is-error{background:#f7e5db;border-color:#9c4737;color:#74372e}.account-paper{padding:32px 38px;margin:25px 0;background:#fffaf0;border:1px solid #ded5bf;border-radius:12px}.account form{display:grid;gap:18px;max-width:540px}.account label{display:grid;gap:6px;font-weight:bold;font-size:15px}.account small,.account-fine{font-size:14px;font-weight:normal;color:#697164}.account input:not([type=checkbox]){width:100%;box-sizing:border-box;background:#fffef9;border:1px solid #adb5a3;border-radius:6px;font:17px Arial;padding:13px 14px;color:#253d2e;min-height:48px}.account input:focus{outline:3px solid #d9b267;outline-offset:2px}.account button,.account-button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;border-radius:6px;background:#1d5941;color:#fff8e6;font:bold 15px/1.3 Arial;cursor:pointer;text-decoration:none!important;box-sizing:border-box;justify-self:start}.account button:hover,.account-button:hover{background:#2a6c50}.account button:disabled{opacity:.65;cursor:wait}.account button:focus-visible,.account summary:focus-visible,.account a:focus-visible{outline:3px solid #c59038;outline-offset:4px}.account .account-secondary{background:#e7e9dc;color:#254d38}.account .account-danger{background:#934534}.account-tabs{display:flex;border-bottom:1px solid #d9cfb9;gap:8px;margin-bottom:25px}.account-tabs button{background:transparent;color:#64705e;border-radius:6px 6px 0 0;border-bottom:3px solid transparent}.account-tabs button[aria-selected=true]{color:#174d3c;border-color:#477447;background:#eef0e4}.account-check{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:normal!important}.account-check input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#285e40}.account-details{margin-top:25px;padding-top:20px;border-top:1px solid #ded6c1}.account details>summary{cursor:pointer;color:#335c3e;font-weight:bold;padding:8px 0}.account details form{margin-top:20px}.account-greeting{display:flex;justify-content:space-between;align-items:center;gap:20px}.account-notice{background:#f5e8bf;padding:25px;border-radius:10px}.account progress{width:100%;height:16px;accent-color:#5b8042;margin:10px 0}.account-progress{background:linear-gradient(125deg,#e8eddc,#fff9ea)}.account #account-routes{margin-top:20px}.account-route,.account-order{padding:15px 0;border-top:1px solid #d9decb}.account-route p,.account-order p{margin:4px 0}.account-order ul{margin:10px 0;padding-left:20px}.account-order strong{color:#204f3b}.account-settings form+details{margin-top:25px}.account-settings{margin-top:30px}.account-status:focus{outline:none}@media(max-width:650px){.account{padding:35px 17px 55px}.account-paper{padding:24px 20px}.account-greeting{align-items:flex-start;flex-direction:column}.account h2{font-size:26px}.account-tabs button{padding:12px 11px}}
.account-google h2{font-size:23px;margin-top:0}.account-google-button{margin:18px 0;min-width:0;max-width:100%;overflow:hidden}.account-google-button:empty{display:none}.account-google #google-link-form{margin-top:18px}.account-google [aria-busy=true]{opacity:.7;pointer-events:none}.account-google #google-retry{margin-top:12px}.account-google .account-check{font-size:14px}.account-popup{margin:0;min-height:100vh;background:radial-gradient(ellipse at top left,#f0ead5,transparent 70%),#f7f5ec;color:#304439}.account-popup .account{max-width:500px;padding:25px 22px 32px;font-size:15px;line-height:1.45}.account-popup .account-intro{margin-bottom:18px}.account-popup .account-intro>p:not(.account-kicker){margin:10px 0 15px}.account-popup .account h1{font-size:32px;line-height:1.12;margin:10px 0}.account-popup .account h2{font-size:24px}.account-popup .account-paper{padding:22px;margin:18px 0;border-radius:16px;box-shadow:0 5px 24px #59442108}.account-popup .account form{gap:13px}.account-popup .account input:not([type=checkbox]){padding:11px 12px;font-size:16px}.account-popup .account-tabs{margin-bottom:16px;gap:0}.account-popup .account-tabs button{flex:1;padding:11px 9px}.account-popup .account-details{margin-top:16px;padding-top:12px}.account-popup .account-status{padding:10px 14px}.account-popup #account-member>.account-progress,.account-popup #account-member>section,.account-popup #account-member>.account-settings{display:none}.account-popup .account-greeting{align-items:flex-start;flex-direction:column;gap:8px}.account-popup .account-notice{padding:20px}.account-popup .account-notice h3{font-size:23px}.account-popup .account-kicker{font-size:11px}.account-popup .account-full-link{margin-top:22px}@media(max-width:380px){.account-popup .account{padding:20px 13px}.account-popup .account-paper{padding:19px 16px}.account-popup .account h1{font-size:29px}}
.account-google #google-status.is-error{color:#843e30}.account-popup .account-google{padding-top:16px;padding-bottom:16px}.account-popup .account-google h2{font-size:21px;margin-bottom:10px}

/* Les actions du compte partagent le même traitement, y compris dans la fenêtre du jeu. */
.account :is(button:not([role=tab], .account-password-toggle), a.account-button) {
  background: #1d5941;
  border: 1px solid #1d5941;
  border-radius: 8px;
  color: #fff8e6;
  min-height: 46px;
}
.account :is(button:not([role=tab], .account-password-toggle), a.account-button):hover {
  background: #286e50;
  border-color: #286e50;
}
.account :is(button:not([role=tab], .account-password-toggle), a.account-button)::before {
  content: '';
  flex: 0 0 16px;
  height: 16px;
  background: currentColor;
  mask: var(--account-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")) center/contain no-repeat;
}
.account :is(button.account-secondary, button.account-danger) {
  --account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}
.account :is(a.account-button, #account-close) {
  --account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E");
}
.account #account-export {
  --account-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-4-4 4 4 4-4M5 17v4h14v-4'/%3E%3C/svg%3E");
}
.account .account-password { position: relative; }
.account .account-password-field input:not([type=checkbox]) { padding-inline-end: 54px; }
.account .account-password-toggle {
  position: absolute;
  inset-inline-end: 4px;
  bottom: 4px;
  width: 40px;
  min-height: 40px;
  padding: 0;
  background: transparent;
  color: #1d5941;
}
.account .account-password-toggle:hover { background: #e7e9dc; }
.account .account-password-toggle::before {
  content: '';
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2 12s4-6 10-6 10 6 10 6-4 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.account .account-password-toggle[aria-pressed=true]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2 12s4-6 10-6 10 6 10 6-4 6-10 6S2 12 2 12ZM4 4l16 16'/%3E%3C/svg%3E");
}

.account #account-logout {
  background: transparent;
  border: 1px solid #c4ccba;
  border-radius: 8px;
  color: #405640;
  gap: 9px;
  min-height: 44px;
  padding: 10px 14px;
  font: 700 14px 'Nunito', Arial, sans-serif;
}
.account #account-logout::before { content: none; }
.account #account-logout svg { width: 22px; height: 22px; flex: none; }