/* COMPTE.TALMARIA.COM : « Le seuil du jeu » (planche du 7 octobre 2026, direction A). Les couleurs sont celles de l'ecran de
   connexion du jeu (TroisPlans) : encart #1e1d23, bandeau #1d1d24, champs en creux #0d0d10, bouton vert d'action. Aucune ressource
   exterieure : la politique de securite de la page (nginx-compte.conf) n'autorise que ce dossier. */
:root{--encart:#1e1d23;--bandeau:#1d1d24;--filet:#2c2b34;--bord:#34333c;--creux:#0d0d10;--bordchamp:#45454f;--t1:#ece9e1;--t2:#a9a49b;
  --t3:#8e8a82;--or:#d6b25a;--vert:#307a3d;--bordvert:#7dcc87;--rouge:#e07a6a;--ok:#6fc27c;--ambre:#e0b25a;color-scheme:dark}
*{box-sizing:border-box}
/* `hidden` MASQUE vraiment : sans cette ligne, `.corps{display:flex}` et `.case{display:flex}` l'emportent sur l'attribut, et tous les
   panneaux s'affichaient les uns sous les autres (premiere capture du 7 octobre). */
[hidden]{display:none !important}
html,body{min-height:100%}
body{margin:0;background:#121418;color:var(--t1);font:15px/1.5 "Liberation Sans",Arial,Helvetica,sans-serif;
  display:flex;flex-direction:column;align-items:center}
.scene{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,rgba(10,12,16,.2),rgba(10,12,16,.65)),url(fond.jpg) center/cover}
main{position:relative;z-index:1;width:100%;max-width:480px;padding:22px 16px 18px;display:flex;flex-direction:column;align-items:center;flex:1}
.marque img{width:min(300px,78vw);height:auto;display:block;filter:drop-shadow(0 6px 16px rgba(0,0,0,.65))}
.pan{width:100%;max-width:440px;margin-top:10px;background:var(--encart);border:1px solid var(--bord);border-radius:14px;overflow:hidden;
  box-shadow:0 12px 34px rgba(0,0,0,.5)}
.band{background:var(--bandeau);border-bottom:1px solid var(--filet);padding:12px 20px 11px;text-align:center;color:var(--t2);font-size:13px}
.band b{display:block;color:var(--or);font:700 21px/1.25 Georgia,"Palatino Linotype",serif;margin-bottom:2px}
.corps{padding:18px 28px 18px;display:flex;flex-direction:column}
label,legend{font-size:12.5px;font-weight:700;color:var(--t2);margin:0 0 5px}
fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}
input:not([type=checkbox]){width:100%;height:40px;border-radius:11px;border:2px solid var(--bordchamp);background:var(--creux);color:var(--t1);
  font:15px "Liberation Sans",Arial,sans-serif;padding:0 12px;margin:0 0 12px;outline:none}
input:not([type=checkbox]):focus{border-color:var(--or)}
input::placeholder{color:#6f6c67;font-style:italic}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.deux > div{display:flex;flex-direction:column;min-width:0}
.date{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}
.date legend{grid-column:1 / -1;padding:0}
.date input{margin:0}
.code{height:52px !important;text-align:center;font-size:26px !important;font-weight:700;letter-spacing:.45em;padding-left:.45em !important}
.case{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:#d8d4cb;font-size:13.5px;line-height:1.4;margin:2px 0 12px;cursor:pointer}
.case input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--bordvert);cursor:pointer}
.ambre{border-left:3px solid #b8913f;background:#3a3226;border-radius:6px;padding:8px 10px;font-size:13px;color:#e6dcc6;margin:0 0 10px}
.btn{display:grid;place-items:center;height:46px;border-radius:12px;border:2px solid var(--bordvert);background:var(--vert);color:#fff;
  font:700 16px "Liberation Sans",Arial,sans-serif;margin:6px 0 6px;cursor:pointer;text-decoration:none}
.btn:hover{background:#3a8a47}
.btn:disabled{background:#16161a;border-color:#2b2b31;color:#5c5a56;cursor:default}
.msg{min-height:20px;margin:4px 0;font-size:13.5px;text-align:center;color:var(--t2)}
.msg.erreur{color:var(--rouge)} .msg.succes{color:var(--ok)} .msg.avertissement{color:var(--ambre)}
.note{font-size:12.5px;color:var(--t3);text-align:center;margin:6px 0 4px}
.sous{font-size:13.5px;color:#d8d4cb;text-align:center;margin:0 0 14px}
.sous b{color:var(--t1)}
.ferme{background:#3a2626;border-left:3px solid var(--rouge);border-radius:6px;padding:9px 11px;font-size:13.5px;margin:0 0 12px}
a{color:var(--or);text-underline-offset:2px}
.liens{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13.5px}
.lien{background:none;border:0;padding:0;color:var(--or);text-decoration:underline;text-underline-offset:2px;font:inherit;cursor:pointer}
.lien:disabled{color:var(--t3);text-decoration:none;cursor:default}
.fini{width:68px;height:68px;border-radius:50%;border:3px solid var(--bordvert);margin:6px auto 12px;position:relative}
.fini::after{content:"";position:absolute;left:23px;top:13px;width:14px;height:28px;border:solid var(--bordvert);border-width:0 4px 4px 0;transform:rotate(45deg)}
.cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
footer{position:relative;z-index:1;padding:10px 16px 22px;font-size:12.5px;color:#cfc9bd;text-shadow:0 1px 6px #000;text-align:center}
@media (max-width:420px){.corps{padding:16px 18px}.deux{grid-template-columns:1fr;gap:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}