.jeu-wrap{padding-bottom:60px}.panneau{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff;margin-bottom:22px;padding:26px}.panneau>h2{color:var(--navy);margin:0 0 6px;font-size:24px}.sous{color:var(--slate);margin:0 0 18px}.tuto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0;display:grid}.tuto-item{border:1px solid var(--line);background:#f6f9fc;border-radius:10px;padding:16px}.tuto-item .num{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-bottom:8px;font-size:14px;font-weight:800;display:inline-grid}.tuto-item h3{color:var(--navy);margin:0 0 4px;font-size:16px}.tuto-item p{color:var(--slate);margin:0;font-size:14.5px}.tuto-note{border-left:3px solid var(--amber,#f2a900);background:#fff8e6;border-radius:6px;margin-bottom:18px;padding:12px 14px;font-size:14.5px}.btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:700}.btn-primary:hover{background:var(--blue-d)}.btn-ghost{color:var(--navy);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:14.5px;font-weight:600}.btn-ghost:hover:not(:disabled){border-color:var(--blue);color:var(--blue-d)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.barre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.progression{color:var(--slate);font-size:14.5px}.progression span{color:var(--navy);font-weight:800}.jauge{background:#e6edf4;border-radius:4px;width:190px;height:6px;margin-top:6px;overflow:hidden}#jauge-fill{background:var(--blue);width:0;height:100%;transition:width .3s}.actions{gap:8px;display:flex}.message{border-radius:8px;min-height:22px;margin-bottom:14px;padding:0;font-size:14.5px;transition:all .15s}.message.ok,.message.erreur,.message.info{padding:11px 14px}.message.ok{color:#14503a;background:#e8f8f0;border-left:3px solid #2ec27e}.message.erreur{color:#6d1f2e;background:#fdecef;border-left:3px solid #d4657a}.message.info{border-left:3px solid var(--blue);color:#0d3a52;background:#eaf4fb}.plateau-scroll{padding-bottom:6px;overflow-x:auto}.jeu-wrap .plateau{background:#e3ebf2;border-radius:10px;gap:7px;min-width:680px;padding:7px;display:grid}.jeu-wrap .cycle-tete{border:1px solid var(--line);border-left:4px solid var(--blue);background:#f6f9fc;border-radius:8px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.jeu-wrap .cycle-pastille{background:var(--navy);color:#fff;border-radius:20px;flex:none;padding:4px 11px;font-size:12.5px;font-weight:800}.jeu-wrap .cycle-tete b{color:var(--navy);font-size:16px;display:block}.jeu-wrap .cycle-tete span{color:var(--slate);font-size:13.5px}.jeu-wrap .btn-inline{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;margin-left:6px;padding:6px 13px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-block}.jeu-wrap .btn-inline:hover{background:var(--blue-d)}.jeu-wrap .suite-cycle{text-align:center;background:linear-gradient(135deg,#eef7fb,#e9f6f3);border:1px solid #cfe6ec;border-radius:10px;margin-top:18px;padding:18px 20px}.jeu-wrap .suite-cycle p{color:var(--slate);margin:0 0 14px;font-size:15.5px}.jeu-wrap .suite-cycle b{color:var(--navy)}.jeu-wrap .riba-vide{background:0 0}.jeu-wrap .riba{background:var(--c,#334f6b);color:#fff;border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 12px;display:flex}.jeu-wrap .riba b{letter-spacing:.02em;font-size:13px}.jeu-wrap .riba span{opacity:.78;font-size:11.5px}.coin,.th,.rh{background:var(--navy);color:#fff;border-radius:8px;flex-direction:column;justify-content:center;padding:10px 12px;display:flex}.coin{background:#1c2f42}.th b,.rh b,.coin b{font-size:14px}.th span,.rh span,.coin span{opacity:.72;margin-top:2px;font-size:11.5px;line-height:1.3}.rh{background:var(--c,var(--navy))}.jeu-wrap .cell{cursor:pointer;background:#f4f8fb;border:2px solid #c3d3e2;border-radius:8px;flex-direction:column;gap:5px;min-height:96px;padding:7px;transition:all .14s;display:flex}.jeu-wrap .cell.vide{cursor:default;background:repeating-linear-gradient(45deg,#f7f9fb,#f7f9fb 6px,#eef2f6 6px 12px);border-style:dashed;border-color:#d8e2ea}.jeu-wrap .rien{color:#9fb2c4;text-align:center;margin:auto;font-size:11.5px;font-style:italic}.jeu-wrap .attendu{color:#7d93a8;background:#e8eff6;border-radius:20px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:600}.cell.dispo{border-color:var(--blue);background:#eef7fd}.cell.dispo:hover{background:#dceffb;transform:translateY(-2px)}.cell.pleine{opacity:1;background:#fff;border-style:solid;border-color:#cfdbe6}.cell.secoue{border-color:#d4657a;animation:.4s secoue}@keyframes secoue{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.jeu-wrap .tuile{border:1px solid #dbe4ec;border-left:4px solid var(--c,#2ec27e);color:var(--navy);cursor:help;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12.5px;line-height:1.25;display:flex}.jeu-wrap .tuile .ico{flex:none}.jeu-wrap .tuile.aide{background:#fff8e6;border-color:#f0d493}.jeu-wrap .tuile b{font-weight:700}.main-zone{margin-top:24px}.main-zone h3{color:var(--navy);margin:0 0 10px;font-size:17px}.pill{color:var(--slate);background:#eef3f8;border-radius:20px;margin-left:6px;padding:2px 10px;font-size:12.5px;font-weight:600}.detail{border:1px solid var(--line);border-left:3px solid var(--blue);background:#f6f9fc;border-radius:8px;margin-bottom:12px;padding:12px 14px;font-size:14.5px}.jeu-wrap .detail{border-left-color:var(--c,var(--blue))}.jeu-wrap .detail-tete{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jeu-wrap .detail b{color:var(--navy)}.jeu-wrap .tag-fam{color:#fff;background:var(--c,var(--blue));text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.jeu-wrap .detail p{color:var(--slate);margin:6px 0 0}.jeu-wrap .main{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.jeu-wrap .groupe{border:1px solid var(--line);border-top:3px solid var(--c,var(--blue));background:#fcfdfe;border-radius:10px;padding:12px}.jeu-wrap .groupe-tete{align-items:center;gap:7px;margin-bottom:9px;display:flex}.jeu-wrap .groupe-tete b{color:var(--navy);font-size:14px}.jeu-wrap .groupe-tete span{color:var(--slate);font-size:12px}.jeu-wrap .groupe-tete span:before{content:"· "}.jeu-wrap .groupe-cartes{flex-direction:column;gap:6px;display:flex}.jeu-wrap .carte{border:1px solid var(--line);border-left:4px solid var(--c,#cfd8e3);cursor:pointer;text-align:left;background:#fff;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 11px;font-family:inherit;transition:all .14s;display:flex}.jeu-wrap .carte .ico{flex:none}.jeu-wrap .carte .txt{flex-direction:column;min-width:0;display:flex}.jeu-wrap .carte b{color:var(--navy);font-size:14px;line-height:1.25}.jeu-wrap .carte .txt>span{color:var(--slate);margin-top:2px;font-size:11.5px;line-height:1.3}.jeu-wrap .carte:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translate(2px)}.jeu-wrap .carte.on{background:#eaf4fb;box-shadow:0 0 0 2px #0696d74d}.etats-cible{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px;display:grid}.slot{cursor:pointer;background:#f4f8fb;border:1.5px dashed #cfdbe6;border-radius:8px;flex-direction:column;gap:4px;min-height:88px;padding:10px;display:flex}.slot .rang{color:#9fb2c4;font-size:20px;font-weight:800}.slot.ok{background:#e8f8f0;border-style:solid;border-color:#9ad9bb}.slot.ok b{color:#14503a;font-size:15px}.slot.ok span{color:#2a6b52;font-size:12.5px}.slot.secoue{border-color:#d4657a;animation:.4s secoue}.etats-main{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.etat{border:1px solid var(--line);cursor:pointer;color:var(--navy);background:#fff;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14.5px}.etat:hover{border-color:var(--blue)}.etat.on{border-color:var(--blue);background:#eaf4fb;box-shadow:0 0 0 2px #0696d740}.colle{border:1px solid var(--line);background:#f6f9fc;border-radius:10px;padding:18px}.colle .q{margin:0 0 12px}#reveal{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}#reveal h3{color:var(--navy);margin:0 0 2px;font-size:18px}#reveal .quand{color:var(--blue-d);margin:0 0 8px;font-size:13px;font-weight:600}#reveal p{color:var(--slate);margin:0;font-size:15px}.suite{margin-top:20px}.suite h3{color:var(--navy);margin:0 0 6px;font-size:17px}.suite p{color:var(--slate);margin:0}.credit{color:var(--slate);text-align:center;border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-size:13px}@media (width<=640px){.panneau{padding:18px 14px}.carte{flex:100%;max-width:100%}}