.jeu{--ecart:clamp(4px, 1.3vw, 12px);--n:7;max-width:860px;margin:0 auto}.jeu .barre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 10px;display:flex}.jeu .tirage{background:#e4dfd0;border:0;border-radius:999px;flex-wrap:wrap;gap:6px;max-width:100%;margin:0;padding:4px;display:inline-flex}.jeu .tirage label{cursor:pointer;position:relative}.jeu .tirage input{opacity:0;cursor:pointer;position:absolute;inset:0}.jeu .tirage span{min-height:36px;color:var(--encre-douce);border-radius:999px;align-items:center;padding:0 16px;font-size:.92rem;font-weight:700;display:inline-flex}.jeu .tirage input:checked+span{color:var(--encre);background:#fff;box-shadow:0 1px 3px #0000002e}.jeu .tirage input:focus-visible+span{outline-offset:2px;outline:3px solid #1d6fd8}.jeu .mesures{gap:20px;margin:0;display:flex}.jeu .mesures div{text-align:center}.jeu .mesures dt{text-transform:uppercase;letter-spacing:.06em;color:var(--encre-douce);font-size:.72rem}.jeu .mesures dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:800}.jeu .zone{background:radial-gradient(circle at 50% 30%, var(--tapis), var(--tapis-sombre));border-radius:16px;padding:clamp(8px,2.4cqw,20px);box-shadow:inset 0 0 0 3px #0000002e;container-type:inline-size}.jeu .tapis{--l:calc((100cqw - (var(--n) - 1) * var(--ecart)) / var(--n));-webkit-user-select:none;user-select:none;touch-action:none;gap:calc(var(--l) * .32);display:grid}.jeu .rangee{grid-template-columns:repeat(var(--n), 1fr);gap:var(--ecart);align-items:start;display:grid}.jeu .pile{width:100%;height:calc(var(--l) * 1.4);border-radius:calc(var(--l) * .1);background:0 0;border:2px dashed #ffffff47;padding:0;display:block;position:relative}.jeu .colonne{height:calc(var(--l) * var(--haut,1.4));border-color:#ffffff24}.jeu .fondation:before{content:attr(data-symbole);font-size:calc(var(--l) * .55);color:#ffffff47;place-items:center;display:grid;position:absolute;inset:0}.jeu .talon{cursor:pointer;background:0 0;border-style:solid}.jeu .talon:not(.vide){background-color:#1b4f8f;background-image:repeating-linear-gradient(45deg,#ffffff29 0 6px,#0000 6px 12px),repeating-linear-gradient(-45deg,#ffffff29 0 6px,#0000 6px 12px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#fff;box-shadow:2px 2px #00000040,4px 4px #00000026}.jeu .talon:after{content:attr(data-restant);text-align:center;color:#fff;font-weight:800;font-size:calc(var(--l) * .26);text-shadow:0 1px 3px #0009;position:absolute;inset:auto 0 6%}.jeu .talon.vide:after{content:"↺";font-size:calc(var(--l) * .6);color:#ffffff8c;text-shadow:none;place-items:center;display:grid;inset:0}.jeu .talon.inactif:after{content:""}.jeu .carte{left:calc(var(--l) * var(--x,0));top:calc(var(--l) * var(--y,0));width:100%;height:calc(var(--l) * 1.4);border-radius:calc(var(--l) * .1);background:var(--carte);cursor:pointer;touch-action:none;border:1px solid #b9b3a2;font-weight:800;line-height:1;position:absolute;box-shadow:0 1px 3px #00000059}.jeu .carte.rouge{color:var(--rouge)}.jeu .carte.noire{color:#17201b}.jeu .carte .coin{top:calc(var(--l) * .06);left:calc(var(--l) * .08);font-size:calc(var(--l) * .28);position:absolute}.jeu .carte .centre{padding-top:calc(var(--l) * .2);font-size:calc(var(--l) * .62);opacity:.9;place-items:center;display:grid;position:absolute;inset:0}.jeu .carte.dos{cursor:default;background-color:#1b4f8f;background-image:repeating-linear-gradient(45deg,#ffffff29 0 6px,#0000 6px 12px),repeating-linear-gradient(-45deg,#ffffff29 0 6px,#0000 6px 12px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#fff}.jeu .carte.en-glisse{z-index:20;pointer-events:none;transition:none;box-shadow:0 8px 18px #00000073}.jeu .carte:focus-visible{outline-offset:1px;z-index:5;outline:3px solid #1d6fd8}.jeu .indice{outline:3px solid var(--accent);outline-offset:2px;z-index:6;animation:.7s ease-in-out 3 pulsation}.jeu .glisse .carte{cursor:grabbing}.jeu .etat{min-height:1.6em;color:var(--encre-douce);margin:10px 0 0;font-weight:600}.jeu .actions{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.jeu .aide{color:var(--encre-douce);margin:4px 0 0;font-size:.92rem}.jeu dialog{border:0;border-radius:16px;max-width:420px;padding:24px 28px;box-shadow:0 20px 60px #0006}.jeu dialog::backdrop{background:#08181099}.jeu dialog h2{margin-top:0}@keyframes pulsation{50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.jeu .indice{animation:none}}