.game-tool-description{color: var(--primary-dark);margin: 0;max-width: none;font-size: 1rem;font-weight: 400;line-height: 1.5}.mp-tool{--mp-accent: var(--outil-accent,#7c3aed);--mp-dark: var(--outil-fonce,#173c6c);--mp-border: #c4b5fd;--mp-soft: #f8f5ff;--mp-soft-2: #f3edff;--mp-text: #111827;--mp-muted: #6b7280;width: 100%;max-width: none;margin: 0;color: var(--mp-text)}.mp-tool *{box-sizing: border-box}.mp-header{display: flex;justify-content: space-between;gap: 16px;align-items: flex-start;margin-bottom: 16px}.mp-header h2{margin: 0 0 6px;color: var(--mp-accent);font-size: 1.55rem}.mp-header p{margin: 0;color: var(--mp-muted);line-height: 1.45}.mp-scorebox{min-width: 92px;border: 1px solid #e5e7eb;border-radius: 14px;padding: 10px 12px;text-align: center;background: #fafafa}.mp-scorebox span{display: block;color: var(--mp-muted);font-size: 0.8rem}.mp-scorebox strong{display: block;color: var(--mp-accent);font-size: 1.7rem;line-height: 1.1}.mp-status{margin: 14px 0 18px;padding: 12px 14px;border: 1px solid #ddd1ff;border-radius: 12px;background: var(--mp-soft);color: var(--mp-dark);font-weight: 800}.mp-board-wrap{position: relative;width: min(100%,430px);margin: 0 auto}.mp-board{display: grid;grid-template-rows: repeat(3,minmax(0,1fr));gap: 12px;width: 100%;aspect-ratio: 1;padding: 12px;border-radius: 22px;background: #111827;box-shadow: 0 10px 26px rgba(17,24,39,0.16)}.mp-row{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;min-width: 0;min-height: 0}.mp-cell{display: grid;place-items: center;aspect-ratio: 1;border: 0;border-radius: 16px;background: #fff;color: var(--mp-accent);font-size: clamp(2.4rem,12vw,4.5rem);font-weight: 950;line-height: 1;cursor: pointer;user-select: none;transition: transform 0.12s ease,background 0.12s ease,color 0.12s ease,box-shadow 0.12s ease,opacity 0.12s ease}.mp-cell:hover:not(:disabled){transform: translateY(-2px);background: var(--mp-soft-2)}.mp-cell:focus-visible{outline: 3px solid rgba(255,255,255,0.75);outline-offset: -6px;box-shadow: inset 0 0 0 3px rgba(124,58,237,0.45)}.mp-cell[data-mark="X"]{color: var(--mp-accent)}.mp-cell[data-mark="O"]{color: var(--mp-dark)}.mp-cell[data-mark]:not(.is-win){background: #fff}.mp-cell.is-disabled[data-mark]{opacity: 1}.mp-cell.is-win{background: #fef3c7;color: #7c3aed;box-shadow: inset 0 0 0 4px #fcd34d}.mp-cell:disabled{cursor: default}.mp-cell.is-disabled{opacity: 0.72}.mp-overlay{position: absolute;inset: 0;z-index: 20;display: flex;align-items: center;justify-content: center;padding: 22px;border-radius: 22px;background: rgba(17,24,39,0.34);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.18s ease,visibility 0.18s ease}.mp-overlay.is-visible{opacity: 1;visibility: visible}.mp-overlay-box{min-width: min(78%,320px);padding: 18px 22px;border: 3px solid #fff;border-radius: 18px;background: rgba(255,255,255,0.96);color: var(--mp-accent);text-align: center;box-shadow: 0 18px 50px rgba(0,0,0,0.35);transform: scale(0.94);transition: transform 0.18s ease}.mp-overlay.is-visible .mp-overlay-box{transform: scale(1)}.mp-overlay-box strong{display: block;font-size: clamp(2rem,8vw,4rem);font-weight: 950;line-height: 1;letter-spacing: -0.04em}.mp-overlay-box span{display: block;margin-top: 10px;color: var(--mp-dark);font-size: clamp(1rem,3.2vw,1.5rem);font-weight: 900}.mp-actions{display: flex;flex-wrap: wrap;gap: 14px;justify-content: center;margin-top: 18px}.mp-actions .bouton{min-width: 170px;min-height: 52px;padding: 14px 22px;border-radius: 999px;font-size: 1.05rem;font-weight: 900;line-height: 1.1;cursor: pointer}.mp-actions .bouton:disabled{opacity: 0.45;cursor: not-allowed;transform: none}.mp-score{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin: 18px 0 0}.mp-stat{border: 1px solid #e5e7eb;border-radius: 14px;padding: 12px;background: #fafafa;text-align: center}.mp-stat strong{display: block;color: var(--mp-accent);font-size: 1.35rem;line-height: 1.1}.mp-stat span{display: block;margin-top: 5px;color: var(--mp-muted);font-size: 0.85rem;font-weight: 800}.mp-options-panel{margin: 22px 0 0;padding: 18px;border: 1px solid var(--mp-border);border-radius: 18px;background: var(--mp-soft)}.mp-options-panel h3{margin: 0 0 14px;color: var(--mp-accent);font-size: 1.3rem;font-weight: 900}.mp-options-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;align-items: end}.mp-option-group{min-width: 0;margin: 0;padding: 0;border: 0}.mp-option-group[hidden]{display: none}.mp-option-group legend{margin: 0 0 8px;color: var(--mp-dark);font-size: 0.95rem;font-weight: 800}.mp-segmented{display: inline-grid;grid-template-columns: repeat(2,minmax(0,1fr));width: 100%;padding: 4px;border: 1px solid var(--mp-border);border-radius: 14px;background: #fff}.mp-segment{display: flex;align-items: center;justify-content: center;min-height: 46px;padding: 7px 10px;border: 0;border-radius: 10px;background: transparent;color: var(--mp-dark);font: inherit;font-weight: 850;line-height: 1.1;cursor: pointer}.mp-segment.is-active{background: var(--mp-accent);color: #fff}.mp-segment:hover:not(:disabled),.mp-segment:focus-visible:not(:disabled){background: var(--mp-soft-2);color: var(--mp-accent)}.mp-segment.is-active:hover:not(:disabled),.mp-segment.is-active:focus-visible:not(:disabled){background: #7c4dff;color: #fff}.mp-segment:focus-visible{outline: 2px solid rgba(124,58,237,0.45);outline-offset: 2px}.mp-segment:disabled{opacity: 0.55;cursor: not-allowed}.mp-help{margin: 16px 0 0;color: var(--mp-muted);line-height: 1.45}@media (max-width: 760px){.mp-header{flex-direction: column}.mp-scorebox{width: 100%}.mp-board-wrap{width: min(100%,420px)}.mp-options-grid{grid-template-columns: 1fr}}@media (max-width: 560px){.mp-board{gap: 8px;padding: 8px;border-radius: 18px}.mp-row{gap: 8px}.mp-cell{border-radius: 12px;font-size: clamp(2.3rem,18vw,4rem)}.mp-actions{gap: 12px;margin-top: 20px}.mp-actions .bouton{min-width: 0;width: 100%;min-height: 58px;padding: 16px 20px;font-size: 1.12rem}.mp-score{grid-template-columns: 1fr}.mp-options-panel{padding: 16px}.mp-overlay{padding: 14px;border-radius: 18px}.mp-overlay-box{min-width: 82%;padding: 14px 16px;border-radius: 14px}}@media (prefers-reduced-motion: reduce){.mp-cell,.mp-overlay,.mp-overlay-box{transition: none}.mp-cell:hover:not(:disabled){transform: none}}