:root{--nuit: #0a1683;--profond: #0b2aa8;--bleu: #1463e6;--bleu-fonce: #0f4fc0;--bleu-vif: #2f8bff;--bleu-clair: #dfeaff;--bleu-pale: #f2f7ff;--blanc: #ffffff;--encre: #1b1f2e;--gris: #646b80;--bordure: #dfe4ee;--rouge: #e5484d;--vert: #1fa45b;--jaune: #ffc93c;--orange: #ff9a1f;--police: "Outfit", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ombre: 0 30px 70px -30px rgba(4, 10, 70, .6)}*{box-sizing:border-box}html{background:var(--nuit)}body{margin:0;min-height:100vh;font-family:var(--police);font-size:16px;line-height:1.55;color:var(--encre);background:radial-gradient(120% 90% at 50% 110%,#1059e8 0%,var(--profond) 45%,var(--nuit) 85%);background-attachment:fixed;-webkit-font-smoothing:antialiased}button{font:inherit}code{font-family:var(--mono);font-size:.85em;background:var(--bleu-pale);border:1px solid var(--bordure);padding:.05em .4em;border-radius:6px}.point{color:var(--bleu-vif)}.fond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px}.halo{position:absolute;width:380px;height:520px;border-radius:50%;border:46px solid #19b14c;filter:blur(28px);opacity:.55}.halo--gauche{left:-300px;top:160px;border-color:#19b14c #e3c22a transparent transparent;transform:rotate(18deg)}.halo--droite{right:-260px;top:40px;border-color:transparent transparent #19b14c #e3c22a;transform:rotate(-24deg)}.badge{position:absolute;display:grid;place-items:center;font-family:var(--mono);font-weight:700;color:var(--blanc);border-radius:14px;box-shadow:0 18px 30px -12px #00000073,inset 0 -4px #00000026;animation:flotte 7s ease-in-out infinite}.badge--h0{left:21%;top:13%;padding:12px 18px;font-size:1.15rem;background:linear-gradient(135deg,#36a3ff,#1463e6);--r: -32deg}.badge--max{left:11%;top:44%;padding:4px 9px;font-size:.68rem;color:#5a4300;background:var(--jaune);border-radius:6px;--r: 14deg;animation-delay:-2s}.badge--ws{right:14%;top:52%;padding:10px 16px;font-size:1rem;background:linear-gradient(135deg,#2f8bff,#1452d6);border-radius:12px 12px 12px 2px;--r: -8deg;animation-delay:-4s}.badge--tcp{right:12%;bottom:17%;padding:9px 16px;font-size:.95rem;background:linear-gradient(135deg,#ffb53c,var(--orange));--r: 18deg;animation-delay:-1s}.badge--flou-bas{left:8%;bottom:7%;width:110px;height:110px;font-size:2.2rem;border-radius:28px;background:linear-gradient(135deg,#48b4ff,#1463e6);filter:blur(5px);--r: -18deg;animation-delay:-3s}.badge--flou-haut{right:18%;top:1%;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#5cc0ff,#2f8bff);filter:blur(1.5px);--r: 30deg;animation-delay:-5s}@keyframes flotte{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-14px) rotate(var(--r))}}.marque-tp{position:absolute;left:16%;top:33%;color:var(--blanc);text-align:center;line-height:1.05}.marque-tp span{font-size:2rem;font-weight:600;letter-spacing:-.02em}.marque-tp b{font-weight:400;margin:0 4px}.marque-tp em{font-style:normal;color:#4cc46b}.marque-tp small{display:block;font-size:1.15rem;color:#ffffffbf}.fond--jeu .marque-tp,.fond--jeu .badge--h0,.fond--jeu .badge--max,.fond--jeu .badge--flou-haut{display:none}@media(max-width:1100px){.marque-tp,.badge--max,.badge--h0{display:none}}@media(max-width:600px){.badge--flou-haut,.badge--ws,.badge--tcp{display:none}}@media(prefers-reduced-motion:reduce){.badge{animation:none;transform:rotate(var(--r))}}.entete{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 48px 0;color:var(--blanc)}.logo{display:inline-flex;align-items:center;gap:8px;font-size:1.65rem;font-weight:600;letter-spacing:-.02em}.logo__icone{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--bleu-vif)}.retour{display:flex;align-items:center;gap:8px;margin-top:14px;padding:0;border:0;background:none;color:var(--blanc);font-weight:600;cursor:pointer}.retour:hover{text-decoration:underline}.pastille{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:600;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}.pastille__voyant{width:8px;height:8px;border-radius:50%;background:var(--rouge)}.pastille--ok .pastille__voyant{background:#4ade80;box-shadow:0 0 0 4px #4ade8040}.carte{background:var(--blanc);border-radius:8px;box-shadow:var(--ombre);padding:32px}.carte__titre{margin-bottom:22px}.carte__titre h2{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.carte__titre p{margin:4px 0 0;color:var(--gris)}.carte__titre--ligne{display:flex;justify-content:space-between;align-items:flex-end}.surtitre{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bleu);margin-bottom:4px}.page-accueil{display:grid;place-items:center;padding:28px 16px 64px}.carte--accueil{width:min(568px,100%);padding:48px 64px 40px}.carte--accueil h1{margin:0 0 22px;text-align:center;font-size:2rem;font-weight:600;letter-spacing:-.01em}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid var(--bordure);border-radius:6px;background:var(--blanc);color:#3d4355;font-size:.92rem;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.role:hover{border-color:#b8c7e6}.role--actif{border-color:var(--bleu);background:var(--bleu-pale);color:var(--bleu-fonce);box-shadow:0 0 0 3px var(--bleu-clair)}.role__icone--client1{color:var(--rouge)}.role__icone--client2{color:var(--vert)}.role__icone--observateur{color:var(--bleu)}.role__occupe{position:absolute;top:-9px;right:6px;padding:0 6px;font-size:.68rem;font-weight:600;border-radius:999px;background:var(--orange);color:var(--blanc)}.ou{margin:14px 0 4px;text-align:center;font-size:.82rem;color:var(--gris)}.role-detail{margin:0 0 18px;text-align:center;color:#3d4355;min-height:3.1em}.champ{display:block;margin-bottom:10px}.champ>span{display:block;margin-bottom:8px;font-size:1.02rem;color:#2b3040}.champ input,.saisie__champ{width:100%;height:56px;padding:0 16px;border:1px solid #d5dbe8;border-radius:6px;font:500 1.05rem var(--police);color:var(--encre);outline:none;transition:border-color .15s,box-shadow .15s}.champ input:focus,.saisie__champ:focus{border-color:var(--bleu);box-shadow:0 0 0 3px var(--bleu-clair)}.champ__groupe{position:relative}.champ__groupe input{padding-right:50px;letter-spacing:.06em}.champ__oeil{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:none;color:#3d4355;cursor:pointer}.champ__oeil:hover{background:var(--bleu-pale)}.etat-serveur{margin:4px 0 18px;font-size:.92rem;color:var(--gris)}.etat-serveur:before{content:"●";color:#22c55e;margin-right:8px}.etat-serveur--ko:before{color:var(--rouge)}.bouton-principal{width:100%;height:52px;padding:0 24px;border:0;border-radius:6px;background:var(--bleu);color:var(--blanc);font-size:1.08rem;font-weight:500;cursor:pointer;transition:background .15s,transform .1s}.bouton-principal:hover:not(:disabled){background:var(--bleu-fonce)}.bouton-principal:active:not(:disabled){transform:translateY(1px)}.bouton-principal:disabled{opacity:.5;cursor:not-allowed}.bouton-principal--court{width:auto;flex-shrink:0}.bas-carte{margin:24px 0 0;font-size:1.05rem;color:#2b3040}.lien{padding:0;border:0;background:none;color:var(--bleu);font-weight:600;cursor:pointer}.lien:hover{text-decoration:underline}.regles{margin:14px 0 0;padding:16px 16px 16px 36px;border-radius:6px;background:var(--bleu-pale);color:#3d4355}.regles li+li{margin-top:6px}.page-jeu{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 64px;display:flex;flex-direction:column;gap:24px}.bandeau-partie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;color:var(--blanc)}.bandeau-partie h1{margin:0;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1}.etat-partie{display:flex;flex-wrap:wrap;gap:8px}.puce-etat{padding:6px 12px;border-radius:999px;font-size:.84rem;font-weight:500;color:#ffffffd9;background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}.puce-etat--on{color:var(--blanc);background:#4ade8033;border-color:#4ade8080}.puce-etat--etat{color:var(--blanc);background:var(--bleu);border-color:var(--bleu-vif)}.puce-etat--secret{color:#5a4300;background:var(--jaune);border-color:var(--jaune);font-weight:700}.grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}.carte--jeu{display:flex;flex-direction:column;gap:20px}.carte--jeu .carte__titre{margin-bottom:0}.carte--gagne{box-shadow:0 0 0 3px var(--bleu-vif),var(--ombre)}.compteur{color:var(--gris)}.compteur strong{font-size:1.6rem;color:var(--encre)}.retour-jeu{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:26px 20px;border-radius:8px;background:var(--bleu-pale);text-align:center;transition:background .3s,color .3s}.retour-jeu__icone{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:50%;background:var(--blanc);color:var(--bleu);font-size:1.7rem;font-weight:800;box-shadow:0 10px 22px -10px #1463e699;animation:apparait .35s ease}.retour-jeu__icone--attente{border:4px solid var(--bleu-clair);border-top-color:var(--bleu);animation:tourne .9s linear infinite}.retour-jeu__titre{margin:0 0 4px;font-size:1.7rem;font-weight:700;line-height:1.15}.retour-jeu__indice{margin:0 0 4px;color:var(--gris);max-width:42ch}.retour-jeu .bouton-principal{margin-top:14px}.retour-jeu--grand,.retour-jeu--petit,.retour-jeu--info{background:var(--bleu-clair)}.retour-jeu--bravo{background:var(--bleu);color:var(--blanc)}.retour-jeu--bravo .retour-jeu__indice{color:#ffffffd9}.retour-jeu--bravo .retour-jeu__icone{animation:rebond .6s ease}.retour-jeu--bravo .bouton-principal{background:var(--blanc);color:var(--bleu)}.retour-jeu--erreur{background:#fff1f2}.retour-jeu--erreur .retour-jeu__icone{color:var(--rouge)}@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)}}.formulaire .bouton-principal{margin-top:6px}.erreur{margin:0 0 8px;color:var(--rouge);font-weight:500}.aide{margin:0 0 10px;color:var(--gris);font-size:.92rem}.saisie{display:flex;gap:10px}.saisie__champ{flex:1;min-width:0;font-size:1.3rem;font-weight:600}.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;background:var(--nuit);opacity:.45;transform:translate(-50%,-50%)}.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}.historique{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.puce{display:inline-flex;gap:6px;padding:4px 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);border-color:var(--bleu);color:var(--blanc)}.puce--bravo span{color:var(--blanc)}.carte--horloge{padding:0;overflow:hidden}.horloge__tete{padding:26px 28px 20px;background:linear-gradient(135deg,var(--nuit),var(--bleu));color:var(--blanc)}.horloge__tete .surtitre{color:#ffffffb3}.horloge__valeur{font-family:var(--mono);font-size:3.4rem;font-weight:700;line-height:1.1}.horloge__valeur span{margin:0 6px;opacity:.5}.horloge__valeur strong{display:inline-block;animation:apparait .3s ease}.evenements{max-height:420px;overflow-y:auto;margin:0;padding:12px 20px 16px;list-style:none}.evenement{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f6}.evenement:last-child{border-bottom:0}.evenement__h{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:var(--mono);font-size:.85rem;font-weight:700}.evenement__h--envoi{background:var(--bleu);color:var(--blanc)}.evenement__h--reception{background:var(--blanc);color:var(--bleu);box-shadow:inset 0 0 0 2px var(--bleu)}.evenement__h--local{background:#fff4d6;color:#8a6200}.evenement__h--init{background:#eef1f6;color:var(--gris)}.evenement__type{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--gris)}.evenement__texte{margin:0;font-family:var(--mono);font-size:.8rem;word-break:break-word}.evenement__calcul{display:inline-block;margin-top:4px;color:var(--bleu-fonce)}.diagramme{display:grid;grid-template-columns:88px minmax(0,1fr)}.diagramme__noms{display:flex;flex-direction:column}.diagramme__noms span{display:flex;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--nuit)}.diagramme__defil{overflow-x:auto;border-left:2px solid var(--bordure);scroll-behavior:smooth}.diagramme__defil svg{display:block}.diagramme__graduation{stroke:#f0f3f8}.diagramme__h{font-family:var(--mono);font-size:10px;fill:#a1a9bb;text-anchor:middle}.diagramme__ligne{stroke:#c9d3e6;stroke-width:2}.diagramme__fleche{animation:trace .5s ease}.point circle{stroke-width:2.5}.point text{font-family:var(--mono);font-size:10px;font-weight:700;text-anchor:middle;pointer-events:none}.point--envoi circle{fill:var(--bleu);stroke:var(--bleu)}.point--envoi text{fill:var(--blanc)}.point--reception circle{fill:var(--blanc);stroke:var(--bleu)}.point--reception text{fill:var(--bleu)}.point--local circle{fill:#fff4d6;stroke:#f0b428}.point--local text{fill:#8a6200}.point--init circle{fill:#eef1f6;stroke:#c3cada}.point--init text{fill:var(--gris)}.point{animation:apparait .3s ease;transform-box:fill-box;transform-origin:center;cursor:help}@keyframes trace{0%{opacity:0}}.legende{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;padding:0;list-style:none;font-size:.85rem;color:var(--gris)}.legende li{display:flex;align-items:center;gap:8px}.legende__point{width:14px;height:14px;border-radius:50%;border:2.5px solid}.legende__point.point--envoi{background:var(--bleu);border-color:var(--bleu)}.legende__point.point--reception{background:var(--blanc);border-color:var(--bleu)}.legende__point.point--local{background:#fff4d6;border-color:#f0b428}.legende__trait{width:22px;height:3px;border-radius:2px}.verification__bilan{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;background:#ecfbf2;color:#146c3c;font-weight:500}.verification__bilan strong{font-family:var(--mono);font-size:1.4rem}.verification__bilan--ko{background:#fff1f2;color:var(--rouge)}.tableau-defil{overflow-x:auto;margin-top:14px}.tableau{width:100%;border-collapse:collapse;font-size:.9rem}.tableau th{padding:10px 12px;text-align:left;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);border-bottom:2px solid var(--bordure);white-space:nowrap}.tableau td{padding:9px 12px;border-bottom:1px solid #eef1f6;white-space:nowrap}.tableau em{color:var(--gris)}.type{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--blanc);background:var(--bleu)}.type--secret{background:var(--rouge)}.type--proposition{background:var(--vert)}.ok{color:#146c3c;font-family:var(--mono);font-weight:700}.ko{color:var(--rouge);font-family:var(--mono);font-weight:700}@media(max-width:900px){.grille{grid-template-columns:1fr}}@media(max-width:600px){.entete{padding:16px 16px 0}.carte{padding:22px 18px}.carte--accueil{padding:32px 20px 28px}.roles{grid-template-columns:1fr}.saisie{flex-direction:column}.diagramme{grid-template-columns:70px minmax(0,1fr)}.pastille{font-size:.75rem;padding:6px 10px}}.etat-serveur__reponse{display:block;margin-top:4px;color:var(--bleu-fonce);font-weight:500}