.tuiles{--tuiles-cadre:#04212a;--tuiles-panneau:#ffffff;--tuiles-trait:#c9d4d9;--tuiles-texte:#1d2b32;--tuiles-texte-doux:#4a5a61;--tuiles-actif:#0a5c73;--tuiles-plateau:#8fb3bd;--tuiles-cellule:#b6ced5;--tuiles-chiffre-sombre:#122c33;--tuiles-cote:clamp(56px,18vw,96px);--tuiles-jeu:clamp(6px,2vw,12px);--tuiles-pas:calc(var(--tuiles-cote) + var(--tuiles-jeu));--tuiles-duree:110ms;max-width:640px;margin:0 auto}.tuiles__barre{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0;padding:14px 18px;background-color:var(--tuiles-cadre);border-radius:var(--radius-sm,8px) var(--radius-sm,8px) 0 0}.tuiles__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tuiles__action{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:none;border-radius:16px;background-color:#0d3c4b;color:var(--color-white,#fff);font-family:inherit;font-size:0.85rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease}.tuiles__action:hover,.tuiles__action:focus-visible{background-color:var(--tuiles-actif)}.tuiles__action:disabled{background-color:#12333d;color:#7f939b;cursor:not-allowed}.tuiles__action:disabled:hover{background-color:#12333d}.tuiles__plateau{padding:22px 18px 26px;border:1px solid var(--tuiles-trait);border-top:none;border-radius:0 0 var(--radius-sm,8px) var(--radius-sm,8px);background-color:var(--tuiles-panneau)}.tuiles__repli{margin:0 auto 18px;padding:12px 16px;border-left:4px solid var(--color-yellow,#ffcc00);background-color:#fff8e1;color:#5a4300;font-size:0.95rem;line-height:1.6}.tuiles__entete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tuiles__etat{flex:1 1 240px;margin:0;padding:10px 14px;border-left:4px solid var(--tuiles-actif);background-color:#f2f8fa;color:var(--tuiles-texte);font-size:0.92rem;line-height:1.55}.tuiles__aide{flex:0 0 auto}.tuiles__aire{position:relative;width:fit-content;margin:0 auto}.tuiles__grille{position:relative;display:grid;grid-template-columns:repeat(4,var(--tuiles-cote));grid-template-rows:repeat(4,var(--tuiles-cote));gap:var(--tuiles-jeu);padding:var(--tuiles-jeu);border-radius:10px;background-color:var(--tuiles-plateau);touch-action:none;-webkit-touch-callout:none;user-select:none}.tuiles__grille:focus-visible{outline:3px solid var(--tuiles-actif);outline-offset:3px}.tuiles__cellule{border-radius:7px;background-color:var(--tuiles-cellule)}.tuile{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--tuiles-cote);height:var(--tuiles-cote);border-radius:7px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;font-size:calc(var(--tuiles-cote) * 0.42)}.tuile--large{font-size:calc(var(--tuiles-cote) * 0.33)}.tuile--tres-large{font-size:calc(var(--tuiles-cote) * 0.26)}.tuiles__grille--transform .tuile{left:var(--tuiles-jeu);top:var(--tuiles-jeu);transform:translate(calc(var(--x) * var(--tuiles-pas)),calc(var(--y) * var(--tuiles-pas)));transition:transform var(--tuiles-duree) ease-out}.tuiles__grille--mise-en-page .tuile{left:calc(var(--tuiles-jeu) + var(--x) * var(--tuiles-pas));top:calc(var(--tuiles-jeu) + var(--y) * var(--tuiles-pas));transform:none;transition:left var(--tuiles-duree) ease-out,top var(--tuiles-duree) ease-out}@keyframes tuile-apparait{from{opacity:0;scale:0.35}to{opacity:1;scale:1}}@keyframes tuile-fusionne{0%{scale:1}45%{scale:1.18}100%{scale:1}}.tuile--neuve{animation:tuile-apparait var(--tuiles-duree) ease-out}.tuile--fusion{animation:tuile-fusionne 160ms ease-out;z-index:2}.tuile--v2{background-color:#f2f7f8;color:var(--tuiles-chiffre-sombre)}.tuile--v4{background-color:#dbe9ee;color:var(--tuiles-chiffre-sombre)}.tuile--v8{background-color:#bcdae2;color:var(--tuiles-chiffre-sombre)}.tuile--v16{background-color:#93c4d1;color:var(--tuiles-chiffre-sombre)}.tuile--v32{background-color:#63a7b9;color:var(--tuiles-chiffre-sombre)}.tuile--v64{background-color:#27798c;color:var(--color-white,#fff)}.tuile--v128{background-color:#00738d;color:var(--color-white,#fff)}.tuile--v256{background-color:#005e75;color:var(--color-white,#fff)}.tuile--v512{background-color:#00485a;color:var(--color-white,#fff)}.tuile--v1024{background-color:#ffd84d;color:var(--tuiles-chiffre-sombre)}.tuile--v2048{background-color:var(--color-yellow,#ffcc00);color:var(--tuiles-chiffre-sombre)}.tuile--max{background-color:#003544;color:var(--color-white,#fff);box-shadow:inset 0 0 0 3px var(--color-yellow,#ffcc00)}.tuiles__fin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;border-radius:10px;background-color:rgba(255,255,255,0.86);text-align:center}.tuiles__fin-titre{margin:0;color:var(--tuiles-actif);font-size:1.15rem;line-height:1.3}.tuiles__fin-titre:focus-visible{outline:3px solid var(--tuiles-actif);outline-offset:3px}.tuiles__fin-texte{margin:0;color:var(--tuiles-texte);font-size:0.92rem;line-height:1.5}.tuiles__message{display:block;margin:18px auto 0;padding:11px 15px;border-left:4px solid var(--color-yellow,#ffcc00);background-color:#fff8e1;color:#5a4300;font-size:0.92rem;line-height:1.55}.tuiles__mesure{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:20px auto 0;padding:12px 14px;border-left:4px solid var(--tuiles-actif);background-color:#f2f8fa}.tuiles__bascule{display:inline-flex;border:1px solid var(--tuiles-trait);border-radius:16px;background-color:var(--tuiles-panneau);overflow:hidden}.tuiles__voie{padding:8px 14px;border:none;background-color:transparent;color:var(--tuiles-texte-doux);font-family:inherit;font-size:0.85rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.tuiles__voie[aria-pressed="true"]{background-color:var(--tuiles-actif);color:var(--color-white,#fff)}.tuiles__voie[aria-pressed="true"]:hover,.tuiles__voie[aria-pressed="true"]:focus-visible{background-color:#0c6a83;color:var(--color-white,#fff)}.tuiles__voie[aria-pressed="false"]:hover,.tuiles__voie[aria-pressed="false"]:focus-visible{background-color:#e4eef2;color:var(--tuiles-texte)}.tuiles__releve{flex:1 1 220px;margin:0;color:var(--tuiles-texte);font-size:0.88rem;line-height:1.5;font-variant-numeric:tabular-nums}.tuiles__barre[hidden],.tuiles__actions[hidden],.tuiles__action[hidden],.tuiles__repli[hidden],.tuiles__entete[hidden],.tuiles__etat[hidden],.tuiles__aire[hidden],.tuiles__grille[hidden],.tuiles__cellule[hidden],.tuile[hidden],.tuiles__fin[hidden],.tuiles__message[hidden],.tuiles__mesure[hidden],.tuiles__bascule[hidden],.tuiles__releve[hidden]{display:none}@media (max-width:600px){.tuiles__barre{gap:10px;padding:12px 14px}.tuiles__plateau{padding:18px 12px 22px}.tuiles__etat{flex-basis:100%}.tuiles__mesure{flex-direction:column;align-items:flex-start}.tuiles__bascule{width:100%}.tuiles__voie{flex:1 1 50%}}@media (prefers-reduced-motion:reduce){.tuiles__grille--transform .tuile,.tuiles__grille--mise-en-page .tuile{transition:none}.tuile--neuve,.tuile--fusion{animation:none}.tuiles__action,.tuiles__voie{transition:none}.tuiles__mesure{display:none}}@media print{.tuiles__barre,.tuiles__aire,.tuiles__mesure{display:none !important}.tuiles__plateau{border:none;padding:0}}