:root{--nuit:#0e1018;--panneau:#171a26;--panneau-2:#202435;--ligne:rgba(240,239,247,.08);--ligne-forte:rgba(240,239,247,.16);--craie:#f0eff7;--brume:#8b8fa8;--p1:#ff5964;--p2:#3edbc1;--moi:var(--p1);--toi:var(--p2);--duels:#ff5964;--monde:#6f9dff;--dyade:#c084fc;--font-display:"Anton",sans-serif;--font-body:"Space Grotesk",sans-serif;--biseau:12px;--radius:14px;--radius-lg:20px;--page-max:1080px;--transition:.16s cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}body,html{background:var(--nuit);color:var(--craie);font-family:var(--font-body);font-size:16px;line-height:1.55;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;margin:0;text-transform:uppercase}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.conteneur{margin:0 auto;max-width:var(--page-max);padding:0 20px}.titre-page{font-size:1.8rem;margin:28px 0 6px}.titre-section{align-items:baseline;display:flex;font-size:1.35rem;gap:12px;margin:40px 0 16px}.titre-section:before{background:var(--accent,linear-gradient(105deg,var(--p1) 48%,var(--p2) 52%));clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);content:"";height:14px;transform:translateY(1px);width:22px}.sous-titre{color:var(--brume);margin:0;max-width:58ch}.carte{background:var(--panneau);border:1px solid var(--ligne);border-radius:var(--radius);padding:18px;transition:border-color var(--transition),transform var(--transition),background var(--transition)}.carte:hover{border-color:var(--ligne-forte)}.carte--action{cursor:pointer;display:block}.carte--action:hover{background:color-mix(in srgb,var(--accent,var(--p2)) 8%,var(--panneau));border-color:var(--accent,var(--p2));transform:translateY(-2px)}.grille{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.liste{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.vide{border:1px dashed var(--ligne);border-radius:var(--radius);color:var(--brume);padding:22px;text-align:center}.bouton{align-items:center;background:var(--panneau-2);border:0;border-radius:10px;color:var(--craie);display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:12px 20px;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.bouton:hover{background:#2a2f47;transform:translateY(-1px)}.bouton:disabled{cursor:not-allowed;opacity:.5;transform:none}.bouton--p1{background:var(--p1);color:#1c0b0e}.bouton--p1:hover{background:#ff707a;box-shadow:0 6px 20px -10px var(--p1)}.bouton--p2{background:var(--p2);color:#062421}.bouton--p2:hover{background:#5fe4cd;box-shadow:0 6px 20px -10px var(--p2)}.bouton--fantome{background:transparent;border:1px solid var(--ligne-forte)}.bouton--fantome:hover{background:var(--panneau-2)}.pilule{background:transparent;border:1px solid var(--ligne);border-radius:999px;color:var(--brume);font-size:.88rem;padding:6px 14px;transition:color var(--transition),border-color var(--transition),background var(--transition)}.pilule:hover{border-color:var(--ligne-forte);color:var(--craie)}.pilule--actif{background:color-mix(in srgb,var(--accent,var(--p2)) 12%,transparent);border-color:var(--accent,var(--p2));color:var(--craie)}.champ{background:var(--nuit);border:1px solid var(--ligne);border-radius:10px;color:var(--craie);font-family:var(--font-body);font-size:1rem;padding:12px 14px;transition:border-color var(--transition);width:100%}.champ:hover{border-color:var(--ligne-forte)}.champ:focus{border-color:var(--p2);outline:none}.label{color:var(--brume);display:flex;flex-direction:column;font-size:.88rem;gap:6px}.score{font-family:var(--font-display);font-variant-numeric:tabular-nums}.erreur{color:var(--p1);font-size:.88rem;margin:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}