.game-tool-description{margin: 0;max-width: none;color: var(--primary-dark);font-size: 1rem;font-weight: 400;line-height: 1.5}.mm-tool{--mm-accent: var(--outil-accent,#6d3be4);--mm-dark: var(--outil-fonce,#173c6c);--mm-text: #111827;--mm-muted: #667085;--mm-border: #c9b8ff;--mm-border-soft: #e3d9ff;--mm-soft: #f8f5ff;--mm-card: #ffffff;--mm-slot-size: 52px;--mm-color-size: 52px;--mm-mini-size: 28px;--mm-peg-size: 16px;--mm-gap: 12px;width: 100%;max-width: none;margin: 0;color: var(--mm-text)}.mm-tool,.mm-tool *{box-sizing: border-box}.mm-tool .mm-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;margin: 0 0 14px}.mm-tool .mm-header p{margin: 0}.mm-tool .mm-scorebox{flex: 0 0 auto;min-width: 108px;padding: 10px 12px;border: 1px solid #e5e7eb;border-radius: 14px;background: #fafafa;text-align: center}.mm-tool .mm-scorebox span,.mm-tool .mm-scorebox strong{display: block}.mm-tool .mm-scorebox span{color: var(--mm-muted);font-size: 0.8rem}.mm-tool .mm-scorebox strong{color: var(--mm-accent);font-size: 1.35rem;line-height: 1.15}.mm-tool .mm-status{margin: 0 0 18px;padding: 12px 14px;border: 1px solid var(--mm-border-soft);border-radius: 12px;background: var(--mm-soft);color: var(--mm-dark);font-weight: 800}.mm-tool .mm-play-wrap{position: relative}.mm-tool .mm-layout{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(300px,0.95fr);gap: 18px;align-items: stretch}.mm-tool .mm-game-card,.mm-tool .mm-options-panel{min-width: 0;padding: 10px 16px 16px;border: 1px solid var(--mm-border);border-radius: 18px;background: var(--mm-card);box-shadow: 0 12px 34px rgba(15,23,42,0.055)}.mm-tool .mm-game-card>h3,.mm-tool .mm-options-panel>h3{margin: 0 0 6px;color: var(--mm-accent);font-size: 1.08rem;font-weight: 900;line-height: 1.15;text-align: center}.mm-tool #mm-current-title,.mm-tool #mm-history-title,.mm-tool #mm-options-title{display: block;width: 100%;margin: 0 0 6px !important;padding: 0 !important;color: var(--mm-accent) !important;font-size: 1.08rem !important;font-weight: 900 !important;line-height: 1.15 !important;text-align: center !important}.mm-tool .mm-current{display: grid;grid-template-columns: repeat(var(--mm-code-length,5),var(--mm-slot-size));justify-content: center;align-items: center;gap: var(--mm-gap);min-height: 88px;margin: 0 0 12px;padding: 16px 14px;border: 1px solid var(--mm-border-soft);border-radius: 16px;background: var(--mm-soft)}.mm-tool .mm-slot,.mm-tool .mm-color,.mm-tool .mm-mini,.mm-tool .mm-peg{--mm-color: transparent}.mm-tool .mm-color-red{--mm-color: #ef4444}.mm-tool .mm-color-orange{--mm-color: #f59e0b}.mm-tool .mm-color-green{--mm-color: #22c55e}.mm-tool .mm-color-blue{--mm-color: #3b82f6}.mm-tool .mm-color-purple{--mm-color: #a855f7}.mm-tool .mm-color-pink{--mm-color: #f472b6}.mm-tool .mm-peg-black{--mm-color: #111827}.mm-tool .mm-peg-white{--mm-color: #ffffff}.mm-tool .mm-slot{display: inline-grid;place-items: center;width: var(--mm-slot-size);height: var(--mm-slot-size);min-width: 0;padding: 0;border: 2px dashed var(--mm-border);border-radius: 50%;background: #fff;cursor: pointer;transition: transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease}.mm-tool .mm-slot::before{content: "";width: 44%;height: 44%;border-radius: 50%;background: #e9d5ff}.mm-tool .mm-slot.is-filled{border-style: solid;border-color: rgba(17,24,39,0.12);background: var(--mm-color);box-shadow: inset 0 0 0 4px rgba(255,255,255,0.48),0 7px 16px rgba(17,24,39,0.12)}.mm-tool .mm-slot.is-filled::before{display: none}.mm-tool .mm-palette{display: grid;grid-template-columns: repeat(6,var(--mm-color-size));justify-content: center;align-items: center;gap: var(--mm-gap);width: 100%;min-height: calc(var(--mm-color-size) + 32px);margin: 0;padding: 16px 8px}.mm-tool .mm-color{display: block;width: var(--mm-color-size);height: var(--mm-color-size);min-width: 0;padding: 0;border: 0;border-radius: 50%;background: var(--mm-color);cursor: pointer;box-shadow: inset 0 0 0 4px rgba(255,255,255,0.5),0 0 0 1px rgba(15,23,42,0.14);transition: transform 0.15s ease,opacity 0.15s ease,box-shadow 0.15s ease}.mm-tool .mm-color.is-used{opacity: 0.38}.mm-tool .mm-slot:hover:not(:disabled),.mm-tool .mm-color:hover:not(:disabled){transform: translateY(-2px)}.mm-tool .mm-slot:disabled,.mm-tool .mm-color:disabled{cursor: not-allowed;opacity: 0.5;transform: none}.mm-tool .mm-slot:focus-visible,.mm-tool .mm-color:focus-visible,.mm-tool .mm-segment:focus-visible{outline: 3px solid rgba(124,58,237,0.38);outline-offset: 2px}.mm-tool .mm-controls{display: grid;justify-content: center;align-items: center;gap: 12px;width: 100%;margin-inline: auto}.mm-tool .mm-controls-top{grid-template-columns: minmax(190px,270px);margin: 2px auto 10px}.mm-tool .mm-controls-bottom{grid-template-columns: repeat(2,minmax(150px,230px));margin: 8px auto 0}.mm-tool .mm-controls .bouton{width: 100%;min-width: 0;min-height: 48px;margin: 0;padding: 12px 18px;border-radius: 12px;font-size: 1rem;font-weight: 900;line-height: 1.1;text-align: center;cursor: pointer}.mm-tool .mm-controls .mm-btn-secondary{width: 100%;justify-self: center}.mm-tool .mm-controls .bouton:disabled{cursor: not-allowed;opacity: 0.45;transform: none;pointer-events: none}.mm-tool .mm-history-card{min-height: 100%}.mm-tool .mm-history{display: grid;gap: 10px;min-height: 64px;margin: 0 0 12px}.mm-tool .mm-history-empty{margin: 0;padding: 16px;border: 1px dashed var(--mm-border-soft);border-radius: 14px;color: var(--mm-muted);font-weight: 700;text-align: center}.mm-tool .mm-row{display: grid;grid-template-columns: max-content max-content max-content;justify-content: center;align-items: center;gap: 14px;padding: 12px;border: 1px solid #e5e7eb;border-radius: 14px;background: #fafafa}.mm-tool .mm-row-index{color: var(--mm-muted);font-size: 0.8rem;font-weight: 900;white-space: nowrap}.mm-tool .mm-guess,.mm-tool .mm-pegs{display: grid;align-items: center;gap: 6px}.mm-tool .mm-guess{grid-template-columns: repeat(var(--mm-code-length,5),var(--mm-mini-size))}.mm-tool .mm-pegs{grid-template-columns: repeat(var(--mm-code-length,5),var(--mm-peg-size))}.mm-tool .mm-mini{width: var(--mm-mini-size);height: var(--mm-mini-size);border-radius: 50%;background: var(--mm-color);box-shadow: inset 0 0 0 3px rgba(255,255,255,0.45),0 0 0 1px rgba(15,23,42,0.12)}.mm-tool .mm-peg{width: var(--mm-peg-size);height: var(--mm-peg-size);border: 1px solid rgba(15,23,42,0.18);border-radius: 50%;background: var(--mm-color)}.mm-tool .mm-peg-white{box-shadow: inset 0 0 0 1px #cbd5e1}.mm-tool .mm-peg-empty{background: #f5f7fa;border: 1px dashed #cbd5e1;opacity: 0.8;box-shadow: none}.mm-tool .mm-help{margin: 0;color: var(--mm-muted);line-height: 1.45}.mm-tool .mm-stats{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;margin: 18px 0 0}.mm-tool .mm-stat{padding: 12px;border: 1px solid #e5e7eb;border-radius: 14px;background: #fafafa;text-align: center}.mm-tool .mm-stat strong,.mm-tool .mm-stat span{display: block}.mm-tool .mm-stat strong{color: var(--mm-accent);font-size: 1.35rem;line-height: 1.1}.mm-tool .mm-stat span{margin-top: 5px;color: var(--mm-muted);font-size: 0.85rem;font-weight: 800}.mm-tool .mm-options-panel{margin-top: 18px;background: var(--mm-soft)}.mm-tool .mm-options-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;align-items: end}.mm-tool .mm-option-group{min-width: 0;margin: 0;padding: 0;border: 0;text-align: center}.mm-tool .mm-option-group legend{display: block;width: 100%;margin: 0 0 6px;padding: 0;color: var(--mm-accent);font-size: 0.95rem;font-weight: 900;line-height: 1.2;text-align: center}.mm-tool .mm-segmented{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));width: 100%;padding: 4px;border: 1px solid var(--mm-border);border-radius: 14px;background: #fff}.mm-tool .mm-segmented-repeat{grid-template-columns: repeat(2,minmax(0,1fr))}.mm-tool .mm-segment{display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 0;min-height: 46px;padding: 7px 10px;border: 0;border-radius: 10px;background: transparent;color: var(--mm-accent);font: inherit;font-weight: 850;line-height: 1.1;cursor: pointer}.mm-tool .mm-segment small{margin-top: 3px;color: var(--mm-muted);font-size: 0.72rem;font-weight: 700}.mm-tool .mm-segment.is-active{background: var(--mm-accent);color: #fff}.mm-tool .mm-segment.is-active small{color: rgba(255,255,255,0.84)}.mm-tool .mm-segment:hover:not(:disabled),.mm-tool .mm-segment:focus-visible:not(:disabled){background: #f0eaff}.mm-tool .mm-segment.is-active:hover:not(:disabled),.mm-tool .mm-segment.is-active:focus-visible:not(:disabled){background: #7c4dff;color: #fff}.mm-tool .mm-segment:disabled{cursor: not-allowed;opacity: 0.55}.mm-tool .mm-overlay{position: absolute;inset: 0;z-index: 20;display: flex;align-items: center;justify-content: center;padding: 22px;border-radius: 18px;background: rgba(17,24,39,0.34);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.18s ease,visibility 0.18s ease}.mm-tool .mm-overlay.is-visible{opacity: 1;visibility: visible}.mm-tool .mm-overlay-box{width: min(90%,520px);max-width: calc(100% - 24px);padding: 18px 22px;border: 3px solid #fff;border-radius: 18px;background: rgba(255,255,255,0.97);color: var(--mm-accent);text-align: center;box-shadow: 0 18px 50px rgba(0,0,0,0.35);overflow: hidden}.mm-tool .mm-overlay-box strong{display: block;max-width: 100%;margin: 0 auto;font-size: clamp(1.8rem,4.5vw,3rem);font-weight: 950;line-height: 1;letter-spacing: -0.03em;text-align: center;overflow-wrap: anywhere}.mm-tool .mm-overlay-box>span{display: block;margin-top: 10px;color: var(--mm-dark);font-size: clamp(1rem,3vw,1.45rem);font-weight: 900}.mm-tool .mm-overlay-solution{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin-top: 14px}.mm-tool .mm-overlay-solution .mm-mini{width: 34px;height: 34px}@media (max-width: 980px){.mm-tool{--mm-slot-size: 46px;--mm-color-size: 46px;--mm-mini-size: 26px;--mm-peg-size: 15px;--mm-gap: 9px}.mm-tool .mm-layout{grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}.mm-tool .mm-game-card,.mm-tool .mm-options-panel{padding: 9px 14px 14px}.mm-tool .mm-palette{min-height: calc(var(--mm-color-size) + 30px);padding: 15px 4px}.mm-tool .mm-row{gap: 9px;padding: 10px}.mm-tool .mm-options-grid{gap: 12px}}@media (max-width: 760px){.mm-tool .mm-layout{grid-template-columns: 1fr}.mm-tool .mm-history-card{min-height: 0}.mm-tool .mm-options-grid{grid-template-columns: 1fr;gap: 14px}}@media (max-width: 560px){.mm-tool{--mm-slot-size: clamp(32px,9.5vw,42px);--mm-color-size: clamp(36px,10vw,43px);--mm-mini-size: 24px;--mm-peg-size: 14px;--mm-gap: 7px}.mm-tool .mm-header{flex-direction: column}.mm-tool .mm-scorebox{width: 100%}.mm-tool .mm-game-card,.mm-tool .mm-options-panel{padding: 8px 12px 12px;border-radius: 16px}.mm-tool .mm-game-card>h3,.mm-tool .mm-options-panel>h3{margin-bottom: 5px;font-size: 1.2rem}.mm-tool .mm-current{min-height: 72px;padding: 12px 8px}.mm-tool .mm-palette{gap: 6px;min-height: calc(var(--mm-color-size) + 28px);padding: 14px 2px}.mm-tool .mm-controls{gap: 9px}.mm-tool .mm-controls-top{grid-template-columns: minmax(170px,240px);margin-bottom: 9px}.mm-tool .mm-controls-bottom{grid-template-columns: repeat(2,minmax(0,1fr));width: min(100%,430px);margin-top: 7px}.mm-tool .mm-controls .bouton{min-height: 46px;padding: 11px 10px;border-radius: 10px;font-size: 0.96rem}.mm-tool .mm-controls .mm-btn-secondary{width: 100%;min-width: 0}.mm-tool .mm-row{grid-template-columns: 1fr auto;grid-template-areas: "index index" "guess pegs";justify-content: stretch;gap: 8px 10px;padding: 11px 12px}.mm-tool .mm-row-index{grid-area: index;text-align: left}.mm-tool .mm-guess{grid-area: guess;justify-content: start}.mm-tool .mm-pegs{grid-area: pegs;justify-content: end}.mm-tool .mm-help{font-size: 0.95rem}.mm-tool .mm-stats{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.mm-tool .mm-stat{padding: 10px 8px}.mm-tool .mm-option-group legend{margin-bottom: 7px}.mm-tool .mm-overlay{padding: 14px}.mm-tool .mm-overlay-box{width: min(94%,420px);max-width: calc(100% - 16px);padding: 14px 16px;border-radius: 14px}.mm-tool .mm-overlay-box strong{font-size: clamp(1.55rem,8vw,2.35rem)}}@media (max-width: 380px){.mm-tool .mm-controls-bottom{grid-template-columns: 1fr;width: min(100%,240px)}.mm-tool{--mm-slot-size: clamp(29px,9vw,38px);--mm-color-size: clamp(31px,9.6vw,39px);--mm-mini-size: 22px;--mm-peg-size: 13px;--mm-gap: 5px}.mm-tool .mm-palette{gap: 5px;min-height: calc(var(--mm-color-size) + 24px);padding: 12px 0}.mm-tool .mm-controls .bouton{font-size: 0.92rem}.mm-tool .mm-row{gap: 7px 8px;padding: 10px}}@media (prefers-reduced-motion: reduce){.mm-tool .mm-slot,.mm-tool .mm-color,.mm-tool .mm-overlay{transition: none}.mm-tool .mm-slot:hover:not(:disabled),.mm-tool .mm-color:hover:not(:disabled){transform: none}}