:root{--fond: #14161c;--fond-2: #1c1f28;--fond-3: #252938;--trait: #333849;--texte: #e8eaf0;--texte-doux: #9aa0b4;--accent: #ff3d7f;--accent-2: #38d1a0;--or: #ffc857;--f-etudes: #8b6f4e;--f-metiers: #3a6ea5;--f-salaires: #2f8f5b;--f-perso: #c94f8a;--f-acquisitions: #4a9d8e;--f-distinctions: #b8912f;--f-malus: #b8383f;--f-speciales: #6b5bb5}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fond);color:var(--texte);min-height:100vh}h1,h2,h3{margin:0 0 .6rem;font-weight:650}.note{color:var(--texte-doux);font-size:.85rem;margin:.4rem 0}.bouton{font:inherit;font-size:.9rem;padding:.55rem .9rem;border-radius:8px;border:1px solid var(--trait);background:var(--fond-3);color:var(--texte);cursor:pointer;transition:background .12s,border-color .12s,transform .08s}.bouton:hover:not(:disabled){background:#2e3346;border-color:#4a5068}.bouton:active:not(:disabled){transform:translateY(1px)}.bouton:disabled{opacity:.4;cursor:not-allowed}.bouton--principal{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.bouton--principal:hover:not(:disabled){background:#ff5590;border-color:#ff5590}.bouton--discret{background:transparent;color:var(--texte-doux)}.bouton--choix{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.bouton--choix small{color:var(--texte-doux);font-size:.72rem}.bouton--choix.actif{border-color:var(--accent-2);background:#1d3b33}.bouton--choix.actif small{color:var(--accent-2)}.champ{display:flex;flex-direction:column;gap:.3rem}.champ span{font-size:.8rem;color:var(--texte-doux)}.champ input{font:inherit;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--trait);background:var(--fond);color:var(--texte)}.champ input:focus{outline:2px solid var(--accent);outline-offset:1px}.champ__code{text-transform:uppercase;letter-spacing:.4em;font-size:1.3rem;text-align:center}.alerte{font-size:.85rem;color:var(--texte-doux);margin:.2rem 0 0}.alerte--erreur{color:#ff8a8a}.etiquette{font-size:.68rem;padding:.1rem .4rem;border-radius:999px;background:var(--fond-3);color:var(--texte-doux);margin-left:.4rem}.etiquette--moi{background:#3a2a3f;color:var(--accent)}.etiquette--absent{background:#3f2a2a;color:#ff9a9a}.etiquette--cible{background:var(--accent);color:#fff}.accueil{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2rem 1rem}.accueil__titre{font-size:3rem;letter-spacing:-.03em}.accueil__titre span{color:var(--accent)}.accueil__accroche{color:var(--texte-doux);margin:0 0 1.5rem}.panneau{width:min(360px,100%);display:flex;flex-direction:column;gap:.8rem;background:var(--fond-2);border:1px solid var(--trait);border-radius:14px;padding:1.4rem}.separateur{text-align:center;color:var(--texte-doux);font-size:.8rem}.lobby{max-width:620px;margin:0 auto;padding:2.5rem 1.2rem;display:flex;flex-direction:column;gap:1rem}.lobby__code{font-size:3rem;letter-spacing:.35em;text-align:center;margin:0;color:var(--accent-2);font-weight:700}.lobby__joueurs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.lobby__joueurs li{background:var(--fond-2);border:1px solid var(--trait);border-radius:8px;padding:.6rem .9rem}.lobby__joueurs .libre{color:var(--texte-doux);font-style:italic;border-style:dashed}.lobby__joueurs .hors-ligne{opacity:.6}.lobby__reglages{display:flex;flex-direction:column;gap:.5rem}.choix{display:flex;gap:.5rem;flex-wrap:wrap}.table{display:grid;grid-template-columns:minmax(220px,260px) 1fr minmax(200px,240px);gap:.8rem;padding:.8rem;min-height:100vh;align-items:start}.table__adversaires{display:flex;flex-direction:column;gap:.6rem}.table__centre{display:flex;flex-direction:column;gap:.7rem;min-width:0}.bandeau{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--fond-2);border:1px solid var(--trait);border-radius:10px;padding:.5rem .9rem;font-size:.85rem;color:var(--texte-doux)}.bandeau .a-vous{color:var(--accent-2)}.bandeau strong{margin-left:auto}.tableau{background:var(--fond-2);border:1px solid var(--trait);border-radius:10px;padding:.6rem .7rem}.tableau--courant{border-color:var(--accent-2)}.tableau--moi{background:var(--fond-3)}.tableau--ciblable{border-color:var(--accent);cursor:pointer;box-shadow:0 0 0 2px #ff3d7f40}.tableau__entete{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.5rem}.tableau__main{margin-left:auto;font-size:.75rem;color:var(--texte-doux)}.tableau__zones{display:flex;flex-direction:column;gap:.35rem}.zone{display:flex;align-items:center;gap:.5rem}.zone__titre{font-size:.68rem;color:var(--texte-doux);min-width:5.5rem}.zone__cartes{display:flex;gap:.25rem;flex-wrap:wrap}.defausse{background:var(--fond-2);border:1px solid var(--trait);border-radius:10px;padding:.7rem;max-height:200px;overflow-y:auto}.choix-suspendu{background:#2a2340;border:1px solid var(--f-speciales);border-radius:10px;padding:.8rem}.main{background:var(--fond-2);border:1px solid var(--trait);border-radius:10px;padding:.8rem;display:flex;flex-direction:column;gap:.8rem}.main__cartes{display:flex;gap:.5rem;flex-wrap:wrap}.actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.actions__carte{display:flex;gap:.4rem;flex-wrap:wrap;padding-left:.6rem;border-left:2px solid var(--accent)}.journal{background:var(--fond-2);border:1px solid var(--trait);border-radius:10px;padding:.7rem .8rem;max-height:90vh;overflow-y:auto;position:sticky;top:.8rem}.journal h3{font-size:.8rem;color:var(--texte-doux)}.journal ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.journal li{font-size:.78rem;color:var(--texte-doux);line-height:1.35}.journal li:first-child{color:var(--texte)}.carte{position:relative;display:flex;flex-direction:column;align-items:stretch;font:inherit;text-align:center;color:var(--texte);background:var(--fond-3);border:1px solid var(--trait);border-top:3px solid var(--trait);border-radius:7px;padding:.25rem;overflow:hidden;cursor:default}.carte--normale{width:92px;height:129px;padding:.35rem}.carte--petite{width:62px;height:87px}.carte--minuscule{width:40px;height:56px;padding:.15rem}.carte--cliquable{cursor:pointer}.carte--actif{border-color:var(--accent-2)}.carte--cliquable:hover{transform:translateY(-3px)}.carte--selectionnee{outline:2px solid var(--accent);outline-offset:1px;transform:translateY(-5px)}.carte{transition:transform .1s}.carte--etudes{border-top-color:var(--f-etudes)}.carte--metiers{border-top-color:var(--f-metiers)}.carte--salaires{border-top-color:var(--f-salaires)}.carte--perso{border-top-color:var(--f-perso)}.carte--acquisitions{border-top-color:var(--f-acquisitions)}.carte--distinctions{border-top-color:var(--f-distinctions)}.carte--malus{border-top-color:var(--f-malus);background:#2c2023}.carte--speciales{border-top-color:var(--f-speciales)}.carte__haut{display:flex;justify-content:space-between;font-size:.6rem;line-height:1;min-height:.7rem}.carte__etudes{color:var(--f-etudes);font-weight:700}.carte__smiles{color:var(--or);letter-spacing:-1px}.carte__signe{font-size:1.1rem;line-height:1.4}.carte--normale .carte__signe{font-size:1.6rem}.carte--minuscule .carte__signe{font-size:.85rem;line-height:1.2}.carte__nom{font-size:.58rem;line-height:1.1;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.carte--normale .carte__nom{font-size:.7rem}.carte--minuscule .carte__nom{font-size:.42rem;line-height:1.05}.carte__bas{display:flex;flex-direction:column;gap:.1rem;font-size:.5rem;color:var(--texte-doux)}.carte__liasses{color:var(--f-salaires);letter-spacing:-2px}.carte__statut{text-transform:uppercase;font-size:.44rem;letter-spacing:.03em}.carte__mention{font-size:.45rem}.carte__pastille{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;border-radius:999px;font-size:.6rem;width:16px;height:16px;display:grid;place-items:center}.carte--dos{background:repeating-linear-gradient(45deg,#2a2f42,#2a2f42 4px,#333a52 4px,#333a52 8px);border-top-color:var(--trait);align-items:center;justify-content:center;gap:.1rem}.carte__dos-marque{color:var(--accent);font-size:.9rem}.carte__dos-compte{font-size:.55rem;color:var(--texte-doux)}.carte--inconnue{background:var(--fond-2)}.fin{max-width:520px;margin:0 auto;padding:3rem 1.2rem}.fin__classement{list-style:none;padding:0;margin:1.2rem 0;display:flex;flex-direction:column;gap:.5rem}.fin__classement li{display:grid;grid-template-columns:2rem 1fr auto auto;gap:.8rem;align-items:baseline;background:var(--fond-2);border:1px solid var(--trait);border-radius:8px;padding:.7rem .9rem}.fin__classement .gagnant{border-color:var(--or)}.fin__nom{font-weight:600}.fin__score{color:var(--or);font-weight:700}.fin__malus{font-size:.75rem;color:var(--texte-doux)}@media(max-width:1100px){.table{grid-template-columns:1fr}.journal{position:static;max-height:220px}}