:root{--encre: #0b1f44;--marine: #0b2a5b;--bleu: #1d4ed8;--bleu-vif: #3b82f6;--bleu-clair: #dbe7ff;--bleu-pale: #f1f6ff;--blanc: #ffffff;--gris: #5b6b88;--bordure: #d9e3f5;--rose: #e0475b;--serif: "Fraunces", Georgia, serif;--sans: "Figtree", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--rayon: 22px;--ombre: 0 24px 60px -24px rgba(11, 42, 91, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blanc);color:var(--encre);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.85em;background:var(--bleu-pale);border:1px solid var(--bordure);padding:.1em .4em;border-radius:6px}.point{color:var(--bleu-vif)}.bandeau{position:absolute;inset:0 0 auto 0;height:68px;background:var(--marine);border-radius:0 0 28px 28px;overflow:hidden}.bandeau:after{content:"";position:absolute;right:9%;top:-90px;width:190px;height:190px;border-radius:50%;background:var(--bleu-vif)}.nav{position:sticky;top:16px;z-index:10;margin:16px auto 0;width:min(1060px,calc(100% - 32px));display:flex;align-items:center;gap:24px;padding:10px 10px 10px 22px;background:var(--encre);color:var(--blanc);border-radius:999px;box-shadow:0 18px 40px -18px #0b1f448c}.nav__logo{font-family:var(--serif);font-weight:800;font-size:1.3rem;letter-spacing:-.01em}.nav__liens{display:flex;gap:4px;margin-left:auto;font-size:.92rem}.nav__lien{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;opacity:.75;transition:opacity .2s,background .2s}.nav__lien:hover{opacity:1}.nav__lien--actif{opacity:1;background:#ffffff1f;font-weight:600}.nav__icone{font-family:var(--mono);font-size:.8rem;color:#93b4ff}.page{padding:88px 0 72px;animation:monte .4s cubic-bezier(.2,.8,.2,1)}.page .journal__lignes{height:min(60vh,560px)}.statut{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:.88rem;font-weight:700;background:var(--bleu);white-space:nowrap}.statut--deconnecte{background:#2a3550}.statut__voyant{width:8px;height:8px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 0 4px #7dd3fc40}.statut--connexion .statut__voyant{animation:clignote 1s infinite}.statut--deconnecte .statut__voyant{background:var(--rose);box-shadow:0 0 0 4px #e0475b40}.statut__joueurs{font-weight:500;opacity:.85}@keyframes clignote{50%{opacity:.2}}main{width:min(1060px,calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:96px 0 72px}.surtitre{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bleu);margin-bottom:18px}.titre{font-family:var(--serif);font-weight:900;font-size:clamp(3.4rem,8vw,6.2rem);line-height:.98;letter-spacing:-.03em;margin:0 0 32px;color:var(--encre)}.titre--bleu{color:var(--bleu)}.chapeau{font-size:1.3rem;line-height:1.55;margin:0 0 18px;max-width:30ch}.chapeau strong{color:var(--bleu)}.sous-chapeau{color:var(--gris);font-size:1rem;max-width:46ch;margin:0}.section{padding:72px 0;border-top:1px solid var(--bordure)}.section__entete{max-width:640px;margin-bottom:32px}.section__entete p{color:var(--gris);margin:0}.titre-section{font-family:var(--serif);font-weight:800;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 12px}.carte{position:relative;background:var(--blanc);border:1px solid var(--bordure);border-radius:28px;padding:28px;box-shadow:var(--ombre);display:flex;flex-direction:column;gap:22px}.carte:before{content:"";position:absolute;inset:-14px 18px auto auto;width:46px;height:46px;border-radius:50%;border:2px solid var(--bleu-vif);background:var(--blanc)}.carte--gagne{border-color:var(--bleu-vif)}.carte__entete{display:flex;justify-content:space-between;align-items:center}.etiquette{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}.compteur{font-size:.95rem;color:var(--gris)}.compteur strong{font-family:var(--serif);font-size:1.4rem;color:var(--encre)}.retour{text-align:center;padding:28px 20px;border-radius:var(--rayon);background:var(--bleu-pale);min-height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s,color .3s}.retour__icone{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--blanc);color:var(--bleu);font-family:var(--serif);font-weight:900;font-size:1.7rem;margin-bottom:12px;box-shadow:0 8px 20px -10px #1d4ed880;animation:apparait .35s ease}.retour__icone--attente{border:3px solid var(--bleu-clair);border-top-color:var(--bleu);animation:tourne .9s linear infinite}.retour__titre{font-family:var(--serif);font-weight:800;font-size:1.9rem;line-height:1.1;margin:0 0 6px}.retour__indice{margin:0;color:var(--gris);font-size:.98rem}.retour--grand,.retour--petit{background:var(--bleu-clair)}.retour--bravo{background:var(--bleu);color:var(--blanc)}.retour--bravo .retour__indice{color:#ffffffd9}.retour--bravo .retour__icone{animation:rebond .6s ease}.retour--erreur{background:#fff1f3}.retour--erreur .retour__icone{color:var(--rose)}@keyframes apparait{0%{transform:scale(.6);opacity:0}}@keyframes rebond{40%{transform:scale(1.25) rotate(-8deg)}70%{transform:scale(.95)}}@keyframes tourne{to{transform:rotate(360deg)}}.intervalle__piste{position:relative;height:14px;border-radius:999px;background:var(--bleu-pale);border:1px solid var(--bordure)}.intervalle__zone{position:absolute;top:-1px;bottom:-1px;border-radius:999px;background:linear-gradient(90deg,var(--bleu-vif),var(--bleu));transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}.intervalle__repere{position:absolute;top:50%;width:4px;height:22px;border-radius:2px;transform:translate(-50%,-50%);background:var(--marine);opacity:.45}.intervalle__repere--bravo{opacity:1;background:var(--marine);height:26px}.intervalle__legende{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--mono);font-size:.8rem;color:var(--gris)}.intervalle__possible{color:var(--bleu);font-weight:500}.saisie{display:flex;gap:10px}.saisie__champ{flex:1;min-width:0;font:700 1.4rem var(--serif);color:var(--encre);padding:12px 18px;border-radius:16px;border:2px solid var(--bordure);background:var(--blanc);outline:none;transition:border-color .2s,box-shadow .2s}.saisie__champ::placeholder{color:#a9b7d0;font-weight:600}.saisie__champ:focus{border-color:var(--bleu-vif);box-shadow:0 0 0 4px var(--bleu-clair)}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 1rem var(--sans);padding:14px 24px;border-radius:16px;border:none;cursor:pointer;transition:transform .15s,background .2s,opacity .2s}.bouton--plein{background:var(--bleu);color:var(--blanc)}.bouton--plein:hover:not(:disabled){background:var(--marine);transform:translateY(-1px)}.bouton:disabled{opacity:.45;cursor:not-allowed}.historique{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.puce{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-family:var(--mono);font-size:.85rem;background:var(--bleu-pale);border:1px solid var(--bordure);animation:apparait .25s ease}.puce span{color:var(--bleu);font-weight:700}.puce--bravo{background:var(--bleu);color:var(--blanc);border-color:var(--bleu)}.puce--bravo span{color:var(--blanc)}.journal{border-radius:var(--rayon);overflow:hidden;background:var(--encre);box-shadow:var(--ombre)}.journal__barre{display:flex;align-items:center;gap:7px;padding:12px 18px;background:var(--marine)}.journal__point{width:11px;height:11px;border-radius:50%;background:#ffffff38}.journal__point:first-child{background:var(--bleu-vif)}.journal__titre{margin-left:10px;font-family:var(--mono);font-size:.8rem;color:#fff9}.journal__lignes{list-style:none;margin:0;padding:16px 18px;height:300px;overflow-y:auto;font-family:var(--mono);font-size:.82rem;color:#c9d6f0}.journal__ligne{display:grid;grid-template-columns:74px 150px 1fr;gap:12px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.journal__heure{color:#ffffff59}.journal__sens{font-weight:500}.journal__ligne--out .journal__sens{color:#7dd3fc}.journal__ligne--in .journal__sens{color:#93b4ff}.journal__ligne--info .journal__sens{color:#fff6}.journal__texte{background:none;border:none;padding:0;color:var(--blanc);word-break:break-all;font-size:inherit}.journal__vide{color:#fff6}.nav__droite{display:flex;align-items:center;gap:10px;margin-left:auto}.nav__liens+.nav__droite{margin-left:0}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--bleu-vif),var(--bleu));color:var(--blanc);font-family:var(--serif);font-weight:800;font-size:.95rem;flex:none}.avatar--petit{width:28px;height:28px;font-size:.8rem}.profil{display:flex;align-items:center;gap:10px;padding:4px;border-radius:999px;background:#ffffff14}.profil__nom{font-weight:600;font-size:.92rem}.profil__sortie{font:600 .82rem var(--sans);color:var(--blanc);background:#ffffff1f;border:none;border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .2s}.profil__sortie:hover{background:var(--rose)}.hero--login{min-height:calc(100vh - 160px)}.atouts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}.atouts li{display:flex;gap:14px;align-items:baseline;color:var(--gris)}.atouts span{font-family:var(--mono);font-size:.78rem;color:var(--bleu);font-weight:500}.carte--login{gap:24px;animation:monte .5s cubic-bezier(.2,.8,.2,1)}@keyframes monte{0%{opacity:0;transform:translateY(18px)}}.attente{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 0}.onglets{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:16px;background:var(--bleu-pale);border:1px solid var(--bordure)}.onglet{font:700 .92rem var(--sans);color:var(--gris);background:none;border:none;border-radius:12px;padding:11px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.onglet--actif{background:var(--blanc);color:var(--bleu);box-shadow:0 6px 16px -8px #0b2a5b59}.formulaire{display:flex;flex-direction:column;gap:16px}.champ{display:flex;flex-direction:column;gap:7px}.champ>span{font-size:.85rem;font-weight:700;color:var(--encre)}.champ input{width:100%;font:500 1.05rem var(--sans);color:var(--encre);padding:13px 16px;border-radius:14px;border:2px solid var(--bordure);background:var(--blanc);outline:none;transition:border-color .2s,box-shadow .2s}.champ input:focus{border-color:var(--bleu-vif);box-shadow:0 0 0 4px var(--bleu-clair)}.champ__mdp{position:relative}.champ__mdp input{padding-right:84px}.champ__oeil{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:600 .8rem var(--sans);color:var(--bleu);background:var(--bleu-pale);border:none;border-radius:10px;padding:7px 10px;cursor:pointer}.aide{margin:-4px 0 0;font-size:.85rem;color:var(--gris)}.alerte{margin:0;padding:11px 14px;border-radius:12px;background:#fff1f3;color:#b4233a;font-size:.92rem;font-weight:600;animation:secoue .4s}@keyframes secoue{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.bouton--large{width:100%;padding:15px 24px}.bouton--fantome{background:var(--bleu-pale);color:var(--bleu);border:1px solid var(--bordure)}.bouton--fantome:hover{background:var(--bleu-clair)}.bascule{margin:0;text-align:center;font-size:.92rem;color:var(--gris)}.bascule button{font:700 .92rem var(--sans);color:var(--bleu);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.record-perso{margin-left:10px;padding:3px 9px;border-radius:999px;background:var(--bleu-pale);color:var(--bleu);letter-spacing:.04em}.classement{list-style:none;margin:0;padding:8px;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--blanc);box-shadow:var(--ombre)}.classement--vide{padding:36px;text-align:center;color:var(--gris)}.classement--vide p{margin:0}.classement__entete,.classement__ligne{display:grid;grid-template-columns:56px 1fr 120px 100px 100px;align-items:center;gap:12px;padding:12px 16px}.classement__entete{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}.classement__ligne{border-radius:14px;transition:background .2s;animation:apparait .3s ease}.classement__ligne:hover{background:var(--bleu-pale)}.classement__ligne--moi,.classement__ligne--moi:hover{background:var(--bleu-clair)}.classement__rang{font-family:var(--serif);font-weight:800;font-size:1.2rem;text-align:center}.classement__joueur{display:flex;align-items:center;gap:10px;font-weight:600;min-width:0}.classement__toi{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blanc);background:var(--bleu);border-radius:999px;padding:2px 8px}.classement__record{font-family:var(--serif);font-weight:800;font-size:1.15rem;color:var(--bleu)}.classement__record small{font-family:var(--sans);font-weight:500;font-size:.78rem;color:var(--gris)}.victoire{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0b1f448c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fondu .3s ease}@keyframes fondu{0%{opacity:0}}.victoire__carte{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:hidden auto;padding:40px 32px 32px;border-radius:32px;background:var(--blanc);text-align:center;box-shadow:0 40px 100px -30px #0b1f44b3;animation:surgit .6s cubic-bezier(.2,1.4,.4,1)}@keyframes surgit{0%{opacity:0;transform:scale(.6) translateY(40px)}}.victoire__halo{position:absolute;inset:-40% -20% auto;height:300px;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 65%);pointer-events:none;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.5;transform:scale(1.1)}}.victoire__record{position:absolute;top:18px;right:18px;padding:6px 12px;border-radius:999px;background:#fbbf24;color:var(--encre);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;animation:brille 1.2s ease-in-out infinite alternate}@keyframes brille{to{box-shadow:0 0 0 6px #fbbf2440;transform:rotate(3deg)}}.victoire__trophee{position:relative;display:inline-block;font-size:4.2rem;line-height:1;animation:trophee .9s cubic-bezier(.2,1.6,.4,1) .15s both}@keyframes trophee{0%{transform:scale(0) rotate(-30deg)}}.victoire__mention{position:relative;margin:14px 0 4px;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu)}.victoire__titre{position:relative;margin:0;font-family:var(--serif);font-weight:900;font-size:clamp(2rem,7vw,2.7rem);line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.victoire__texte{position:relative;margin:10px 0 0;color:var(--gris)}.victoire__texte strong{color:var(--encre);font-size:1.1rem}.victoire__score{position:relative;display:flex;align-items:baseline;justify-content:center;gap:10px;margin:22px 0;color:var(--gris);font-weight:600}.victoire__nombre{font-family:var(--serif);font-weight:900;font-size:5.5rem;line-height:1;background:linear-gradient(135deg,var(--bleu-vif),var(--marine));-webkit-background-clip:text;background-clip:text;color:transparent}.victoire__stats{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}.victoire__stats div{padding:12px;border-radius:16px;background:var(--bleu-pale)}.victoire__stats dt{font-size:.75rem;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.06em}.victoire__stats dd{margin:2px 0 0;font-family:var(--serif);font-weight:800;font-size:1.5rem;color:var(--bleu)}.victoire__actions{position:relative;display:flex;flex-direction:column;gap:10px}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:40px;padding:64px 0 48px}.page{padding:56px 0 40px}.nav{justify-content:space-between}.profil__nom{display:none}.nav__liens{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(420px,calc(100% - 32px));justify-content:space-around;padding:6px;border-radius:22px;background:var(--encre);box-shadow:0 18px 40px -12px #0b1f4499}.nav__lien{flex:1;flex-direction:column;gap:2px;padding:8px 4px;border-radius:16px;font-size:.75rem}.nav__lien--actif{background:var(--bleu)}.nav__lien--actif .nav__icone{color:var(--blanc)}.nav__icone{font-size:1rem}.avec-onglets{padding-bottom:96px}.classement__entete,.classement__ligne{grid-template-columns:44px 1fr 96px}.classement__masquable{display:none}}@media(max-width:520px){body{font-size:16px}.nav{padding-left:18px}.statut__joueurs,.statut__texte{display:none}.statut{padding:12px}.victoire__carte{padding:36px 22px 24px}.victoire__nombre{font-size:4.5rem}.carte{padding:20px}.saisie{flex-direction:column}.journal__ligne{grid-template-columns:1fr;gap:0;padding:8px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}